Articulu per capisce in Web Design

U dissenyu Web sempre hà pigliatu prestu principarmenti è difinizzioni di u mondu di u graficu è stampatu. Questa hè particularmente bella quand'ellu venga à a tipografia web è a manera di quale aghjustemu formule infurmazioni in a nostra pàgina web. Questi parelli ùn sò micca sempre 1 à 1 traduzioni, ma pudete truvà vede dunni chì una disciplina hà influenzatu l'altru. Questu hè particularmente evidenti quandu avete a raportu tra a tipografia tradizionale "cumminciò" è a propietata CSS cunnisciuta com'è "altu di linea".

U Scopu di Leading

Quandu a ghjente averebbe mancu appicollu mancu metalichi o lettere di lignu per pudè creà a tipografia per una pagina stampata, i pezzi murali di u sochju sò stati abbandunate trà e filettone horizontale di testu per creà spazzazioni trà questi filamenti. Se vulia un spaziore più grande, puderete inserisce più grande piezzii di guida. Questu hè chjamatu u terminu "impegni". Se avete guardatu u termine "guidu" in un libru per u designu tipogràficu è i principii, leghjite alcun vale à l'effettu di - "a distanza trà i basi di linii successivi di tipu".

Prughjettante in Web Design

In u dizziunamentu digitale, u termine ponu si hè sempre usatu per riferite à l'intramustimentu trà i fille di testu. Parechje prudutti utilizanu questu predefinitu, ancu s'e l'induv'ellu ùn si trova micca utilizatu in quelli programmi. Hè un gran esempiu di novi forma di designu pirmissi di idee di i tradiziunali, anche si l'implementazione esatta di quellu principiu hà cambiatu.

Quandu si tratta di designu web, ùn hè micca una pruprietariu di CSS per "impurtante". Invece, a pruprietariu CSS chì puderia gestionà sta visualizazione visuale di u testu hè chjamatu chjesa di altitudine. Sè vo vulete chì u vostru testu avete un spaziu supplementu trà u linu horizontale di testu, pudete esse aduprate stu propiu. Per esempiu, dite chì vulete aghjustà l'altitudine di a linea per tutti i paragrafi in l'elementu

di u vostru situ , pudete fà cum'è stu situ:

principal p {line-height: 1.5; }

Questu avissi da esse 1,5 settore di l'altura di a ligna normale, basendu annantu à a prima pagina di fontana di a pagina (chì ghjera normalment 16pc).

Quandu s'ellu aduprà Line-Height

Cumu hè dettuatu supra, l'altura di a linea hè appruvata per utilizà à spazià e linii di testu in paragrafi o altre blocchi di testu. Se ci hè troppu spaziu spaziu trà i fillei, u testu pò esse diventatu è difficiuli di leghje per i spettori in u vostru situ. In più, si i linii sò spazziati troppu ghjustu nantu à a pagina, u flussu nurmale di a lettura serà interrotta è i lettori averanu prublemi cù u vostru testu per questa raghjilla. Eccu perchè vo vulete truvà a quantità approprita di l'intravindicatu di distanza di linea per l'usu. Pudete ancu pruvene u so dissinnatu cù l'utilizatori propii per avè a so rispunsioni nantu à a leghjibilità di a pagina .

Quandu ùn puderà utilizà Line-Height

Ùn cunfundite micca l'altitudine di caghjà cù u stretchinu o marghjini chì avete aduprà à aghjunghje spaziu biancu à u dizziunariu di a vostra pagina, cumpresa quì sottu per l'intrecciu o paragrafi. Ddu spazzu ùn hè micca uperazione, è per quessa ùn hè micca trattatu da altitudine di linea.

Se vulete aghjunghje spaziu sottu certi elementi di testu, puderete utilizà marge o padding. Tornendu à l'esemplare di CSS previ anu usatu, pudemu agghiuncià questu:

principal p {line-height: 1.5; margin-bottom: 24px; }

Quissa averebbe stillu l'induve l'altitudine di 1.5 linea entre lien di testu per u paràgrafu di a nostra pagina (quelli in l'element

). Ddi i stessi paragrafi anu da ancu 24 píxisie di u spaziu biancu sottu à ognuna di elli, chì permettenu i scuperte visuali chì permettenu i lettori identificanu facilmente un paràgrafu da l'altru, è facenu fà un aghjustà à u web. Pudete ancu aduprà a pruprietà di rinfrisa in u locu di marghjini quì:

principal p {line-height: 1.5; padding-bottom: 24px; }

In quasi tutti i casi, questu vede cumparisce a CSS antica.

Dite chì vulete aghjustà l'intramursu sottu l'ogetti di liste chì eranu in una lista cù una classa di "menu di serviziu", puderà utilizà marge o padding per fà, micca di l'altitudine di linea. Allora putissi avè adattatu.

.services-menu li { Ùn puderete sceglite l'altitudine di a linea quì si avete dumandatu l'intramustimentu di u testu in l'articuli di st'artesi, cuminciscendu ch'elli avianu longu scorri di testu chì puderanu esse ghjustu à parechje linii per ogni puntu di bullet.