Kung ikaw ay kasangkot sa disenyo ng Web, ngunit mayroon pa ring puwang para sa pagpapabuti, kung gayon maaari kang maging interesado sa aming maikling artikulo sa palalimbagan. Kapag bumubuo ng disenyo ng website, kailangan mong malinaw na maunawaan kung paano magtrabaho kasama ang teksto, lalo na sa line spacing, character spacing, at sa pangkalahatan, kung paano pumili ng font. Sa artikulong ito, susubukan naming linawin ang mga aspeto ng web typography tulad ng leading at kerning. Malalaman natin kung paano at kailan gagamitin ang mga ito.

Una, buksan natin ang panel na "Character" sa Photoshop. Doon ay makikita mo ang mga setting ng teksto na kailangan mo. Kung hindi mo mahanap ang panel na ito sa workspace, buksan ito sa pamamagitan ng Window-Character.

Nangunguna

Kapag nagtatrabaho ka gamit ang isang talata, o simpleng anumang piraso ng text na sumasaklaw ng higit sa isang linya, makikita mo ang Nangungunang parameter. Ito ang distansya sa pagitan ng mga linya. Ang pangkalahatang larawan ay higit na nakasalalay sa parameter na ito.

Ang karaniwang nangungunang proporsyon ay 120%. Iyon ay, kung ang laki ng font ay 20 puntos (pt), kung gayon ang nangungunang ay dapat na 24 puntos (pt).

Ang pagbabawas ng humahantong sa mas mababa sa 120% ay lumilikha ng masyadong maraming pagsisiksikan at density ng mga character, at lumilikha din ng panganib ng banggaan ng mga elemento ng karakter sa isa't isa.

Upang ayusin ang nangungunang sa Photoshop, gamitin ang naaangkop na (Nangunguna/Nangunguna depende sa wika ng interface) sa panel ng Character. Ie-edit ang nangunguna sa layer ng teksto na kasalukuyang napili.

Sa ilang mga kaso, maaaring kailanganin mo ang espasyo sa pagitan ng ilang linya upang mas malaki kaysa sa pagitan ng iba. Upang i-edit ang pangunguna ng mga indibidwal na linya, ang operasyon ay nananatiling halos pareho, maliban na hindi mo pipiliin ang buong layer ng teksto, ngunit ang mga linya lamang na ang nangungunang ay kailangang baguhin.

Kerning

Ang Kerning, sa madaling salita, ay ang distansya sa pagitan ng dalawang character. Ang layunin ng kerning ay lumikha ng magkatugmang espasyo sa loob ng isang pangkat ng mga character, at, sa ilang mga kaso, upang sadyang dagdagan/bawasan ang puwang na ito upang bigyan ang teksto ng isang partikular na hitsura. Halos lahat ng font na ginagamit mo ay may kasama nang ilang iniresetang espasyo sa pagitan ng mga kumbinasyon ng character, na tinatawag na Metric Kerning. Dapat tandaan na kung pinalaki mo ang laki ng font, o, halimbawa, babaguhin ang pangunguna ng teksto, maaaring hindi tumugon nang tama ang Metric Kerning sa mga pagbabagong ito. Kung nakatakda ang Optical Kerning, awtomatikong maglalapat ng kerning ang Photoshop (o anumang program na ginagamit mo). Ngunit, kakaiba, karamihan sa mga taga-disenyo ay hindi nakikitang kapaki-pakinabang ang tampok na ito. Ang manu-manong Kerning ay nananatiling pinakagusto.

Ano ang manual kerning? Mahalaga, ito ay Kerning sa pamamagitan ng kamay. Isipin na ang distansya sa pagitan ng mga simbolo ay puno ng isang tiyak na likido, at ang parehong dami ng likido ay dapat na malinaw na magkasya sa pagitan ng lahat ng mga distansya. Inaayos mo ang distansya sa pagitan ng mga character ayon sa mata, ngunit kung matalas ang mata, ito ang pinakamahusay na pamamaraan.

Maaaring manu-manong ayusin ang Kerning sa panel ng Character sa Photoshop. Bago gawin ito, iposisyon ang cursor sa pagitan ng mga character na gusto mong ayusin ang distansya sa pagitan. May mas mabilis na paraan. Gayundin, iposisyon ang cursor sa pagitan ng dalawang character na ito, at pagkatapos, habang pinipigilan ang Option key, pindutin ang kaliwa/kanang mga arrow. Magiging malinaw ang resulta.

