Ako poznať typografiu webovej stránky

Poznajte typografickú webovú stránku

Ako dizajnéri milujeme svet typografie, a preto o ňom hovorí veľa našich publikácií. Rozprávali sme sa od príbehu za typom písma až po víťazné kombinácie. Dnes budeme hovoriť o tom, ako viete, aké písmo má webová stránka., pretože neexistuje lepší spôsob, ako sa inšpirovať, ako hľadať referencie v tvorbe iných kreatívcov.

Určite ste pri viacerých príležitostiach vstúpili na rôzne webové portály a zaujala vás estetika a typografický výber. Ako sme už zdôraznili v mnohých publikáciách, typografia je veľmi silným prvkom, ktorý nám pomáha vyjadriť sa ako dizajnéri. Písiem, ktoré môžeme nájsť na rôznych weboch, je nekonečno, v závislosti od účelu sa rozhodnú pre ten či onen typografický štýl.

Nebude to prvý ani poslednýkrát, čo vstúpite na webovú stránku a upúta vás typ písma a cítite potrebu vedieť, o akú rodinu ide, aby ste si ho mohli pridať do svojho osobného typografického katalógu. V tomto príspevku Naučíme vás niekoľko metód, aby ste mohli zistiť, ktorá typografia upútala vašu pozornosť.

Možnosť vyhľadávania 1: Používanie obrázkov

Prvý spôsob, ktorý vám ukážeme, Odporúčame vám ho použiť iba v prípade, že nemáte prístup na webovú stránku. Ak máte snímku obrazovky písma ktorý upútal vašu pozornosť, je pravdepodobné, že sa nevyskytne pri presnom písme, ale objaví sa podobný. V prípade, že chcete vedieť, aké písmo používa určitá značka, ideálne je, ak je v obrázkovom alebo vektorovom formáte.

Online platforma, ku ktorej máte prístup, je MyFonts a nástroj, ktorého názov je WhatTheFonts. Tento nástroj je rozšírením, ktoré vám dá možnosť poznať písmo, ktoré hľadáte. Jediné, čo musíte urobiť, je nahrať nasnímaný obrázok na jeho webovú stránku, potom sa vás program spýta, aký text chcete analyzovať. Po výbere vám povie rôzne typy písma podobné tým na snímke obrazovky.

Necháme vám príklad s logom Facebooku. Berieme do úvahy, že tento proces môže byť trochu únavný a vo výsledku vám neposkytne presnú typografiu. pretože tento nástroj je obmedzený svojou internou knižnicou písiem.

Vyhľadávanie na Facebooku

Možnosť vyhľadávania 2: Inšpektor prehliadača

V tejto druhej možnosti vyhľadávania typografie webovej stránky sme sa rozhodli použiť inšpektor z webového prehliadača. Táto možnosť je jednou z najpoužívanejších dizajnérov. grafikov a webových dizajnérov. V tomto prípade z tohto nástroja vyťažíme veľa, o čom možno niektorí z vás nevedeli.

V prvom rade ideme rozlišovať medzi rôznymi prehliadačmi, konkrétne medzi dvoma. Na jednej strane nájdeme Chrome a ďalšie prehliadače založené na Chromiu a na druhej strane umiestnime Firefox. upozorniť, že Bez ohľadu na to, aký prehliadač používate, na prístup k inšpektorovi budete vždy používať rovnakú skratku Ctrl+Shift+I.

Ak používate ChromeKeď otvoríte možnosť inšpektora, zobrazia sa tri rôzne panely. Ak chcete zistiť, aké písmo sa používa, budete musieť vyhľadať text, ktorý sa používa na webe. V druhom paneli, ktorý sa vám zobrazí, vyhľadajte a Vyberte možnosť „Počítané“. Potom budete hľadať „Písmo – rodina“ a ako vidíte, vedľa neho sa objaví názov typografickej rodiny.

Na nasledujúcom obrázku vám ukážeme, ako by tieto informácie, ktoré sme vám práve povedali, vyzerali. Okrem údajov o použitom type písma sa objavujú ďalšie dôležité údaje ako veľkosť, farba, váha a pod.

google checker

Okrem toho, Ak používate prehliadač Mozilla Firefox, proces je podobný tomu, ktorý sme práve videli v prehliadači Chrome, mení sa len to, že informácie, ktoré hľadáme, sa objavujú v inej oblasti. V tomto prehliadači existuje špecifická karta pre štýly písma, ktoré sa zobrazujú na webovej lokalite.

Rovnako ako v predchádzajúcom prípade otvoríte inšpektor rovnakou skratkou, ktorú sme spomenuli, a opäť sa objavia tri rôzne panely, mali by ste prejsť na ten s kartou pod názvom "Typefaces", ako už názov napovedá, tam nájdete všetky potrebné údaje. Existuje sekcia s názvom „všetky fonty na stránke“, kde sa zobrazuje zoznam so všetkými z nich.

vyhľadávanie vo Firefoxe

V tomto prípade, pomocou metrov je tiež možné upravovať rôzne parametre typografie. To vám dáva možnosť zažiť, ako by vyzerala typografia, keby prešla nejakou zmenou, ako by vyzerala inak.

Možnosť vyhľadávania 3: pomocou doplnkov

Poslednou možnosťou, ktorú vám prinášame, je metóda, ktorá je známa krátko a ktorá je asi najmenej využívaná, keďže je taká nedávna. Ide o možnosť vyhľadávania webových písiem pomocou doplnkov prehliadača.

Existujú tisíce doplnkov, ktoré môžeme pridať do našich zariadení a vykonať určitú úlohu, aby sme pokryli potrebu. Táto možnosť sa určite stane jednou z vašich obľúbených vďaka svojej jednoduchosti. Odporúčame Fontface Ninja, WhatTheFonts alebo Visbug.

Keď máte vo svojom prehliadači nainštalovaný vybraný plugin, stačí kliknúť na jeho ikonu a hneď sa zobrazí ponuka možností na ľavej strane obrazovky. Ak kliknete na druhú ikonu v tejto ponuke, budete musieť nasmerovať kurzor myši na oblasť textu, ktorú chcete analyzovať, a automaticky sa zobrazí informačné pole o tomto písme.

Hľadať pluginy

Pri tejto možnosti, ako sa to stalo v predchádzajúcich dvoch zobrazené sú aj údaje o farbe písma, gramáži, veľkosti riadku a pod. Je to nástroj, ktorý je veľmi užitočný pre tých, ktorí milujú svet typografie a chcú v priebehu niekoľkých sekúnd vedieť, ktoré písmo upútalo ich pozornosť.

V tejto publikácii ste si mohli všimnúť, že existujú tri veľmi jednoduché možnosti vyhľadávania, aby ste zistili, aký typ písma sa používa na webovej stránke. Stačí si vybrať možnosť, ktorá vám najlepšie vyhovuje a je pohodlná na prácu. V mnohých prípadoch vám tieto vyhľadávacie nástroje uľahčia prácu a pomôžu vám vytvárať atraktívne návrhy.


Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.