Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
  1. Главная >
  2. Блог >
  3. 17 ключевых трендов в веб-дизайне 2015 года

17 ключевых трендов в веб-дизайне 2015 года

Данный список составлен для людей, интересующихся развитием веб-дизайна и цифровых технологий. Он не претендует на то, чтобы быть истиной в последней инстанции, однако довольно любопытен. Итак, каковы тенденции веб дизайна 2015?

Всем параллакс!

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

 параллакс

параллакс

Карточный интерфейс

Такой интерфейс — идеальный вариант для поколения клипового мышления, он прекрасно подстраивается под мобильные платформы и является отличным адаптивным веб-дизайном.

Можно быть уверенными в том, что в ближайшие годы такой дизайн будет встречаться все чаще и чаще.

Pinterest

Карточный интерфейс

Coca-Cola

Карточный интерфейс

Material design

Material design был разработан компанией Google и представляет собой набор стилей и графики, а также руководств и правил для соблюдения этих стилей. Это точка пересечения двух современных стилей веб дизайна: скевоморфизма (дизайн, который скопирован с формы другого объекта, но изготовлен из других материалов или иными методами) и абсолютно плоского дизайна.

В манифесте Google вы можете прочесть о нем следующее: «Материал, в основе которого лежит тактильная реальность, вдохновленный изучением бумаги и чернил, технологически усовершенствованный и открытый воображению и магии».

Material design

Контурные CTA

Контурные кнопки призыва к действию предназначены не для того, чтобы отвлекать вас, а чтобы ненавязчиво привлечь ваше внимание. Они прозрачны, имеют обозначенную форму, прорисованную тонкой линией, надписи на них делаются простыми рублеными шрифтами. Они не похожи на обычные кнопки призыва к действию и идеально подходят для дизайнеров, не желающих перегружать лендинг яркими, навязчивыми элементами.

Контурные CTA

Контурные CTA

Контурные CTA

Производительность веб-сайта

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

После наступила эра мобильных устройств и маркетологи опять вспомнили о том, что было бы неплохо увеличить скорость работы лендингов. Но вскоре 3G стал быстрее, потом его сменил 4G и большинство ресурсов осталось в прежнем виде.

Micro UX

Micro UX — это современный веб дизайн, который делает пользование сайтом проще, удобнее, и заставляет возвращаться к нему снова и снова. Будем надеяться, что этот тренд будет на пике популярности в 2015.

Всплывающее окна корзины покупок на сайте Threadless

Micro UX

Переключение между аккаунтами Twitter в приложении для iPhone происходит легким свайпом пальца

Twitter

Скрытое меню

Все популярнее становится прием скрывания левого навигационного меню и появления его на экране только тогда, когда вы начинаете взаимодействовать с верхней левой частью экрана. Этот подход был в списке тенденций веб дизайна 2014 года.

Входящие письма в приложении Gmail

Входящие письма в приложении Gmail

Входящие письма в приложении Gmail

Статические элементы страницы

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

Статические элементы страницы

Статические элементы страницы

Скроллинг вместо кликов

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

Самый длинный в мире веб-сайт

Самый длинный в мире веб-сайт

Nike Air Jordan

Nike Air Jordan

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

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

Firebox

Firebox

Pull&Bear

Pull&Bear

Динамичный дизайн

Динамичный дизайн хотелось бы выделить отдельным блоком в списке последних тенденций в веб дизайне 2015 года. Еще в июле 2014 Крис Лейк (Chris Lake) написал обзор под названием «14 трендов динамичного дизайна для веб- и мобильных интерфейсов» и многое из описанного им мы, вероятно, увидим в действии в 2015 году.

Динамическая загрузка страницы

Больше контента! Еще больше контента!

Динамическая загрузка страницы

Динамичные /анимированные графики

Зачем надоедать пользователю скучными статичными изображениями, когда можно сделать красивую анимацию?

анимированные графики

Модульный скроллинг

Можно заставить прокручиваться не только всю страницу, но и отдельные колонки.

Модульный скроллинг

Крупный шрифт

Некоторые специалисты по юзабилити очень надеются на то, что крупные шрифты вернутся к нам в 2015. Вы можете встретить такие шрифты в некоторых блогах и на ресурсах издательств, осталось только дождаться, когда они возродятся на сайтах eCommerce и лендингах. Несмотря на свой размер, они отлично отображаются на мобильных устройствах.

Крупный шрифт

Крупный шрифт

Оттенки

Определяемся с цветом, подбираем его различные оттенки, переносим все это на нейтральный фон и получаем довольно элегантный современный веб дизайн сайта. Все гениальное просто!

Выбор устройства

Выбор устройства

Qatar Airways

Qatar Airways

Супер-навигация

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

Супер-навигация

Мобильные интерфейсы — еще не все

«Мобильные интерфейсы в первую очередь» — таковым был девиз дизайна в 2014 году. К сожалению, иногда то, что отлично смотрится на экране мобильного устройства, просто ужасно выглядит на экране полноценного компьютера или планшета.

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

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

Высоких вам конверсий!

По материалам: econsultancy.com 

blog comments powered by Disqus
Возвращайте до 18% с пополнений рекламы
  • Все популярные рекламные сети в одном окне
  • Рекламные инструменты — бесплатно
  • Доступ к конструктору лендингов и WebApp-приложений
  • Закрывающие документы точно в срок
ring svg
copyright © 2011–2024 Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "Феникс-Маркетинг". ИНН:7725812838, КПП:772501001, ОГРН: 513774619323915280, Москва, ул. Ленинская слобода, д. 19, стр. 1, этаж/пом 3/25

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