Каква е типографията и, като цяло, типографския дизайн? За да се използва най-основното обяснение, типографията е проектирането и използването на шрифтове като средство за комуникация. Много хора смятат, че типографията е започнала с Гутенберг и развитието на подвижен тип, но типографията се връща далеч по-далеч от това. Този клон на дизайна всъщност има своите корени в ръкописни букви. Типографията обхваща всичко от калиграфия през цифровия тип, който виждаме днес на уеб страници от всякакъв вид. Изкуството на типографията включва и дизайнери от типа, които създават нови формати, които след това се превръщат в шрифтови файлове, които други проекти могат да използват в своята работа, от печатни произведения до горепосочените уебсайтове. Колкото и различни да са тези работи, основите на типографията ги подкрепят всички.
Елементите на типографията
Писане на шрифтове и шрифтове: Ако някога сте говорили с дизайнер, който използва типография в своите произведения, вероятно сте чули термините "шрифт" и / или "шрифт". Много хора използват тези два термини взаимозаменяемо, но всъщност има някои разлики между тези два елемента.
"Typeface" е термините, дадени на семейство шрифтове (като Helvetica Regular, Helvetica Italic, Helvetica Black и Helvetica Bold ). Всички различни версии на Helvetica съставят пълния шрифт.
"Шрифтът" е термин, използван, когато някой се отнася само до едно тегло или стил в това семейство (като например Helvetica Bold). Толкова много шрифтове се състоят от няколко отделни шрифта, всички от които са подобни и свързани, но по някакъв начин различни. Някои шрифтове могат да включват само един шрифт, докато други могат да включват многобройни варианти на буквите, които съставят шрифтовете.
Дали това звучи малко объркващо? Ако е така, не се безпокойте. В действителност, ако някой не е специалист по типография, вероятно ще използва термина "шрифт" независимо от това кое от тези термини наистина означава - и дори много професионални дизайнери използват тези два термини взаимозаменяемо. Освен ако не говорите с чист тип дизайнер за механиката на плавателния съд, вероятно сте доста безопасни, използвайки който и да е от тези два термина, които предпочитате. Това е казано, ако разбирате разликата и може правилно да използвате правилните условия, това никога не е лошо нещо!
Класификации на шрифтове: Понякога се наричат "генерични шрифтови семейства" , това са големи групи от шрифтове, които се основават на редица общи класификации, които попадат под различни шрифтове. На уеб страниците има шест вида класификации на шрифтове, които вероятно ще видите:
- извивка на буква
- безсерифни
- Непропорционални
- курсив
- фантазия
- писменост
Съществуват и редица други класификации на шрифтове, които са отклонения от тях. Например, шрифтовете "slab serif" са подобни на шрифтовете, но всички те имат разпознаваем дизайн с дебели, хрупкави серифи върху буквите.
Днес сайтове, serif и sans-serif са двете най-често срещани класификации на шрифтове, които се използват.
Анатомия на шрифта : Всеки шрифт е съставен от различни елементи, които го различават от другите шрифтове. Освен ако не сте специално да отидете в типов дизайн и търсят да създадете чисто нови шрифтове, уеб дизайнери обикновено не трябва да знаят спецификата на анатомията на шрифта. Ако сте заинтересовани да научите повече за тези градивни елементи на шрифтове и letterforms, има голяма статия за анатомия на шрифта на desktop.com publishing site.
На основно ниво елементите на анатомията на шрифта, които трябва да сте наясно, са:
- Капачка и височина x: Това е височината на главните букви в шрифта и височината на буквата x. Тя ви казва колко високи ще бъдат най-големите букви, както и колко големи ще бъдат големите малки букви. Шрифтовете се оразмеряват въз основа на тези две характеристики.
- Decenders and ascenders: Това са частите на буквите, които се намират под и над линията x-height . Те обикновено се отнасят за малки букви. Например, буквата "b" има аскеандър (парчето, което се придържа "нагоре" от буквата), докато буквата "p" има десендер (частите, които намаляват "надолу" от буквата).
Разстояние между буквите
Има няколко корекции, които могат да бъдат направени между и около буквите, които засягат типографията. Цифровите шрифтове са създадени с много от тези характеристики на място, а на уеб сайтове имаме ограничена възможност да променяме тези аспекти на шрифта. Това често е нещо добро, тъй като стандартният начин, по който се показват шрифтовете, обикновено е за предпочитане.
- kerning - хоризонталното пространство между отделните букви
- проследяване - пространството между групите букви
- водещо - вертикално пространство между линии от тип (това е известно като линейна височина в уебсайтовете)
- мярка - дължината на линиите на текста
- подравняване - визуално поставяне на текст наляво, надясно, центрирано или обосновано
- лигатури - буквите се движат близо една до друга, така че техните анатомии се комбинират, като по същество текат една буква в друга
Още елементи на типографията
Типографията е нещо повече от шрифтовете, които се използват, и празнините около тях. Съществуват и някои други неща, които трябва да имате предвид, когато създавате добра типографска система за всеки дизайн:
Дефиниране на духа : Заличаването е добавянето на тире (-) в края на линиите, за да се предотвратят проблеми при четливостта или оправданието да изглежда по-добре. Докато често се срещат в печатните документи, повечето уеб дизайнери игнорират сривове и не го използват в работата си, защото не е нещо, което се обработва добре автоматично от уеб браузърите.
Rag: Неравномерният вертикален край на блок от текстове се нарича парцал. Когато обръщате внимание на типографията, трябва да прегледате текстовите си блокове като цяло, за да сте сигурни, че парцалът не оказва влияние върху дизайна. Ако парцалът е прекалено назъбен или неравен, той може да засегне четливостта на текстовия блок и да го разсейва. Това е нещо, което автоматично се обработва от браузъра от гледна точка на начина, по който се зарежда от линк на ред.
Вдовици и сирачета: Една дума в края на колоната е вдовица и ако е в горната част на нова колона, това е сирак. Вдовиците и сираците изглеждат зле и могат да бъдат трудни за четене.
Получаването на линии от текст, които да се показват перфектно в уеб браузър, е изтощително предложение, особено когато имате отзивчив уебсайт и различни дисплеи за различни размери на екрана. Вашата цел е да прегледате сайта на различни размери, за да се опитате да създадете най-добрия външен вид Възможно е да приемете, че в някои случаи съдържанието ви ще има прозорци, сираци или други не толкова идеални дисплеи. Вашата цел трябва да бъде да минимизирате тези аспекти на дизайна на даден тип, като същевременно сте реалисти в това, че не можете да постигнете съвършенство за всеки размер и екран на екрана.
Стъпки за проверка на вашата типография
- Изберете внимателно шрифтовете, като гледате на анатомията на типа, както и на семейството от типа, в който се намира.
- Ако създадете дизайна, като използвате текст със заместител , не одобрявайте окончателния дизайн, докато не видите истинския текст в дизайна.
- Обърнете внимание на малките детайли на типографията .
- Погледнете всеки блок от текст, сякаш няма думи в него. Какви форми прави текстът на страницата? Уверете се, че тези фигури носят целия дизайн на страницата напред.
Оригинална статия на Дженифър Кринин. Редактиран от Джереми Жиар на 7/5/17