Ang typography sa isang web page ay kasinghalaga nito sa anumang iba pang medium, hindi mahalaga kung nagta-type ka para sa packaging, pag-publish ng telebisyon o signage, at dapat isaalang-alang ng lahat ng mga designer ang medium na kanilang ginagamit at ang mga diskarte na kanilang gagamitin upang umangkop sa medium na iyon. Gusto mong ang iyong gawa ay madaling basahin at maging kaaya-aya sa mata.

Ito ay sinabi na isang halimbawa ay ang isang artikulo na isinulat sa isang magasin kumpara sa isang poster. Habang binabasa ang isang magazine sa malapit na distansya at sa loob ng arm length, ang typeset ay maaaring maliit at madali pa ring basahin. Bagama't ang isang poster ay mas malaki at nakikita sa isang mas pahilig na paraan, gugustuhin mong lagyan ng espasyo ang mga salita upang madaling makilala ng manonood.

Typography sa Wordpress Blogs - Ang Kailangan Mong Malaman - Blog Lorelei Web Design

Pinapayagan ka ng All in ONE Cufon plugin na madaling palitan ang mga font sa WordPress

Kapag nagdidisenyo para sa isang webpage mayroong isang buong hanay ng mga bagong problema na dapat lampasan. Nakikipag-ugnayan ka sa isang audience na may iba't ibang laki at platform ng screen. May isang paraan na dapat magtrabaho ang isang taga-disenyo upang isaalang-alang ang lahat ng ito habang nagdidisenyo ng isang pahina na madaling makita sa lahat ng iba't ibang platform. Hindi mo maaaring ipagpalagay na ang lahat ng iyong mga manonood ay gumagamit ng parehong kagamitan na ginagamit mo; kahit na ang bilis ng koneksyon ay dapat pumasok sa isip kapag ikaw ay nagdidisenyo.

Mga Halimbawa ng Magandang Paggamit ng Typography sa WordPress:

https://loreleiwebdesign.com//HLIC/6ddf88ca708e8a1ffe0a287235dfb761.jpg

https://loreleiwebdesign.com//HLIC/8663505a6859fcf655e56bf9ffa3dddc.png

https://loreleiwebdesign.com//HLIC/69c7e6d719146c317ed764a054fabfe6.jpg

Depende sa iyong nilalaman, maaari mong baguhin ang mga style sheet upang pinakaangkop sa iyong mga pangangailangan. Maaari mong baguhin ang mga laki ng heading at sub heading pati na rin ang mga laki ng text ng iyong katawan upang pinakamahusay na magkasya sa iyong page kung ito ay isang site na nagbibigay-kaalaman, site ng mga bata o isang mas teknikal na site. Ang mga setting ng uri na ito ay simpleng baguhin at dapat isaalang-alang ng istilo ng iyong webpage ang iyong target na madla. Hindi mo gagamitin ang parehong istilo sa page ng mga bata gaya ng gagawin mo sa page na ginawa para sa mga namumuhunan sa negosyo kaya mahalagang tandaan ang iyong target na audience.

  • Oryentasyon – Kung nagbabasa ka ng libro at nakikita mong baligtad ang uri ang unang bagay na gagawin mo ay i-flip ang libro, hindi ganoon kadaling gawain sa isang computer. Ang vertical na uri ay hindi posible sa HTML ngunit maaari itong gawin sa pamamagitan ng paggamit ng JPG, PNG o GIF. Maaari itong gumana para sa iyo kung ginamit nang matipid. Ang isang pamagat ng ganitong uri ay kukuha ng atensyon ng mambabasa at kung nasa isang mahusay na balanse sa kanyang mga bagay tulad ng kulay, timbang at sukat ay maaaring maging kapaki-pakinabang. Ang ganitong uri ng heading ay nangangailangan ng pansin at kapag ginamit kasama ng iba pang materyal ay maaaring mapag-isa ang materyal na ito at maging napakaepektibo.
  • Posisyon – Bilang ibang uri ng istilong ginamit gaya ng maverick, anumang linya na nasa ibang posisyon ay mabilis na makakaakit ng mata ng manonood. Ang paghahati-hati sa natural na daloy ng pahina ay makakakuha lamang ng higit na atensyon. Maaari mong baguhin ang anumang katawan ng teksto sa pamamagitan lamang ng pagpapalit ng isang elemento tulad ng font, posisyon ng kulay at iba pa. Anumang bagay na mukhang naiiba o wala sa lugar ay awtomatikong maakit ang mata dito. Gaya nga ng kasabihan, ang mga patakaran ay minsan ay ginawa para masira.
  • Puwang – Kung nagta-type ka sa isang puting pahina ng isang salita na may 8 point type, maaakit ang iyong mata dito. Sa kabilang banda kung nagtatrabaho ka sa isang buong pahina ng 12 point type hindi mo ito mapapansin. Kaya tulad ng nakikita mo hindi lamang ang uri sa pahina ay mahalaga, ang espasyo na nakapalibot sa uri ay kasinghalaga rin. Madali mong matututunan ang kasanayang ito sa pamamagitan ng paglalaro ng iba't ibang uri at mga setting ng espasyo upang masulit ang ideyang gusto mong ibigay. Ito ay hindi lamang isang teknik na ginagamit sa pagsulat, ito ay ginagamit ay pagpipinta, arkitektura at iba pa.
  • Ginamit ang mga priyoridad sa malikhaing paraan – Nangangahulugan ang typography na iisipin mo rin ang kahalagahan ng impormasyon at kung ano ang gusto mong pagtuunan ng pansin ng manonood, magagawa mo ito sa pamamagitan ng madaling pagpapasya kung ano ang mahalaga at pagkuha ng mahalagang impormasyon na iyon upang mapansin. Maaari kang lumikha ng isang web page na kasiya-siya sa mata habang tinatalakay pa rin kung ano ang pinakamahalaga. Masusumpungan mo itong lubhang kapaki-pakinabang kapag isinasaalang-alang mo ang mahalagang katotohanang ito. Gusto mong lumabas ang mahalagang content para makita ng manonood kung anong punto ang sinusubukan mong gawin nang hindi kinakailangang basahin ang mga pahina ng fluff.

