Saturs
Šis raksts pirmo reizi parādījās žurnāla .net 229. numurā - pasaulē vislabāk pārdotajā tīmekļa dizaineru un izstrādātāju žurnālā.
Viena no vissvarīgākajām lietām, kurai varat pievērsties, izkārtojot lapu HTML / CSS, ir vertikālais ritms - vizuālais raksts, kurā veidojas bloku vai tipa līniju skenēšanas laikā.
Citas lietas var ietekmēt šo ritmu, piemēram, virsraksti, saraksta vienumi, attēli utt. Labs vertikālais ritms ir vissvarīgākais, jo tas palīdz jūsu lapas (-u) lasāmību un skenēšanas spēju.
Tīmeklī ir diezgan daudz lielisku apmācību (skatiet, piemēram, šeit un šeit), kur varat uzzināt par to, kā tehniski sasniegt pareizu vertikālu ritmu, izmantojot ems jūsu līnijas augstumam un uzzinot par to, kas jūsu tipu tur "fāzē" nozīmē.
Hierarhija
Galvenās lietas, kurām jāpievērš īpaša uzmanība, ir līnijas augstums starp elementiem un vispārējā vizuālā hierarhija lapā. Pareizu līnijas augstuma proporciju iestatīšana var būt iesaistīts dizaina vingrinājumā, taču tas ir svarīgi apgūt. Hierarhija ir svarīga arī ar to, ka attēliem un teksta elementiem vizuāli vajadzētu būt harmoniskiem - vissvarīgākās lietas parasti ir lielākas un tās ir pirmajā vietā lapā.
Drukas dizaineri daudzus gadus ir nodarbojušies ar vertikālā ritma ideju, un tikai nesenā pagātnē tīmekļa dizaineriem ir nācies patiešām iesaistīties šajā lietā. Arvien pieaugošā nepieciešamība veidot vietnes, izmantojot režģa izkārtojumus, un pievērst uzmanību reaģējošām ieviešanām, lai pielāgotos vairākiem ekrāna platumiem, no vizuālā dizaina viedokļa tagad ir svarīgāk nekā jebkad agrāk, iespējams, vairāk nekā tikai tehniska.
Pieci piemēri, kas jāpārbauda
1. Tipogrāfiskā stila elementi Šī Roberta Bringhursta grāmata ir tipogrāfijas pētījumu standarts. Izlasi, patērē, ielej smadzenēs, kā vien vari.
2. Frenks Kimero Neskatoties uz to, ka vispār ir absolūti pārsteidzoši, nesenais dizainera Franka Chimero personiskās vietnes pārveidojums demonstrē lielisku vertikālu ritmu. Viņš izmanto paralakses efektu, lai palīdzētu ritmam virzīties mājās, kad jūs arī ritināt lapu uz leju.
3. Dens Sederholms Lai iegūtu labu tipogrāfiskā vertikālā ritma piemēru, ieskatieties Dena Sederholma emuārā. Kopijas un virsrakstu līnijas augstums ir ideālā proporcijā.
4. Fokusa laboratorija Tīmekļa dizaina un zīmolu firma Focus Lab veikli izmanto hierarhiju, lai palīdzētu sazināties, kas apmeklētājam ir vissvarīgākais.
5. Typofonderie Tipogrāfijas studijas Typofonderie vietnei ir lielisks vertikāls ritms ar attēliem un tekstu. Atstarpe starp elementiem visā vietnē ir proporcionāla, un hierarhija starp galveno attēlu un sekundārajiem attēliem / sadaļām ir perfekta.
Atklājiet 10 apbrīnojamus eksperimentālā dizaina piemērus vietnē Creative Bloq.
