Новые тенденции в дизайне сайтов в 2015 году

Примечание: Этот текст может содержать некоторые партнерские ссылки, а это значит, что я зарабатываю небольшую комиссию без каких-либо дополнительных затрат с вашей стороны, если вы воспользуетесь этими ссылками. Спасибо за понимание и поддержку.

Веб-дизайн не стоит на месте. То, что было можно 3-5 лет назад, сегодня воспринимается как утиль. Вы все еще размышляете над редизайном своего сайта на WordPress? Тогда я помогу вам определиться!

Прочтите мой небольшой обзор, основанный на собственных впечатлениях от посещения новых дизайнов сайтов, работающих на WordPress (и не только!), в которых реализованы новые идеи веб-строительства сайтов.

Сайт должен привлекать не только функционалом, но и внешним видом.

Встречают по одежке — этот лозунг очень подходит для любого сайта. Если дизайн сайта не нравится посетителям — они уйдут и не вернуться, если, конечно, ваш функционал на сайте им очень-очень понравился.

Например, вы раздаете бесплатно много полезной информации, которую скачать за одно посещение — нереально. Тогда вернуться, скачают все и — уйдут навсегда.

Красивый внешний вид привлекает внимание, создает комфорт пребывания на сайте.

Какие новые «фишки» в дизайне сегодня становятся модными и, предположительно, будут востребованы в ближайшие 3-4 года?

Адаптивный дизайн

Наверняка вы все уже слышали о «адаптивном стиле» сайта? Это когда сайт умеет без потери качества, стилей и медиа-контента «подстраиваться» под любое разрешение экрана монитора, в первую очередь я имею ввиду мобильные устройства: смартфоны, планшеты, нетбуки.

Zona
Zona

На скриншоте выше — пример такого адаптивного дизайна, реализованный в бесплатной теме WordPress под названием — Zona. Я последние месяцы перевожу практически только те темы WordPress, которые поддерживают адаптивные стили. Мои два каталога с бесплатными темами WordPress — тому подтверждение. Сходите и сами убедитесь в этом.

В апреле месяце Google предупредил всех владельцев сайтов (не только на WordPress!!), что он перестанет ранжировать сайты в поисковой выдаче мобильных устройств, которые НЕ поддерживают «адаптивный» дизайн.

Ждите, что нечто подобное Google провернет в поисковой выдаче для десктопов в ближайшем будущем. А что Яндекс? Наверное, не стоит ждать от Яндекса, когда он объявит о нечто похожем.

Адаптивный дизайн нужен вашим читателям. Рост числа заходов через мобильные устройства на Западе — просто громен. В русском сегменте Интернет это пока не так заметно, но рост все равно есть, и с каждым месяцем от значительный. Например, на моих сайтах совсем недавно процент заходов с мобильных устройств составлял менее 3%, сегодня — около 4%, в количественном выражении — 386 посетителей в месяц. Время просмотра страниц — выше чем с обычных устройств. Значит, посетителям — достаточно комфортно быть на моем блоге.

Если ваш сайт — это ваш бизнес, дизайн выходит чуть ли не на главное место в вопросе доверия к вам со стороны посетителей. Это также как поход в магазин на улице. Наверняка, вам будет неприятно заходить в сырое полуподвальное помещение, возле входа которого снуют крысы. Пусть там и колбаса — дешевле чем в супермакрете в двух кварталах от вашего дома.

Экономия на дизайне может стоить вам потери крупных заказов и снижением трафика. Вы не пробовали анализировать?

Сходите посмотрите сайты ваших прямых конкурентов, сравните внешний вид и удобство поведения на сайте (маршрутизация, глубина страниц, доступность материалов и т.д.). Чем ваш сайт лучше (по вашему мнению)? А чем хуже?

Я отдаю «адаптивному» дизайну 100% в тенденциях 2015 года.

К новым трендам в дизайне в 2015 году я бы еще отнес чуть менее популярные, но заметные, такие как:

  • Стиль блога с яркими цветами и крупным шрифтом
  • CSS-анимация
  • Крупные размеры медиа-контента

Яркий цвет, анимация стилей, параллакс скроллинг фоновых картинок — это то, что становится популярным в2015 году на все большем количестве сайтов с новым дизайном.

