Като дизайнери, ние обичаме света на типографията и затова много от нашите публикации са фокусирани върху тази тема. Обхванали сме всичко - от историята на шрифтовете до печелившите комбинации. Днес ще поговорим за това как да идентифицираме шрифта, който използва даден уебсайт , защото няма по-добър начин да намерим вдъхновение от това да разгледаме работата на други творци.
Сигурен съм, че сте посещавали различни уебсайтове няколко пъти и сте били впечатлени от тяхната естетика и типографски избори . Както споменахме в много публикации, типографията е мощен елемент, който ни помага да се изразим като дизайнери. Има безброй шрифтове, които могат да бъдат намерени на различни уебсайтове, а тяхната цел диктува кой типографски стил ще бъде избран.
Няма да е първият или последният път, когато посещавате уебсайт и сте привлечени от даден шрифт, чувствайки нужда да знаете неговото семейство шрифтове, за да можете да го добавите към личната си колекция от типографии. В тази публикация ще ви покажем някои методи, които ще ви помогнат да откриете шрифта, който ви е привлякъл вниманието.
Вариант за търсене 1: Използване на изображения
Първият метод, който споменахме, трябва да се използва само ако нямате достъп до уебсайта. Ако имате екранна снимка на шрифта, който ви е привлякъл вниманието, вероятно няма да намерите точния шрифт, а по-скоро подобен. Ако искате да знаете кой шрифт използва дадена марка, идеално е изображението или векторният формат да са налични.
Онлайн платформата, до която трябва да получите достъп, е MyFonts, по-специално инструментът, наречен WhatTheFonts . Този инструмент е разширение за браузър, което ще ви позволи да намерите шрифта, който търсите . Просто качете заснетото изображение на техния уебсайт и програмата ще ви попита кой текст искате да анализирате. След като го изберете, ще ви покаже различни шрифтове, подобни на този на екранната снимка.
Включихме пример, използващ логото на Facebook. Имайте предвид, че този процес може да е малко досаден и може да не доведе до точния шрифт, тъй като този инструмент е ограничен от вътрешната си библиотека с шрифтове.
Вариант за търсене 2: Инспектор на браузъра
Във втората опция за намиране на шрифта на уебсайт ще използваме инспектора на уеб браузър. Тази опция е една от най-популярните сред графичните и уеб дизайнерите. В този случай ще се възползваме максимално от този инструмент, с който някои от вас може би не са запознати.
Първо, нека направим разлика между различните браузъри, по-точно два. От една страна, имаме Chrome и други браузъри, базирани на Chromium, а от друга страна, имаме Firefox. Обърнете внимание, че независимо от браузъра, който използвате, пряката връзка за достъп до инспектора е винаги една и съща: Ctrl+Shift+I.
Ако използвате Chrome , отварянето на инспектора ще покаже три различни панела. Ще трябва да намерите текста, използван на уебсайта, за да определите кой шрифт се използва. Във втория панел намерете и изберете опцията „Computed“ (Изчислено). След това потърсете „Font - family“ (Семейство шрифтове) и ще видите името на семейството шрифтове, посочено до него.
На следващото изображение ви оставяме как ще изглежда тази информация, която току-що ви казахме. В допълнение към данните за използвания шрифт се появяват и други важни данни като размер, цвят, тегло и т.н.
От друга страна, ако използвате браузъра Mozilla Firefox, процесът е подобен на този, който току-що видяхме с Chrome ; единствената разлика е, че информацията, която търсим, се показва в различна област. В този браузър има специален раздел за стиловете на шрифтове, използвани на уебсайт.
Както преди, ще отворите инспектора, използвайки същия пряк път, който споменахме, и отново ще се появят три различни панела. Отидете на този с раздел, обозначен като „Шрифтове“. Както подсказва името, цялата необходима информация се намира там. Има раздел, наречен „Всички шрифтове на страницата“, който показва списък с всички шрифтове.
В този случай е възможно да се променят различни параметри на типографията с помощта на инструменти за измерване . Това ви позволява да експериментирате с това как би изглеждала типографията с някои промени, как би изглеждала различно.
Опция за търсене 3: използване на плъгини
Последната опция, която ще ви покажем, е сравнително нов метод и вероятно най-рядко използваният, защото е толкова нов. Той включва търсене на шрифтове за уебсайтове с помощта на плъгини за браузъри.
Има хиляди плъгини, които можете да добавите към устройствата си, за да изпълнявате специфични задачи и да отговаряте на различни нужди. Тази опция със сигурност ще се превърне в една от любимите ви благодарение на своята простота. Препоръчваме Fontface Ninja, WhatTheFonts или Visbug.
След като инсталирате избрания плъгин в браузъра си, просто кликнете върху неговата икона и меню с опции веднага ще се появи от лявата страна на екрана. Ако кликнете върху втората икона в това меню, просто преместете курсора на мишката върху текстовата област, която искате да анализирате, и автоматично ще се появи информационен прозорец за този шрифт.
И в тази опция, както и в предишните две, се показва информация за цвета, дебелината, размера на реда и т.н. на шрифта. Това е много полезен инструмент за любителите на типографията, които искат да разберат за секунди кой шрифт им е привлякъл вниманието.
Успяхте да видите в тази публикация, че има три много прости опции за търсене, за да разберете какъв шрифт се използва на уеб страница. Просто трябва да изберете опцията, която ви подхожда най-добре и е удобна за работа. В много случаи тези инструменти за търсене ще облекчат работното ви натоварване и ще ви помогнат да създадете атрактивни дизайни.