Ефектна типографіка
Ефектна типографіка - шрифти, їх розміри і оформлення - часто сьогодні використовується як самостійний стилістичний елемент, і швидко стає одним з основних елементів веб-інтерфейсів.
Відео: Онлайн-воркшоп по типографіка в Моушн дизайні
Типографіка використовується не тільки для того, щоб зробити текст розбірливим. Прості або складні, великі чи маленькі, слова на сьогоднішніх сайтах відіграють дуже важливу роль.
Сьогодні ми поговоримо про те, як спроектувати дійсно ефектну типографіку, що популярно, а чого слід уникати в дизайні вашого сайту.
Визначення ефектною типографіки
Для початку потрібно зрозуміти, що ефектна типографіка і просто типографіка не є взаємовиключними поняттями. Насправді, спрощене оформлення є одним з найпопулярніших форм в даний момент.
Визначення ефектною типографіки насправді дуже просте - це текст, який дуже виділяється на загальному тлі - уздовж будь-яких причин.
Найбільш поширені тенденції на сьогодні такі:
• Екстремальний розмір (великий або маленький);
• Накладення зображень;
• Творче використання простих шрифтів;
• Художні шрифти.
Зверніть увагу, що ці стилі, як правило, в поєднанні один з одним можуть створювати практично нескінченну кількість варіантів.
основи тенденції
Для зовнішнього вигляду сайту величезну роль відіграє як правильне використання типографіки, так і її зовнішній вигляд. Це пояснює те явище, чому прості шрифти в інтерфейсі захоплюють нашу увагу і відразу привертають його до себе.
Шрифти можуть бути як із зарубками, так і без зарубок. Сьогоднішні тенденції віддають перевагу на користь других. Зарубки - це зайве прикраса, яке часто погіршує читабельність тексту.
Можуть застосовуватися різні форми: жирний, курсив, підкреслений текст. Але пам`ятайте не тільки про красу - текст повинен бути зрозумілий і розбірливий. Досягти цього можна, просто застосувавши іншу форму на обраному шрифті - можливо, будучи просто прямим, він буде легше читатися і краще сприйматися людським оком.
доступність шрифту
Рушійною силою тенденції є підвищення доступності шрифтів для масового використання.
Їх можна купувати, а можна знайти дуже багато хороших безкоштовних шрифтів і використовувати їх при створенні дизайну сайту.
Є шрифти, які сьогодні дуже популярні - але це не означає, що ви повинні використовувати їх у себе з цієї причини. Наприклад, найбільш поширеними шрифтами на сьогодні є:
Сімейство Sans serif:
• Proxima Nova
• Futura
• Avenir
• Open Sans
• Helvetica Neue
Сімейство Serif fonts:
• Caslon
• Garamond
• Freight Text
• Minion
• FF Meta Serif
Давайте подивимося на прийоми, за допомогою яких ефектна типографіка втілюється в життя на веб-сайтах.
Екстремальні розміри
Поле того як ви визначилися з типом шрифту, наступне, що потрібно вибрати - це його розмір.
Зараз в моді дуже великі або дуже маленькі шрифти - ніякої середини, тільки все най-най.
Великі шрифти здатні відправити потужне і наполегливе повідомлення, яке просто неможливо проігнорувати, особливо в поєднанні з великими зображеннями.
Цей стиль, як правило, слід тим же правилам:
• Велика частка і вага в порівнянні з іншими елементами на екрані;
• Великі літери, що займають близько 85% простору;
• Товсті мазки.
Також можна помітити ще кілька тенденцій.
Часто слова будуть розширені, щоб заповнити весь екран. Колір слів, як правило, білий - він створює хороший контраст з зображеннями або яскравим, кольоровим фоном. Крім того, іноді для створення динамічного контрасту разом з товстими штрихами застосовуються тонкі зарубки.
Також можна спостерігати деякі альтернативи в розмірі слів, хоча при цьому шрифт як і раніше залишається великим.
Так як ця тенденція дуже популярна, не бійтеся проявити трохи творчості. Спробуйте використовувати різні вирівнювання, наприклад, вправо або вліво, щоб не бути схожими на інших. При такому розмірі шрифту, ваше повідомлення точно не залишиться незамеченним- використання незвичайних квітів також додасть сайту індивідуальності.
Хороший спосіб проектування великого заголовка на сайті - це задати дуже великий розмір і поступово зменшувати, до тієї міри, поки він не стане оптимальним.
Деякі дизайнери, щоб донести бажане повідомлення більш м`яко, звертаються до надзвичайно маленьким шрифтів. Якщо інші елементи на крані не перекривають їх, маленькі слова можуть доносити бажане повідомлення так само чітко, як і великі.
Але разом з тим, стратегія використання великого і маленького шрифту дещо відрізняється.
Малі шрифти часто використовуються на чорному тлі, в поєднанні з надмірним негативним простором. Але, тим не менш, застосовуються товсті лінії і штрихи.
Малий шрифт відмінно поєднується з великими зображеннями - мінімальний простір, їм займане, допомагає краще зрозуміти вміст зображення.
Іноді маленький шрифт потребує невеликому додатковому прикрасу, щоб бути поміченим.
Наприклад, можна застосовувати контрастні кольори або анімацію. Також добре працює маленький текст на негативному просторі.
Накладення на зображення
Ті дні, коли текст і зображення були окремими одиницями, давно пройшли. Сьогодні ці елементи використовуються разом, щоб зробити посил до користувачів більш потужним.
З чим потрібно бути обережним, використовуючи цей прийом - це зі збереженням контрастності і чіткості. Простежте за тим, щоб текст не перекривав особи, логотипи, і в той же час, щоб він залишався добре видимим.
Наступна помилка, якої слід уникати - це плутанина, коли на зображенні зображено одне, а текст повідомляє про інше. Наприклад, якщо на сайті фотографа його ім`я буде накладено на фотопортрет клієнта, це внесе плутанину.
Креативне використання шрифтів
Як і в інших елементах дизайну, експерименти з текстом можуть дати деякі переваги, якщо ви любите йти на ризик. Наприклад, ми тільки що говорили про текст в зображеннях, а як щодо зображення в тексті?
Відео: Типографіка
Ви не повинні сліпо слідувати тенденціям. Немає нічого поганого в тому, щоб винайти своє, унікальне рішення застосування заголовка на сайті. Просто пам`ятайте, що читаність є кінцевою метою, тому не робіть нічого такого, що завадить людям бачити слова.
Креативна типографіка цікава вже сама по собі. Тому застосовувати її краще в поєднанні з простим, ненав`язливим фоном. Не потрібно захаращувати екран занадто багатьма помітними елементами, що конкурують за увагу вашого користувача.
Шрифти власної розробки
Розроблений вами ж шрифт може спрацювати вам на руку точно так же, як і креативна типографіка. Більш того, якщо вам потрібно передати індивідуальність бренду - це саме те, що потрібно.
Проектування власного шрифту - це ідеальний спосіб зробити проект унікальним.
Але на ділі реалізувати свій власний шрифт може бути важче, ніж здається на перший погляд.
Для початку, фактичний вид вашого шрифту повинен збігатися з особистістю вашого бренду і атмосферою на сайті - в іншому випадку, в чому сенс? Далі, він повинен бути використаний помірно: наприклад, тільки для заголовків. Уникайте великих блоків тексту.
Також подумайте про те, як ваш шрифт буде виглядати на різних пристроях - чи буде він досить легким для прочитання.
рукописні шрифти
Деякі шрифти призначені тільки для краси. Їх можна використовувати більше як графічний елемент дизайну, ніж для донесення будь-якої інформації. Але для деяких сайтів це саме те, що потрібно.
Ця стратегія - класична для типографіки, так як була використана десятиліттями в створенні плакатів.
Часто такий шрифт може бути трохи складним для прочитання, але в той же час він виглядає приголомшливо.
Намагайтеся уникати часто використовуваних художніх шрифтів. Врахуйте всі їх недоліки, подумайте над тим, чи дійсно шкурка коштує вичинки.
комбіновані техніки
Перераховані вище прийоми не є взаємовиключними. Якщо ви знаєте, як правильно поєднувати певні методи, ви можете з`єднати переваги кожного.
Об`єднуючи прийоми, не забувайте про здоровий глузд. Деякі рішення поєднувати між собою не варто. Наприклад, художні шрифту не будуть добре виглядати на строкатому тлі - вони самі по собі є хорошим прикрасою.
майбутнє тренда
Ефектна типографіка - це тренд, який переосмислюється останні кілька років, і набуває нових форм.
В цілому, хороша типографіка завжди буде виконувати наступні завдання:
• Взаємодія з користувачем через текст;
• Робота спільно з іншими стратегіями;
• Сумісність із загальним дизайном і добре відображається в будь-яких браузерах;
• Створює незабутнє враження.
Сьогоднішні тенденції у використанні типографіки легко досягають цих цілей. Тому дизайнери будуть використовувати ефектні шрифти і далі, надаючи їм нові форми.
Зараз ми бачимо, що використовується менше білого кольору, більше - яскравих кольорів. Також застосовується 3D ефекти і анімація.
