SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler 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

Mais conteúdo relacionado

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

Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
Евгений Гуринович - «Адаптивный дизайн? Адаптивное мышление!»
ПрофсоUX
 
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUXАдаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
Адаптивный дизайн? Адаптивное мышление! Доклад Евгения Гуриновича на ПрофсоUX
AMDG
 
сравнительный анализ
сравнительный анализсравнительный анализ
сравнительный анализ
Olesya Malova
 
Prostoisait.vozmozhnosti
Prostoisait.vozmozhnostiProstoisait.vozmozhnosti
Prostoisait.vozmozhnosti
irbis16
 
Simposium bi 2012 1109
Simposium bi 2012 1109Simposium bi 2012 1109
Simposium bi 2012 1109
Denis Pavlov
 
Lscty11 connections3 new
Lscty11 connections3 newLscty11 connections3 new
Lscty11 connections3 new
Vladimir Ivshin
 
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Михаил Лебединский (Termopal) “Особенности разработки веб и мобильных приложе...
Provectus
 

Semelhante a Дизайн для 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: Как подготовить свои приложения?