Czy potrzebujesz obrazu bohatera? Może wystarczy typografia?

Koncepcja, jeśli chodzi o obszar bohatera projektu strony internetowej, to obraz lub wideo z tekstem i wezwaniem do działania. Ale nie każdy projekt ma wysokiej jakości elementy wizualne, które sprawiają, że ten styl obrazu bohatera działa.

Nasuwa się pytanie: czy naprawdę potrzebujesz wizerunku bohatera?

W przypadku niektórych projektów witryn internetowych odpowiedź brzmi "nie". Możesz zaprojektować znakomity obszar bohatera witryny z doskonałą typografią i kilkoma drobnymi szczegółami. Przyjrzyjmy się, jak to zrobić i kilka przykładów, które po prostu uwielbiamy.

Poznaj Envato Elements

Korzyści z wizerunku bohatera

Głównymi korzyściami płynącymi z wykorzystania obrazu lub filmu w witrynie są przyciągający uwagę charakter elementu wizualnego i przekazywane przez niego informacje. Obraz może wiele powiedzieć o Twojej witrynie lub projekcie oraz o tym, czego dotyczy treść.

Obrazy są istotną częścią opowiadania historii i trudno byłoby stworzyć kompletny projekt bez nich. Chociaż myślimy tutaj o zaprojektowaniu nagłówka bohatera bez obrazu, ważne jest, aby pamiętać, że te strony rzadko są całkowicie pozbawione obrazów.

Ludzie, w większości, są z natury wzrokowcami. Zdobywamy zrozumienie poprzez widzenie rzeczy. To dlatego obrazy bohaterów są tak popularne.

Korzyści z obrazu bohatera również obejmują:

• Pokazuje produkt lub usługę
• Wizualnie łączy odwiedzających witrynę z tym, co robisz lub czym się zajmujesz.
• Tworzy poczucie pragnienia lub potrzeby tego, co jest na obrazie.
• Kieruje wizualną uwagę na ekranie na inne elementy, takie jak tekst lub wezwania do działania.
• Daje użytkownikom coś, w co mogą się zaangażować i pozostać na ekranie dłużej.

Korzyści z bohatera opartego na typografii

Podstawową zaletą obszaru nagłówka bohatera opartego na typografii jest to, że wyraźnie coś komunikuje. Słowa, szczególnie o dużej czytelności i czytelności, są głównym sposobem przekazywania informacji z ekranu odwiedzającemu witrynę.

Możesz użyć typografii, aby powiedzieć użytkownikom dokładnie to, co chcesz, aby wiedzieli.

Inne zalety obszaru hero opartego na typografii obejmują:

• Wyraźne ukierunkowanie i zrozumienie projektu
• Potencjalnie więcej miejsca na słowa
• Przełomowa wizualnie strona główna, która przyciągnie uwagę, ponieważ jest inna.
• Działa na każdym rozmiarze ekranu bez konieczności myślenia o różnych uprawach
• Może dobrze współgrać z innymi elementami projektu, takimi jak małe animacje, dźwięk lub odważny kolor.

5 powodów, dla których typografia może być najlepsza

Decyzja o użyciu obszaru bohaterskiego opartego na typografii w projekcie witryny nie powinna być podejmowana z kaprysu lub dlatego, że nie podoba ci się zdjęcie. Powinien mieć celowy zamiar, tak jak każdy inny wybrany element projektu.

Dlaczego więc, poza brakiem odpowiedniego obrazu, miałbyś używać bohatera opartego na typografii?

• Interesujący krój pisma jest bardziej zgodny z produktem lub firmą niż obraz. Przekazuje bardziej spójną historię.
• Masz dużo do powiedzenia i kładziesz nacisk na słowa. To komunikuje bardziej bezpośredni przekaz.
• Typografia jest dostosowana do tego, co robisz. Przekazuje umiejętności lub technikę, która ma zastosowanie w Twojej witrynie.
• Można go używać do tworzenia warstw głębi i informacji lub do ustanawiania relacji przestrzennych. Może przekazywać uczucia, które pasują do słów.
• Obrazy lub filmy wideo wydają się płaskie i powodują rozłączenie z odwiedzającymi witrynę. Przekazuje jasność i wizję.

Wypróbuj ciekawe kroje pisma

Jeśli chodzi o obszary bohaterów z silnym naciskiem na typografię, istnieją dwie szkoły myślenia:

• Zachowaj prostotę.
• Wypróbuj interesujący lub nawet eksperymentalny krój pisma.

Oba są poprawne i można nawet wypróbować je razem.

Kiedy używasz wysoce wizualnych lub interesujących krojów pisma, mają one wbudowane pewne wrodzone znaczenie. Mogą sprawić, że użytkownicy pomyślą lub poczują się w określony sposób. Mogą również powodować zamieszanie, jeśli słowa są zbyt trudne do odczytania.

Istnieje więc wyraźny środek, który balansuje prawie każdy udany bohater wyłącznie typograficzny. I trudno go zdefiniować, dopóki go nie zobaczysz - i nie przeczytasz. Mam nadzieję, że poniższe przykłady dadzą ci wyobrażenie o tym, jak to wygląda.

5 przykładów, które uwielbiamy

MKTLM

Połączenie prostej czcionki san serif i zarysowanego skryptu sprawia, że patrzysz na słowa na ekranie. Minimalne tło ciągnie wszystko razem, podobnie jak proste animowane elementy.

Funkcja i forma

Function & Form wykorzystuje wiele warstw tekstu, aby stworzyć oszałamiający obszar bohatera, który wygląda prosto, ale jest dość złożony. Wszędzie są modne elementy - obracające się koło, szeryfowy krój pisma, ciężkie bloki kopii - a wszystko to łączy się w sposób, który jest łatwy do odczytania i zrozumienia, a jednocześnie świetnie wygląda.

Near North Studio

Nie ma nic, co samo w sobie sprawiłoby, że zatrzymałbyś się na projekcie dla Near North Studio, ale kiedy połączysz wszystkie elementy razem, projekt oparty na typografii jest uderzający. Animowany scroller z trzema poziomami szybkości tekstu przyciąga uwagę.

Liferay.Design

Połączenie prostoty i subtelnych szczegółów w tle jest tym, co przenosi ten projekt oparty na typografii na wyższy poziom. "Raport roczny" ma nieoczekiwany krój pisma i styl, a prosta animowana strzałka sprawia, że chcesz więcej.

ReadyMag

Projekt dla Readymag może być najprostszy na pierwszy rzut oka, ale zmieniające kolor tło sprawia, że patrzysz na projekt. Wtedy zdajesz sobie sprawę z interesujących wgłębień i kształtów kroju pisma, który obejmuje również styl konturowy. Waga słów naprawdę przyciąga cię, aby dowiedzieć się, co jest dalej.

Wnioski

Teraz znajdź wspaniałą czcionkę i zacznij tworzyć gwiezdny nagłówek z typografią. Nie zapomnij dodać subtelnych dodatków - takich jak ruch lub kolor - aby stworzyć więcej uwagi i wizualnego zainteresowania.

I edytuj, edytuj i jeszcze raz edytuj. Nie ma nic ważniejszego niż mocny tekst, gdy jedynym elementem wizualnym są słowa.