Alamin ang Typography Design

Malaking papel ang ginagampanan ng palalimbagan sa pagbibigay ng impormasyon at pag-aambag sa pangkalahatang hitsura at pakiramdam ng isang proyekto sa disenyo.

Kaya ano ang disenyo ng palalimbagan?

Pinagmulan ng Larawan: Unsplash

Ang disenyo ng palalimbagan ay isang masalimuot na anyo ng graphic na disenyo na nangangailangan ng matinding atensyon sa detalye at nangangailangan ng teknikal na kaalaman at pagkamalikhain. Ang industriya ng disenyo ay umaasa sa mga typographer at graphic designer upang maunawaan kung paano gamitin, manipulahin at lumikha ng mga letrang nababasa, nakakaengganyo, at on-brand.

Sa artikulong ito, sumisid tayo sa kaunting background sa disenyo ng typography, ilang pangunahing konsepto ng craft, mga uri ng typography na dapat malaman, at ilang halimbawa upang matulungan kang maunawaan at makakuha ng inspirasyon.

Tatapusin namin ang artikulo sa ilang mga mungkahi para sa karagdagang pananaliksik upang maaari mong ipagpatuloy ang pag-aaral tungkol sa masalimuot na gawaing ito. Ito ay isang maganda, mahalaga, at underrated na aspeto ng graphic na disenyo, kaya hindi na kami makapaghintay na bigyan ito ng spotlight na nararapat sa artikulong ito. Magsimula na tayo.

Ilang Background sa Typography Design

Nagsimula ang lahat sa isang lalaking nagngangalang Gutenberg at sa isang font na tinatawag na Blackletter.

Maghintay. Maghintay ka. I-rewind natin. Nagsimula ito bago iyon. Ito ay teknikal na nagsimula sa Mesopotamia (kasalukuyang Iraq).

Ang unang script sahierarchy. Tingnan kung paano ipinapakita ng iba't ibang laki ng font sa mambabasa kung saan titingnan at gagabayan sila sa karanasan ng impormasyon sa pinakalohikal at madaling paraan?

Tingnan kung paano malikhaing ginagamit ang pagkakahanay na may tamang katwiran at puting espasyo bilang sentrong atraksyon para sa mata ay lumilikha ng magaan at maaliwalas, minimalist na disenyo.

Ang Bauhaus movement ay nagbigay ng sarili nitong typeface, at ang Bauhaus-inspired na typography ay maaari pa ring maging chic at masaya sa isang disenyo hanggang ngayon.

Mga Tip at Takeaway

Ang uri ay nagsasabi ng isang visual na kuwento ‍

Ang text ay higit pa sa body text sa isang pahayagan o website. Ang teksto mismo ay nagsasabi ng isang kuwento (at hindi lang ang mga salita ang ibig naming sabihin). Gaya ng mapapansin mo sa mga halimbawa, ang paggamit ng mga bagay, texture, at elemento ng kalikasan ay ginagawang kuwento ang teksto at ginagawa itong nakakaintriga.

Nakakaapekto ang font sa pakiramdam

O mas gusto nating sabihin “typeface?” Ang typeface o font ay may malaking epekto sa moos. Gaya ng mapapansin mo sa mga halimbawa, ang isang seryosong serif ay nagpapakita ng ibang mood sa isang magaan at bubbly na vintage na script.

Napaka-teknikal ang typography

‍ Ito ang mga detalyadong teknikal na bagay na may pinakamahalagang epekto sa disenyo ng typography. Ang mga taga-disenyo na ito ay kailangang magkaroon ng napakatalino na mata at kailangang magmalasakit sa kerning, line spacing, grids, at lahat ng maliliit na bagay na pumapasok sa typography anatomy.

Pagdidisenyo.Typography With Vectornator

Ang Vectornator ay isang mahusay na tool para sa pagdidisenyo ng typography.

Mayroon kang access sa lahat ng mga tool na nauugnay sa text na maaaring kailanganin mo sa iyong mga kamay, bukod pa sa maraming tool sa pagguhit upang magsaya sa iyong sulat-kamay. Tiyaking tingnan ang app kung hindi mo pa nagagawa, at ibahagi sa amin ang iyong mga kahanga-hangang disenyo ng typography!

Mukhang umusbong ang isang sinaunang sistema ng pagsulat ng Tsino noong mga 1300 BC mula sa Dinastiyang Shang. Lahat ng tatlong nabanggit ay natatangi at independiyenteng nilikhang mga anyo ng pagsulat. Iyan ay katibayan na likas lamang ng tao ang makipag-usap sa wika nang biswal.

Ang mga Egyptian ang nagsimula sa sining ng pagsulat gamit ang tinta. Ang konseptong ito sa kalaunan ay nakarating sa kanlurang mundo, kung saan ang mga pictogram ay naging mga alpabeto na humantong sa sining ng kaligrapya, na kinasasangkutan ng magagandang sulat-kamay na pangunahing ginawa ng mga monghe.

