Design. Mobile

Дизайн. Мобильный.

Костя Зубанов и Слава Яшков

Для начала вопрос. Зачем?

1.

Отличия от веба. Использование. Кейсы.

2.

Жесты

Прицип УВЛ

Мобильный интернет

Не забывать.

Немного истории. И отличия нового от старого.

3.

9 декабря 2007

23 сентября 2008

11 октября 2010

Три даты.

Путь. Сложное простое.

iOS. От шестёрки до семерки.

Android. Привет Material.

Тренды. И куда всё движется.

4.

Плоский дизайн. Почти.

Цвет. Давай ярче.

Контент. Во главе.

Анимация. Это ми-ми-ми.

Иллюстрации. Это фыр-фыр-фыр.

iOS. Гайды.

5.

Взаимодействия.

3D Touch. Доступность. Звук. Авторизация.

Ввод данных. Пояснения. Хранение файлов. Первый запуск.























Жесты. Загрузка. Модальность. Навигация.

Разрешения. Настройки. Копирайтинг. Отменить/повторить.






















Возможности (фичи).

Многозадачность. Уведомления. Печать. Быстрый просмотр. Сири.









Визуальный дизайн.

Анимация. Брендинг. Цвет. Layout. Типографика.









Android. Гайды.

6.

Цифровая бумага.

Поверхность. Глубина. Трансформации.





Полиграфический дизайн.

Цвет. Типографика. Сетка. Фото.







Лэйаут.

Информационные слои. Тулбары. Адаптивность.

Лэйаут.


Лэйаут.


Основные паттерны и элементы.

Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab.

Tabs. Snackbars. Overflow. Dialog.

























Жесты.

Longtap. Swipe. Pinch to zoom.

Анимации.

Адаптивность. Естественность. Анимации от точки взаимодействия. Радиальные взаимодействия. Переходы.

Анимации.


Анимации.


Анимации.


Анимации.


Заключение. Полезные ссылки.

6.