Што е типографија и, пошироко, типографски дизајн? За да го користите најосновното објаснување, типографијата е дизајнирање и употреба на фонтови како средство за комуникација. Многу луѓе сметаат дека типографијата започнала со Гутенберг и развојот на подвижен тип, но типографијата оди многу подалеку од тоа. Оваа гранка на дизајнот, всушност, има свои корени во рачно напишани буквите. Типографијата опфаќа сè од калиграфијата преку дигиталниот тип што го гледаме денес на веб-страници од сите видови. Уметноста на типографијата, исто така, вклучува дизајнери на типови кои создаваат нови букви, кои потоа се претвораат во фонтови, кои другите дизајни можат да ги користат во нивната работа, од печатени дела до оние споменати веб-страници. Колку и да се разликуваат од тие дела, основите на типографијата ги поткрепуваат сите нив.
Елементите на типографијата
Фонтови и фонтови: Ако некогаш сте разговарале со дизајн кој користи типографија во нивните дела, веројатно сте слушнале термините "font" и / или "font". Многу луѓе ги користат овие два термина наизменично, но всушност постојат одредени разлики помеѓу овие две точки.
"Типто" е терминот даден на семејството на фонтови (како што се Helvetica Regular, Helvetica Italic, Helvetica Black и Helvetica Bold ). Сите различни верзии на Helvetica го сочинуваат целосниот фонт.
"Фонт" е термин кој се користи кога некој се однесува само на една тежина или стил во тоа семејство (како Helvetica Bold). Толку многу фонтови се состојат од голем број на поединечни фонтови, од кои сите се слични и поврзани, но различно на некој начин. Некои фонтови може да вклучуваат само еден фонт, додека други може да вклучуваат бројни варијанти на буквите кои ги сочинуваат фонтовите.
Дали ова звучи малку збунувачко? Ако е така, не грижете се. Во реалноста, ако некој не е експерт за типографија, најверојатно ќе го употребуваат терминот "фонт", без оглед на кој од овие термини тие навистина значат - па дури и многу професионални дизајнери ги користат овие два термина наизменично. Освен ако не зборувате со дизајнер на чист тип за механиката на занаетчиството, веројатно сте прилично безбедни користејќи го она што од овие два термина сакаш. Тоа се рече, ако ја разберете разликата и правилно може да ги користите точните термини, тоа никогаш не е лошо!
Класификации на типот : Понекогаш се нарекуваат "генерички фамилии на фонтови" , ова се големи групи на фонтови за печатење врз основа на бројни генерички класификации во кои паѓаат различни фонтови. На веб-страниците постојат шест видови на класификации на фонтови кои веројатно ќе ги видите:
- serif
- sans-serif
- моноширан
- курзив
- фантазија
- скрипта
Постојат, исто така, голем број на други класификации на фонтови, кои се ограноци од овие. На пример, фонтите "плочи сериф" се слични на серифи, но сите тие имаат препознатлив дизајн со дебели, бучни серифи на буквите.
Една веб-страница денес, serif и sans-serif се двете најчести класификации на фонтови кои се користат.
Анатомија на букви : Секој фонт е составен од различни елементи што го разликуваат од другите типови на букви. Освен ако не сте специјално ќе одат во тип дизајн и бара да се создаде сосема нов фонтови, веб-дизајнери генерално не треба да се знае спецификите на штампа анатомија. Ако сте заинтересирани да дознаете повеќе за овие градежни блокови на фонтови и букви, постои одлична статија за анатомијата на штампа на веб-страницата за десктоп издаваштво за.
На основно ниво, елементите на анатомијата на букви што треба да ги знаете се:
- Кап и x-висина: Ова е висината на големи букви во фонтот и висината на буквата x. Ви кажува колку ќе бидат големи најголемите букви, како и колку ќе бидат големи најмали букви. Големи се фонтови врз основа на овие две карактеристики.
- Decenders and ascenders: Ова се делови од букви што одат под и над линијата x-висина . Овие обично се однесуваат на мали букви. На пример, буквата "b" има искачувач (парче што се држи "до" од буквата), додека буквата "p" има дескендер (деловите кои содржат "надолу" од буквата).
Растојание околу писма
Постојат неколку прилагодувања кои можат да се направат помеѓу и околу буквите кои влијаат на типографијата. Дигиталните фонтови се креирани со многу од овие карактеристики, а на веб-страниците имаме ограничена можност за промена на овие аспекти на фонтот. Ова често е добра работа, бидејќи стандардниот начин на кој се прикажуваат фонтовите е обично подобро.
- кернинг - хоризонталниот простор помеѓу одделните букви
- следење - просторот помеѓу групи на букви
- водечки - вертикален простор помеѓу линиите на тип (ова е познато како висина на линијата во термини на веб-страници)
- мерка - должината на линиите на текстот
- усогласување - визуелно ставање текст на лево, десно, центрирано или оправдано
- лигатурите - писма се движеа близу, така што нивните анатоми се комбинираат, во суштина тече една буква во друга
Повеќе типографски елементи
Типографијата е повеќе од само типовите кои се користат и просторот околу нив. Исто така, постојат и други работи што треба да ги имате на ум кога креирате добар типографски систем за секој дизајн:
Hyphenation: Hyphenation е додавање на цртичка (-) на крајот од линиите за да се спречат проблеми во читливоста или да се оправда изгледа подобро. Додека најчесто се наоѓаат во печатени документи, повеќето веб-дизајнери ги игнорираат тиреноста и не го користат во нивната работа, бидејќи тоа не е нешто што добро се управува со веб-прелистувачи.
Раг: Нерамниот вертикален раб на еден блок од текст се нарекува партал. Кога обрнувате внимание на типографијата, треба да ги погледнете вашите текстуални блокови како целина за да бидете сигурни дека крпата не влијае на дизајнот. Ако крпата е премногу остри или нерамна, таа може да влијае на читливоста на текстот блок и да го одвлекува вниманието. Ова е нешто што автоматски се ракува со прелистувачот во смисла на тоа како рапува типот од линија до линија.
Вдовици и сирачиња: Еден збор на крајот од колоната е вдовица и ако е на врвот на новата колона тоа е сирак. Вдовиците и сираците изгледаат лошо и можат да бидат тешки за читање.
Добивањето на вашите линии на текст совршено да се прикаже во веб-прелистувачот е извонреден предлог, особено кога имате реактивен веб-сајт и различни прикази за различни големини на екранот. Вашата цел треба да биде да ја прегледате страницата во различни големини за да се обидете да го креирате најдобриот изглед можно, притоа прифаќајќи дека во одредени случаи вашата содржина ќе има прозорци, сирачиња или други помалку-од-идеални прикази. Вашата цел треба да биде да ги минимизирате овие аспекти на дизајнот на типот, а истовремено да бидете реалистични во фактот што не можете да постигнете перфекција за секоја големина и екран на екранот.
Чекори за проверка на типографијата
- Изберете ги тефтерите внимателно, гледајќи ја анатомијата од типот и какво семејство од типот е во него.
- Ако го изградите дизајнот користејќи го текстот на заштитен знак , не го одобрувајте финалниот дизајн додека не го видите вистинскиот текст во дизајнот.
- Обрни внимание на малку детали од типографијата .
- Погледни го секој блок од текст како да немаше зборови во него. Кои облици го прави текстот на страницата? Осигурајте се дека овие форми го носат целиот дизајн на страницата напред.
Авторски напис од Џенифер Крајнин. Ревидирано од Џереми Гирар на 7/5/17