Как да разберете типографията на уеб страница

Познайте уебсайт за типография

Като дизайнери обичаме света на типографията и затова много от нашите публикации говорят за него. Говорихме от историята зад един шрифт до печелившите комбинации. Днес ще говорим за това как знаете какъв шрифт има уеб страницата., защото няма по-добър начин да се вдъхновите от търсенето на препратки в работата на други творци.

Със сигурност на няколко пъти сте влизали в различни уеб портали и естетиката и типографският избор са привлекли вниманието ви. Както вече посочихме в много публикации, типографията е много мощен елемент, който ни помага да изразим себе си като дизайнери. Има безкрайно много шрифтове, които можем да намерим на различни уебсайтове, в зависимост от предназначението им, те избират един или друг типографски стил.

Няма да е първият или последният път, когато влизате в уеб страница и сте привлечени от шрифт и изпитвате нужда да знаете какво семейство е, за да го добавите към личния си типографски каталог. В тази публикация, Ще ви научим на някои методи, за да можете да откриете коя е тази типография, която е привлякла вниманието ви.

Вариант за търсене 1: Използване на изображения

Първият метод, който ви посочваме, Препоръчваме ви да го използвате само ако нямате достъп до уебсайта. Ако имате екранна снимка на шрифта който е привлякъл вниманието ви, вероятно няма да се случи с точния шрифт, но ще се появи подобен. В случай, че искате да знаете какъв шрифт използва дадена марка, идеално е, ако е в графичен или векторен формат.

Онлайн платформата, до която трябва да получите достъп, е MyFonts, а инструментът, чието име е WhatTheFonts. Този инструмент е разширение, което ще ви даде възможността да знаете шрифта, който търсите. Всичко, което трябва да направите, е да качите заснетото изображение на неговия уебсайт, след което програмата ще ви попита какъв текст искате да анализирате. След като бъде избран, той ще ви каже различните шрифтове, подобни на тези на екранната снимка.

Оставяме ви пример с логото на Facebook. Отчитаме, че този процес може да бъде малко досаден и че в резултат не ви дава точната типография. тъй като този инструмент е ограничен от вътрешната си библиотека с шрифтове.

Търсене във Facebook

Вариант за търсене 2: Инспектор на браузъра

В тази втора опция за търсене на типографията на уеб страница, ние избрахме да използваме инспектора от уеб браузър. Тази опция е една от най-използваните от дизайнерите. графични и уеб дизайнери. В този случай ще извлечем много от този инструмент, за което може би някои от вас не са знаели.

На първо място, ще направим разлика между различните браузъри, по-специално между два. От една страна намираме Chrome и други базирани на Chromium браузъри, а от друга страна поставяме Firefox. посочете, че Който и браузър да използвате, винаги ще използвате един и същ пряк път за достъп до инспектора, Ctrl+Shift+I.

Ако използвате ChromeКогато отворите опцията за инспектор, се появяват три различни панела. Ще трябва да потърсите текста, който се използва в мрежата, за да разберете какъв шрифт се използва. Във втория панел, който ви е представен, потърсете и Изберете опцията „Изчислено“. След това ще потърсите „Шрифт – семейство“ и както можете да видите името на типографското семейство се появява до него.

На следващото изображение ви оставяме как ще изглежда тази информация, която току-що ви казахме. В допълнение към данните за използвания шрифт се появяват и други важни данни като размер, цвят, тегло и т.н.

google checker

Освен това, Ако използвате браузъра Mozilla Firefox, процесът е подобен на този, който току-що видяхме с Chrome, единственото нещо, което се променя е, че информацията, която търсим, се появява в друга област. В този браузър има специфичен раздел за стиловете на шрифта, които се показват на уебсайт.

Както в предишния случай, ще отворите инспектора със същия пряк път, който споменахме и отново ще се появят три различни панела, трябва да отидете на този с раздел под името "Typefaces", както показва името му, там ще намерите всички необходими данни. Има раздел, наречен „всички шрифтове на страницата“, където се появява списък с всички тях.

Firefox търсене

В този случай, също така е възможно да се променят различни параметри на типографията чрез измервателни уреди. Това ви дава възможност да изпитате как би изглеждала типографията, ако претърпя някаква промяна, как би изглеждала различно.

Опция за търсене 3: използване на плъгини

Последният вариант, който ви предлагаме, е метод, който е познат от кратко време и който вероятно е най-малко използваният, тъй като е толкова скорошен. Това е опция за търсене на уеб шрифтове с помощта на плъгини за браузър.

Има хиляди плъгини, които да добавим към нашите устройства и да изпълним определена задача, за да покрием нужда. Тази опция със сигурност ще стане една от любимите ви благодарение на своята простота. Препоръчваме Fontface Ninja, WhatTheFonts или Visbug.

Когато имате инсталиран избрания плъгин във вашия браузър, просто трябва да щракнете върху иконата му и веднага ще се появи меню с опции от лявата страна на екрана. Ако щракнете върху втората икона в това меню, ще трябва само да насочите курсора на мишката към областта на текста, която искате да анализирате, и автоматично ще се появи поле с информация за този шрифт.

Търсене на плъгини

В този вариант, както се случи в предишните два, също се показват данни за цвета на шрифта, теглото, размера на реда и др. Това е инструмент, който е много полезен за тези, които обичат света на типографията и които искат да разберат за секунди кой шрифт е привлякъл вниманието им.

Успяхте да видите в тази публикация, че има три много прости опции за търсене, за да разберете какъв шрифт се използва на уеб страница. Просто трябва да изберете опцията, която ви подхожда най-добре и е удобна за работа. В много случаи тези инструменти за търсене ще облекчат работното ви натоварване и ще ви помогнат да създадете атрактивни дизайни.


Бъдете първите, които коментират

Оставете вашия коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

*

*

  1. Отговорен за данните: Мигел Анхел Гатон
  2. Предназначение на данните: Контрол на СПАМ, управление на коментари.
  3. Легитимация: Вашето съгласие
  4. Съобщаване на данните: Данните няма да бъдат съобщени на трети страни, освен по законово задължение.
  5. Съхранение на данни: База данни, хоствана от Occentus Networks (ЕС)
  6. Права: По всяко време можете да ограничите, възстановите и изтриете информацията си.