Diajar Ngeunaan Anjog di Desain Web

Desain Web parantos salawasna injeuman kepala sekolah na definisi ti dunya desain grafis jeung citak. Ieu hususna leres lamun datang ka web tipografi jeung cara nu urang meunang letterforms dina kaca web urang. parallels ieu moal salawasna 1 ka 1 tarjamahan, tapi anjeun can tangtu bisa ningali mana hiji disiplin geus dipangaruhan nu sejen. Ieu hususna dibuktikeun lamun mertimbangkeun hubungan antara istilah tradisional tipografi "ngarah" jeung CSS sipat katelah "garis-jangkungna".

Tujuan Anjog

Nalika jalma dipaké pikeun sacara manual handset logam atawa hurup kai ambéh nyieun tipografi pikeun kaca dicitak, potongan ipis kalungguhan anu disimpen diantara garis horizontal tina téks guna nyieun dipasing antara maranéhanana garis. Lamun hayang rohangan badag, anjeun bakal nyelapkeun potongan gede tina kalungguhan. Ieu kumaha istilah "ngarah" ieu dikedalkeun. Lamun nyawang up istilah "ngarah" dina buku ngeunaan rarancang typographic jeung kepala sekolah, éta bakal maca hal ka efek - ". Jarak antara baselines tina garis saterusna tina jenis"

Anjog di Desain Web

Dina rarancang digital, anu anjog istilah ieu tetep dipaké pikeun nujul ka dipasing antara garis tina téks. Loba program migunakeun istilah pasti ieu, sanajan kalungguhan nu sabenerna geus jelas teu dipake dina eta programs.This mangrupakeun conto hébat bentuk anyar gagasan design injeuman ti leuwih tradisional, sanajan palaksanaan pasti tina prinsip yén geus robah.

Lamun datang ka design web, taya sipat CSS pikeun "ngarah". Gantina, harta CSS nu bakal nanganan tampilan visual ieu téks disebutna garis-jangkungna. Upami anjeun hoyong téks anjeun boga spasi tambahan antara garis horizontal tina téks, Anjeun bakal make sipat ieu. Contona, sebutkeun maneh hayang ningkatkeun garis-jangkungna pikeun sakabéh ayat jero éta unsur situs anjeun , anjeun bisa ngalakukeun kitu kawas kieu:

utama p {garis-jangkungna: 1,5; }

Ieu ayeuna bakal jadi 1,5 kali jangkungna garis normal, dumasar ukuran font standar kaca (nu ilaharna 16px).

Nalika nepi Paké Line-Jangkungna

Salaku wincikan luhur, jalur-jangkungna téh luyu ngagunakeun pikeun rohangan garis tina téks dina ayat atanapi blok séjén tina téks. Mun aya teuing saeutik spasi antara garis, téks nu bisa jadi jumbled jeung hésé maca pikeun pemirsa nepi situs anjeun. Nya kitu, lamun garis anu dipisah ku jauh teuing eta dina kaca, aliran normal tina bacaan bakal interrupted jeung pamiarsa kudu gangguan kalayan téks anjeun alesan éta. Ieu naha rék manggihan jumlah luyu tina garis-jangkungna dipasing ngagunakeun. Anjeun oge bisa nguji design anjeun kalawan pamaké sabenerna mun meunang eupan balik maranéhanana dina éta readability kaca .

Lamun Teu ka Paké Line-Jangkungna

Ulah galau garis-jangkungna jeung padding atanapi margins nu bakal Anjeun pake pikeun nambahkeun whitespace mun desain kaca anjeun, kaasup underneath judul atawa paragraf. dipasing nu teu ngarah, sarta ku kituna eta teu diatur ku garis-jangkungna.

Upami anjeun hoyong pikeun nambahkeun spasi dina elemen téks tangtu, anjeun bakal make margins atawa padding. Balik deui kana conto CSS saméméhna kami dipaké, urang bisa nambahkeun ieu:

utama p {garis-jangkungna: 1,5; margin-handap: 24px; }

Ieu masih bakal boga jangkungna 1,5 garis antara garis tina téks pikeun kaca urang urang ayat urang (nu leuwih jero nu unsur). Maranéhanana ayat sarua ogé bakal gaduh 24 piksel of whitespace handapeun tiap sahijina, sahingga pikeun ngarecah visual nu ngidinan nonton gampang ngaidentipikasi hiji ayat tina sejen tur nyieun Website maca gampang ngalakukeun. Anjeun oge bisa make harta padding di tempat margins dieu:

utama p {garis-jangkungna: 1,5; padding-handap: 24px; }

Ampir sakabeh kasus, ieu bakal nembongkeun sami salaku CSS saméméhna.

Ucapkeun anjeun hayang nambahkeun spasi underneath daftar barang anu éta jero daptar kalayan kelas "jasa-menu", anjeun bakal make margins atawa padding pikeun ngalakukeunana, NOT baris jangkungna. Ku kituna ieu bakal hade.

.services-menu li { Anjeun ngan bakal make garis-jangkungna dieu lamun hayang nyetél dipasing tina téks jero daptar-barang sorangan, asumsina aranjeunna kapaksa ngalir lengthy tina téks anu bisa ngajalankeun ka sababaraha garis pikeun tiap titik bullet.