Sadržaj
Ovaj se članak prvi put pojavio u broju 229 časopisa .net - najprodavanijeg svjetskog časopisa za web dizajnere i programere.
Jedna od najvažnijih stvari na koje se možete usredotočiti kada je u pitanju postavljanje stranice u HTML / CSS-u je vertikalni ritam - vizualni uzorak u koji se oblikuju blokovi tipa ili crte tipa dok skenirate stranicu.
Druge stvari mogu utjecati na ovaj ritam, poput naslova, stavki popisa, slika itd. Dobar vertikalni ritam je najvažniji jer pomaže čitljivosti i sposobnosti skeniranja vaših stranica.
Na webu postoji poprilično sjajnih vodiča (pogledajte ovdje i ovdje, na primjer) na kojima možete pronaći kako tehnički postići pravilan vertikalni ritam koristeći ems za svoju visinu crte i naučiti o tome što je vaš tip „u fazi“ sredstva.
Hijerarhija
Osnovne stvari na koje treba obratiti posebnu pozornost su visina linije između elemenata i cjelokupna vizualna hijerarhija na stranici. Postavljanje pravilnih proporcija visine crte može biti uključena dizajnerska vježba, ali važno je svladati je. Također je važna hijerarhija, jer slike i elementi teksta trebaju biti vizualno u harmoniji - najvažnije su općenito veće i dolaze na prvo mjesto na stranici.
Dizajneri tiska bavili su se idejom vertikalnog ritma dugi niz godina i tek su u nedavnoj prošlosti web dizajneri morali stvarno ući u te stvari. Uz sve veću potrebu za izradom web stranica pomoću rasporeda mreža i obraćanjem pažnje na prilagodljive implementacije kako bi se prilagodile više širina zaslona, sada je važnije od vizualnog dizajna, vjerojatno više nego ikad samo od tehničkog.
Pet primjera za provjeriti
1. Elementi tipografskog stila Ova knjiga Roberta Bringhursta standard je za proučavanje tipografije. Pročitajte ga, konzumirajte, ulijte u svoj mozak kako god možete.
2. Frank Chimero Osim što je apsolutno nevjerojatan općenito, nedavni redizajn osobne web stranice dizajnera Franka Chimera pokazuje vrhunski vertikalni ritam. Koristi paralaksni efekt da pomogne voziti ritam kući dok i vi pomičete stranicu prema dolje.
3. Dan Cederholm Dobar primjer izvrsnog tipografskog vertikalnog ritma pogledajte na blogu Dana Cederholma. Visina reda kopije i naslova u savršenom je omjeru.
4. Focus Lab Tvrtka Focus Lab za web dizajn i brendiranje spretno koristi hijerarhiju kako bi pomogla komunicirati ono što je posjetitelju najvažnije.
5. Typofonderie Web stranica za Typography Studio Typofonderie ima sjajan vertikalni ritam sa svojim slikama i tekstom. Razmak između elemenata proporcionalan je cijelom web mjestu, a hijerarhija između glavne slike i sekundarnih slika / odjeljaka je savršena.
Otkrijte 10 nevjerojatnih primjera eksperimentalnog dizajna na Creative Bloqu.