Jak poznat typografii webové stránky

Seznamte se s typografickým webem

Jako designéři milujeme svět typografie, a proto o něm mluví mnoho našich publikací. Povídali jsme si, od příběhu za písmem až po vítězné kombinace. Dnes budeme mluvit o tom, jak poznáte, jaké písmo má webová stránka., protože není lepší způsob, jak se inspirovat, než hledat reference v tvorbě jiných kreativců.

Určitě jste při několika příležitostech vstoupili na různé webové portály a estetický a typografický výběr upoutal vaši pozornost. Jak jsme již uvedli v mnoha publikacích, typografie je velmi silným prvkem, který nám pomáhá vyjádřit se jako designéři. Písma, která najdeme na různých webech, je nekonečno, v závislosti na jejich účelu se rozhodnou pro ten či onen typografický styl.

Nebude to poprvé ani naposledy, co vstoupíte na webovou stránku a upoutá vás typ písma a cítíte potřebu vědět, o jakou rodinu se jedná, abyste si jej mohli přidat do svého osobního typografického katalogu. V tomto příspěvku Naučíme vás několik metod, abyste mohli zjistit, která typografie upoutala vaši pozornost.

Možnost vyhledávání 1: Použití obrázků

První metoda, kterou vám ukážeme, Doporučujeme jej používat pouze v případě, že na web nemáte přístup. Pokud máte snímek obrazovky písma který upoutal vaši pozornost, je pravděpodobné, že k němu nedojde u přesného písma, ale objeví se podobný. V případě, že chcete vědět, jaké písmo určitá značka používá, je ideální, pokud je v obrázkovém nebo vektorovém formátu.

Online platforma, ke které máte přístup, je MyFonts a nástroj, jehož název je WhatTheFonts. Tento nástroj je rozšíření, které vám dá možnost znát písmo, které hledáte. Jediné, co musíte udělat, je nahrát zachycený obrázek na jeho webovou stránku, poté se vás program zeptá, jaký text chcete analyzovat. Po výběru vám sdělí různá písma podobná těm na snímku obrazovky.

Necháme vám příklad s logem Facebooku. Bereme v úvahu, že tento proces může být trochu zdlouhavý a že vám ve výsledku nedá přesnou typografii. protože tento nástroj je omezen svou interní knihovnou písem.

Vyhledávání na Facebooku

Možnost vyhledávání 2: Browser Inspector

V této druhé možnosti vyhledání typografie webové stránky rozhodli jsme se použít inspektor z webového prohlížeče. Tato možnost je jednou z nejpoužívanějších návrhářů. grafici a webdesignéři. V tomto případě z tohoto nástroje vytěžíme hodně, o čem možná někteří z vás nevěděli.

Nejprve rozlišíme mezi různými prohlížeči, konkrétně mezi dvěma. Na jedné straně najdeme Chrome a další prohlížeče založené na Chromiu a na druhou stranu umístíme Firefox. upozornit, že Ať už používáte jakýkoli prohlížeč, pro přístup k inspektoru budete vždy používat stejnou zkratku, Ctrl+Shift+I.

Pokud používáte ChromeKdyž otevřete volbu inspektor, objeví se tři různé panely. Budete muset prohledat text, který se používá na webu, abyste věděli, jaké písmo se používá. Ve druhém panelu, který se vám zobrazí, vyhledejte a Vyberte možnost „Vypočítaný“. Poté budete hledat „Písmo – rodina“ a jak vidíte, vedle toho se objeví název typografické rodiny.

Na následujícím obrázku vám zanecháme, jak by tato informace, kterou jsme vám právě řekli, vypadala. Kromě údajů o použitém typu písma se objevují další důležité údaje jako velikost, barva, váha atd.

google checker

Kromě toho, Pokud používáte prohlížeč Mozilla Firefox, proces je podobný tomu, který jsme právě viděli v prohlížeči Chrome, mění se pouze to, že hledaná informace se objeví v jiné oblasti. V tomto prohlížeči existuje zvláštní karta pro styly písma, které se objevují na webových stránkách.

Stejně jako v předchozím případě otevřete inspektor stejnou zkratkou, kterou jsme zmínili, a znovu se objeví tři různé panely, Měli byste přejít na ten s kartou pod názvem "Typefaces", jak už název napovídá, tam najdete všechny potřebné údaje. Existuje část nazvaná „všechna písma na stránce“, kde se zobrazí seznam všech písem.

vyhledávání ve firefoxu

V tomto případě je také možné modifikovat různé parametry typografie pomocí metrů. To vám dává šanci zažít, jak by typografie vypadala, kdyby prošla nějakou změnou, jak by vypadala jinak.

Možnost hledání 3: pomocí pluginů

Poslední možností, kterou vám přinášíme, je metoda, která je známá krátce a která je asi nejméně používaná, protože je tak nedávná. Jedná se o možnost vyhledávání webových písem pomocí zásuvných modulů prohlížeče.

Existují tisíce pluginů, které lze přidat do našich zařízení a provést určitý úkol, abychom pokryli potřebu. Tato možnost se jistě stane jednou z vašich oblíbených díky své jednoduchosti. Doporučujeme Fontface Ninja, WhatTheFonts nebo Visbug.

Když máte vybraný plugin nainstalovaný ve vašem prohlížeči, stačí kliknout na jeho ikonu a hned se objeví nabídka možností na levé straně obrazovky. Pokud kliknete na druhou ikonu v této nabídce, stačí nasměrovat kurzor myši na oblast textu, kterou chcete analyzovat, a automaticky se zobrazí informační pole o tomto písmu.

Hledat pluginy

V této možnosti, stejně jako v předchozích dvou, dále se zobrazují údaje o barvě písma, gramáži, velikosti řádku atd. Je to nástroj, který je velmi užitečný pro ty, kteří milují svět typografie a chtějí během několika sekund vědět, které písmo upoutalo jejich pozornost.

V této publikaci jste mohli pozorovat, že existují tři velmi jednoduché možnosti vyhledávání, jak zjistit, jaký typ písma je na webové stránce použit. Stačí si vybrat variantu, která vám nejlépe vyhovuje a je pohodlná pro práci. V mnoha případech vám tyto vyhledávací nástroje ulehčí práci a pomohou vám vytvořit atraktivní návrhy.


Obsah článku se řídí našimi zásadami redakční etika. Chcete-li nahlásit chybu, klikněte zde.

Buďte první komentář

Zanechte svůj komentář

Vaše e-mailová adresa nebude zveřejněna.

*

*

  1. Odpovědný za údaje: Miguel Ángel Gatón
  2. Účel údajů: Ovládací SPAM, správa komentářů.
  3. Legitimace: Váš souhlas
  4. Sdělování údajů: Údaje nebudou sděleny třetím osobám, s výjimkou zákonných povinností.
  5. Úložiště dat: Databáze hostovaná společností Occentus Networks (EU)
  6. Práva: Vaše údaje můžete kdykoli omezit, obnovit a odstranit.