Я давно слежу и читаю более ста ресурсов в дальнем зарубежье, пишущих на тему WordPress. И примерно половина из них сменила дизайн на новый за последние 1-2 года. Все, о чем я написал выше — они использовали на своих сайтах с новым дизайном.

Сайт на весь экран без фоновой картинки

Вторая важная тенденция веб-дизайна, которая требует в корне пересмотра верстки всех страниц сайта.

«Жидкий» дизайн страниц требует сложной верстки с поддержкой всевозможных разрешений экрана монитора, которых на сегодня известно более 50 (!!!). Откройте Яндекс.Метрику, вкладка Технологии -> Разрешения дисплеев и сами убедитесь в моих словах.

Среди бесплатных тем WordPress «жидкий» дизайн встречается крайне редко. Его нужно или покупать в интернет-магазинах, или заказывать у фрилансеров.

Но оно того стоит.

К основным элементам в дизайне в этом направлении я бы отнес еще такие фокусы как:

  • Одностраничные сайты-визитки
  • Липкие меню
  • Мега-меню

Одностраничный сайт, в котором короткие анонсы информации вынесены на главную и имеют ссылку с каждой секции на внутренние страницы с подробным описанием.

Фактически, это усовершенствованные лендинги (landing page — продающие страницы). Мир торопится, все спешат, и ковыряться во внутренних страницах остается все меньше и меньше желающих. Все хотят сразу получить всю необходимую информацию, хотя бы кратко и в общих чертах, и если текст на главной написан правильно, написан так, что «цепляет» читателя — тогда ОК, он останется и пойдет внутрь сайта искать ваши бонусы, прайсы и подписываться на получение новостей на почту.

Липкие меню — когда посетитель крутит страницу вниз, а меню сайта прилепает в верхней части экрана.

Липкие меню когда-то были большой редкостью, я даже обзор урока писал примерно 1-2 года назад (сейчас не буду искать). Совсем недавно у меня на старом дизайне стоял плагин, который делал меню липким.

Сегодня я поменял дизайн, и липкое меню — вот оно)), работает как так и надо.

Мега-меню — когда при наведении на ярлыки верхнего уровня вы получите не просто список страниц второго-третьего уровня, а увидите изображения, карты, формы подписки, рекламные блоки и много другой полезной информации, собранной в одном меню.

Примером такого меню я могу показать вам уникальную тему, которую я написал для одного заказчика из Москвы:

remont-troick

Это меню создано с помощью платного плагина Mega Main Menu. Но это не меняет сути вопроса.

Также стал пользоваться спросом в дизайне переход из меню к якорю, привязанному на главной странице к определенной секции, например, мой последний сайт, сделанный под заказ — www.vd-art.com.ua — в верхнем меню якоря привязаны к нескольким секциям главной страницы. Кликните например на ссылке Контакты в меню — и вы сами убедитесь.

vdart

Что еще можно назвать из раскручивающихся новинок?

  • Фоновые картинки
  • Фоновое видео
  • Фоновые слайдеры

Эти элементы дизайна воявились пару лет назад, но набирать популярность стали именно сейчас, в начале 15 года. Почему? Я думаю, одна из причин — увеличение предложений качественного хостинга, появление облачных технологий размещения изображений, а также технологии оптимизации контента, что позволяет сайтам с крупными изображениями быстро загружаться в браузеры посетителей.

Если коротко подвести итог перечисленным выше новым трендам в веб-дизайне, я хочу остановится на следующих моментах:

  • Адаптивные стили
  • Яркие цвета
  • Более крупный шрифт
  • Во всю ширину экрана
  • CSS-анимация
  • Липкое меню

Все выше перечисленное можно легко реализовать на WordPress, даже не прибегая к платным темам и плагинам.

Сделайте свой правильный выбор в редизайне вашей темы и не забывайте о главном:

Сайт должен нравится сначала вашим посетителям, и только потом — лично вам.

Успехов!

P.S. на написание этого обзора меня вдохновил источник — http://premium.wpmudev.org/blog/web-trends-2015/

Если материал вам понравился, нажмите или расскажите о нем друзьям!

Важно! Эта запись может содержать ссылки на плагины, которые к моменту вашего чтения и скачивания могут работать не корректно. Будьте внимательны.

Добавить комментарий

Ваш email нигде не будет показан. Обязательные поля помечены *