Embed Size (px)
DESCRIPTION
Дизайн и разработка фронтенда. Не секрет, что разработка интерфейсов продукта происходит на стыке двух миров: дизайна и технологий. Мы проанализируем основные тенденции в мире UI и веб-дизайна, рассмотрим новые инструменты и проследим влияние современных веб-технологий на повседневную работу дизайнеров. Вадим Пацев, Яндекс Руководитель отдела разработки интерфейсов. В Яндексе с 2008 года, побывал в роли и дизайнера, и разработчика интерфейсов. Интересуется быстрым прототипированием и визуальными возможностями современных веб-технологий.
Citation preview
Дизайн и разработка фронтенда
Вадим Пацев, Руководитель отдела разработки интерфейсов
Обо мне
3
〉@basvasilich
〉Участник сообщества «Веб-стандарты»
〉Руководитель отдела разработки интерфейсов персонального направления Яндекса
Чему мы научились
"Be responsive or go home"
Mobile first
5
Будь мобильным, или иди домой
Минималистичный визуальный стиль
9
Больше количество нетесктового контента
К чему мы пришли
!
〉Несколько платформ и контекстов
〉Простой визаульный язык
〉Большое количество нового контента
21
Мы научились показывать разный контент в вебе
Что дальше?
Работа с пространством
Интерактивные истории
30
30
Персонализированный опыт
Что дальше?
〉Работа с пространством
〉Интерактивные истории
〉Персонализированный опыт
35
Что делать?
Технических ограничений в вебе становиться все меньше. Стоит затачивать инструменты.
Живые прототипы
Дизайн с каждым годом становится все более технической дисциплиной
Инструменты:
〉Adobe reflow CC — инструмент для дизайна приложений в разных контекстах
〉Ionic — фреймворк для создания HTML5 приложений
〉Canvas, SVG:
D3.js, Processing.js, Snap.svg, Paper.js, Raphaël.js
42
Инструменты:
〉WebGL:
Three.js, Babylon.js
〉framerjs — Invent, design and experiment with interaction
〉marvelapp — Free Prototyping for Everyone. No coding required.
〉POP — Prototype on Paper app
〉jetstrap.com — Not just a mock-up tool, Jetstrap is the premier interface-building tool for Bootstrap 3.
43
Спасибо
45
Вадим Пацев
Руководитель отдела разработки интерфейсов
Контакты
@basvasilich
basvasilich
+7 (909) 921 57 14
