Искате ли да намерите най-добрите заглавки, които да вдъхновят вашия дизайн?

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

Подобрете качеството на вашите страници, като откриете Как да подобрим страниците на лошите блогове

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

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

Сега помислете за това заглавно пространство на тази начална страница.

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

И така, какво ще направите с това пространство, за да привлечете интереса на посетителите си?

Ще поговорим за някои тенденции в дизайна на заглавките на 2017, как да се възползваме от тази силно видима недвижима собственост и да разгледаме някои интересни примери за заглавки.

5 Тенденции в заглавките

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

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

Ако се затруднявате да намерите начин да представите уебсайта си на това място, може би ще намерите вдъхновение в следните тенденции в дизайна на заглавки от 2017 г.:

1. Голям образ на героя

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

Вижте също: Как да създадете страница с пълна ширина в WordPress

Вземете например уебсайта на Cleverbird Creative. Той използва впечатляващо, уникално изображение, насложено с опростен текст, за да приветства посетителите. Няма съмнение какво виждат тук: красиво опростено.

2. Плъзгач за изображения

Мисля, че имаше време, не толкова отдавна, когато много от нас смятаха слайдера за жизнеспособен дизайнерски елемент. Поради това много дизайнери свършиха отлична работа в използвайки ги в заглавките.

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

3. Използване на паралакс анимация

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

4. Видео фон

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

Вижте също: Добавяне на видео фона към WordPress: предимства и недостатъци

5. Скрита навигация

Въпреки че може да се твърди, че менюто за хамбургери принадлежи към уебсайтове, преглеждани на мобилни устройства (както първоначално е било замислено), трябва да се каже, че много уебсайтове често го използват за минималистична навигация. Уебсайтът на +rehabstudio е добър пример за това. При влизане навигацията е видима, вниманието ви веднага е привлечено от завладяващите визуализации със символа плюс... и след това осъзнавате, че има малки анимирани елементи около нея.

Прочетете още: Как да добавите стил на вашите навигационни менюта

Това е всичко за тези различни източници на вдъхновение. Какво мислите?

Открийте и някои премиум приставки за WordPress

Можете да използвате други WordPress плъгини, за да придадете модерен вид и да оптимизирате сцеплението на вашия блог или уебсайт.

Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.

1. Post Layout: News Ticker

Този премиум WordPress аддон от Visual Composer ще позволи за да подобрите вашия WordPress сайт като предлагате на потребителите възможността да публикуват спешни или важни съобщения на вашия уебсайт. Това разширение несъмнено ще бъде идеално за уебсайтове на списания.

Основните му характеристики включват:

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

Изтегляне | демонстрация | уеб хостинг

2. Убий го

WP Smush е популярен плъгин за компресиране на изображения в WordPress. Той автоматично компресира изображенията при качване и може да се използва и за компресиране и оптимизиране на съществуващи изображения.

Можете също така да зададете максимална резолюция на изображението и изображенията ви ще бъдат намалени до по-разумни размери по време на компресиране. Безплатната версия на този плъгин не изисква от вас създадете акаунт да използва сървъра за компресия на издателя.

Чувствайте се свободни да се консултирате с 7 WordPress плъгини за оптимизиране на оптимизацията на изображенията на вашия уеб сайт

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

Изтегляне | демонстрация | уеб хостинг

3. FAQPlus

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

Сред неговите функции ще откриете, че той поддържа плъгинът Visual Composer. Той е напълно отзивчив и съвместим с няколко браузъра. Той предлага различни видове често задавани въпроси, по-специално: Въпроси и често задавани въпроси.

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

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

Заключение

Тук ! Това е всичко за този урок, надявам се, че ще ви позволи да персонализирате своя уеб дизайн, като вземете вдъхновение от тези 5 заглавия.

Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress.

Не се колебайте да споделете трика с приятелите си в социалните си мрежи. Но междувременно ни кажете за вашите Връзка и предложения в специалния раздел.

...

Вдъхновение: 5 заглавки за вашия уеб дизайн