Да ли вам треба слика хероја? Можда је типографија довољна

Најважнији концепт када је у питању главна област дизајна веб странице је слика или видео са текстом и позивом на акцију. Али нема сваки дизајн висококвалитетне визуелне елементе да би овај стил слике хероја функционисао.

Поставља се питање: да ли вам је уопште потребна слика хероја?

За неке пројекте веб-сајта, одговор је не. Можете дизајнирати подручје звезданог хероја за веб локацију са одличном типографијом и неколико малих детаља. Хајде да погледамо како то учинити и неке примере које једноставно волимо.

Истражите Енвато елементе

Предности слике хероја

Примарне предности коришћења слике или видеа хероја за веб локацију су привлачење пажње природу визуелног елемента и информације које он преноси. Слика може много рећи о вашој веб страници или пројекту и о чему је садржај.

Слике су витални део приповедања и без њих би било тешко направити било какав комплетан дизајн. Док овде размишљамо о дизајнирању заглавља хероја без слике, важно је напоменути да су ове веб странице ретко потпуно без слика.

Људи су, углавном, урођено визуелни. Разумевање стичемо гледањем ствари. Зато су слике хероја толико популарне.

Предности слике хероја такође укључују:

• Приказује производ или услугу
• Визуелно повезује посетиоце веб локације сашта радите или о чему се бавите
• Ствара осећај жеље или потребе за оним што је на слици
• Усмерава визуелни фокус на екрану на друге елементе као што су текст или позиви на акцију
• Пружа корисницима нешто за интеракцију и дуже остају на екрану

Предности хероја заснованог на типографији

Примарна предност типографије заснованог област заглавља хероја је да нешто јасно саопштава. Речи, посебно са јаком читљивошћу и читљивошћу, су примарни начин да се информације са екрана пренесу посетиоцу веб локације.

Можете да користите типографију да бисте корисницима рекли тачно оно што желите да знају.

Остале предности херо области засноване на типографији укључују:

• Јасан фокус и разумевање дизајна
• Потенцијално више простора за речи
• Визуелно ометајућа почетна страница која ће привући пажњу јер је различита
• Ради на било којој величини екрана без размишљања о различитим културама
• Може добро да се слаже са другим елементима дизајна као што су мале анимације, звук или подебљана боја

5 разлога зашто би типографија могла бити најбоља

Одлуку о коришћењу подручја хероја заснованог на типографији за дизајн ваше веб странице не би требало доносити на хир или зато што вам се фотографија не свиђа. Требало би да има сврсисходну намеру као и сваки други елемент дизајна који одаберете.

Дакле, осим што једноставно немате праву слику, зашто бисте користили типографију-базиран херој?

• Занимљив тип слова више одговара вашем производу или послу него имиџ. Саопштава конзистентнију причу.
• Имате много тога да кажете и шта да ставите нагласак на речи. Саопштава директнију поруку.
• Типографија је усклађена са оним што радите. Саопштава вештину или технику која је применљива за вашу веб локацију.
• Можете да је користите за креирање слојева дубине и информација или за успостављање просторних односа. Може да пренесе осећај који одговара речима.
• Чини се да слике или видео снимци падају у воду и стварају прекид везе са посетиоцима веб-сајта. Саопштава јасноћу и визију.

Пробајте занимљиве фонтове

Када је реч о областима хероја са јаким фокусом на типографију, постоје две школе мишљења:

• Нека буде једноставно.
• Пробајте занимљиво или чак експериментално писмо.

Оба су тачна и чак можете да их испробате заједно.

Када користите веома визуелне или занимљиве типове слова, они имају неко урођено значење уграђено у њих. Они могу да натерају кориснике да размишљају или осећају на одређени начин. Они такође могу створити забуну ако су речи претешке за читање.

Дакле, постоји јасна средина коју балансира скоро сваки успешни херој само за типографију. И тешко га је дефинисати док га не видите – и прочитате. Надамо се да вам примери овде дају идеју како то изгледа.

5Примери које волимо

МКТЛМ

Комбинација једноставног сан серифа и исцртане скрипте чини да погледате речи на екрану овде. Минимална позадина спаја све заједно као и једноставни анимирани елементи.

Функција &амп; Образац

Функција &амп; Форм користи више слојева текста да би направио запањујућу област хероја која изгледа једноставно, али је прилично сложена. Модерни елементи су свуда – ротирајући круг, серифни фонт, тешки блокови за копирање – и све се то спаја на начин који је лак за читање и разумевање док изгледа одлично.

Неар Нортх Студио

Не постоји ништа само по себи што би вас натерало да се зауставите на дизајну за Неар Нортх Студио, али када спојите све елементе, дизајн заснован на типографији је упечатљив. Анимирани скролер са три нивоа брзине текста привлачи пажњу.

Лифераи.Десигн

Комбинација једноставности и суптилних детаља у позадини је оно што овај дизајн заснован на типографији подиже на виши ниво. „Годишњи извештај“ је у фонту и стилу који су неочекивани, а једноставна анимирана стрелица чини да желите више.

РеадиМаг

Дизајн Реадимаг-а је можда најједноставнији на изглед, али позадина која мења боју омогућава да гледате у дизајн. Тада схватате занимљиве удубљења и облике на фонту који такође укључује стил контуре. Тхетежина речи вас заиста привлачи да схватите шта је следеће.

Закључак

Сада пронађите фантастичан фонт и крените са сјајним заглављем које садржи типографију. Не заборавите да додате неке суптилне додатке - као што су кретање или боја - да бисте створили више фокуса и визуелног интересовања.

И уређивати, уређивати и поново уређивати. Ништа није важније од јаке копије када су ваш једини визуелни елемент речи.