Web Design diseinuan buruz ikasi

Web diseinuak printzipio grafiko eta inprimatuen mundurako printzipioak eta definizioak hartu ditu beti. Hau bereziki egia da webaren tipografian eta gure web orrietan letra-formatuak lortzen ditugunean. Paralelo hauek ez dira beti 1etik 1ra itzultzen, baina zalantzarik gabe ikus dezakezu non diziplina batek beste batek eragina izan duen. Hau bereziki agerikoa da "punta-puntako" tipografia tradizionalaren eta "lerro-altuera" izeneko CSS propietatearen arteko harremana kontuan hartuta.

Leading Helburua

Pertsonek eskuz esku metalezko edo zurezko letretan erabiltzen zutenean, inprimatutako orrialde baterako tipografia sortzeko, berunezko lerro meheak lerro horizontaleko lerroen artean jarri ziren lerro horien arteko tartea sortzeko. Espazio handiagoa nahi baduzu, berunezko pieza handiagoak sartzen dituzu. Horrela sortu zen "liderra" terminoa. "Diseinu tipografiko eta printzipioei buruzko liburu bateko" liderra "topatzen baduzu," ondoko lerroen motako lerroen arteko distantzia "lerroan zerbait irakurriko luke.

Web Diseinuko buru

Diseinu digitalean, epe liderra oraindik erabiltzen da testu-lerroen arteko tartea. Programa askok epe zehatza erabiltzen dute, nahiz eta benetako beruna ez da programa horietan erabiltzen. Diseinuaren forma berrien adibide bikaina da tradizionaletatik datozen ideiak maileguan hartzeko, nahiz eta printzipio horren ezarpen zehatza aldatu egin dela.

Web diseinuari dagokionez, ez dago CSS jabetza "liderra" delako. Horren ordez, testuaren ikusizko pantailako hau kudeatuko duen CSS propietatea lerro-altuera deritzo. Testuak testu osoko lerro horizontalen arteko espazio gehigarria edukitzea nahi baduzu, jabetza hau erabili beharko zenuke. Esate baterako, esan lerroaren altuera handitu nahi duzula zure webguneko

elementuaren barruan , honela egin dezakezu:

main p {line-height: 1.5; }

Lerroaren altuera normala 1,5 aldiz izan liteke, orriaren letra-tipoaren lehenetsitako letra-tipoaren arabera (normalean 16 px).

Lerro-altuera erabiltzea

Goian zehazten den bezala, lerro altuera egokia da testu-lerroetan espazioan edo beste testu-blokeetan erabiltzeko. Lekuen arteko tarte txikiegia badaukazu, testua zure webguneko ikusleei irakurtzeko zaila da. Era berean, lerroak urrunegi badaude orrian, irakurketaren fluxu arrunta eten egingo da eta irakurleak zure testuarekin arazoak izango ditu arrazoi horregatik. Horregatik erabili behar den lerro-altuera arteko tarte egokia aurkitu nahi duzu. Zure diseinua benetako erabiltzaileekin ere probatu dezakezu zure iritzia orriaren irakurgarritasunari buruz .

Lerro-altuera ez erabiltzerakoan

Ez lerro altuera nahastu zuriuneak zure orriaren diseinuari gehitzeko erabiliko dituzun marjinak edo marjinak, goiburu edo paragrafoen azpian barne. Tartea ez da liderra, eta, beraz, ez da altuera lineaz kudeatzen.

Testu-elementu jakin batzuen arabera espazioa gehitzeko nahi baduzu, marjinak edo betegarriak erabili beharko zenituzke. Aurreko CSS adibidean atzera egiten genuenean, hau gehitu egin genezake:

main p {line-height: 1.5; marjina-behean: 24 px; }

Honek 1,5 lerroko altuera izango luke gure orriaren paragrafoaren testu-lerroen artean (

elementuaren barruan). Paragrafo berak ere 24 zuriunekoak izango lirateke zuriune bakoitzaren azpian, irakurleek paragrafo batetik bestera identifikatzeko erraztasun bisualak ahalbidetuz eta web errazena irakurtzeko. Ereduen jabetza erabil dezakezu hemen marjina tokian:

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

Ia kasu guztietan, hau CSS aurrekoaren berdina izango litzateke.

Esan "menu-menua" klase baten barruan dauden zerrenda-elementuen azpian jarri nahi zenukeela, marjinak edo betegarria erabili nahi dituzula, EZ lerroaren altuera. Beraz, hori egokia litzateke.

.services-menu li { Hemen lerro-altuera bakarrik erabiliko zenuke testu-barrutia tartean zehaztea nahi badituzu, zerrendako elementuen barruan, lerro anitzetarako exekutatzen diren testu-zati luzeak izan dituztela baieztapen bakoitzean.