Narito ang ilang bagay na dapat tandaan tungkol sa kerning

1. Magsimula sa pinakamahirap na kumbinasyon ng mga simbolo. Halimbawa, ang kerning sa pagitan ng uppercase at lowercase na mga titik.
2. Iwanan ang pagsasaayos ng kerning hanggang sa katapusan ng iyong disenyo. Hayaan itong maging isa sa mga huling hakbang. Trabaho ito kapag ikaw ay 100% tiwala sa napiling mga font, upang hindi mag-aksaya ng oras.
3. Ang layunin ng kerning ay gawing optically correct ang text. Walang mathematical formula, canon o anupamang bagay. Magsanay lang at magsisimula na ang lahat. Laruin ang larong ito minsan - Type.method.ac

Kerning kapag nagta-type - piling binabago ang espasyo sa pagitan ng mga titik depende sa kanilang hugis.

Sa madaling salita, kerning- ang proseso ng wastong paglalagay ng mga simbolo, pagsasaayos ng mga distansya sa pagitan nila, bilang isang resulta kung saan dapat makamit ang pagkakaisa. Bagaman maraming tao ang hindi gaanong binibigyang pansin ang kerning (at sa pangkalahatan ay hindi nila alam), ang pansin sa detalye ay nakakatulong upang makamit ang napakagandang resulta.

1) Ang pagsubaybay at kerning ay dalawang konsepto na hindi dapat malito. Pagsubaybay— ay nagpapahiwatig ng distansya sa pagitan ng mga character sa isang salita o pangungusap, anuman ang kanilang hugis at sukat. Ngunit ang kerning ay isang mas "lokal" na konsepto.

2) Ang bawat font file ay may panloob na kerning table. Inaayos ng taga-disenyo ang mga distansya sa pagitan ng mga pares ng mga linya, na tinutukoy ang mga ito sa ikalibo. Halimbawa, ang VA ay may -80 kerning at ry ay may 30.

3) Ang Photoshop, InDesign at Illustrator ay mayroong optical kenning function kapag may ipinakitang alternatibong opsyon. Bagaman halos walang pagkakaiba.

4) Mga kapital T, V, W at Y laging may problema. Dahil ang kanilang itaas na bahagi ay mas malawak kaysa sa kanilang ibabang bahagi. Kaya gamitin ang Pagsubaybay upang manu-manong ihanay ang mga salita.

5) Mayroong ganoong pamamaraan - isipin na sa pagitan ng mga titik ay may mga bola ng pantay na dami na puno ng hangin. Ang aming layunin ay ang mga bolang ito ay hindi kumalat kahit saan, ngunit upang ligtas na ikabit sa pagitan ng mga titik

6) Isa sa mga pinakakaraniwang pagkakamali ay nasa unit) Ang simbolo na ito ay makitid at bumubuo ng maraming bakanteng espasyo sa paligid nito. Para sa kadahilanang ito, ang kerning ay kailangang mapabuti.

7) Ang numero 7 ay isa pang may problemang simbolo. Dapat mo ring bigyang pansin ito.

Kung hindi ka isang taga-disenyo ng layout o isang taga-disenyo, malamang na hindi mo pa narinig ang mga salitang tulad ng laki, leading, small caps, glyph, kerning. Ngayon ay titingnan natin kung ano ang kerning.

Ang Kerning ay isang elemento ng typography. Kung sa isang salita o logo mayroong mga kumplikadong titik sa malapit na may mga nakausli na elemento na lumilikha ng isang malaking distansya sa pagitan nila, kung gayon ang isang mahusay na solusyon ay upang ilagay ang mga ito nang mas malapit sa isa't isa, upang ang density ng salita ay biswal na mas pare-pareho. Sa madaling salita, ang kerning ay isang pagbabago sa espasyo sa pagitan ng mga katabing titik. Maaari itong maging negatibo kapag ang mga titik ay lumalapit sa isa't isa, at positibo kapag ang mga titik ay naghiwalay.

Sa computer science, ang kerning ay isang intercharacter spacing na maaaring italaga ng isa sa tatlong parameter: compact, sparse, o normal. Ang normal na espasyo ay awtomatikong tinutukoy para sa font. Maaari mong gawing kalat-kalat o condensed ang font nang manu-mano.

Ano ang kahalagahan ng kerning sa disenyo ng teksto?