Bumalik sa Gutenberg- dito nagsimula ang modernong palalimbagan. Inimbento niya ang palimbagan noong ika-15 siglo, at ang unang pinangalanang font na kilala bilang "blackletter," na nagpapasigla sa disenyo ng pag-print at typography tulad ng alam natin.

Tingnan ang video na ito para sa isang maikling, to-the-point kasaysayan.

Ang malalim na pagsisid sa kasaysayan ng pagsulat ay isang butas ng kuneho na maaaring tumagal ng panghabambuhay, kaya iiwan namin ito doon para sa artikulong ito, hangga't nakuha mo kung gaano kahalaga ang tekstoay sa ating mga tao! Kaya, kung ikaw ay isang taga-disenyo o typographer o nag-iisip tungkol sa pagpupursige sa craft, ang iyong mga kasanayan ay talagang mahalaga.

Mga Sikat na Typographer na Dapat Malaman

Maniwala ka man o hindi, doon ay maraming sikat na uri ng mga taga-disenyo ang dapat matutunan (napag-isip-isip kung saan nanggaling ang ilan sa mga pangalan ng font na iyon?

Buweno, marami sa kanila ang talagang ipinangalan sa kanilang mga tagalikha). Narito ang ilan na maaari mong makitang kawili-wili.

Johannes Gutenburg

‍ Marahil ang pinakasikat na taga-disenyo ng uri, ay ang imbentor ng movable type at ang “blackletter” na font.

Jan Tschichold

Isang makabuluhang figure sa pagbuo ng graphic na disenyo noong ika-20 siglo, ang typographer, calligrapher, at book designer na ito ay bumuo ng mga prinsipyo ng typographic modernism (hindi banggitin ang pagbuo ng visual na pagkakakilanlan ng mga aklat ng penguin).

Carol Twombly

Sikat na idinisenyong uri para sa Adobe, at kilala sa kanyang uri ng mga likha na “Trajan,” “Myriad,” “Adobe Caslon, ” at “Chaparral.”

John Baskerville

Isang British typographer mula noong ika-18 siglo na nagdisenyo ng “Baskerville,” isang font na nabubuhay pa hanggang ngayon.

Stanley Morison

Early 20th Century British designer na lumikha ng sikat na “Times New Roman” na font.

Bakit Mahalaga ang Typography?

Ang disenyo ng typography ay isa sa pinaka mahahalagang elemento sa graphic na disenyo at UX/UI.

Ang palalimbagan sa mga sistema ng disenyo ay nagbibigay ng mensahe,gumagabay sa karanasan, at binibigyang-diin ang pagkakakilanlan ng tatak. Ang palalimbagan ay ang pundasyon ng print at digital na mga karanasan. Kung wala ito, hindi kami makakapagbigay ng mga konsepto nang wasto.

Ang mga pagpipilian sa typographic ng isang designer ay nakakaapekto sa hitsura at pakiramdam ng isang brand o isang proyekto sa disenyo, pati na rin ang karanasan ng manonood.

Mga Uri ng Uri

Uh, ano ang ibig sabihin nito?

Maaari ding tukuyin ang palalimbagan bilang "uri." At, balintuna, may ilang iba't ibang uri ng uri, o, sa halip, mga estilo ng uri. Karaniwang pinagsama-sama ang mga ito sa limang pangunahing kategorya: serif, sans serif, script, monospaced, at display.

Sa loob ng mga ito, may mga subcategory din. Susuriin natin nang malapitan sa loob ng isang minuto, ngunit bago tayo magsimula, linawin natin ang isang bagay na maaaring iniisip mo: ano ang pagkakaiba ng font at typeface?

Font vs. Typeface

Ang isang typeface ay tumutukoy sa mas malawak na istilo ng disenyo ng isang pangkat ng mga character, habang ang mga font ay ang mga variation na ginawa mula sa typeface na iyon.

Ang "Arial" ay isang typeface, habang ang "Arial Narrow" o "Arial Bold" ay isang font. Maraming argumento at hindi pagkakaunawaan sa paligid nito, ngunit ang pangunahing bagay na dapat malaman ay ang mga font ay nasa ilalim ng mga typeface. Ang font ay mahalagang isang manipuladong anyo ng isang mas malaking typeface. Narito ang isang artikulo na tumitingin dito sa -depth kung interesado ka.

Mga Kategorya ng Typeface

Serif

Ito ang iyong tradisyonal na katawanmga istilo ng kopya, ginagamit din para sa mga pamagat at ulo ng balita. Makikita mo sila sa mga aklat, magasin, at pahayagan. Tinutukoy ang mga serif font sa pamamagitan ng pagkakaroon ng kaunting stroke sa dulo ng mga pangunahing stroke na bumubuo sa character, tulad nito:

