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

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

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

1.

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

2.

Жесты

Прицип УВЛ

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

Не забывать.

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

3.

9 декабря 2007

23 сентября 2008

11 октября 2010

Три даты.

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

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

Android. Привет Material.

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

4.

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

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

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

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

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

iOS. Гайды.

5.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Android. Гайды.

6.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лэйаут.

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

Лэйаут.

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

Лэйаут.

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

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

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

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

Tabs. Snackbars. Overflow. Dialog.

Жесты.

Longtap. Swipe. Pinch to zoom.

Анимации.

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

Анимации.

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

Анимации.

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

Анимации.

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

Анимации.

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

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

6.