SlideShare a Scribd company logo
1 of 23
Download to read offline
Брендинг против гайдлайнов
опыт кроссплатформенного дизайна
Александр Киров
Ведущий мобильный дизайнер, Mail.Ru
@alexanderkirov
Одна из главных особенностей
продуктового дизайнера –
необходимость разрабатывать дизайн
продукта сразу под несколько платформ.
На чем сделать упор при работе
над дизайном – на брендинге продукта
или на соблюдении гайдлайнов
платформы?
Универсального ответа нет:
есть успешные продукты, которые
используют различные подходы к
разработке дизайна.
Продукты, делающие ставку
на брендинг:
Instagram, Pocket, Twitter, Skype, Flipboard,
Facebook, Foursqare.
Есть продукты, внешний вид которых
сильно отличается на разных
платформах – например, Evernote.
Делая упор на сильный брендинг,
продукт может сильно потерять в
интуитивности использования.
Хорошая новость в том, что тренды
развития мобильного дизайна сближают
платформы по визуальной
составляющей и паттернам поведения.
Тенденции отказа от скеоморфизма
этому очень способствуют –
приложения работающие на iOS,
Android и Windows Phone могут
выглядеть очень похоже, но при этом
органично вливаясь в нормы платформ.
Модные тренды, помогающие
унифицировать дизайн на разных
платформах – модульные сетки,
типографика, простые цвета,
упрощенная иконографика, упразднение
градиентов, фото- и видеофоны.
Делая ставки на эти тренды, вы
сможете быстро адаптировать дизайн
под разные платформы, не сильно
отклоняясь от гайдлайнов. При этом
оставляя достаточно простора
для брендинга.
Один из самых ярких примеров
последнего времени – редизайн
мобильных версий Skype.
Превратите тренды в помощника при
создании брендинга – сосредоточьтесь
на сетках и типографике, узнаваемых
цветах и иконографике.
Разработайте один референсный
дизайн – лучше всего с этой задачей
справляется Android.
Затем адаптируйте его под
необходимые платформы – старайтесь
сохранить привычную механику
взаимодействия платформы.
Визуальные различия, конечно, могут
быть – для iOS можно добавить легкие
градиенты, для Windows Phone можно
убрать лишние декоративные элементы.
В результате вы получите
адаптивный дизайн, который сохраняет
преемственность между платформами,
но остается привычным для
пользователей и оставляет достаточный
налет брендинга.
Спасибо за внимание!
Вопросы?
Александр Киров
Ведущий мобильный дизайнер, Mail.Ru
Twitter: @alexanderkirov
Web: pyromind.ru
Email: alexander@pyromind.ru

More Related Content

Similar to Брендинг против гайдлайнов: опыт кроссплатформенного дизайна

di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
Darya Kosilo
 
Design millions l_bugaev_ufa
Design millions l_bugaev_ufaDesign millions l_bugaev_ufa
Design millions l_bugaev_ufa
Nordic Agency AB
 
Зачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейсаЗачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейса
Denis Beskov
 
Всем плевать на ваш дизайн
Всем плевать на ваш дизайнВсем плевать на ваш дизайн
Всем плевать на ваш дизайн
Alexander Kirov
 
Vladimir Garev_Red Apple 2012
Vladimir Garev_Red Apple 2012Vladimir Garev_Red Apple 2012
Vladimir Garev_Red Apple 2012
GRAPE
 
Работы Студии МартДизайн для ритейл-компаний
Работы Студии МартДизайн для ритейл-компанийРаботы Студии МартДизайн для ритейл-компаний
Работы Студии МартДизайн для ритейл-компаний
Nick Zaporozsky
 

Similar to Брендинг против гайдлайнов: опыт кроссплатформенного дизайна (20)

UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
Design Weekend Ярославль 2014: Юрий Ветров — Продуктовый дизайнер. Современно...
 
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
Юрий Ветров - Продуктовый дизайнер. Современное понимание профессии - Mail.Ru...
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
 
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр КировВстреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
Встреча №5. Можно ли сделать дизайн без дизайнера? Александр Киров
 
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
 
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
di.by 2014 e-commerce mobile: как подружить интернет-магазин с мобильными уст...
 
Wellnuts Creative Group RU
Wellnuts Creative Group RUWellnuts Creative Group RU
Wellnuts Creative Group RU
 
Design millions l_bugaev_ufa
Design millions l_bugaev_ufaDesign millions l_bugaev_ufa
Design millions l_bugaev_ufa
 
Зачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейсаЗачем нужен менеджер продукта при живом проектировщике интерфейса
Зачем нужен менеджер продукта при живом проектировщике интерфейса
 
Будущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможностиБудущее креативных профессий: как технологии влияют на наши возможности
Будущее креативных профессий: как технологии влияют на наши возможности
 
Краткое руководство разработчика по раскрутке и монетизации приложений для Wi...
Краткое руководство разработчика по раскрутке и монетизации приложений для Wi...Краткое руководство разработчика по раскрутке и монетизации приложений для Wi...
Краткое руководство разработчика по раскрутке и монетизации приложений для Wi...
 
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
 
Всем плевать на ваш дизайн
Всем плевать на ваш дизайнВсем плевать на ваш дизайн
Всем плевать на ваш дизайн
 
Живое Граффити
Живое ГраффитиЖивое Граффити
Живое Граффити
 
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли..."Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
"Поговорим о грустном": UI, UX как ключевые составляющие фирменного стиля бли...
 
Правильное использование гайдлайнов
Правильное использование гайдлайновПравильное использование гайдлайнов
Правильное использование гайдлайнов
 
Vladimir Garev_Red Apple 2012
Vladimir Garev_Red Apple 2012Vladimir Garev_Red Apple 2012
Vladimir Garev_Red Apple 2012
 
Работы Студии МартДизайн для ритейл-компаний
Работы Студии МартДизайн для ритейл-компанийРаботы Студии МартДизайн для ритейл-компаний
Работы Студии МартДизайн для ритейл-компаний
 
Зачем компаниям нужны новые мобильные приложения?
Зачем компаниям нужны новые мобильные приложения?Зачем компаниям нужны новые мобильные приложения?
Зачем компаниям нужны новые мобильные приложения?
 

Брендинг против гайдлайнов: опыт кроссплатформенного дизайна

  • 1. Брендинг против гайдлайнов опыт кроссплатформенного дизайна Александр Киров Ведущий мобильный дизайнер, Mail.Ru @alexanderkirov
  • 2. Одна из главных особенностей продуктового дизайнера – необходимость разрабатывать дизайн продукта сразу под несколько платформ.
  • 3. На чем сделать упор при работе над дизайном – на брендинге продукта или на соблюдении гайдлайнов платформы?
  • 4. Универсального ответа нет: есть успешные продукты, которые используют различные подходы к разработке дизайна.
  • 5. Продукты, делающие ставку на брендинг: Instagram, Pocket, Twitter, Skype, Flipboard, Facebook, Foursqare.
  • 6.
  • 7. Есть продукты, внешний вид которых сильно отличается на разных платформах – например, Evernote.
  • 8.
  • 9. Делая упор на сильный брендинг, продукт может сильно потерять в интуитивности использования.
  • 10. Хорошая новость в том, что тренды развития мобильного дизайна сближают платформы по визуальной составляющей и паттернам поведения.
  • 11. Тенденции отказа от скеоморфизма этому очень способствуют – приложения работающие на iOS, Android и Windows Phone могут выглядеть очень похоже, но при этом органично вливаясь в нормы платформ.
  • 12. Модные тренды, помогающие унифицировать дизайн на разных платформах – модульные сетки, типографика, простые цвета, упрощенная иконографика, упразднение градиентов, фото- и видеофоны.
  • 13. Делая ставки на эти тренды, вы сможете быстро адаптировать дизайн под разные платформы, не сильно отклоняясь от гайдлайнов. При этом оставляя достаточно простора для брендинга.
  • 14. Один из самых ярких примеров последнего времени – редизайн мобильных версий Skype.
  • 15.
  • 16.
  • 17.
  • 18. Превратите тренды в помощника при создании брендинга – сосредоточьтесь на сетках и типографике, узнаваемых цветах и иконографике.
  • 19. Разработайте один референсный дизайн – лучше всего с этой задачей справляется Android.
  • 20. Затем адаптируйте его под необходимые платформы – старайтесь сохранить привычную механику взаимодействия платформы.
  • 21. Визуальные различия, конечно, могут быть – для iOS можно добавить легкие градиенты, для Windows Phone можно убрать лишние декоративные элементы.
  • 22. В результате вы получите адаптивный дизайн, который сохраняет преемственность между платформами, но остается привычным для пользователей и оставляет достаточный налет брендинга.
  • 23. Спасибо за внимание! Вопросы? Александр Киров Ведущий мобильный дизайнер, Mail.Ru Twitter: @alexanderkirov Web: pyromind.ru Email: alexander@pyromind.ru