33
Александр Киров Ведущий мобильный дизайнер, Mail.Ru @alexanderkirov ДИЗАЙН ДЛЯ iOS 7 КАК ПОДГОТОВИТЬ СВОИ ПРИЛОЖЕНИЯ?

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

Embed Size (px)

DESCRIPTION

 

Citation preview

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

Александр КировВедущий мобильный дизайнер, Mail.Ru@alexanderkirov

ДИЗАЙН ДЛЯ iOS 7КАК ПОДГОТОВИТЬ СВОИ ПРИЛОЖЕНИЯ?

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

Контент, четкость, глубинаТри кита на которых стоит дизайн iOS 7

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

Контент

Интерфейс должен помогать пользователям воспринимать контент и взаимодействовать с ним, но не отвлекать от него.

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

Четкость

Текст должен быть легким для восрприятия, иконки простые и ясные. Сосредоточтесь на функциональном дизайне.

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

Глубина

Визуальное разделение слоев информации и новая динамика анимаций создает новый пользовательский опыт и помогает восприятию информации.

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

Что необходимо сделать?

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

–Реализовать поддержку Retina экранов и iPhone 5

–Адаптировать иконки под новый размер, 120 x 120 px

–Обновить сплеш-скрин (добавить область для системного статус бара)

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

Что рекомендуется изменить?

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

–Использовать новые прозрачные элементы управления

–Использовать новые тонкие иконки

–Отказаться от использования границ у кнопок

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

–Новые системные элементы управления

–Динамические системные шрифты

–Проверить, не использует ли ваше приложение системные жесты

–Не использовать реализм и скеоморфизм

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

Иконки приложений

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

–Простые и узнаваемые формы

–1-2 основных цвета

–Максимально простые иконки, сохраняя метафору

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

Еще советы от Apple

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

–Высота элементов 44 px или больше

–Крупные элементы управления, если это возможно

–Не смешивайте начертания и шрифты

–«Больше воздуха» в приложениях

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

–Ясные и только необходимые уведомления

–Понятная навигациая в приложениях

–Ограниченный брендинг

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

Изучайте новые возможности SDK

Читайте iOS HIG

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

СПАСИБО ЗА ВНИМАНИЕВОПРОСЫ?

Александр КировВедущий мобильный дизайнер, Mail.Ru@alexanderkirov