Имате ли нужда от изображение на героя? Може би типографията е достатъчна

Концепцията за героична област в дизайна на уебсайта е изображение или видеоклип с текст и призив за действие. Но не всеки дизайн разполага с висококачествени визуални елементи, които да направят този стил на героично изображение работещ.

Възниква въпросът: Имате ли изобщо нужда от изображение на герой?

За някои проекти на уебсайтове отговорът е "не". Можете да създадете звездна зона за герой на уебсайт с помощта на страхотна типография и няколко малки детайла. Нека разгледаме как да го направим и някои примери, които просто обичаме.

Разглеждане на Envato Elements

Предимства на образа на героя

Основните предимства на използването на героично изображение или видеоклип за уебсайт са привличането на вниманието към визуалния елемент и информацията, която той предава. Изображението може да каже много за вашия уебсайт или проект и за съдържанието му.

Изображенията са жизненоважна част от разказването на истории и би било трудно да се създаде цялостен дизайн без тях. Докато тук мислим за проектиране на хедър без изображение, е важно да отбележим, че тези уебсайтове рядко са напълно без изображения.

Хората в по-голямата си част са вродени визуалисти. Ние разбираме нещата, като ги виждаме. Ето защо образите на героите са толкова популярни.

Предимствата на героичното изображение включват също:

• Показва продукт или услуга
• Визуално свързва посетителите на уебсайта с това, което правите или за което се грижите
• Създаване на усещане за желание или нужда от това, което е на изображението
• Насочва визуалния фокус на екрана към други елементи, като например текст или призиви за действие
• Давате на потребителите нещо, с което да се ангажират и да останат по-дълго на екрана

Предимства на героя, базиран на типография

Основното предимство на основаната на типографията област на заглавието на героя е, че тя съобщава нещо ясно. Думите, особено със силна четивност и четливост, са основният начин за предаване на информация от екрана на посетителя на уебсайта.

Можете да използвате типографията, за да кажете на потребителите точно това, което искате да знаят.

Други предимства на типографската област на героя включват:

• Ясен фокус и разбиране за дизайна
• Потенциално повече място за думи
• Визуално разрушителна начална страница, която привлича вниманието, защото е различна
• Работи на всеки размер на екрана, без да е необходимо да мислите за различни култури
• Може да се съчетава добре с други елементи на дизайна, като например малки анимации, звук или ярък цвят.

5 причини, поради които типографията може да е най-добра

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

И така, освен че нямате подходящо изображение, защо бихте използвали герой, базиран на типография?

• Интересният шрифт е в по-голяма степен в съответствие с вашия продукт или бизнес, отколкото изображението. Той предава по-последователна история.
• Имате много да кажете и какво да акцентирате върху думите. Това предава по-директно послание.
• Типографията е съобразена с това, което правите. Тя предава умение или техника, които са приложими за вашия уебсайт.
• Можете да го използвате, за да създадете слоеве от дълбочина и информация или да установите пространствени взаимоотношения. Той може да предаде чувство, което съответства на думите.
• Изображенията или видеоклиповете сякаш се разминават и създават прекъсване на връзката с посетителите на уебсайта. Той предава яснота и визия.

Опитайте интересни шрифтове

Когато става въпрос за областите с герои със силен фокус върху типографията, има две мнения:

• Бъдете прости.
• Опитайте с интересен или дори експериментален шрифт.

И двете са правилни и дори можете да ги използвате заедно.

Когато използвате изключително визуални или интересни шрифтове, те имат някакъв вроден смисъл. Могат да накарат потребителите да мислят или да се чувстват по определен начин. Могат също така да създадат объркване, ако думите са твърде трудни за разчитане.

Така че има ясно изразена средна позиция, която почти всеки успешен герой с типография балансира. И тя е трудна за определяне, докато не я видите - и прочетете -. Надяваме се, че примерите тук ви дават представа как изглежда тя.

5 примера, които ни харесват

MKTLM

Комбинацията от прост шрифт san serif и очертан шрифт ви кара да се вглеждате в думите на екрана. Минималният фон обединява всичко, както и простите анимирани елементи.

Функция & форма

Функцията и формата използва множество слоеве текст, за да създаде зашеметяваща област на героя, която изглежда проста, но е доста сложна. Навсякъде има модерни елементи - въртящ се кръг, серифен шрифт, тежки блокове за копиране - и всичко това е събрано по начин, който е лесен за четене и разбиране, като същевременно изглежда страхотно.

Близко до северното студио

Само по себе си няма нищо, което да ви накара да се спрете на дизайна за Near North Studio, но когато съберете всички елементи заедно, дизайнът, базиран на типография, е поразителен. Анимираният скролер с три нива на скорост на текста привлича вниманието.

Liferay.Design

Комбинацията от простота и фини детайли на заден план е това, което издига този дизайн, базиран на типография, на следващото ниво. "Годишен доклад" е с шрифт и стил, които са неочаквани, а простата анимирана стрелка ви кара да искате повече.

ReadyMag

Дизайнът на Readymag може би е най-простият на пръв поглед, но променящият се цвят на фона ви кара да гледате дизайна. Тогава осъзнавате интересните вдлъбнатини и форми на шрифта, който включва и стил на очертаване. Тежестта на думите наистина ви привлича, за да разберете какво следва.

Заключение

Сега намерете страхотен шрифт и създайте звездно заглавие с типографски елементи. Не забравяйте да добавите някои фини екстри - като движение или цвят - за да създадете повече фокус и визуален интерес.

И редактирайте, редактирайте и пак редактирайте. Няма нищо по-важно от силното копие, когато единственият ви визуален елемент са думите.