Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Design. Mobile.

12,781 views

Published on

For BHSD

Published in: Design

Design. Mobile.

  1. 1. Дизайн. Мобильный. Костя Зубанов и Слава Яшков
  2. 2. Для начала вопрос. Зачем? 1.
  3. 3. Отличия от веба. Использование. Кейсы. 2.
  4. 4. Жесты Прицип УВЛ Мобильный интернет Не забывать.
  5. 5. Немного истории. И отличия нового от старого. 3.
  6. 6. 9 декабря 2007 23 сентября 2008 11 октября 2010 Три даты.
  7. 7. Путь. Сложное простое.
  8. 8. iOS. От шестёрки до семерки.
  9. 9. Android. Привет Material.
  10. 10. Тренды. И куда всё движется. 4.
  11. 11. Плоский дизайн. Почти.
  12. 12. Цвет. Давай ярче.
  13. 13. Контент. Во главе.
  14. 14. Анимация. Это ми-ми-ми.
  15. 15. Иллюстрации. Это фыр-фыр-фыр.
  16. 16. iOS. Гайды. 5.
  17. 17. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  18. 18. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  19. 19. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  20. 20. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  21. 21. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  22. 22. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  23. 23. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  24. 24. Взаимодействия. 3D Touch. Доступность. Звук. Авторизация. Ввод данных. Пояснения. Хранение файлов. Первый запуск.
  25. 25. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  26. 26. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  27. 27. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  28. 28. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  29. 29. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  30. 30. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  31. 31. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  32. 32. Взаимодействия. Жесты. Загрузка. Модальность. Навигация. Разрешения. Настройки. Копирайтинг. Отменить/повторить.
  33. 33. Возможности (фичи). Многозадачность. Уведомления. Печать. Быстрый просмотр. Сири.
  34. 34. Возможности (фичи). Многозадачность. Уведомления. Печать. Быстрый просмотр. Сири.
  35. 35. Возможности (фичи). Многозадачность. Уведомления. Печать. Быстрый просмотр. Сири.
  36. 36. Возможности (фичи). Многозадачность. Уведомления. Печать. Быстрый просмотр. Сири.
  37. 37. Возможности (фичи). Многозадачность. Уведомления. Печать. Быстрый просмотр. Сири.
  38. 38. Визуальный дизайн. Анимация. Брендинг. Цвет. Layout. Типографика.
  39. 39. Визуальный дизайн. Анимация. Брендинг. Цвет. Layout. Типографика.
  40. 40. Визуальный дизайн. Анимация. Брендинг. Цвет. Layout. Типографика.
  41. 41. Визуальный дизайн. Анимация. Брендинг. Цвет. Layout. Типографика.
  42. 42. Визуальный дизайн. Анимация. Брендинг. Цвет. Layout. Типографика.
  43. 43. Android. Гайды. 6.
  44. 44. Цифровая бумага. Поверхность. Глубина. Трансформации.
  45. 45. Цифровая бумага. Поверхность. Глубина. Трансформации.
  46. 46. Цифровая бумага. Поверхность. Глубина. Трансформации.
  47. 47. Полиграфический дизайн. Цвет. Типографика. Сетка. Фото.
  48. 48. Полиграфический дизайн. Цвет. Типографика. Сетка. Фото.
  49. 49. Полиграфический дизайн. Цвет. Типографика. Сетка. Фото.
  50. 50. Полиграфический дизайн. Цвет. Типографика. Сетка. Фото.
  51. 51. Лэйаут. Информационные слои. Тулбары. Адаптивность.
  52. 52. Лэйаут. Информационные слои. Тулбары. Адаптивность.
  53. 53. Лэйаут. Информационные слои. Тулбары. Адаптивность.
  54. 54. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  55. 55. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  56. 56. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  57. 57. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  58. 58. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  59. 59. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  60. 60. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  61. 61. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  62. 62. Основные паттерны и элементы. Cards. Navigation drawer. Bottom navigation. Bottom sheets. Fab. Tabs. Snackbars. Overflow. Dialog.
  63. 63. Жесты. Longtap. Swipe. Pinch to zoom.
  64. 64. Анимации. Адаптивность. Естественность. Анимации от точки взаимодействия. Радиальные взаимодействия. Переходы.
  65. 65. Анимации. Адаптивность. Естественность. Анимации от точки взаимодействия. Радиальные взаимодействия. Переходы.
  66. 66. Анимации. Адаптивность. Естественность. Анимации от точки взаимодействия. Радиальные взаимодействия. Переходы.
  67. 67. Анимации. Адаптивность. Естественность. Анимации от точки взаимодействия. Радиальные взаимодействия. Переходы.
  68. 68. Анимации. Адаптивность. Естественность. Анимации от точки взаимодействия. Радиальные взаимодействия. Переходы.
  69. 69. Заключение. Полезные ссылки. 6.

×