Ang distansya sa pagitan ng mga character ay isang napakahalagang katangian ng teksto. Nararanasan mo ang mga epekto ng kerning ngayon habang binabasa mo ang artikulong ito. Ang wastong napiling distansya sa pagitan ng mga titik ay gagawing madaling basahin ang teksto, at kung ang impormasyon sa teksto ay ipinakita nang mahusay at kawili-wili, kung gayon ang lahat ng ito ay gagawing mas madali upang matuto ng bagong impormasyon.

Ang isang mahusay na halimbawa ng kerning ay ang Adidas logo: siksik at mahigpit, ito ay nagtatanim sa mambabasa ng isang pakiramdam ng kalmado at kumpiyansa.

Anong mga uri ng kerning ang mayroon?

Maaaring gawin ang Kerning gamit ang awtomatikong Optical o Metric na kerning function.

Gamit ang optical kerning, binibigyang pansin ang hugis ng mga titik, at isinasaalang-alang ang hugis na ito, pinipili at ino-optimize ang espasyo sa pagitan ng mga katabing character. Ang ilang mga programa ay nagbibigay ng mga detalyadong alituntunin para sa kerning, ngunit kung ang font ay may kaunti o walang built-in na kerning na impormasyon, o kung magkakaibang laki ng point at typeface ang ginagamit nang magkasama sa isang linya o indibidwal na salita, kailangan mong ilapat ang optical kerning sa Latin na teksto .

Gumagamit ang metric kerning ng mga partikular na pares ng mga titik na kinabibilangan ng karamihan sa mga kasalukuyang font. Naglalaman ang mga ito ng impormasyon tungkol sa kinakailangang espasyo sa pagitan ng mga titik sa mga partikular na pares ng titik, gaya ng: Ty, Tr, Ta, To, La, Wa, Yo, atbp.

Sa ilang mga kaso, kapag ang paggamit ng awtomatikong kerning ay hindi nagpapabuti sa sitwasyon, posible na gumamit ng manu-manong kerning. Kung ang kasanayan ay hinasa sa pagiging perpekto, kung gayon ang manu-manong kerning ay mas mainam kaysa sa panukat o optical. Isang kawili-wiling laro para sa pagpapahusay ng iyong mga kasanayan - KERNTYPE.

Microsoft Word

Ang Kerning sa Word ay medyo simple. Upang mag-apply ng kerning, kailangan mong:

1. Piliin ang text na gusto mong baguhin.
2. Sundin ang landas: Home → Font → Advanced (sa Word 2007 kailangan mong pumunta sa “Character spacing”).
3. Lagyan ng check ang kahon na "Kerning" para sa laki ng character at ilagay ang nais na numero sa field.

Ang font-kerning property sa mga cascading table

Sa CSS, ang kerning ay isang pagpapatupad ng font-kerning property. Ang syntax ay ang mga sumusunod:

• font-kerning: none |normal|auto|initial|inherit|unset

Sa kaso ng auto (o inisyal), ang browser ng kliyente ay malayang tutukuyin kung kailangan ang kerning o hindi. Ang paggamit ng wala ay pumipigil sa browser mula sa paglalapat ng kerning, habang ang normal, sa kabaligtaran, ay nagpapahiwatig na ang kerning ay ilalapat sa teksto. Inisyal o hindi nakatakda - ang teksto ay nagmamana ng halaga ng magulang.

Kerning para sa pamagat

Maraming tao ang naniniwala na ang kerning ay dapat lamang ilapat sa malalaking titik at sa ilang partikular na pares ng titik, ngunit dahil ang kerning ay isang paraan upang mapataas ang pagiging madaling mabasa ng lahat ng teksto, ang opinyon na ito ay hindi tama. Sa mga tradisyon ng Amerikano at Europa, ang kerning para sa malalaking titik ay kaugalian sa Cyrillic na ito ay hindi isang awtomatikong opsyon. Nakaugalian pa rin sa Internet na mag-type ng mga headline sa malalaking titik, at ito ay isang atavism. karaniwang mas maganda at mas maganda sa mga capitals. Ang teksto na nakasulat sa malalaking titik ay hindi gaanong nababasa, dahil ang isang tao ay hindi nakikita ang nakasulat na salita mismo, ngunit ang imahe nito.

