Nilalaman
Ang artikulong ito ay unang lumitaw sa isyu ng 229 ng .net magazine - ang pinakamabentang magazine sa buong mundo para sa mga web designer at developer.
Ang isa sa pinakamahalagang bagay na maaari mong pagtuunan ng pansin pagdating sa paglalagay ng isang pahina sa HTML / CSS ay patayong ritmo - ang visual na pattern na ang mga bloke ng uri o mga linya ng uri na form sa pag-scan mo sa pahina.
Ang iba pang mga bagay ay maaaring makaapekto sa ritmo na ito tulad ng mga heading, listahan ng mga item, imahe, at iba pa. Ang pagkakaroon ng mabuting patayong ritmo ay pinakamahalaga sapagkat nakakatulong ito sa kakayahang mabasa at mai-scan ang kakayahan ng iyong (mga) pahina.
Mayroong ilang mga mahusay na mga tutorial (Tingnan dito at dito, halimbawa) sa web kung saan maaari mong malaman ang tungkol sa kung paano makamit ang teknikal na tamang patayong ritmo sa pamamagitan ng paggamit ng mga em para sa iyong linya-taas at pag-aaral tungkol sa kung ano ang pinapanatili ang iyong uri na 'nasa yugto' nangangahulugang
Hierarchy
Ang mga pangunahing bagay na dapat bigyang-pansin ay ang taas ng linya sa pagitan ng mga elemento at pangkalahatang hierarchy ng visual sa pahina. Ang pagtatakda ng wastong mga proporsyon sa taas ng linya ay maaaring isang kasangkot na ehersisyo sa disenyo ngunit mahalaga na makabisado. Ang hirarkiya ay mahalaga din, kung saan ang mga imahe at elemento ng teksto ay dapat na magkakasundo sa bawat isa sa paningin - ang pinakamahalagang bagay sa pangkalahatan ay mas malaki at nauuna sa pahina.
Ang mga naka-print na taga-disenyo ay nakikipag-usap sa ideya ng patayong ritmo sa loob ng maraming taon at sa loob lamang ng nagdaang nakaraan na ang mga taga-disenyo ng web ay kailangang talagang makapasok sa bagay na ito. Sa patuloy na pagtaas ng pangangailangan na bumuo ng mga website na gumagamit ng mga layout ng grid at bigyang pansin ang mga tumutugong pagpapatupad upang mapaunlakan ang maraming mga lapad ng screen, mas mahalaga ito ngayon kaysa dati pa mula sa isang pananaw sa visual na disenyo, marahil higit pa sa isang teknikal lamang.
Limang mga halimbawa upang suriin
1. Ang Mga Sangkap ng Estilo ng Tipograpikong Ang librong ito ni Robert Bringhurst ay ang pamantayan para sa pag-aaral ng palalimbagan. Basahin ito, ubusin ito, ibuhos sa iyong utak sa anumang paraan na makakaya mo.
2. Frank Chimero Bukod sa pagiging ganap na kamangha-mangha sa pangkalahatan, ang kamakailang disenyo ng disenyo ng personal na website ng taga-disenyo na si Frank Chimero ay nagpapakita ng napakahusay na patayong ritmo. Gumagamit siya ng isang paralaks na epekto upang matulungan ang paghimok ng ritmo sa bahay sa pag-scroll mo rin ng pahina pababa.
3. Dan Cederholm Para sa isang magandang halimbawa ng mahusay na typographic vertical rhythm, tingnan ang blog ni Dan Cederholm. Ang taas ng linya ng kopya at mga ulo ng balita ay nasa perpektong proporsyon.
4. Focus Lab Ang web design at branding firm na Focus Lab ay gumagamit ng hierarchy nang deftly upang makatulong na maipaabot kung ano ang pinakamahalaga sa bisita.
5. Typofonderie Ang website para sa Typography Studio Typofonderie ay may mahusay na patayong ritmo kasama ang mga imahe at teksto. Ang agwat sa pagitan ng mga elemento ay nasa proporsyon sa buong website at ang hierarchy sa pagitan ng pangunahing imahe at pangalawang mga imahe / seksyon ay perpekto.
Tuklasin ang 10 kamangha-manghang mga halimbawa ng pang-eksperimentong disenyo sa Creative Bloq.
