Потрібен образ героя? Може, достатньо типографіки?

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

Виникає питання: чи потрібен вам взагалі образ героя?

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

Дослідіть елементи Envato

Переваги образу героя

Основними перевагами використання зображення героя або відео для веб-сайту є привернення уваги до візуального елементу та інформації, яку він передає. Зображення може багато розповісти про ваш веб-сайт або проект і про те, про що йдеться в контенті.

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

Люди, здебільшого, є вродженими візуалами. Ми отримуємо розуміння, бачачи речі. Ось чому образи героїв є такими популярними.

До переваг образу героя також належать:

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

Переваги типографічного героя

Основна перевага типографічного заголовка полягає в тому, що він чітко повідомляє про щось. Слова, особливо якщо вони добре читаються і розбірливі, є основним способом передачі інформації з екрану відвідувачеві веб-сайту.

Ви можете використовувати типографіку, щоб повідомити користувачам саме те, що ви хочете, щоб вони знали.

Серед інших переваг типографічної зони героя - її типографічність:

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

5 причин, чому типографіка може бути найкращою

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

Тож, окрім відсутності правильного зображення, чому ви використовуєте типографічного героя?

• Цікавий шрифт більше відповідає вашому продукту або бізнесу, ніж зображення. Він передає більш послідовну історію.
• Вам є що сказати і на чому розставити акценти в словах. Це передає більш пряме послання.
• Типографіка узгоджується з тим, що ви робите. Вона передає навички або техніку, які можна застосувати для вашого веб-сайту.
• Ви можете використовувати його для створення шарів глибини та інформації або для встановлення просторових зв'язків. Він може передавати почуття, які відповідають словам.
• Зображення або відео здаються пласкими і створюють розрив з відвідувачами сайту. Він передає чіткість і бачення.

Спробуйте цікаві шрифти

Коли мова заходить про героїчні області з сильним акцентом на типографіку, існує дві школи думок:

• Не ускладнюй.
• Спробуйте цікавий або навіть експериментальний шрифт.

Обидва варіанти правильні, і ви навіть можете спробувати їх разом.

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

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

5 прикладів, які ми любимо

MKTLM

Поєднання простої зарубки та контурного шрифту змушує вас придивитися до слів на екрані. Мінімальне тло об'єднує все це разом, як і прості анімовані елементи.

Функція & Форма

Функція & Form використовує кілька шарів тексту для створення приголомшливої області героя, яка виглядає просто, але є досить складною. Скрізь присутні трендові елементи - коло, що обертається, шрифт із зарубками, важкі блоки копіювання - і все це поєднується таким чином, що легко читається і розуміється, і при цьому виглядає чудово.

Near North Studio

Ніщо саме по собі не змусить вас зупинитися на дизайні Near North Studio, але коли ви зберете всі елементи разом, дизайн, заснований на типографіці, вражає. Анімований скроллер з трьома рівнями швидкості прокрутки тексту привертає увагу.

Liferay.Design

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

ReadyMag

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

Висновок

Тепер знайдіть казковий шрифт і почніть створювати зоряний заголовок з типографікою. Не забудьте додати кілька тонких доповнень - наприклад, рух або колір - щоб створити більший фокус і візуальний інтерес.

І редагувати, редагувати і ще раз редагувати. Немає нічого важливішого за якісний текст, коли ваш єдиний візуальний елемент - це слова.