Sa halip na tapusin, nais kong ipaalala sa iyo na ang pagsusulat ay nagmula sa mahabang panahon. Dati, ginagamit ang mga stylus at clay tablet, leather, tablet, at birch bark scroll sa pag-record ng pagsasalita. Pinalitan sila ng papel at panulat. Kapag nagtatrabaho sa isang panulat, ang isang tao ay kailangang mag-ingat, dahil ang isang maling paggalaw ay sumisira sa buong teksto, at kailangan itong muling isulat. Ngunit hinahangad ng mga tao na palamutihan at i-highlight ang teksto kahit na sa mga mahirap na kondisyon. Ang mga malalaking titik ay pinalamutian ng pulang cinnabar. Ang teksto ay pinalamutian ng mga kulot, at ang mga burloloy ay iginuhit sa mga gilid. Lumitaw ang kaligrapya.

Napakasalimuot din ng proseso ng pag-print. Ang mga manuskrito ay inilimbag sa isang palimbagan, na nangangailangan ng malalaki at mamahaling kagamitan, gayundin ng maraming bihasang manggagawa. Imposibleng i-publish ang iyong manuskrito sa iyong sarili. Sa pagdating lamang ng mga computer at sa kanilang unibersal na accessibility na ang mga typographic technique ay naging available sa lahat. Ang Kerning ay ang pinakakaraniwang halimbawa ng pagpapabuti ng pagiging madaling mabasa ng mga teksto, at talagang kailangan itong gamitin kung gusto mong maakit ang atensyon ng mga mambabasa sa iyong mga publikasyon.

Kung interesado ka sa disenyo, malamang na narinig mo na ang salitang kerning nang higit sa isang beses. Lalo nilang gustong gamitin ito sa mga forum, kahit na kalahati sa kanila ay hindi nauunawaan ang kahulugan nito, ngunit ang pangungusap tungkol sa kerning ay napaka-awtoridad at nakakatakot. Siyempre, maaari mong ipasok ang nais na query sa isang search engine at basahin ang teorya sa paksang ito, ngunit ang pagtatanghal ng isang artikulo (sa parehong Wikipedia) ay hindi palaging nakakatulong sa pag-unawa. Samakatuwid, sa artikulong ito ay makikita mo hindi lamang ang tuyong teorya, kundi pati na rin ang mga halimbawa at maaari ka ring magsanay.

Magsimula tayo sa teorya

Ang mismong konsepto ng kerning ay nagmumula sa pag-print, at tumutukoy sa proseso ng "manu-manong" pagsasaayos ng distansya sa pagitan ng mga indibidwal na titik upang mapataas ang pangkalahatang kagandahan at pagiging madaling mabasa ng teksto.

Ang susi ay ginagawa ito "manu-mano", i.e. depende sa pakiramdam ng taga-disenyo at sa katotohanan na ang prosesong ito ay makakaapekto lamang sa mga lugar na mukhang "pangit" sa taga-disenyo.

Mayroon ding tulad ng pagsubaybay. Ang pagsubaybay ay tinatawag ding pagbabago ng distansya sa pagitan ng mga titik, ngunit awtomatiko itong inilalapat sa isang buong salita, linya o talata.

Bilang panuntunan, ginagamit ito para sa isang hanay ng teksto kapag ang lahat ng uri ng mga pangit na lugar ay lilitaw tulad ng "mga nakalawit na linya", atbp.

Ginagamit ang Kerning upang "tapusin" ang mga indibidwal na salita. Samakatuwid, ang pag-unawa sa prosesong ito para sa paglikha ng mga logo ay kailangan lang (kahit na hindi mo ginawa ang font sa logo mula sa simula, ngunit gumamit ng isang handa na).

Sabihin nating pumili ka ng font na angkop para sa iyong logo at isinulat ang pangalan ng kumpanya dito. Malamang na magkakaroon ka ng mga lugar kung saan ang mga titik ay masyadong malapit sa isa't isa at mga lugar kung saan sila ay masyadong malayo. At lahat ng ito sa isang salita! Kapag ito ay isang malaking bloke ng teksto, hindi mo man lang papansinin ang mga ganoong sandali, ngunit kapag ito ay nasa pamagat, ang mata ay agad na "bumunggo" sa mga ganoong lugar.

May mga partikular na pares ng mga titik na tinukoy kung saan ang awtomatikong itinakda na distansya sa pagitan ng mga titik ay kailangang ayusin - ang tinatawag na mga pares ng kerning: AV, Wa, XC, To, atbp.

Paano mo matutukoy kung saan kailangang ayusin ang puwang ng titik?

Ang pinakamahalagang bagay ay dapat mong maramdaman ito. Gayunpaman, hanggang sa mabuo mo ang kasanayang ito, kailangan mong maunawaan kung bakit ito nangyayari.

