Vsebina
Ta članek se je prvič pojavil v številki 229 revije .net - najbolje prodajane revije na svetu za spletne oblikovalce in razvijalce.
Ena najpomembnejših stvari, na katero se lahko osredotočite, ko gre za postavitev strani v HTML / CSS, je navpični ritem - vizualni vzorec, v katerega se oblikujejo bloki tipa ali vrstice, ko skenirate stran.
Na ta ritem lahko vplivajo druge stvari, kot so naslovi, elementi seznama, slike itd. Dober navpični ritem je najpomembnejši, saj pomaga pri berljivosti in zmožnosti branja vaših strani.
V spletu je kar nekaj odličnih vadnic (glejte na primer tukaj in tukaj), kjer lahko najdete informacije o tem, kako tehnično doseči ustrezen vertikalni ritem z uporabo ems-a za svojo višino črte in spoznavanje, kaj ohranjati vaš tip "v fazi" pomeni.
Hierarhija
Osnovne stvari, na katere je treba biti zelo pozoren, so višina črte med elementi in celotna vizualna hierarhija na strani. Nastavitev ustreznih proporcev višine črte je lahko oblikovalska vaja, vendar je pomembno, da jo obvladate. Pomembna je tudi hierarhija, saj morajo biti slike in elementi besedila vizualno usklajeni - najpomembnejše stvari so na splošno večje in so na prvem mestu na strani.
Tiskalni oblikovalci se že vrsto let ukvarjajo z idejo vertikalnega ritma in šele v nedavni preteklosti so se spletni oblikovalci morali resnično lotiti teh stvari. Z vedno večjo potrebo po izdelavi spletnih mest z uporabo mrežnih postavitev in pozornosti na odzivne izvedbe, ki prilagodijo več širin zaslona, je zdaj bolj pomembno kot kdaj koli prej z vidika vizualnega oblikovanja, verjetno bolj kot zgolj tehničnega.
Pet primerov za ogled
1. Elementi tipografskega sloga Ta knjiga Roberta Bringhursta je standard za študij tipografije. Preberite, zaužijte, vlijte si v možgane, kakor se le da.
2. Frank Chimero Poleg tega, da je na splošno popolnoma neverjetna, nedavna prenova osebnega spletnega mesta oblikovalca Franka Chimera kaže vrhunski vertikalni ritem. Uporablja učinek paralakse, da pomaga voziti ritem domov, ko se tudi vi pomikate po strani navzdol.
3. Dan Cederholm Za dober primer odličnega tipografskega vertikalnega ritma si oglejte spletni dnevnik Dana Cederholma. Višina črte kopije in naslovov je v popolnem sorazmerju.
4. Focus Lab Podjetje Focus Lab za spletno oblikovanje in blagovno znamko spretno uporablja hierarhijo, da pomaga obiskovalcu sporočiti, kaj je najpomembnejše.
5. Typofonderie Spletno mesto za Tipografski studio Typofonderie ima odličen vertikalni ritem s svojimi slikami in besedilom. Razmik med elementi je sorazmeren na celotnem spletnem mestu, hierarhija med glavno sliko in sekundarnimi slikami / odseki pa je popolna.
Odkrijte 10 neverjetnih primerov eksperimentalnega oblikovanja na spletnem mestu Creative Bloq.