Turinys
Šis straipsnis pirmą kartą pasirodė žurnalo .net 229 numeryje - perkamiausiame pasaulyje žurnale, skirtame interneto dizaineriams ir kūrėjams.
Vienas iš svarbiausių dalykų, į kurį galite sutelkti dėmesį dėliodami puslapį HTML / CSS, yra vertikalus ritmas - vaizdinis modelis, į kurį formuojasi tipų blokai ar tipo eilutės, kai nuskaitote puslapį žemyn.
Šį ritmą gali paveikti kiti dalykai, tokie kaip antraštės, sąrašo elementai, vaizdai ir pan. Geras vertikalus ritmas yra svarbiausia, nes tai padeda jūsų puslapio (-ų) įskaitomumą ir nuskaitymą.
Žiniatinklyje yra nemažai puikių pamokų (žr., Pavyzdžiui, čia ir čia), kur galite sužinoti, kaip techniškai pasiekti tinkamą vertikalų ritmą, naudojant emus savo linijos aukščiui ir sužinant, kas jūsų tipą palaiko „fazėje“ reiškia.
Hierarchija
Pagrindiniai dalykai, į kuriuos reikia atkreipti ypatingą dėmesį, yra linijos aukštis tarp elementų ir bendra vizualinė puslapio hierarchija. Tinkamų linijos aukščio proporcijų nustatymas gali būti susijęs su projektavimo pratimais, tačiau svarbu tai išmokti. Hierarchija taip pat yra svarbi tuo, kad vaizdai ir teksto elementai turėtų vizualiai derėti vienas su kitu - svarbiausi dalykai paprastai yra didesni ir pirmiausia pateikiami puslapyje.
Spaudos dizaineriai daugelį metų nagrinėjo vertikalaus ritmo idėją ir tik netolimoje praeityje interneto dizaineriams teko iš tikrųjų įsitraukti į šiuos dalykus. Nuolat didėjant poreikiui kurti svetaines naudojant tinklelio maketus ir atkreipti dėmesį į reaguojančius diegimus, kad būtų galima pritaikyti kelis ekrano pločius, tai yra svarbiau nei bet kada anksčiau iš vizualinio dizaino perspektyvos, tikriausiai labiau nei tik techninio.
Penki pavyzdžiai, kuriuos reikia patikrinti
1. Tipografinio stiliaus elementai Ši Roberto Bringhursto knyga yra tipografijos studijų standartas. Perskaitykite, suvartokite, supilkite į smegenis bet kokiu būdu.
2. Frankas Chimero Be to, kad apskritai yra visiškai nuostabu, neseniai dizainerio Franko Chimero asmeninės svetainės dizainas demonstruoja puikų vertikalų ritmą. Jis naudoja paralakso efektą, kad padėtų ritmui grįžti namo, kai slinkate puslapiu žemyn.
3. Danas Cederholmas Norėdami pamatyti puikų tipografinio vertikalaus ritmo pavyzdį, pažvelkite į Dano Cederholmo tinklaraštį. Kopijos ir antraščių linijos aukštis yra visiškai proporcingas.
4. „Focus Lab“ Interneto svetainių kūrimo ir prekės ženklų kūrimo įmonė „Focus Lab“ mikliai naudoja hierarchiją, kad padėtų komunikuoti tai, kas svarbiausia lankytojui.
5. „Typofonderie“ Tipografijos studijos „Typofonderie“ svetainėje yra puikus vertikalus ritmas - vaizdai ir tekstas. Tarpai tarp elementų yra proporcingi visoje svetainėje, o hierarchija tarp pagrindinio vaizdo ir antrinių vaizdų / skyrių yra puiki.
„Creative Bloq“ atraskite 10 nuostabių eksperimentinio dizaino pavyzdžių.