Ang bagay ay ang hugis ng mga titik ay maaaring maipasok sa pinakasimpleng mga hugis: parihaba, bilog, tatsulok. Kung ilalagay mo ang mga ito sa tabi, kung gayon ang distansya sa pagitan ng mga parihaba ay magiging pareho sa lahat ng dako, sa pagitan ng parihaba at ng bilog - ang mga butas ay bubuo sa ibaba at sa itaas, sa pagitan ng parihaba at ng tatsulok - isang malaking butas sa itaas, ang kalapitan ng ang bilog at tatsulok ay magbibigay ng mas malaking butas sa itaas, at sa pamamagitan ng paglalagay ng dalawang tatsulok na magkatabi, makakakuha ka ng agwat sa pagitan nila.

Bukod dito, ang distansya sa pagitan ng mga matinding punto ay pareho sa lahat ng dako, ngunit sa paningin, dahil sa mga pagkakaiba sa mga hugis, ang distansya sa pagitan ng mga titik ay magmumukhang iba. Dito kailangan ang mga "manual" na pagsasaayos.

Paano maayos na ayusin ang distansya sa pagitan ng mga titik?

Una, kung mas malaki ang punto (taas) ng titik, mas madali para sa iyo na ilipat ang mga titik. Palakihin ang letra sa isang sukat kung saan maaari mong kumportableng ilipat/palaganapin ang mga titik nang kaunti pa.

Tukuyin ang pinaka "problema" na lugar, at, nang mapili ang nais na distansya sa pagitan ng mga titik na ito, simulan ang paggawa sa mga pinakamalapit sa kanan at kaliwa hanggang sa mapunta ka sa buong salita.

Subaybayan ang pagsubaybay - huwag hayaang kumalat ang salita o masyadong lumiit. Ang isang espesyal na kaso ay kung ang salita ay binubuo ng malalaking titik - pagkatapos ay pinahihintulutan ang pagtaas ng digit ng titik.

Ngunit sa sandaling maglaro ang mas kumplikadong mga hugis, magsisimula ang "pagdikit at mga butas". Dito dapat mong ipantay ang mga lugar sa pagitan ng mga titik. Mayroong maraming mga geometric na diskarte, ngunit, sa totoo lang, tila napakakomplikado ng mga ito sa akin, at kapaki-pakinabang lamang kapag nagdidisenyo ng mga font sa paglikha ng isang hanay ng mga pares ng kerning.

Samakatuwid, isasaalang-alang namin ang mga pangkalahatang tuntunin at ang paraan ng paglalagay ng "sa tatlo". Ang mga pangkalahatang tuntunin ay simple: ang pinakamalaking distansya ay nasa pagitan ng mga "parihaba na titik". Ang isang bahagyang mas maliit na distansya ay kinakailangan kung ang isang titik na may mga tuwid na elemento ay nasa hangganan ng isang bilugan na titik. Mas kaunting espasyo ang kailangan sa pagitan ng dalawang bilog na letra. At kahit na mas maliit - na may mga titik na may bukas na mga hugis.

Triple Arrangement Method

1. Sa salita, ang pinaka-kumplikadong pares ng kerning ay napili, ang agwat sa pagitan ng mga titik kung saan ang magiging pinakamakitid - ito ay alinman sa dalawang bilugan na mga titik, o mga kumbinasyon ng mga titik na may bukas na mga hugis. Ang pares na ito ay naka-core muna.
2. Susunod, ang salita ay kerneled sa kanan at kaliwa ng pares na ito. Idinaragdag namin ang katabing titik sa napiling tinanggihang pares, nakakakuha ng triple ng mga titik at i-unwind ang triple na ito lamang. Sa pamamagitan ng paglipat ng isang bagong liham, nakakamit namin ang pagkakapareho sa mga lugar ng puti sa tatlong ito. Susunod na ilipat namin ang tatlo sa pamamagitan ng isang titik sa gilid at core ang susunod na titik. At sa paraang ito ay tinatalakay natin ang buong salita. Gamit ang tamang kasanayan, awtomatiko at napakabilis mong gagawin ito.

Isaalang-alang natin ito gamit ang halimbawa ng abstract na salitang "ing". Pumili ng mahirap na pares ng mga titik. Sa salitang ito ay "pumunta". At itinakda namin ang pinakamababang distansya sa pagitan ng mga titik na ito.