Makikilala mo ang "Mga Oras" bilang isang serif na typeface.

Sans Serif

Ang ibig sabihin ng Sans Serif ay "walang" (ibig sabihin, sans) na sobrang stroke. Ang mga typeface na ito ay mas malinaw. Ang mga ito ay karaniwang mga typeface para sa body copy. Sa pangkalahatan, ito ang mga pinakanababasang typeface.

Script

Ginagamit ang mga typeface na ito para sa mga headline at gumagawa ng mga mas makahulugang font. Ang mga ito sa pangkalahatan ay cursive, hindi gaanong structured, at mas maganda.

Display

Katulad ng script, ang mga display typeface at display font ay ginagamit para sa mga pamagat at headline. Gumagawa din ang mga ito ng mas malikhain at nagpapahayag na mga font.

Monospaced

Ito ang iyong karaniwang typewriter na typeface. Karaniwang ginagamit ang mga ito para sa pagpapakita ng code. Kasama sa ilang monospaced na font ang Menlo at courier.

Ilang Pangunahing Konsepto at Tuntunin sa Typography

Maraming napupunta sa disenyo ng typography.

Kailangang kunin ng taga-disenyo isaalang-alang ang pagiging madaling mabasa ng teksto, kung gaano karaming espasyo ang dapat nilang gamitin, ang bigat ng teksto, ang pagitan ng mga linya, at marami pang iba. Tingnan natin ang ilang pangunahing elemento ng disenyo na pumapasok sa pagtatrabaho sa typography.

Letter Spacing AKA “Pagsubaybay”

‍ Ang espasyo sa pagitan ng mga linyaat sa paligid ng mga karakter ay kasinghalaga ng mga karakter mismo. Ang pagtatrabaho sa espasyo ay isang mahalagang bahagi ng disenyo ng uri at graphic na disenyo. Sa disenyo ng typography, ang pagsasaayos ng espasyo sa pagitan ng mga titik ay tinatawag na pagsubaybay.

Kerning

‍ Ang Kerning ay tumutukoy sa espasyo sa pagitan ng mga character at pareho itong isang pangngalan at isang pandiwa, o isang termino at isang proseso. Ito ay parehong puwang sa pagitan ng mga titik at ang proseso ng pagsasaayos ng espasyong iyon. Ito ay isang mahalagang pamamaraan sa disenyo na nagpapatingkad sa teksto at medyo malalim. Iyon ang dahilan kung bakit nagsulat kami ng isang buong artikulo tungkol sa kerning.

Type Scale

Tumutukoy ito sa mga laki ng uri. Ang sukat ng uri ay nakakaapekto sa pagiging madaling mabasa at layout ng isang piraso ng teksto. Ang paglalaro ng uri ng scale ay maaaring maging isang pagkakataon upang maging malikhain gamit ang isang disenyo at ginagamit din bilang isang diskarte upang gabayan ang mata.

Mga Typographic Hierarchies

‍ Isipin ito bilang isang diskarteng "karanasan ng gumagamit" para sa uri. Gumagamit ang typographical hierarchy ng laki ng font, bigat, at maging ang kulay para gabayan ang mata sa pamamagitan ng text.

Timbang

Tumutukoy sa kung gaano "magaan," "mabigat," o "naka-bold" ang isang piraso ng ang text ay.

Type Anatomy

‍ Ito ay isang umbrella term para sa maraming mas maliliit na konsepto na umiiral sa loob ng typography design. Nagiging masyadong teknikal ito at ganito ang hitsura:

Pag-align

‍ Tumutukoy sa kung paano inaayos ang body text sa isang page. Kahit hindi ka designer, ikawdapat ay nakatagpo ng isang Microsoft word na dokumento o isang google doc kung saan mo "na-align" ang iyong text sa kaliwa, kanan, o gitna.

Grids

Isang mahalagang elemento para sa body text, grids frame ang teksto- maaari silang magkaroon ng anyo ng mga column, mga parisukat na nag-iiwan ng puting espasyo upang bigyang-diin ang isang tawag, o isang halo ng mga kawili-wiling hugis kung saan nakaupo ang teksto. Makikita mo kung ano ang ibig naming sabihin sa mga halimbawa sa ibaba.

Mga Halimbawa ng Typography

Tingnan natin ang ilang halimbawa ng typography para makakuha ng mas mahusay na ideya kung ano ang posible, maunawaan kung ano ang napag-usapan namin sa itaas, at bibigyan ka ng mga ideya para sa iyong susunod na proyekto sa disenyo!

