Садржај
Овај чланак се први пут појавио у броју 229 часописа .нет - најпродаванијег светског часописа за веб дизајнере и програмере.
Једна од најважнијих ствари на које се можете усредсредити када је у питању постављање странице у ХТМЛ / ЦСС је вертикални ритам - визуелни образац у који се формирају блокови типа или редови типа док скенирате страницу.
На овај ритам могу утицати и друге ствари као што су наслови, ставке листе, слике итд. Добар вертикални ритам је најважнији јер помаже читљивости и способности скенирања ваших страница.
Постоји прилично сјајних водича (погледајте овде и овде, на пример) на вебу где можете пронаћи како технички постићи правилан вертикални ритам користећи емс за своју висину линије и сазнајући шта је ваш тип „у фази“ значи.
Хијерархија
Основне ствари на које треба обратити посебну пажњу су висина линије између елемената и укупна визуелна хијерархија на страници. Постављање правилних пропорција висине линије може бити укључена дизајнерска вежба, али је важно савладати је. Важна је и хијерархија, јер слике и елементи текста треба да буду визуелно у хармонији - најважније ствари су углавном веће и на првом месту су на страници.
Дизајнери штампе бавили су се идејом вертикалног ритма дуги низ година и тек су у недавној прошлости веб дизајнери морали заиста да уђу у ове ствари. Са све већом потребом за израдом веб страница помоћу распореда мрежа и обраћањем пажње на прилагодљиве примене како би се прилагодиле више ширина екрана, сада је важније него икад раније из перспективе визуелног дизајна, вероватно више него само техничког.
Пет примера за проверу
1. Елементи типографског стила Ова књига Роберта Брингхурста је стандард за проучавање типографије. Прочитајте га, конзумирајте, улијте га у мозак како год можете.
2. Френк Химеро Осим што је апсолутно невероватан уопште, недавни редизајн личне веб странице дизајнера Франка Цхимера показује изванредан вертикални ритам. Користи паралаксни ефекат да помогне возити ритам кући док и ви померате страницу надоле.
3. Дан Цедерхолм За добар пример сјајног типографског вертикалног ритма, погледајте блог Дана Цедерхолма. Висина реда копије и наслова у савршеној је пропорцији.
4. Фоцус Лаб Фирма за веб дизајн и брендирање Фоцус Лаб спретно користи хијерархију како би помогла да се посетиоцима саопшти оно што је најважније.
5. Типофондерие Веб локација за Типографски студио Типофондерие има сјајан вертикални ритам са својим сликама и текстом. Размак између елемената пропорционалан је на целој веб локацији, а хијерархија између главне слике и секундарних слика / одељака је савршена.
Откријте 10 невероватних примера експерименталног дизајна у Цреативе Блоку.
