Tipografija na web stranici jednako je važna kao iu bilo kojem drugom mediju, nije važno pišete li za pakiranje, televizijski nakladnik ili natpis, a svi dizajneri moraju voditi računa o mediju koji koriste i tehnikama koje će koristiti odgovarati tom mediju. Želite da se vaš rad lako čita i bude ugodan oku.

Kao što je rečeno, primjer je članak napisan u časopisu u usporedbi s posterom. Dok se časopis čita na maloj udaljenosti i unutar dohvata ruke, slog može biti malen i lako se čita. Dok je plakat veći i gleda se na iskošeniji način, trebali biste razmaknuti riječi tako da ih gledatelj lako razlikuje.

Tipografija na Wordpress blogovima - Što trebate znati - Web dizajn bloga Lorelei

All in ONE Cufon plugin vam omogućuje jednostavnu zamjenu fontova u WordPressu

Prilikom dizajniranja web stranice postoji niz novih problema koje treba prevladati. Imate posla s publikom koja ima različite veličine zaslona i platforme. Postoji način na koji dizajner mora raditi kako bi sve to uzeo u obzir dok dizajnira stranicu koja se lako vidi na svim različitim platformama. Ne možete pretpostaviti da svi vaši gledatelji koriste istu opremu koju vi koristite; čak i brzina veze treba imati na umu kada projektirate.

Primjeri dobre upotrebe tipografije u WordPressu:

https://loreleiwebdesign.com//HLIC/6ddf88ca708e8a1ffe0a287235dfb761.jpg

https://loreleiwebdesign.com//HLIC/8663505a6859fcf655e56bf9ffa3dddc.png

https://loreleiwebdesign.com//HLIC/69c7e6d719146c317ed764a054fabfe6.jpg

Ovisno o vašem sadržaju, možete promijeniti stilske listove kako bi najbolje odgovarali vašim potrebama. Možete promijeniti veličinu naslova i podnaslova, kao i veličinu teksta kako bi najbolje odgovarali vašoj stranici, bez obzira radi li se o informativnoj web stranici, web stranici za djecu ili više tehničkoj web stranici. Ove se postavke vrste jednostavno mijenjaju, a stil vaše web stranice trebao bi uzeti u obzir vašu ciljanu publiku. Ne biste koristili isti stil na stranici za djecu kao na stranici stvorenoj za poslovne investitore, stoga je važno imati na umu svoju ciljanu publiku.

  • orijentacija – Ako čitate knjigu i vidite naopako tipkano prvo što ćete napraviti je preokrenuti knjigu, što nije tako lak zadatak s računalom. Vertikalni tip nije moguć s HTML-om, ali se može koristiti pomoću JPG-a, PNG-a ili GIF-a. Ovo vam može pomoći ako ga koristite štedljivo. Naslov ove vrste privući će pozornost čitatelja i ako je u dobroj ravnoteži s njim, stvari poput boje, težine i veličine mogu biti od koristi. Ova vrsta naslova zahtijeva pozornost i kada se koristi uz drugi materijal može objediniti ovaj materijal i postati vrlo učinkovit.
  • Položaj – Budući da se koristi drugačiji tip stila, kao što je maverick, svaka linija koja je u drugom položaju brzo će zapeti za oko promatrača. Razbijanje prirodnog tijeka stranice jednostavno će privući više pažnje. Možete promijeniti bilo koji dio teksta promjenom samo jednog elementa kao što je font, položaj boje i tako dalje. Sve što izgleda drugačije ili neprikladno automatski će privući poglede. Baš kao što poslovica kaže, pravila su ponekad stvorena da se krše.
  • Prostor – Ako na bijelu stranicu upišete jednu riječ od 8 točaka, ona će vam privući oko. S druge strane, ako radite s punom stranicom od 12 točaka, to nikada nećete primijetiti. Dakle, kao što vidite, nije važan samo tip na stranici, prostor koji ga okružuje jednako je važan. Ovu vještinu možete lako naučiti igrajući se s različitim postavkama tipa i prostora kako biste što bolje iskoristili ideju koju želite prenijeti. Ovo nije samo tehnika koja se koristi u pisanju, koristi se u slikarstvu, arhitekturi i još mnogo toga.
  • Prioriteti korišteni na kreativan način – Tipografija znači da ćete također razmišljati o važnosti informacija i na što želite da se gledatelj usredotoči, to možete učiniti tako da lako odlučite što je važno i da se te važne informacije istaknu. Možete stvoriti web-stranicu koja je ugodna oku, a da pritom i dalje vidite ono što je najvažnije. Bit će vam drago kada uzmete u obzir ovu važnu činjenicu. Želite da se važan sadržaj ističe kako bi gledatelj mogao točno vidjeti što pokušavate istaknuti, a da ne mora čitati stranice gluposti.

Evo nekoliko savjeta za korištenje različitih fontova u HTML-u:

  1. Koristite ispravan stil fonta i veličinu slova kako bi gledatelj brzo obradio vaše podatke. Ako vaš gledatelj traži informacije, poželjet ćete da font bude nešto jednostavno za čitanje, kao što je Arial ili Veranda, tako da mogu lako čitati i pronaći ono što traže. Također morate imati na umu boju i veličinu teksta.
  2. Kada gledate dizajn svoje web stranice uvijek imajte na umu vrstu, boju i veličinu fonta, ovo je vrlo važno jer može odmah dodati više vrijednosti vašoj web stranici.
  3. Odaberite font koji je jednostavan za čitanje. Korištenje fonta kao što je Times new Roman održava sve ujednačenim, font kao što je kaligrafija je vrlo ometajući i pretežak za čitanje. Najbolja stvar za vas je da pročitate nekoliko redaka i utvrdite možete li to lako pročitati. Ako vi to možete, može i vaš gledatelj.
  4. Ne ispunjavajte svoju stranicu različitim stilovima fonta, ako je to potrebno, kao što je umjetnička stranica, možete koristiti različite stilove fonta, ali oni bi se trebali koristiti u naslovima ili umjereno u cijelom tekstu, nemojte ispunjavati svoj tekst različitim fontovima jer to postaje ometajuće za gledatelja i izgubit će interes.
  5. Većina vašeg teksta treba imati između 12 i 14 točaka. To omogućuje svim čitateljima lak pristup jer nemaju svi čitatelji savršen vid, mali ispis može odvratiti neke gledatelje od vaše stranice, a vi ne želite izgubiti gledatelje, poanta je učiniti stranicu privlačnom svima. Trebate imati na umu da ćete imati mnogo gledatelja i trebali biste pokušati postići kompromis za sve gledatelje te pobrinite se da je vaš naslov ispisan većim fontom od teksta.
  6. Posljednji savjet odnosi se na boju, koristite dobru kontrastnu boju za tip koji se neće izgubiti u bojama pozadine, najbolji izbor je uvijek crni tekst na svijetloj pozadini, samo budite oprezni kada birate boje za svoje web stranice, ne želite ako stavite tamnu pozadinu i tamni tekst na istu pozadinu, bit će preteško za čitanje i vaš će gledatelj biti izgubljen.