PublBox
8 ноября 2016, 12:20
139656
12

6 трендов веб-дизайна в 2017 году

Нестандартная сетка, широкоформатные видео, «пенсия» карточного дизайна и другие тренды.

6 трендов веб-дизайна в 2017 году

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

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

Вот шесть трендов веб-дизайна, которые, скорее всего, получат своё развитие в 2017 году.

Карточный дизайн уходит в прошлое

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

cossa-icons-6.png

Онлайн-курс «Профессия – интернет-маркетолог»

Cossa рекомендует: практический курс по интернет-маркетингу от Ingate — digital-агентства с 17-летним опытом.

  • 19 недель
  • Поддержка менторов
  • Диплом
  • Cтажировка в топовых агентствах России
  • Помощь в трудоустройстве
Узнать больше >>

Реклама

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

Нестандартная сетка

Один из новейших трендов веб-дизайна, который возник в результате привыкания пользователя к чёткой сетке, свойственной большому количеству сайтов в 2016. Из-за того, что в уходящем году огромное количество сайтов было построено на принципе двух колонок, так называемом сплит-лэйауте, пользователи начинают смотреть на эти страницы как на стандартные. Этот тренд никуда не денется, но сетка на сайтах всё чаще будет становиться «ломанной».

Развитие тренда: стандартизированная сетка утомила пользователей и перестала притягивать их внимание. «Ломаная» сетка формирует новую эстетику, а новое всегда вызывает у пользователя интерес. Даже компании, которые беспокоятся о корпоративном стиле, смогут использовать этот приём в более универсальном, комбинированном с классической сеткой, варианте.

Анимации и интерактив

Тренд на использование анимации в веб-дизайне начался ещё несколько лет назад, а активное развитие получил в 2016 году.

В 2017 анимации никуда не денутся и будут всё чаще появляться на интернет-страницах. Скорее всего, интерактивный дизайн будет принимать большие масштабы, перейдя от мини-микро интерактива к более сложной анимации.

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

Скроллинговых сайтов станет меньше

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

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

Шрифты станут главным графическим элементом

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

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

Видео будет чаще использоваться для оформления сайтов

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

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

Развитие тренда: пользователи привыкли к фото и статике. Видео вызывает удивление и притягивает к себе внимание за счёт того, что визуально «оживляет» страницу. Однако несмотря на то, что это кажется новым сейчас, скорее всего, тренд долго не продержится. Потому что к видео тоже привыкнут, и через пару лет оно останется только в тех областях, где его использование является уместным.

Если вы хотите подсказать нам новость, отправьте намек на почту редактору jk@cossa.ru (а вот пресс-релизы в этот раздел отправлять не нужно). Если вы стесняетесь, можете прислать новость анонимно.

Комментарии:

- 0 +
Ali Sporadec #
09.11.2016 10:52
Довольно огульно.
Ответить
- +8 +
Не уверен.
Видео на фоне загибается уже сегодня - это тренд 2015-2016.
Нестандартная сетка пытается войти в веб уже года 4, но никак не может. И не сможет.
Она больше в фешн и портфолио. Смотреть интересно, читать не удобно.
"Скроллинговые" страницы не перестанут быть трендом. Потому, что "трендом" они никогда и не были.
Это больше ux-решение: простой и понятный жест на телефонах, тачпадах и так далее.

Трендом 2017-2018 станет понятность и простота.
Качественный информативный текст, грамотная "журнальная" текстовая верстка.
ИМХО, конечно.
Ответить
- 0 +
Костя Костя #
06.12.2016 14:20
согласен с каждым словом
Ответить
- +1 +
Elena k #
21.01.2017 14:55
понятность и простота в тренде уже года с 2012 для тех, кто в танке. сейчас статичный веб-дизайн как индустрия на грани вымирания, так как есть уже млрд. готовых решений, простых и понятных. чтобы не оказаться на обочине - осваивайте микровзаимодействия и анимацию
Ответить
- 0 +
Elena k #
21.01.2017 14:56
понятность и простота в тренде уже года с 2012 для тех, кто в танке. сейчас статичный веб-дизайн как индустрия на грани вымирания, так как есть уже млрд. готовых решений, простых и понятных. чтобы не оказаться на обочине - осваивайте микровзаимодействия и анимацию
Ответить
- 0 +
Passatb72011 #
09.11.2016 14:13
Отличная статья. Спасибо!
Чувствуется профессионал. Желаю Алисе успехов и жду новые статьи.
Ответить
- 0 +
Anna Ashikhmina #
17.11.2016 12:53
"Начавшийся в 2016 году тренд на использование шрифтов и больших надписей в качестве ключевых элементов дизайна" - вот не в 2016 году она начался, а где-то в 2012-2013, когда в моду вошли страницы с фотографией на весь экран на фоне и кратким, но емким заголовком. Поскольку текста было мало, большое внимание уделялось тому, что написано и как написано, то есть шрифту.
Ответить
Ужас. Посмотрела примеры. Неудобно, громоздко, непонятно.
Ответить
вот сайт, www.medstart.ru клиент за 10 лет сделал 12  апгрейдов и постоянно не доволен... такой дотошности я еще не встречал... но читая аналитику я вдруг понял, что он прав...вы много встречали гармоничное сочетания анимации и текста, на титульной? а он достиг идеального... порой клиент учит спеца))))
Ответить
- 0 +
Eugene Elling #
05.09.2017 15:28
Ну да, ну да... сам себя не похвалишь — никто не похвалит. Да, Владимир?
Ответить
- 0 +
Eugene Elling #
05.09.2017 15:27
Подскажите, как сделать движущиеся фоновые картинки как на сайте http://kids-tube.ru
Ответить
Ответить?
Реклама

Самые интересные статьи, обзоры и размышления —
в рассылке!

Email *


Подпишись!


Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Twitter Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Twitter, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой