Upang gamitin ang pinaka-pangunahing paliwanag, palalimbagan ang disenyo at paggamit ng typefaces bilang isang paraan ng komunikasyon. Maraming tao ang nag-iisip ng palalimbagan na sinimulan ni Gutenberg at ng pag-unlad ng uri ng pag-iimbot, ngunit ang palalimbagan ay mas marami pa kaysa sa na. Ang sangay ng disenyo ay talagang may mga pinagmulan sa mga sulat-kamay na mga titik.
Sinasaklaw ng palalimbagan ang lahat mula sa kaligrapya sa pamamagitan ng digital na uri na nakikita natin ngayon sa mga web page ng lahat ng uri. Kasama rin sa sining ng palalimbagan ang mga taga-disenyo ng uri na lumikha ng mga bagong sulat-sulat na pagkatapos ay naging mga file ng font na maaaring gamitin ng iba pang mga disenyo sa kanilang trabaho, mula sa mga naka-print na mga gawa sa mga nabanggit na mga website. Tulad ng naiibang gaya ng mga gawaing iyon, ang mga pangunahing kaalaman ng palalimbagan ay nakatuon sa lahat ng ito.
Ang Mga Sangkap ng Palalimbagan
Kung nakapagsalita ka na sa isang taga-disenyo ng web na gumagamit ng typography sa kanyang trabaho, marahil ay narinig mo ang mga salitang "typeface" at / o "font." Maraming mga tao ang gumamit ng dalawang salitang ito na magkakaiba, ngunit talagang may ilang mga pagkakaiba sa pagitan ng dalawang bagay na ito.
Ang tipo ay ang terminong ibinigay sa isang pamilya ng mga font (tulad ng Helvetica Regular, Helvetica Italic, Helvetica Black, at Helvetica Bold). Ang lahat ng mga iba't ibang mga bersyon ng Helvetica bumubuo sa kumpletong typeface.
Font ay ang terminong ginamit kapag ang isang tao ay tumutukoy sa isa lamang na timbang o estilo sa loob ng pamilyang iyon (tulad ng Helvetica Bold). Maraming mga typefaces ay binubuo ng isang bilang ng mga indibidwal na mga font, ang lahat ng mga ito ay katulad at may kaugnayan ngunit iba't ibang sa ilang mga paraan. Ang ilang typefaces ay maaari lamang isama ang isang solong font, habang ang iba ay maaaring magsama ng maraming mga pagkakaiba-iba ng mga letterform na bumubuo sa mga font.
Kung ito ay tila nakalilito, huwag mag-alala, kung ang isang tao ay hindi isang dalubhasa sa palalimbagan ay malamang na gagamitin nila ang salitang "font" anuman ang isa sa mga katagang ito ay tunay na ibig sabihin nito, at kahit maraming propesyonal na taga-disenyo ay gumagamit ng dalawang salitang ito na magkakaiba. Maliban kung ikaw ay nagsasalita sa isang purong uri ng taga-disenyo tungkol sa mekanika ng bapor, ikaw ay maaaring medyo ligtas gamit ang alinman sa mga dalawang term na gusto mo. Iyon ay sinabi, kung naintindihan mo ang pagkakaiba at maayos na gamitin ang tamang mga tuntunin, na hindi isang masamang bagay!
Mga Uri ng Typeface
Minsan tinatawag na "generic font families," ang mga ito ay mga malalaking pagpapangkat ng typefaces batay sa isang bilang ng mga generic na mga klasipikasyon na iba't ibang mga font mahulog sa ilalim. Sa mga web page, mayroong anim na uri ng klasipikasyon ng font na malamang na makikita mo:
- Serif
- Sans-serif
- Script
- Monospaced
- Cursive
- Pantasiya
Mayroon ding isang bilang ng iba pang mga classification ng font na mga offshoots ng mga ito. Halimbawa, ang mga "slab serif" na mga font ay katulad ng serifs, ngunit lahat sila ay nagtatampok ng isang makikilalang disenyo na may makapal, chunky serifs sa mga letterforms. Ang Serif at sans-serif ay ang dalawang pinakakaraniwang klasipikasyon ng font na ginagamit sa karamihan ng mga website.
Anatomya ng Typeface
Ang bawat typeface ay binubuo ng iba't ibang mga elemento na nakikilala ito mula sa iba pang typefaces, na tinutukoy bilang anatomya ng typeface. Maliban kung ikaw ay tiyak na pumunta sa uri ng disenyo at naghahanap upang lumikha ng mga bagong tatak ng mga font, ang mga web designers sa pangkalahatan ay kailangan lamang malaman ang mga pangunahing kaalaman ng terminolohiya typeface.
Sa isang pangunahing antas, ang mga elemento ng typeface anatomy na dapat mong malaman ay "cap" at "x-height," at "descenders" at "ascenders."
Ang cap at x-height ay ang taas ng mga malalaking titik sa typeface at ang taas ng letra x. Sinasabi nito sa iyo kung gaano kataas ang magiging pinakamalaking mga titik, gayundin kung gaano kalaki ang pinakamababang titik. Ang lahat ng mga font ay laki batay sa dalawang katangian na ito.
Ang mga descender at ascenders ay ang mga bahagi ng mga titik na pumunta sa ibaba at sa itaas ng x-height line. Ito ay karaniwang tumutukoy sa mga maliliit na letra. Halimbawa, ang titik na "b" ay may isang ascender (ang piraso na nakatitig "up" mula sa titik) habang ang titik na "p" ay may descender (ang mga bahagi na "pababa" mula sa sulat).
Spacing Around Setters
Mayroong ilang mga pagsasaayos na maaaring gawin sa pagitan at palibot ng mga titik na nakakaapekto sa palalimbagan. Ang mga digital na font ay nilikha sa marami sa mga katangiang ito sa lugar, at sa mga website, mayroon kaming limitadong kakayahan na baguhin ang mga aspeto ng font. Ito ay madalas na isang magandang bagay dahil ang default na paraan na ang mga font ay ipinapakita ay karaniwang higit na mabuti.
- Kerning: Ang pahalang na espasyo sa pagitan ng mga indibidwal na letra
- Pagsubaybay: Ang puwang sa pagitan ng mga grupo ng mga letra
- Nangungunang: Vertical space sa pagitan ng mga linya ng uri (ito ay kilala bilang linya-taas sa mga tuntunin ng website)
- Sukatin: Ang haba ng mga linya ng teksto
- Alignment: Biswal na paglalagay ng teksto sa kaliwa, kanan, nakasentro, o makatarungan
- Ligatures: Ang mga letra ay lumipat nang napakalapit na ang kanilang mga anatomya ay pinagsama, na talagang dumadaloy sa isang liham sa isa pa
Higit pang mga Sangkap ng Palalimbagan
Ang palalimbagan ay higit pa sa mga typefaces na ginamit at ang mga whitespace sa kanilang paligid. Mayroon ding ilang iba pang mga bagay na dapat mong tandaan kapag gumagawa ng isang mahusay na sistema ng typographic para sa anumang disenyo:
Ang "Hyphenation" ay ang pagdaragdag ng isang gitling (-) sa dulo ng mga linya upang makatulong na maiwasan ang mga problema sa pagiging madaling mabasa o gumawa ng pagbibigay-katarungan hitsura nang mas mahusay. Bagaman karaniwang matatagpuan sa naka-print na mga dokumento, ang karamihan sa mga taga-disenyo ng web ay hindi pinapansin ang hyphenation at hindi ginagamit ito sa kanilang trabaho dahil hindi ito isang bagay na awtomatiko nang pinangangasiwaan ng mga web browser.
"Basahan" ay ang hindi pantay na vertical na gilid ng isang bloke ng teksto. Kapag nagbigay ng pansin sa palalimbagan, dapat mong tingnan ang iyong mga bloke ng teksto nang buo upang matiyak na ang basahan ay hindi nakakaapekto sa disenyo.Kung ang guhit ay masyadong masungit o hindi pantay, maaari itong makaapekto sa pagiging madaling mabasa ng bloke ng teksto at gawin itong nakakagambala. Ito ay isang bagay na awtomatikong hawakan ng browser sa mga tuntunin ng kung paano ito bumabalangkas uri mula sa linya sa linya.
Ang isang salita sa dulo ng isang hanay ay isang balo at kung ito ay nasa tuktok ng isang bagong haligi ito ay isang ulila. Ang "mga balo" at "mga ulila" ay masama at maaaring mahirap basahin.
Ang pagkuha ng iyong mga linya ng teksto upang ipakita ang perpektong sa isang web browser ay isang nakapipinsala panukala, lalo na kapag mayroon kang isang tumutugon website at iba't ibang mga display para sa iba't ibang mga laki ng screen. Ang iyong layunin ay dapat na suriin ang site sa iba't ibang mga laki upang subukan upang lumikha ng pinakamahusay na hitsura posible habang tinatanggap na sa ilang mga kaso ang iyong nilalaman ay magkakaroon ng mga bintana, orphan, o iba pang hindi gaanong perpektong nagpapakita. Ang iyong layunin ay dapat na mabawasan ang mga aspeto ng disenyo ng isang uri, habang ang pagiging makatotohanan sa katotohanan na hindi mo maaaring makamit ang pagiging perpekto para sa bawat laki ng screen at display.
Mga Hakbang sa Pagsusuri sa Iyong Palalimbagan
- Piliin nang mabuti ang mga typeface, pagtingin sa anatomya ng uri pati na rin kung anong uri ng pamilya ang nasa.
- Kung nagtatayo ka ng disenyo gamit ang teksto ng placeholder, huwag aprubahan ang pangwakas na disenyo hanggang nakita mo ang totoong teksto sa disenyo.
- Bigyang-pansin ang mga maliit na detalye ng typography, tulad ng mga gitling at gitling.
- Tingnan ang bawat bloke ng teksto na parang wala itong mga salita dito. Anong mga hugis ang ginagawa ng teksto sa pahina? Tiyakin na ang mga hugis ay nagdadala ng buong disenyo ng pahina pasulong.