Itong cool na halimbawa ng disenyo ng typography ay nagpapakita kung ano ang maaari mong gawin gamit ang kaunting imahinasyon. Ang taga-disenyo na ito ay nagpakasal sa typography na may isang pang-araw-araw na bagay upang makuha ang kakanyahan ng salita sa biswal. Ang sintas ng sapatos ay perpekto para sa paglikha ng teksto, at ang idinagdag na elemento ng animation ay ginagawang mas nakakaengganyo ang piraso ng uri na ito.

Ang cursive, script-style na font na ito ay mukhang mahusay bilang isang 3D rendering. Ang uri ay ang pangunahing elemento ng disenyo na ito. Kung titingnan mo ang buong case study, makikita mo kung paano umunlad ang disenyo ng typography na ito at nabuhay mula sa isang basic drawing.

Isang katulad na diskarte sa imahe ng sneakers, ang piraso ng typography na ito ay gumagamit ng imagery na nauugnay sa salita.

Let Go Lettering ay dinisenyo ni Ana Stoyanova . Kumonekta sa kanila sa Dribbble; ang globalkomunidad para sa mga taga-disenyo at malikhaing propesyonal.

Napakaganda ng disenyong ito sa pagkuha ng pakiramdam ng mga salita. Ang mga pastel na kulay at isang vintage-inspired na font na pumukaw sa pakiramdam ng kalayaan ay nagpapagaan sa pakiramdam ng manonood, gaya ng iminumungkahi ng mga salitang “let go.”

Gumagamit ang larawang ito ng simpleng diskarte sa pag-blur para lumikha ng isang kawili-wiling paglalaro sa mga salita. Napakasimple ng palalimbagan, isang pangunahing serif na font sa itim sa isang puting background, na nagbibigay-diin na ang isang simpleng diskarte sa disenyo ng pag-blur ng ilang mga titik upang lumikha ng isang mensahe ay sapat na. Ang mga cool na typography-central na disenyo ay hindi kailangang maging anumang detalyadong bagay para makakaapekto. Gumagana rin ang pinakasimple at matalinong ideya!

Malikhaing gumagamit ng dila bilang batayan ng teksto ang nakakaakit na disenyong typography na ito na nakakaakit ng dila. Muli, pinapayagan ang mga salita na gabayan kung paano mo idisenyo ang uri.

Pinagsasama ng disenyong ito ang photography at typography. Para sa karagdagang elemento ng pagkamalikhain, maaari mong hayaan ang isang larawang gabayan kung paano ka maaaring mag-type ng disenyo. Maaari mo munang isipin kung paano mo gustong tingnan ang uri sa mga tuntunin ng kung ano ang gusto mong ipaalam; halimbawa, ang taga-disenyo na ito ay maaaring magkaroon ng ideya ng mga salitang "huwag hawakan" na pinipisil ng isang pares ng mga kamay upang lumikha ng isang cool na talata bago kumuha ng litrato.

Maaari kang gumawa ng isang nakakatuwang proyekto ng disenyo mula sa pagkuha at pagkuha ng mga larawang gusto mo at paglalagay ng tekstoang larawan upang lumikha ng isang kawili-wiling biswal na kuwento kung saan ang teksto at larawan ay gumagana at pinaghahambing ang isa't isa.

Ok, gumagamit kami ng maraming halimbawa kung saan ang teksto ay binubuo ng mga bagay na nauugnay sa ang salita. Nakuha mo; makuha namin ito; sinusubukan lang naming magbigay ng inspirasyon sa iyo sa palalimbagan na mukhang kahanga-hanga. Sana magustuhan niyo. Iyon lang.

May nagnanasa pa bang keso?

Ang disenyong ito ay gumaganap sa hugis ng text para makita ang pakiramdam ng timbang, pati na rin ang paggamit ng mabigat na timbang (ibig sabihin, bold ) i-type upang makipag-usap sa parehong bagay.

Isang magandang halimbawa ng uri na sinamahan ng photography. Gayundin, tandaan ang pamamaraan ng pagsasama-sama ng maramihang mga typeface sa isang piraso ng text para magkaroon ng mas visual na nakakaengganyong karanasan.

Ang Parkshore Font Collection ay dinisenyo ni Jeremy Vessey. Kumonekta sa kanila sa Dribbble; ang pandaigdigang komunidad para sa mga taga-disenyo at malikhaing propesyonal.

Vintage vibes para sa panalo! Maraming mga kahanga-hangang font na laruin pagdating sa isang vintage na hitsura at pakiramdam. Ito ay isa lamang halimbawa ng napakaraming nasa labas. Pansinin kung paano ginagamit dito ang maraming typeface mula sans serif hanggang script.

Nuts About Typography ay idinisenyo ng Focus Lab. Kumonekta sa kanila sa Dribbble; ang pandaigdigang komunidad para sa mga taga-disenyo at malikhaing propesyonal.

Ito ay isang halimbawa ng typographic