Efni.
Þessi grein birtist fyrst í tölublaði 229 í .net tímaritinu - söluhæsta tímarit heimsins fyrir vefhönnuði og forritara.
Eitt það mikilvægasta sem þú getur einbeitt þér að þegar kemur að því að leggja út síðu í HTML / CSS er lóðréttur taktur - það sjónræna mynstur sem blokkir tegundarinnar eða línur af gerð myndast í þegar þú skannar niður síðuna.
Aðrir hlutir geta haft áhrif á þennan takt eins og fyrirsagnir, listaatriði, myndir osfrv. Að hafa góða lóðrétta hrynjandi er í fyrirrúmi því það hjálpar læsileika og skönnunargetu síðunnar þinna.
Það eru allnokkur frábær námskeið (sjá til dæmis hér og hér) á vefnum þar sem þú getur fundið um hvernig á að tæknilega ná réttri lóðréttri hrynjandi með því að nota ems fyrir línuhæðina og læra um hvað heldur tegundinni „í fasa“ þýðir.
Stigveldi
Grunnatriðin sem þarf að fylgjast vel með eru línuhæð milli þátta og almennt sjónrænt stigveldi á síðunni. Að stilla rétt hlutföll fyrir línuhæð getur verið þátttakandi í hönnunaræfingu en það er mikilvægt að ná tökum á því. Stigveldi er einnig mikilvægt þar sem myndir og textaþættir ættu að vera í samræmi við hvert annað sjónrænt - mikilvægustu hlutirnir eru yfirleitt stærri og koma fyrstir á síðunni.
Prenthönnuðir hafa tekist á við hugmyndina um lóðrétta hrynjandi í mörg ár og það er aðeins í seinni tíð sem vefhönnuðir hafa þurft að fara virkilega í þetta efni. Með sívaxandi þörf fyrir uppbyggingu vefsíðna með netskipulagi og gaum að móttækilegum útfærslum til að koma til móts við margar skjábreiddir er það mikilvægara núna en nokkru sinni áður frá sjónarhóli sjónrænt, líklega meira en bara tæknilegt.
Fimm dæmi til að skoða
1. Þættirnir í leturfræðilegum stíl Þessi bók eftir Robert Bringhurst er staðall fyrir leturfræðinám. Lestu það, neyttu þess, helltu því í heilann eins og þú getur.
2. Frank Chimero Fyrir utan að vera algerlega ótrúlegt almennt, þá birtir nýleg endurhönnun persónulegrar vefsíðu hönnuðar Frank Chimero frábæran lóðréttan takt. Hann notar parallax áhrif til að hjálpa til við að keyra taktinn heim þegar þú flettir síðunni líka niður.
3. Dan Cederholm Til að fá gott dæmi um frábæra lóðrétta hrynjandi takt, skoðaðu blogg Dan Cederholm. Línuhæð eintaksins og fyrirsagnirnar eru í fullkomnu hlutfalli.
4. Focus Lab Vefhönnun og vörumerkjafyrirtækið Focus Lab notar stigveldi fimlega til að miðla því sem skiptir mestu máli fyrir gestinn.
5. Typofonderie Vefsíðan fyrir Typography Studio Typofonderie hefur mikla lóðrétta takt með myndum og texta. Bilið milli atriða er í réttu hlutfalli á vefsíðunni og stigveldið milli aðalmyndar og aukamynda / hluta er fullkomið.
Uppgötvaðu 10 ótrúleg dæmi um tilraunahönnun á Creative Bloq.
