Veebi disain on alati laenatud printsiipe ja määratlusi graafilise ja disaini maailmast. See kehtib eriti veebitrüpograafia ja meie veebisaitidel kirjavormide kohta. Need paralleele ei ole alati 1 kuni 1 tõlge, kuid saate kindlasti näha, kus üks distsipliin on teisele mõjutanud. See on eriti ilmne, kui arvestada suhteid tavapärase tüpograafia mõistega "juhtiv" ja CSS vara, mida nimetatakse "line-height".
Juhtiv eesmärk
Kui trükitud lehe tüpograafia loomiseks kasutati käsitsi metallist või puidust tähtede käsitsemist, paigutati horisontaalsete joonte vahele õhukesed pliiatsitükid, et tekitada nende ridade vahekaugusi. Kui soovite suuremat ruumi, sisestage suuremad pliidiplaadid. Nii valmistati ette mõiste "juhtiv". Kui te uuriksite tüpograafilise disaini ja põhimõtete raamatus sõna "juhtiv", siis luges see midagi "järjestikuste tüvede lähtejoonte vaheline kaugus".
Veebi disaini juhtimine
Digitaalses disainis tähistab sõna juhtivat tekstiiliinide vahekaugust. Paljud programmid kasutavad seda täpset terminit, kuigi kõnealustes programmides ilmselt ei kasutata tegelikku pliidit. See on suurepärane näide traditsioonilistest projektidest laenamise ideede uute vormide kohta, kuigi selle põhimõtte täpne rakendamine on muutunud.
Kui tegemist on veebidisainiga, pole "juhtivateks" CSS-i vara. Selle asemel, CSS-i vara, mis tegeleb selle teksti visuaalse kuvamisega, nimetatakse rida-kõrgus. Kui soovite, et teksti tekstis oleks horisontaalsete joonte vahel rohkem ruumi, kasutaksite seda omadust. Näiteks öelge, et soovisite tõsta kõigi saidi
Praegu on see 1,5 korda tavapärasest rea kõrgusest, mis põhineb lehe vaikimisi kirjasuurusel (mis on tavaliselt 16 pikslit).
Millal kasutada reavahetust?
Nagu ülalpool üksikasjalikult kirjeldatud, on rida-kõrgus sobiv kasutada teksti ridade ruumide lõikamiseks või muudes tekstiosades. Kui ridade vahel on liiga vähe ruumi, võib tekst teie veebisaidi vaatajate jaoks jumbledaks ja seda on raske lugeda. Kui lehed paigutatakse lehele liiga kaugele, katkeb normaalne lugemisava ning sel põhjusel on lugejatel teie tekstiga probleeme. Sellepärast soovite kasutada sobivat kogust ridade kõrgusest. Te saate ka testida oma disaini tegelike kasutajatega, et saada tagasisidet lehe loetavuse kohta .
Kui mitte kasutada rea kõrgusit
Ärge ahistage rida kõrgusega polsterdusega või servadega, mida soovite oma lehe kujundusele lisada tühja ruumi, sealhulgas rubriigi või lõikude all. See vahekaugus ei ole juhtiv ja seega ei käidelda seda rida-kõrguselt.
Kui soovite teatud tekstielementide all ruumi lisada, siis kasutaksite marginaale või polsterit. Kasutades tagasi eelmise CSS-i näidist, võime lisada selle:
peamine p (rea kõrgus: 1,5; marginaal-põhi: 24px; } Sellel oleks 1.5 lehekülje ridade kõrgus teksti lehtede lõikude (need, mis on sees
Peaaegu kõikidel juhtudel kuvatakse see sama eelmise CSS-iga.
Öelge, et soovisite vahekaugusi lisada loendis olevate loendis esinevate "teenuste-menüü" klassi loendisse, siis kasutaksite seda servade või polsterdusega, mitte liini kõrgust. Nii oleks see sobiv.
. teenused-menüü li {