Aprantisaj sou dirijan nan Design sit entènèt

Konsepsyon sit entènèt te toujou prete direktè ak definisyon soti nan mond lan nan desen grafik ak enprime. Sa a se laverite espesyalman lè li rive tipografi entènèt ak fason a nan ki nou jwenn letterforms sou paj wèb nou an. Sa yo paralèl yo pa toujou 1 a 1 tradiksyon, men ou ka sètènman wè ki kote yon disiplin te enfliyanse lòt la. Sa a se sitou evidan lè ou konsidere relasyon ki genyen ant tèm nan tradisyonèl tipografi "ki mennen" ak pwopriyete a CSS li te ye tankou "liy-wotè."

Objektif la nan dirijan

Lè moun yo itilize manyèlman metal metal oswa lèt an bwa yo nan lòd yo kreye tipografi a pou yon paj enprime, moso plon mens yo te mete ant liy orizontal nan tèks yo nan lòd yo kreye espas ant liy sa yo. Si ou te vle yon espas pi gwo, ou ta mete pi gwo moso nan plon. Sa a se ki jan yo te tèm nan "dirijan" envante. Si ou te gade tèm "dirijan" nan yon liv sou konsepsyon tipografik ak direktè lekòl, li ta li yon bagay efè a - "distans ki genyen ant baselines yo nan liy siksesif nan kalite."

Dirijan nan Design sit entènèt

Nan konsepsyon dijital, se dirijan tèm ki toujou itilize pou refere a espas ki genyen ant liy tèks. Anpil pwogram sèvi ak tèm sa a egzak, menm si plon aktyèlman evidamman pa te itilize nan pwogram sa yo.Sa a se yon gwo egzanp sou nouvo fòm konsepsyon prete lide soti nan tradisyonèl yo, menm si aplikasyon an egzak nan prensip sa a chanje.

Lè li rive konsepsyon sit entènèt, pa gen okenn pwopriyete CSS pou "dirijan." Olye de sa, pwopriyete a CSS ki ta okipe ekspozisyon vizyèl la nan tèks yo rele liy-wotè. Si ou vle tèks ou gen plis espas ant liy orizontal nan tèks, ou ta itilize pwopriyete sa a. Pou egzanp, di ou te vle ogmante liy-wotè a pou tout paragraf andedan eleman nan sit ou, ou ta ka fè sa tankou sa a:

prensipal p {liy-wotè: 1.5; }}

Sa a ta kounye a se 1.5 fwa wotè a liy nòmal, ki baze sou gwosè a font default nan paj la (ki se nòmalman 16px).

Lè yo sèvi ak Liy-Wotè

Kòm detaye anwo a, liy-wotè ki apwopriye pou itilize nan espas liy yo nan tèks nan paragraf oswa lòt blòk nan tèks. Si gen espas twò piti ant liy yo, tèks la ka jennen ak difisil pou li pou telespektatè sou sit ou. Menm jan tou, si liy yo ap espace twò lwen apa sou paj la, yo pral koule nan nòmal nan lekti ap koupe epi lektè yo ap gen pwoblèm ak tèks ou pou rezon sa a. Se poutèt sa ou vle jwenn kantite lajan ki apwopriye nan liy-wotè espas yo itilize. Ou kapab tou tès konsepsyon ou ak itilizatè aktyèl yo ka resevwa fidbak yo sou lizibilite a nan paj la .

Lè yo pa itilize Liy-Wotè

Pa konfonn liy-wotè ak padding la oswa marges ke ou ta itilize yo ajoute blanchi nan konsepsyon paj ou an, ki gen ladan anba tit oswa paragraf. Espas sa a pa dirijan, ak Se poutèt sa li pa okipe pa liy-wotè.

Si ou vle ajoute espas anba eleman tèks sèten, ou ta sèvi ak marges oswa padding. Ale tounen nan egzanp lan anvan CSS nou itilize, nou ta ka ajoute sa a:

prensipal p {liy-wotè: 1.5; Marge-anba: 24px; }}

Sa a ta toujou gen wotè a liy 1.5 ant liy nan tèks pou paragraf paj nou an (sa yo andedan eleman nan ). Moun sa yo ki menm paragraf yo ta genyen tou 24 piksèl nan blan anba chak nan yo, sa ki pèmèt pou repo yo vizyèl ki pèmèt lektè fasil idantifye yon paragraf nan yon lòt epi fè lekti sou sit entènèt pi fasil fè. Ou ta ka tou itilize pwopriyete a padding nan plas nan marges isit la:

prensipal p {liy-wotè: 1.5; padding-anba: 24px; }}

Nan prèske tout ka yo, sa a ta montre menm bagay la tou kòm CSS anvan an.

Di ou te vle ajoute espas anba atik lis ki te andedan yon lis ki gen yon klas nan "meni sèvis-", ou ta itilize marges oswa padding yo fè sa, PA wotè liy. Se konsa, sa ta dwe apwopriye.

.services-menu li { Ou ta sèlman itilize liy-wotè isit la si ou te vle mete espas ki la nan tèks la anndan lis atik yo tèt yo, an konsideran yo te kouri long nan tèks ki ta ka kouri nan liy miltip pou chak pwen bal.