2017 и веб-дизайн: 10 главных трендов


Недавно я кидал клич для авторов своего блога - благодаря откликнувшимся мы узнали главные тренды контент-маркетинга на 2017 год и получили ответы в FAQ для копирайтеров.

И вот Лия Канарская снова радует гостевым постом: на этот раз вашему вниманию 10 главных трендов веб-дизайна в 2017 году.


  1. Видео-фон. «Не красоты ради, а пользы для». Только старайтесь не отвлекать посетителя от содержимого сайта.


  1. Синемаграфии – статичные изображения, на которых движется лишь один элемент. Зависнуть можно надолго.
    синемаграфия 3.gif

синемаграфия 2.gif

синемаграфия.gif

cinemagraphs 7.gif


  1. Шрифтовая композиция: монограммы, логотипы и шрифтовые плакаты. 

шрифтовая.jpg

шрифты 2.jpg

шрифты 3.jpg

шрифты 4.jpg

  1. Анимированные иконки:


  1. Стикеры, как способ мгновенного выражения эмоций: ими кишат соцсети, особенно отличился Telegram. Пока на сайтах ставят лойсы и комментят, но пора задуматься о собственных наборах стикеров. Так например, сделали пиарщики X5 Retail Group для журналистов страны:

стикеры1.png

Отличный подарок и способ общения с журналистами

стикеры2.png

Стикеры для прессы  в Telegram 

стикеры 3.png

 Веселый кротик: скачать стикерпак и использовать могут все: https://telegram.me/addstickers/x5media.

  1. Кнопка «В топку». Вроде дизлайка на Facebook. Мы же против мусора в интернете?

дизлайк.jpg

  1. Фото из социальных сетей вместо стоковых фотографий: USG-контент как социальное доказательство.

соцсеть.jpg

Да – обработанному селфи

стоковая.jpg

Ну нееет! Безликому стоковому фото  

  1. Меньше скроллинга. Надоевший тренд исчезнет – пойдет на пользу оптимизации юзабилити.

cta2.png

Минималистичный сайт «Degordian Academy», лекционной программы на тему цифрового маркетинга

  1. Нет скрытой навигации! Дизайнеры с 2016 года постепенно отказываются от иконок-гамбургеров,  для пользовательских интерфейсов на десктопах. Используйте комбинированную навигацию или сделайте навигационную рамку вместо растягивания сайта на весь экран.

навигация.png

Скрытая навигация проигрывает комбинированной и открытой


  1. Mobile friendly – продуманность и функциональность сайта для мобильных устройств. Да, придется пожертвовать декоративными элементами и даже параллаксом. Но доля мобильного трафика растет, смело режьте. Подход Mobile First (сначала– мобильные) вообще избавит вас от необходимости адаптации дизайна.

mobilnyh-saytov.png

Мобильная версия магазина скейтбордов Penny Skateboard классная – даже с 3D-обзором товаров

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

Автор статьи - Лия Канарская.





Комментарии
  • Олег Девятка
    21.02.2017 | 10:17
    На синемаграфиях реально подзалип чутка. Прикольная штука =)
  • Лия
    21.02.2017 | 11:22
    я сама залипаю надолго, вот в массы кинула)
  • Алексей
    21.02.2017 | 11:32
    Я сам дико залипал, пока статью на публикацию готовил

Добавьте свой комментарий
Ваше имя *
Ваш email (не публикуется)
Сообщение *
Проверочный код *



Итирий ВКонтакте:

А здесь я - администратор: