Web typography tumutukoy sa isinama ang mga font sa mga web page. Ito ay isang kritikal na aspeto ng disenyo ng website dahil ito ay may direktang epekto sa pagiging madaling mabasa ng site. Maraming tao ang nag-iisip na ang mga responsibilidad ng a abot-kayang disenyo ng website propesyonal ay hindi kasama ang pagbibigay pansin sa web typography. Gayunpaman, ito ay isang maling konsepto.
Bukod sa pamumuhunan ng oras para sa paglikha ng mga disenyo, dapat ding maging matulungin sa web typography. Tandaan na kung ang iyong web typography ay hindi maganda, ang mga bisita ay hindi mag-abala na obserbahan ang iyong mga disenyo. Nagbibigay kami sa iyo ng ilang mga tip na makakatulong sa iyong makitungo sa web typography sa isang walang problemang paraan.
- Gumamit ng Tatlong Typeface bawat Disenyo
Ang paggamit ng tatlong typeface (pinakarami) ay magbibigay-daan sa mga mambabasa na obserbahan nang malinaw ang iyong website. Ang pag-aayos ng nilalaman na may iba't ibang mga typeface ay maaaring lumikha ng isang magulo na hitsura ng site. Bukod pa rito, maaari nitong kumbinsihin ang mga bisita na ang iba't ibang bahagi ng nilalaman, tulad ng iba't ibang mga talata ay walang kaugnayan.
Siyempre, habang nagbabasa, maaaring hindi mapili ng mga bisita ang eksaktong pinagmumulan ng kakulangan sa ginhawa. Gayunpaman, hindi sila magiging komportable sa pagbabasa ng impormasyon na naglalaman ng iba't ibang mga typeface. - Itangi ang Headline
Ang pamagat ng isang artikulo ay nakakaakit ng mga bisita sa simula. Kung nakita nilang kaakit-akit ang pamagat, magpapatuloy sila sa natitirang bahagi ng artikulo. Nangangahulugan ito na kailangan mong i-highlight ang pamagat, upang makuha nito ang atensyon ng mga mambabasa sa anumang halaga. Ang pagtaas ng laki ng headline ay ang pinakamadaling paraan upang i-highlight ito. - Itakda ang Sukat ng Body Copy sa 14 Pixels
Para sa pinakamahusay na mga resulta, subukang tiyaking mababasa ng mga bisita ang iyong body copy nang kumportable. Totoo na bukod sa laki, ang iba pang mga kadahilanan ay maaari ring makaimpluwensya sa pagiging madaling mabasa ng website. Gayunpaman, ang laki ay ang pinakamahalagang kadahilanan sa pagtukoy. Ang pagtatakda ng laki ng iyong body copy sa 14 pixels ay maaaring maging magandang ideya. - Iwasang gumamit ng Underlines at Italics nang hindi kinakailangan
Huwag lituhin ang iyong mga mambabasa sa pamamagitan ng paggamit ng mga italics at salungguhit nang hindi kinakailangan. Ang mga Italic at underline ay nagbibigay ng higit na kahalagahan sa isang linya. Kung gagamit ka ng mga italics at salungguhit sa bawat pangungusap, maaaring malito ang iyong mga bisita.
Sa halip, gumamit ng underlies at italics, kung kinakailangan lamang. - Huwag Gumamit ng Buong Capitals para sa Malaking Blocks ng Text
Ang paggamit ng buong capitals para sa malalaking bloke ng text ay isang masamang ideya. Ito ay dahil sa katotohanan na kung ihahambing sa tekstong nakasulat sa mas mababa at mataas na mga kaso, ang impormasyong nakatakda lamang sa mga malalaking titik ay mas mahirap bigyang-kahulugan.
Kung magtatakda ka ng impormasyon sa lower at upper case, kung kinakailangan, ito ay magiging mas madali sa paningin. Higit pa rito, ito ay magbibigay-daan sa mga bisita na bigyang-kahulugan ang impormasyon nang mas madali. - Iwasan ang Pag-cramming ng Malaking Impormasyon sa Limitadong Lugar
Upang mapataas ang pagiging madaling mabasa ng iyong site, huwag pilitin ang malaking impormasyon na magkasya sa isang limitadong espasyo. Sa halip, bigyan ito ng sapat na espasyo, upang magkaroon ito ng maayos na hitsura. Kasabay nito, huwag isama ang labis na espasyo, upang ang buong teksto ay lilitaw na magkahiwalay at walang kaugnayan. - Bigyang-pansin ang Background Contrast
Maaaring pinili mo ang mas malaking laki ng font para sa pagtaas ng pagiging madaling mabasa ng teksto. Gayunpaman, kung ang kaibahan sa pagitan ng impormasyon at background nito ay hindi maganda, ito ay makahahadlang sa pagiging madaling mabasa at madaling mabasa ng site. Ang karaniwang kasanayan ay ang paglalagay ng magaan na teksto laban sa isang madilim na background o vice-versa. Iwasang gumamit ng magkasalungat na kulay sa anumang halaga. - Mag-opt para sa Mga Font na perpekto para sa Paggamit ng Screen
Maaari kang makakuha ng iba't ibang uri ng mga font sa internet. Sa kasamaang palad, marami sa mga font na ito ay hindi angkop para sa paggamit sa mga website. Para sa kadahilanang ito, ang maingat na pagpili ng mga font ay mahalaga. Bukod pa rito, maaari kang humingi ng tulong sa pagpahiwatig ng mga talahanayan at tingnan ang hitsura ng mga font sa mas maliliit na laki sa iba't ibang mga browser. - Iwasan ang Paggamit ng Comic Sans
Ang comic sans ay naging isang labis na kinasusuklaman na font at kami ay walang pagbubukod. Lubos kaming naniniwala na ang paggamit ng font na ito ay nagbibigay sa iyong site ng parang bata at hindi pa gulang na apela, na hindi pinahahalagahan ng karamihan ng mga bisita. Subukang iwasan ito.
Masiyahan sa paglikha ng isang naa-access na website!
Aiden Ruse
Kumusta Diane.
Salamat sa pagbabahagi ng mahusay na gabay. Nais kong maunawaan ng bawat taga-disenyo ang kahalagahan ng palalimbagan. Ang maling palalimbagan ay maaari ding isang pagkakamali ng pagkabigo ng isang disenyo ng website. Gusto kong ilagay ang typography sa unang priyoridad pagdating sa disenyo ng isang website at i-save ang web design mula sa pagiging isang pagkabigo. Ang payo na ibinigay mo dito ay talagang hindi kapani-paniwala at naglalaman ng maraming kapaki-pakinabang na impormasyon.
ambar
Salamat sa pagbabahagi. Tiyak na maraming tao ang makikinabang sa mga puntong ito.
Sarah
Napaka-kapaki-pakinabang. Tinitingnan ko ang muling disenyo ng isa sa aming mga website sa ngayon at napagtanto ko na gumagamit kami ng humigit-kumulang 5-6 na magkakaibang mga font sa lumang site na mukhang hindi maganda.
Sajesh
Sumang-ayon ako sa iyo na ang web typography ay isang kritikal na aspeto ng disenyo ng web at dapat panatilihin ng bawat taga-disenyo ang aspetong ito sa kanilang isip habang nagdidisenyo ng website.
Nishadha
Ang masasabi ko lang ay wow. Alam kong mahalaga ang mga istilo ng font at laki ng font ngunit hindi ko alam ang napakaraming detalye kung bakit mahalaga ang mga ito. Ipinapasa ito sa koponan ng disenyo at salamat sa kahanga-hangang artikulo.
David
Ang paglalagay ng malinaw, nababasa at epektibong palalimbagan sa iyong website ay nagpapataas hindi lamang sa iyong mga bisita, ngunit ito ay nagpapataas din ng propesyonalismo.
Natasha
Itakda ang Sukat ng Body Copy sa 14 Pixels? Hindi ba mas mabuti na gumamit tayo ng 16-18px o mas mahusay na pumunta tayo para sa 150%.
Rajesh Namase
Depende, palitan lang at tingnan kung maganda at nababasa o hindi.
Jeeten
Oo, sumasang-ayon ako sa iyo Diane, kailangan ang web typography. isinasaisip ang typography na idinisenyo ko ang aking site.
Stephen
font-family: 'franklin_gothic_medium_condRg'; Ang font ay ginagamit ng aking sarili sa aking iba't ibang mga website. at Katawan Ang laki ng font ay pinananatiling .9em. at sa ilang website 1em.
H1 = 3em
H2 = 2.5em
H3 = 2em
H4 = 1.6em
H5 = 1.2em
Vishnu Sharma
Oo, sumasang-ayon ako sa iyo Diane, kailangan ang web typography. Isinasaisip ang typography na idinisenyo ko ang aking site.
Mansoor Bhanpurawala
Napaka-kapaki-pakinabang. Tinitingnan ko ang muling disenyo ng isa sa aming mga website sa ngayon at napagtanto ko na gumagamit kami ng humigit-kumulang 5-6 na magkakaibang mga font sa lumang site na mukhang hindi maganda.
Alex
Salamat, Admin. Napakagamit ng buong blog. Salamat sa post dahil ang post na ito ay kapaki-pakinabang para sa akin.