Sisu
See artikkel ilmus esmakordselt ajakirja .net 229. numbris - maailma enimmüüdud ajakiri veebidisaineritele ja arendajatele.
Üks olulisemaid asju, millele saate HTML / CSS-is lehe paigutamisel keskenduda, on vertikaalne rütm - visuaalne muster, milleks moodustuvad tüüpi plokid või tüübiread lehte alla skannides.
Sellised rütmid võivad mõjutada muid asju, näiteks pealkirjad, loendiüksused, pildid jne. Hea vertikaalse rütmi omamine on esmatähtis, kuna see aitab teie lehe (te) loetavust ja skannimisvõimet.
Veebis on üsna palju toredaid õpetusi (vaadake näiteks siin ja siin), kust leiate teavet selle kohta, kuidas tehniliselt saavutada õige vertikaalne rütm, kasutades emsi oma joone kõrguse jaoks ja õppides, mis hoiab teie tüüpi "faasis" tähendab.
Hierarhia
Põhilised asjad, millele tuleb suurt tähelepanu pöörata, on joonte kõrgus elementide vahel ja lehe üldine visuaalne hierarhia. Korralike joonekõrguse proportsioonide määramine võib olla kaasatud kujundusharjutus, kuid see on oluline. Hierarhia on oluline ka selle poolest, et pildid ja teksti elemendid peaksid olema visuaalselt üksteisega kooskõlas - kõige olulisemad asjad on üldiselt suuremad ja tulevad lehel esikohale.
Trükidisainerid on vertikaalse rütmi ideega tegelenud palju aastaid ja veebidisainerid on pidanud sellesse kraami tegelema alles lähiminevikus. Kuna võrguplaanide abil on vaja üha enam veebisaite ehitada ja pöörata tähelepanu reageerivatele rakendustele, et mahutada mitu ekraanilaiust, on see visuaalse kujunduse seisukohast praegu olulisem kui kunagi varem, tõenäoliselt mitte ainult tehniline.
Viis näidet, mida vaadata
1. Tüpograafilise stiili elemendid See Robert Bringhursti raamat on tüpograafiaõppe standard. Lugege seda, tarbige seda, valage oma aju igal võimalusel.
2. Frank Chimero Lisaks sellele, et disainer Frank Chimero isiklik veebisait on hiljuti ümber kujundatud, on see vertikaalne rütm. Ta kasutab parallaksi efekti, et aidata rütmi koju ajada, kui ka teie lehte alla kerite.
3. Dan Cederholm Hea tüpograafilise vertikaalse rütmi hea näite saamiseks vaadake Dan Cederholmi ajaveebi. Koopia ja pealkirjade rea kõrgus on ideaalses proportsioonis.
4. Fookuslabor Veebidisaini- ja kaubamärgifirma Focus Lab kasutab hierarhiat osavalt, et aidata külastajal kõige olulisemat suhelda.
5. Typofonderie Tüüpograafiastuudio Typofonderie veebisaidil on piltide ja tekstiga suurepärane vertikaalne rütm. Elementide vaheline kaugus on kogu veebisaidil proportsionaalne ning hierarhia põhipildi ja teiseste piltide / jaotiste vahel on täiuslik.
Avastage Creative Bloqis 10 hämmastavat eksperimentaalse disaini näidet.