Да би се користило најосновније објашњење, типографија је дизајн и употреба фонтова као средства комуникације. Многи људи сматрају да је типографија почела са Гутенберговом и развојем покретног типа, али типографија се враћа много даље од тога. Ова грана дизајна заправо има своје корене у руком писаној форми слова.
Типографија обухвата све из калиграфије кроз дигитални тип који данас видимо на свим веб страницама. Уметност типографије такође укључује типове дизајнера који креирају нове словне облике који се затим претварају у фонтове које други дизајн може користити у свом раду, од штампаних радова до наведених сајтова. Осим што су ти радови другачији, основе типографије подсећају на све.
Елементи типографије
Ако сте икада разговарали са веб дизајнером који користи типографију у свом раду, вероватно сте чули изразе "фонт" и / или "фонт". Многи људи користе ова два израза наизменично, али постоје неке разлике између ове две ствари.
Типографија је термин дати породици фонтова (као што су Хелветица Регулар, Хелветица Италиц, Хелветица Блацк и Хелветица Болд). Све различите верзије Хелветице чине комплетан фонт.
Фонт је израз који се користи када се неко односи само на једну тежину или стил у тој породици (као што је Хелветица Болд). Толико врста слова састоји се од више појединачних фонтова, од којих су сви слични и повезани, али различити на неки начин. Неке врсте фонтова могу укључивати само један фонт, док други могу укључити бројне варијанте слова које чине фонтове.
Ако то изгледа збуњујуће, не брините, ако неко није стручњак за типографију, вероватно ће користити израз "фонт", без обзира на који од ових израза заиста значе, а чак и многи професионални дизајнери користе ова два израза наизменично. Осим ако не разговарате са чистим дизајнерима о механици пловила, вероватно сте прилично безбедни користећи било који од ова два израза која желите. То се каже, ако разумете разлику и правилно користите тачне термине, то никад није лоше!
Класификације типа
Понекад се зову "генеричке породице фонтова", то су велике групе фонтова засноване на броју генеричких класификација које подразумевају различити фонтови. На веб страницама постоји шест врста класификација фонтова које ћете вероватно видети:
- Сериф
- Санс Сериф
- Скрипта
- Моноспацед
- Цурсиве
- Фантазија
Такође постоји и низ других класификација фонтова који су изван њих. На пример, фонтови "слаби сериф" су слични серифовима, али сви они имају препознатљив дизајн са дебелим, глупим серифовима на словима. Сериф и санс-сериф су две најчешће класификације фонтова које се користе на већини веб сајтова.
Типефаце Анатоми
Сваки фонт је састављен од различитих елемената који га разликују од других типова знакова, који се називају анатомијом типова. Осим ако не желите конкретно да идете у дизајн типа и желите да креирате потпуно нове фонтове, веб дизајнери генерално само требају знати основе типографске терминологије.
На основном нивоу, елементи анатомије писма на које бисте требали бити упознати су "капица" и "к-висина", "потомци" и "асценденти".
Цап и к-хеигхт је висина великих слова у фонту и висини слова к. Она вам говори о томе колико ће бити највећа слова, као и колико ће бити најмањих слова. Сви фонтови су димензионисани на основу ове две карактеристике.
Десцендерс анд асцендерс су делови слова који се крећу испод и изнад линије к-висине. Ово се обично односи на мале слова. На примјер, слово "б" има асцендер (дијаграм који држи "горе" из слова) док слово "п" има десцендер (дијелови који падају "доле" из слова).
Размак између околних писама
Постоји неколико подешавања која се могу направити између и око слова која утичу на типографију. Дигитални фонтови су креирани са многим од ових карактеристика на месту, а на веб сајтовима имамо ограничену могућност промјене ових аспеката фонта. Ово је често добра ствар, пошто је обично пожељно подразумевани начин на који се фонтови приказују.
- Кернинг: Хоризонтални размак између појединачних слова
- Праћење: Простор између група слова
- Водећи: Вертикални размак између линија типа (ово је познато као висина линије у терминима сајта)
- Мера: Дужина линија текста
- Поравнање: Визуелно постављање текста на лево, десно, центрирано или оправдано
- Лигатуре: Писма су се толико приближавала да су њихове анатомије комбиноване, у суштини теку једно слово у друго
Више типографских елемената
Типографија је више него само типови који се користе и њихови простори око њих. Постоје и неке друге ствари које треба имати у виду приликом креирања доброг типографског система за било који дизајн:
"Хипхенатион" је додавање цртица (-) на крају линија како би се спречиле проблеми у читљивости или боље изгледали оправдање. Док се најчешће налазе у штампаним документима, већина веб дизајнера занемарује делфинацију и не користи их у свом раду, јер то није нешто чиме добро управља веб прегледачима.
"Раг" је неуједначена вертикална ивица блока текста. Када обратите пажњу на типографију, требало би да погледате своје текстуалне блокове у целини како бисте били сигурни да крпа не утиче на дизајн.Ако је крпа превише оштре или неравне, може утицати на читљивост текстуалног блока и учинити га одвраћањем. Ово је нешто што се претраживач аутоматски обрађује у смислу начина на који се врати од линије до линије.
Једна реч на крају колоне је удовица и ако је на врху нове колоне то је сирочад. "Удовице" и "сирочади" изгледају лоше и могу тешко читати.
Добијање линија текста за савршено приказивање у веб прегледачу је изванредан предлог, посебно када имате одговарајућу веб локацију и различите приказе за различите величине екрана. Ваш циљ треба да буде да прегледате локацију у различитим величинама да бисте покушали да направите најбољи изглед приликом прихватања да ће у одређеним случајевима ваш садржај имати прозоре, сирочад или друге мање-од-идеалне приказе. Ваш циљ треба да буде да минимизирате ове аспекте дизајна типа, а такође је реалан у чињеници да не можете постићи савршеност за сваку величину и приказ екрана.
Кораци за проверу типографије
- Изаберите пажљиво одабране фонтове, погледајте анатомију типа, као и коју врсту породице у којој се налазите.
- Ако конструишете дизајн коришћењем текста места, немојте одобрити коначни дизајн док не видите прави текст у дизајну.
- Обратите пажњу на мале детаље о типографији, као што су цртице и цртице.
- Погледајте сваки блок текста као да нема ријечи у њему. Који облици чини текст на страници? Уверите се да ти облици носи читав дизајн странице унапред.
