Типографія для початківців: що таке типографія?

Якщо ви дизайнер початківець і вже трохи освоїлися із Photoshop, то наступним кроком, який вам порадить багато дизайнерів – розібратися із типографією.

typography-for-beginners

Чому ? Виявляється, що в той час як значення друкарства часто не береться до уваги, воно відіграє важливу роль у зміцненні вашого бренду, створюючи інтерес до вашого продукту, і виділяючи ваше головне повідомлення. Очевидно, що дуже добре знати, як визначити хороший шрифт від поганого, чи не так? Але насправді у типографії криється набагато більше!

Типографія – це мистецтво і методика роботи з типами, типи у сенсі букви та символи.

Зверніть увагу на те, що це більше, ніж просто дизайн букв і символів; розташування цих букв і символів така ж за об’ємом і змістом частина всього цього. Це стосується вибору розміру точки, довжини лінії, і проміжків, причому як для однієї лінії, такі і для всієї всієї сторінки або частини роботи.

story-typography-example

Для того, щоб зрозуміти важливість розташування, мені подобається подумки повернутися до друкарні Йоганна Гутенберга. Колись люди практикували типографію з використанням друкарських матеріалів – це означає, що вони в буквальному сенсі брали букви і символи, і розташовували їх у фізичному просторі.

Сьогодні, завдяки комп’ютерам є шрифти з відкритим вихідним кодом і масштабована цифрова типографія, організовувати букви і символи стало набагато простіше. Але та фізична частина залишається важливою, навіть у цифровій ері.

Чому типографія важлива?

Книгодрукування на кожному кроці. Просто погляньте на свій телефон, рекламний щит, вашу чашку кави або навіть різних стилів, використовуваних в цьому блозі. Кожен шрифт, розташування літери, і характер грає роль у визначенні того, як передається повідомлення.

Звичайно, це може здатися тривіальним, але навіть найменші коригування типу може вплинути на зовнішній вигляд вашої роботи. Наприклад, в червні, Facebook протестували новий шрифт на своїх користувачів під назвою Geneva. Новий шрифт був тільки трохи тоншим і легшим, ніж оригінал, Helvetica, він зробив помітну різницю.

“Загальний ефект більш легкий, більш сучасний на вигляд блок тексту,” – Chris Mills.

facebook-font-changes

Подібне відбулося, коли компанія Apple змінила свій дефолтний шрифт з різко тонкого Helvetica Neue на шрифт своєї розробки під назвою San Francisco.

“Відмінності між Helvetica і San Francisco дуже незначні, навіть для досвідченого ока, але вони є”, – пише Ліз Стінсон для Wired. “San Francisco лишився строгим sans serif (без зарубок), але він сміливіший і доброзичливіший, ніж Helvetica Neue. На основі німецької гарнітури DIN, San Francisco дає символам більше простору, що робить його більш зручним для читання на відносно невеликих мобільних екранах. Високий і худий, San Francisco є простір-ефективним, як Roboto від Google, який ви могли б вважати двоюрідним братом шрифту від Apple”.

Який висновок? Маленькі деталі мають значення.

Насправді, лише один курс коледжу, який відвідував Стів Джобс, який він вважав, відіграв вирішальну роль в успіху Apple – був про каліграфію і типографію. Як він одного разу сказав, у промові для Стенфордського університету: “Якби я ніколи не записався на той курс в коледжі, у Маках ніколи б не було кількох гарнітур і вибору шрифтів.” Чи можете ви уявити собі світ, де продукти компанії Apple не були б зосереджені на гарний дизайні? Я, звичайно, не можу.

Після того, як ви розумієте, скільки думки йде на ретельний вибір гарнітури шрифту, стає набагато легше розпізнати різницю між шрифтами і зрозуміти, чому вони, можливо, вже були обрані в першу чергу. Погляньте на деякі з наведених нижче прикладів, щоб отримати краще уявлення про те, що я маю на увазі…

park-city-typography-example

12-dishes-typography-example

spotify-typography-example bolden-typography-example

➡ ➡ ➡ Читайте продовження туторіала!

Позначки:

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься.