2013 web trends in digital design

43
ТРЕНДОВ в ВЕБ ДИЗАЙНЕ

Upload: smarticaskykillers

Post on 13-May-2015

3.106 views

Category:

Design


1 download

DESCRIPTION

TOP-10 трендов диджтал-дизайна от Smartica/Skykillers

TRANSCRIPT

Page 1: 2013 Web Trends in Digital Design

ТРЕНДОВ

вВЕБ ДИЗАЙНЕ

Page 2: 2013 Web Trends in Digital Design

КОНТЕНТПРЕЖДЕ ВСЕГО

1

Page 3: 2013 Web Trends in Digital Design

1

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

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

Page 4: 2013 Web Trends in Digital Design

ПРОСТОТА ДИЗАЙНАВЗАИМОДЕЙСТВИЯ

И КОНТЕНТА

2

Page 5: 2013 Web Trends in Digital Design

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

Контент стратегия, UX, юзабилити, доступность и визуальный дизайн должны быть подчинены этой парадигме

2

Page 6: 2013 Web Trends in Digital Design

UX ОРИЕНТИРОВАННЫЙ

ДИЗАЙН

3

Page 7: 2013 Web Trends in Digital Design

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

3

Page 8: 2013 Web Trends in Digital Design

ДИЗАЙН В СТИЛЕМОБИЛЬНЫХ ПРИЛОЖЕНИЙ

4

Page 9: 2013 Web Trends in Digital Design

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

4

Page 10: 2013 Web Trends in Digital Design

УНИФИКАЦИЯОБЫЧНОЙ И МОБИЛЬНЫХ

ВЕРСИЙ В ЕДИНУЮ

5

Page 11: 2013 Web Trends in Digital Design

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

5

Page 12: 2013 Web Trends in Digital Design

SVG И ТЕХНИКИАДАПТИВНОГО ДИЗАЙНА

6

Page 13: 2013 Web Trends in Digital Design

Поиск мультиплатформенных версий и крос платформенных технологий приводят к техникам адаптивного дизайна, таким как:SVG, webfonts, дизайну с типографикой и шрифтов с иконками и т.п.

6

Page 14: 2013 Web Trends in Digital Design

СПЛОШНЫЕ ЦВЕТАИ НИКАКОГО

СКЕВОМОРФИЗМА

7

Page 15: 2013 Web Trends in Digital Design

Главные визуальные тренды, это: простота, минимализм, чистая верстка, интерфейсы в стиле приложений, дизайн сфокусированный на типографике, меньше декораций, меньше скевоморфных интерфейсов, плоский стиль, сплошные цвета…Именно эта тенденция в сторону упрощения в дизайне с подчеркиванием таких эстетических вещей, как плоские цвета, отвечает необходимости по созданию адаптивных проектов, обработке изображений и масшабируемости элементов для RETINA дисплеев с отличной производительностью на 3G соединении, но и для менее производительных устройств, таких как электронные книги.

7

Page 16: 2013 Web Trends in Digital Design

ТЕХНОЛОГИЧЕСКАЯНЕЗАВИСИМОСТЬ

8

Page 17: 2013 Web Trends in Digital Design

Главная идея - это технологическая независимость. Ростущий интерес к JavaScript и CSS3Многообразие фреймворков — будет еще одной константой.Еще один момент, который действительно выделяется, это ростущий интерес к WebGl, особенно среди крупных агенств. Производительность и потенциал этой технологии открывает огромное поле для экспериментов

8

Page 18: 2013 Web Trends in Digital Design

ЭКСПЕРИМЕНТЫ И ИНОВАЦИИ С СЕНСОРНЫМИ

УСТРОЙСТВАМИ

9

Page 19: 2013 Web Trends in Digital Design

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

9

Page 20: 2013 Web Trends in Digital Design

ИНТЕРНЕТВО ВСЕМ

10

Page 21: 2013 Web Trends in Digital Design

Совсем скоро, мы сможем коммуницировать не только с нашим телевизором или холодильником, но и с устройствами с крошечными LED экранами, кухонными девайсами, девайсами в автомобиле, …Выростут сотни совершенно разных платформ.Без сомнения, интерактивному телевидению будет отведена лидирующая роль.Как же нам развивать все это в сторону рациональной унификации?Как говорит Арон Волтер (UX director@ MailChimp): “Мы увидим экосистему законнекченных сервисов” и нам прийдетьсяпотрудиться, объединяя сервисы и учетные записи пользователей

10

Page 22: 2013 Web Trends in Digital Design

СПАСИБО,А ТЕПЕРЬ—КАРТИНКИ!

Page 23: 2013 Web Trends in Digital Design
Page 24: 2013 Web Trends in Digital Design
Page 25: 2013 Web Trends in Digital Design
Page 26: 2013 Web Trends in Digital Design
Page 27: 2013 Web Trends in Digital Design
Page 28: 2013 Web Trends in Digital Design
Page 29: 2013 Web Trends in Digital Design
Page 30: 2013 Web Trends in Digital Design
Page 31: 2013 Web Trends in Digital Design
Page 32: 2013 Web Trends in Digital Design
Page 33: 2013 Web Trends in Digital Design
Page 34: 2013 Web Trends in Digital Design
Page 35: 2013 Web Trends in Digital Design
Page 36: 2013 Web Trends in Digital Design
Page 37: 2013 Web Trends in Digital Design
Page 38: 2013 Web Trends in Digital Design

OLOGAME

Page 40: 2013 Web Trends in Digital Design

SPELLTOWER

Page 42: 2013 Web Trends in Digital Design

SQUARESPACE

Page 43: 2013 Web Trends in Digital Design

MIKEKUS