Тренды веб-дизайна 2016. Андрей Погорельский (hiresolution) на...

13
Тренды веб-дизайна 2016 www.hiresolution.su Студия дизайна и digital Hiresolution

Upload: digitrend

Post on 16-Apr-2017

397 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Тренды веб-дизайна 2016

www.hiresolution.su

Студия дизайна и digital Hiresolution

Page 2: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend
Page 3: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Андрей Погорельский

Директор студии дизайна и digital

• Директор студии Hiresolution. Опыт с 1998 года в дизайне и digital, в контекстной рекламе с 2006 года

• Области экспертизы — брендинг, веб-разработка, интернет-реклама

• Сертифицированный специалист Яндекс Директ, Google Adwords, MyTarget

• Помог интернет-магазину одежды получать 200 заказов в день, медцентру увеличить количество записей на прием в 6 раз

• В портфолио по дизайну — работы для Кронверк Синема, LG Electronics, Raiffeisen bank, Citibank, Unicreditbank, Bodum, Silja line, центра по развитию туризма Финляндии, Neste, ТРК Меркурий, Digital Design, Реклама шанс

Page 4: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

ДизайнИсточники вдохновения: веб-дизайн

Поиск по ключевым словам:• Awwwards.com• Siteinspire.com• Behance.net• Dribbble.com• Thefwa.com• Themeforest.net

Code inspiration:

• Codepen.io

Page 5: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Тренды веб-дизайна 2016: те же, что и 2015, 2014• Адаптивный дизайн• Распространение UI шаблонов

• гамбургер-меню• регистрация аккаунта: кнопка регистрации или через социальные сети

• бесконечный скроллинг - связь с трендом сторителлинга

• карточный дизайн (Card Layouts)• большие фоновые изображения (hero image)

Page 6: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

• Богатая анимация• Микровзаимодействия (transition)

Page 7: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

• Material дизайн от Google Android: обогащенная альтернатива плоскому дизайну

• Использует глубину и тень, что делает его более интересным и богатым.

• Отзывчивый дизайн

• https://www.google.com/design/spec/material-design/introduction.html

Page 8: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

• Плоский дизайн никуда не уходит

• Длинные тени• Яркие цветовые схемы• Простая типографика• Призрачные (контурные) кнопки• Минимализм

Page 9: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Дизайн• Кейс: магазин керамического гранита и мозаики

Page 10: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Дизайн

Page 11: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Дизайн

Page 12: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Кто автор, кроме дизайнера?

• Юзабилист• Дизайнер• Frontend-разработчик (верстальщик)• Менеджер заказчика• Внешний консультант

Page 13: Тренды веб-дизайна 2016. Андрей Погорельский (Hiresolution) на Digitrend

Андрей Погорельский

СТУДИЯ ДИЗАЙНА И DIGITAL

hiresolution.su

Спасибо за внимание!

vk.com / digitrend