Tipografija in teksti na spletni strani

5 naročnikov

Iščem kakšen napotek od kakšnega "znalca" tipografije, kako pri oblikovanju prispevkov upoštevati tipografijo. Kakšna velikost fontov je primerna za branje daljših/krajših prispevkov, koliko mora biti odmik med vrsticami, koliko med črkami.

Pri enem svojem projektu šele zdaj opažam, da sem kiksnil tipografijo in je kar malce boleče brati zelo dolge prispevke. Medtem ko sem pri enih poskusih dal mnogo večji font, in se je izkazalo za mnogo lažje branje, ampak spet izgleda čudno.
Lahko recimo dam primera;

Mali fonti, težko branje;
http://www.sloanime.org/arhiv/cosplay-kostumiranje-na-japonskem-slochan-7-7408/

Večji font, mnogo lažje sledenje;
http://www.sloanime.org/infopomoc/razlika-med-anime-in-risanko/

Kakšni so standardi pri tem - iz lastnih izkušenj ali strokovnih?

Nisem expert ampak ti lahko le povem za lastno mnenje, da me zelo moti če je širina stolpca prevelika ker se načeloma izgubiš ko greš v naslednjo vrstico (primer imdb komentarji). Mogoče ni toliko pomembna velikost pisave ampak razmik med vrsticami oz višina vrstice.

Jaz bi na tvojem mestu dal nekje vmes, pri prvi strani je premajhna, preveč zgoščena, pri drugi pa mogoče malenkost prevelika.

Vse skupaj pa je moje mnenje iz vidika uporabnika :)

Ponavadi so fonti za članke 13px.

@DiTi, hvala.

@MobyDick, nastavljen je že font-size:13px; ^^ Ampak vseeno se mi zdi malce majhen. Kakšno je tvoje mnenje ob zgornjih linkih.

Pri prvem linku povečaj velikost za 1px pa bo OK. Se mi zdi, da imaš zdaj fonte 12px.

evo, sem ^^ iz 14 na 15 :D Ne vem, zakaj ima tok čudne vrednosti :)

večja pisava ne pomeni vedno lažjega branja...

izbrati boš moral drugo (temnejšo) barvo pisave (na beli podlagi tvoja siva deluje bledo)

uporabi eno od default pisav (torej: Arial, Verdana, Tahoma, Trebuchet,...); s pravimi nastavitvami so to najboljše pisave za web - vsaj po moje...če pa že želiš kaj nestandardnega, pa uporabi takšno, ki ima v svoji družini pisav različico za web..

linke loči z drugo barvo, lahko tudi naslove, ki pa morajo seveda imeti večjo pisavo od besedila; lahko tudi samo velike črke, mogoče kak piksel borderja za ločnico od besedila,...

paziti je treba na dolžino teksta v vrstici (velja bolj za daljša besedila) kot je bilo že omenjeno v prejšnjem postu, z zamiki pa ni potrebno pretiravati..

priporočam, da si prebereš ta dva članka..prvi je bolj teorija, drugi pa dobra praksa:

http://www.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/

http://www.smashingmagazine.com/2009/03/18/10-principles-for-readable-web-typography/

P.S.: že če vstaviš nastavitve bloga na teh dveh linkih, se branje tvojih besedil občutno izboljša:

color: #1E1E1E;
font: 0.75em/1.73em Verdana,Arial,Geneva,Helvetica,sans-serif;
font-size: 12px;

:ava:

Za začetek sem upošteval tvoje css style in teksti zgledajo mnogo lepši <3

Bom pa še prebral navedena linka in upošteval tvoje napotke. Najlepša hvala ;)

Branje daljsih clankov na LCDju je zame pogosto naporno zaradi belega ozadja.

Drugo je pa prevec beline oz. prostega prostora, kjer potem belo ozadje se bolj pride do izraza, ampak stran je ponavadi okoli 1000px siroka, dosti uporabnikov pa ima monitor z visjo locljivostjo.