Kao dizajneri, volimo svijet tipografije i zato mnoge naše publikacije govore o tome. Razgovarali smo, od priče iza slova, do dobitnih kombinacija. Danas ćemo razgovarati o tome kako znate koji font ima web stranica., jer nema boljeg načina da se nadahnete od traženja referenci u radu drugih kreativaca.
Sigurno ste u nekoliko navrata ulazili na različite web portale, a estetika i tipografski odabir privukli su vam pozornost. Kao što smo već istaknuli u mnogim publikacijama, tipografija je vrlo moćan element koji nam pomaže da se izrazimo kao dizajneri. Postoji beskonačnost fontova koje možemo pronaći na različitim web stranicama, ovisno o namjeni, odlučuju se za jedan ili onaj tipografski stil.
Neće biti ni prvi ni zadnji put da ulazite na web stranicu i privlači vas tipografsko pismo i osjećate potrebu da znate o kojoj se obitelji radi kako biste ga dodali u svoj osobni tipografski katalog. U ovom postu, Naučit ćemo vas nekim metodama kako biste otkrili koje je pismo koje je privuklo vašu pozornost.
Opcija pretraživanja 1: Korištenje slika
Prva metoda na koju vam ukazujemo, Preporučujemo da ga koristite samo ako nemate pristup web stranici. Ako imate snimku zaslona fonta koji vam je privukao pozornost, vjerojatno se neće dogoditi s točnim fontom, ali će se pojaviti sličan. U slučaju da želite znati kakvo pismo koristi određeni brend, idealno je ako je u slikovnom ili vektorskom formatu.
Online platforma kojoj morate pristupiti je MyFonts, a alat koji se zove WhatTheFonts. Ovaj alat je proširenje koje će vam dati mogućnost da saznate font koji tražite. Sve što trebate učiniti je prenijeti snimljenu sliku na svoju web stranicu, a zatim će vas program pitati koji tekst želite analizirati. Nakon odabira, reći će vam različite fontove slične onima na snimci zaslona.
Ostavljamo vam primjer s Facebook logom. Uzimamo u obzir da ovaj proces može biti pomalo zamoran i da vam kao rezultat ne daje točnu tipografiju. budući da je ovaj alat ograničen svojom internom bibliotekom fontova.
Opcija pretraživanja 2: preglednik preglednika
U ovoj drugoj opciji za traženje tipografije web stranice, odlučili smo koristiti inspektor iz web preglednika. Ova je opcija jedna od najčešće korištenih od strane dizajnera. grafički i web dizajneri. U ovom slučaju, izvući ćemo puno iz ovog alata za što možda neki od vas nisu znali.
Prije svega, napravit ćemo razliku između različitih preglednika, točnije između dva. S jedne strane nalazimo Chrome i druge preglednike bazirane na Chromiumu, a s druge strane postavljamo Firefox. istaći, da Koji god preglednik koristite, uvijek ćete koristiti isti prečac za pristup inspektoru, Ctrl+Shift+I.
Ako koristite ChromeKada otvorite opciju inspektora, pojavljuju se tri različite ploče. Morat ćete pretražiti tekst koji se koristi na webu da biste znali koji se font koristi. Na drugom panelu koji vam je predstavljen potražite i Odaberite opciju "Izračunato". Zatim ćete tražiti "Font – obitelj" a kao što vidite naziv obitelji tipografije pojavljuje se pored.
Na sljedećoj slici ostavljamo vam kako će izgledati ove informacije koje smo vam upravo rekli. Osim podataka o korištenom fontu pojavljuju se i drugi važni podaci kao što su veličina, boja, težina itd.
Nadalje, Ako koristite preglednik Mozilla Firefox, postupak je sličan onom koji smo upravo vidjeli s Chromeom, jedina stvar koja se mijenja je da se informacije koje tražimo pojavljuju u drugom području. U ovom pregledniku postoji posebna kartica za stilove fontova koji se pojavljuju na web stranici.
Kao iu prethodnom slučaju, otvorit ćete inspektor s istim prečacem koji smo spomenuli i opet će se pojaviti tri različita panela, Trebali biste otići na onu s karticom pod imenom "Typefaces", kao što mu naziv govori, tamo ćete pronaći sve potrebne podatke. Postoji odjeljak pod nazivom "svi fontovi na stranici" gdje se pojavljuje popis sa svim njima.
U ovom slučaju također je moguće modificirati različite tipografske parametre pomoću mjerača. To vam daje priliku da doživite kako bi tipografija izgledala da je promijenjena, kako bi izgledala drugačije.
Opcija pretraživanja 3: korištenje dodataka
Posljednja opcija koju vam donosimo je metoda koja je poznata već kratko vrijeme i koja se vjerojatno najmanje koristi otkako je tako nedavno. To je opcija pretraživanja web fontova pomoću dodataka preglednika.
Postoje tisuće dodataka koje možemo dodati našim uređajima i izvršiti određeni zadatak, kako bismo pokrili potrebu. Ova opcija će zasigurno postati jedna od vaših omiljenih zahvaljujući svojoj jednostavnosti. Preporučujemo Fontface Ninja, WhatTheFonts ili Visbug.
Kada u pregledniku imate instaliran odabrani dodatak, samo trebate kliknuti na njegovu ikonu i odmah će se pojaviti izbornik opcija na lijevoj strani ekrana. Ako kliknete na drugu ikonu u ovom izborniku, morat ćete samo usmjeriti pokazivač miša na područje teksta koje želite analizirati i automatski će se pojaviti okvir s informacijama o tom fontu.
U ovoj opciji, kao što se dogodilo u prethodne dvije, također se prikazuju podaci o boji fonta, težini, veličini reda itd. To je alat koji je vrlo koristan za one koji vole svijet tipografije i koji žele u nekoliko sekundi znati koji je font privukao njihovu pozornost.
U ovoj ste publikaciji mogli primijetiti da postoje tri vrlo jednostavne opcije pretraživanja kako biste saznali koje se pismo koristi na web stranici. Vi samo trebate odabrati opciju koja vam najviše odgovara i s kojom je ugodna za rad. U mnogim slučajevima, ovi alati za pretraživanje olakšat će vam radno opterećenje i pomoći vam u stvaranju atraktivnih dizajna.