SlideShare a Scribd company logo
1 of 33
Download to read offline
Александр Киров
Ведущий мобильный дизайнер, Mail.Ru
@alexanderkirov
ДИЗАЙН ДЛЯ iOS 7
КАК ПОДГОТОВИТЬ СВОИ ПРИЛОЖЕНИЯ?
Контент, четкость, глубина
Три кита на которых стоит дизайн iOS 7
Контент
Интерфейс должен помогать
пользователям воспринимать контент
и взаимодействовать с ним,
но не отвлекать от него.
Четкость
Текст должен быть легким
для восрприятия, иконки простые
и ясные. Сосредоточтесь
на функциональном дизайне.
Глубина
Визуальное разделение слоев
информации и новая динамика
анимаций создает новый
пользовательский опыт и помогает
восприятию информации.
Что необходимо сделать?
–Реализовать поддержку Retina
экранов и iPhone 5
–Адаптировать иконки под новый
размер, 120 x 120 px
–Обновить сплеш-скрин (добавить
область для системного статус бара)
Что рекомендуется изменить?
–Использовать новые прозрачные
элементы управления
–Использовать новые тонкие иконки
–Отказаться от использования границ
у кнопок
–Новые системные элементы управления
–Динамические системные шрифты
–Проверить, не использует ли ваше
приложение системные жесты
–Не использовать реализм и
скеоморфизм
Иконки приложений
–Простые и узнаваемые формы
–1-2 основных цвета
–Максимально простые иконки,
сохраняя метафору
Еще советы от Apple
–Высота элементов 44 px или больше
–Крупные элементы управления, если
это возможно
–Не смешивайте начертания и шрифты
–«Больше воздуха» в приложениях
–Ясные и только необходимые
уведомления
–Понятная навигациая в приложениях
–Ограниченный брендинг
Изучайте новые возможности SDK
Читайте iOS HIG
СПАСИБО ЗА ВНИМАНИЕ
ВОПРОСЫ?
Александр Киров
Ведущий мобильный дизайнер, Mail.Ru
@alexanderkirov

More Related Content

Similar to Дизайн для iOS 7: Как подготовить свои приложения?

Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Alexei Boronnikov
 
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»ПрофсоUX
 
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUXАдаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUXAMDG
 
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...DevGAMM Conference
 
сравнительный анализ
сравнительный анализсравнительный анализ
сравнительный анализOlesya Malova
 
Prostoisait.vozmozhnosti
Prostoisait.vozmozhnostiProstoisait.vozmozhnosti
Prostoisait.vozmozhnostiirbis16
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...COMAQA.BY
 
Описание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаОписание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаDmitry Laier
 
Новые интерфейсы CommuniGates
Новые интерфейсы CommuniGatesНовые интерфейсы CommuniGates
Новые интерфейсы CommuniGatesArtsofte IT company
 
Проектирование Программных Систем. Лекция 01
Проектирование Программных Систем. Лекция 01Проектирование Программных Систем. Лекция 01
Проектирование Программных Систем. Лекция 01Dima Dzuba
 
Дизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковДизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковIgor Malinovskiy
 
Влияние анимации на UX в моб. приложениях
Влияние анимации на UX в моб. приложенияхВлияние анимации на UX в моб. приложениях
Влияние анимации на UX в моб. приложенияхКирилл Романовский
 
Кирилл Голышев — Влияние анимации на UX в мобильных приложениях
Кирилл Голышев — Влияние анимации на UX в мобильных приложенияхКирилл Голышев — Влияние анимации на UX в мобильных приложениях
Кирилл Голышев — Влияние анимации на UX в мобильных приложенияхUX-Среда
 
Simposium bi 2012 1109
Simposium bi 2012 1109Simposium bi 2012 1109
Simposium bi 2012 1109Denis Pavlov
 
Siebel open ui overview rus
Siebel open ui overview rusSiebel open ui overview rus
Siebel open ui overview ruscrm2life
 
Lscty11 connections3 new
Lscty11 connections3 newLscty11 connections3 new
Lscty11 connections3 newVladimir Ivshin
 
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...Provectus
 
Администрирование и конфигурирование Windows 10
Администрирование и конфигурирование Windows 10Администрирование и конфигурирование Windows 10
Администрирование и конфигурирование Windows 10kurbanovafaina
 

Similar to Дизайн для iOS 7: Как подготовить свои приложения? (20)

Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017
 
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
 
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUXАдаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
 
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
Архитектура для мобильных игр - с чего начать и популярные решения / Евгений ...
 
сравнительный анализ
сравнительный анализсравнительный анализ
сравнительный анализ
 
Prostoisait.vozmozhnosti
Prostoisait.vozmozhnostiProstoisait.vozmozhnosti
Prostoisait.vozmozhnosti
 
Mobile Usability
Mobile UsabilityMobile Usability
Mobile Usability
 
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
Никита Мещаненко, Антон Семенченко - Альтернативные пути преподавания основ п...
 
Описание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продуктаОписание полного цикла разработки интернет-продукта
Описание полного цикла разработки интернет-продукта
 
XPD Конструктор
XPD КонструкторXPD Конструктор
XPD Конструктор
 
Новые интерфейсы CommuniGates
Новые интерфейсы CommuniGatesНовые интерфейсы CommuniGates
Новые интерфейсы CommuniGates
 
Проектирование Программных Систем. Лекция 01
Проектирование Программных Систем. Лекция 01Проектирование Программных Систем. Лекция 01
Проектирование Программных Систем. Лекция 01
 
Дизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиковДизайн пользовательских интерфейсов для разработчиков
Дизайн пользовательских интерфейсов для разработчиков
 
Влияние анимации на UX в моб. приложениях
Влияние анимации на UX в моб. приложенияхВлияние анимации на UX в моб. приложениях
Влияние анимации на UX в моб. приложениях
 
Кирилл Голышев — Влияние анимации на UX в мобильных приложениях
Кирилл Голышев — Влияние анимации на UX в мобильных приложенияхКирилл Голышев — Влияние анимации на UX в мобильных приложениях
Кирилл Голышев — Влияние анимации на UX в мобильных приложениях
 
Simposium bi 2012 1109
Simposium bi 2012 1109Simposium bi 2012 1109
Simposium bi 2012 1109
 
Siebel open ui overview rus
Siebel open ui overview rusSiebel open ui overview rus
Siebel open ui overview rus
 
Lscty11 connections3 new
Lscty11 connections3 newLscty11 connections3 new
Lscty11 connections3 new
 
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
 
Администрирование и конфигурирование Windows 10
Администрирование и конфигурирование Windows 10Администрирование и конфигурирование Windows 10
Администрирование и конфигурирование Windows 10
 

Дизайн для iOS 7: Как подготовить свои приложения?