Narito ang ilang mga tip para sa paggamit ng iba't ibang mga font sa HTML:

  1. Gamitin ang tamang istilo ng font at laki ng case para mabilis na maproseso ng tumitingin ang iyong impormasyon. Kung ang iyong manonood ay naghahanap ng impormasyon, gugustuhin mong ang font ay isang bagay na simpleng basahin gaya ng Arial o Veranda upang madali nilang mabasa at makita ang kanilang hinahanap. Dapat mo ring tandaan ang kulay at laki ng teksto.
  2. Kapag tinitingnan mo ang disenyo ng iyong web page, laging isaisip ang uri, kulay at laki ng font, napakahalaga nito na agad itong makapagdaragdag ng higit na halaga sa iyong web page.
  3. Pumili ng font na madaling basahin. Ang paggamit ng isang font tulad ng Times new Roman ay nagpapanatili sa lahat ng bagay sa uniporme, ang isang font tulad ng calligraphy ay lubhang nakakagambala at napakahirap basahin. Ang pinakamagandang gawin mo ay basahin ang ilang linya at tukuyin kung madali mo itong mababasa. Kung kaya mo, kaya mo rin ang viewer mo.
  4. Huwag punan ang iyong pahina ng iba't ibang mga estilo ng font, kung ito ay tinatawag na tulad ng isang artistikong site, maaari kang gumamit ng iba't ibang mga estilo ng font ngunit dapat itong gamitin sa mga heading o matipid sa kabuuan ng teksto, huwag punan ang iyong teksto ng iba't ibang mga font dahil nagiging distracting ito sa manonood at mawawalan sila ng interes.
  5. Karamihan sa iyong text ay dapat nasa pagitan ng 12 at 14 na puntos. Binibigyang-daan nito ang lahat ng mga mambabasa ng madaling pag-access dahil hindi lahat ng mga mambabasa ay may perpektong pananaw, ang isang maliit na pag-print ay maaaring makahadlang sa ilang mga manonood mula sa iyong site at hindi mo nais na mawalan ng mga manonood, ang punto ay gawin ang isang site na kaakit-akit sa lahat. Dapat mong tandaan na magkakaroon ka ng maraming manonood at dapat mong subukang ikompromiso para sa lahat ng mga manonood, at tiyaking nasa mas malaking font ang iyong heading kaysa sa text.
  6. Ang huling tip ay tumatalakay sa kulay, gumamit ng magandang contrasting na kulay para sa uri na hindi mawawala sa mga kulay ng background, ang pinakamahusay na pagpipilian ay palaging itim na uri sa maliwanag na background, mag-ingat lamang kapag pumipili ng mga kulay para sa iyong mga web page, hindi mo gusto upang maglagay ng madilim na background at madilim na uri sa parehong background, magiging napakahirap basahin at mawawala ang iyong manonood.