развернуть
контакты

Тренды 2017
в веб-дизайне сайтов

Новинки. Тенденции. Стили

10 ТРЕНДОВ ВЕБ-ДИЗАЙНА НА 2017 ГОД

Уже наступил 2017 год, теперь можно проанализировать дизайнерские новинки и подумать о том, что нас ждет дальше.
Итак, начнем!
Валерий Сережин
Арт-директор компании VIPRO

Критику статьи с благодарностью принимаю на адрес sv@vipro.ru
1 Адаптивный дизайн

За последние несколько лет адаптивный дизайн укрепил себя в качестве нового стандарта. В 2015 году и Yandex и Google стали понижать в рейтинге сайты, у которых нет адаптивного дизайна, и конечно, это усилится в 2017 году. Спешите заказать адаптивный дизайн, и да пребудет с вами Сила!

2 Видео Заставки

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

3 Акцент на типографику

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

4 Больше изображений, меньше текста

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

5 Рукописные иллюстрации

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

6 Карточки заменят плитки

В 2015 и 2016 годах мы видели много основанных на плитках дизайнов типа Pinterest – это был очень популярный прием. Карточки, в отличие от плиток, используют дизайн на более глубоком уровне, добавляя функциональность и интерактивность. Они могут предоставить более подробную информацию, используя при наведении курсора мыши различные эффекты. Например, с помощью эффекта переворачивания карты, ее расширения, и т.п. dribbble.com/shots/2536548-Rating-Interaction

7 Flat дизайн или Материальный дизайн?

Плоский дизайн добился большого роста за последний год или два, и это конечно продолжится в 2017 году. Как? Однозначно, в направлении материального дизайна от компании Google, который использует очень тонкие градиенты, наслоение, и анимацию, чтобы сохранить ощущение материального мира (физического пространства и объектов), сохранив при этом все преимущества плоской конструкции. А еще это Google, а значит повсеместная поддержка гарантирована. image via Google Design

Take One Of Our Free
Themes For A Test Drive?
8 Микроанимация

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

Take One Of Our Free
Themes For A Test Drive?
9 Яркие, насыщенные цвета (привет из 80-х)

Яркий цвет начал возвращаться с появлением плоского дизайна и продолжает набирать популярность. Материальный дизайн от Google так же способствует этому. Просто посмотрите на Dribbble.com, где яркий цвет присутствует везде. Отмечены некоторые изменения в тенденции применения цвета и в типе используемых цветов. В то время как 2015 году использовались более монотонные цветовые элементы дизайна, в 2016 и в 2017 использование цвета начинает переходить на более яркие цветовые палитры, почти как в 1980-х годах. inlayinsights.com

10 Сайты с полноэкранными слайдами

Сначала были ползунки, и веб-сайты могли перемещать изображения внутри кадра для демонстрации контента. Следующий этап этой эволюции включает в себя полноэкранные слайды. Каждый слайд обновляет весь экран с новым содержанием. Он может работать с одним нажатием, пролистыванием или таймером эффекта. Пользователи могут перемещаться вперед и назад, испытывая почти физическое ощущение. Это будет наверняка популярный тренд. www.apple.com/iphone/why-theres-iphone

Итого

Оставайтесь с нами, следите за новинками в Вебе, смотрите наш канал на Youtube!
Удачи!

НУ ЧТО, СТРОИМ ЛУЧШИЙ САЙТ ВАШЕЙ ОТРАСЛИ?

Давайте обсудим, как мы это сделаем!

Нажимая кнопку «Отправить», вы даете свое согласие на обработку предоставляемых персональных данных