Актуальные тренды веб - дизайна 2016-2017 годов

1.

Актуальные
тренды
веб - дизайна
2016-2017 гг.
Выполнила:
Иванова В.В.

2. Тренды 2016

1
Вертикальные паттерны и скролинг
2
Больше плиточных (блочных)
интерфейсов
3
Видео с героями в шапке сайта
4
Анимация
5
Анимация идет в
интерактив

3. Тренды 2016

6
Еще более красивая типографика
7
Иллюстрации и рисунки
9
Более смелые и яркие цвета
в стиле 80-х
Больше меню-гамбургером и
иконография
10
Настоящее & Как настоящее –
размытие граней действительности
8
11
Сайты со слайдерами

4. Вертикальные паттерны и скролинг

ДИЗАЙНЕРЫ
уделяли внимание
на удобные «для мобайл» вертикальные
компоновки веб-страниц
и их элементов!

5.

6.

Больше
плиточных
(блочных)
интерфейсов!

7. Плиточный дизайн, страницы с колонками помогут все организовать – и притом, в нужном вам стиле

8.

бесшовно
на любых
устройствах
блоки работают
(в пределах экрана / появляясь с
прокруткой
)

9. Анимация

10. Видео с героями в шапке сайта

11.

Необычные и оригинально
оформленные эффекты
ПОМОГАЮТ ЗАНЯТЬ
ПОЛЬЗОВАТЕЛЯ,
ожидающего предзагрузки контента.

12.

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

13. создает связь: пользователь – устройство

14. Еще более красивая типографика

Простота надписей в концепции
«каллиграфии», освобождает
пространство другим элементам

15. Иллюстрации и рисунки

16.

Иллюстрации
вносят в дизайн
творческую фантазию
веселый настрой

17.

Более смелые
и яркие цвета в
стиле 80-х

18.

19. Больше меню-гамбургером и иконография

Больше меню-гамбургером и
ИКОНОГРАФИЯ

20. От обсуждений иконки-гамбургер и принципов дизайна до этапа подготовки проектов, иконография - это последнее слово в Web

21. размытие граней действительности

22.

ЭТОТ САЙТ
имеет статический
дизайн
или анимированный?

23.

Прыжок из виртуальной реальности в веб-сайт
позволит делать выбор
и легко находить достойный контент –
такая персональная кастомизация
действительно(!)
нравится пользователю

24.

Сайты
со слайдерами

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

С ОТЛИЧНОЙ АДАПТИВНОСТЬЮ – нестандартная навигация,
меню и переходы эффектны на любых устройствах

26.

Управлять можно
кликом, скроллом,
клавишами,
жестами