facebook
Вы здесь
Главная > Apple

iOS 11 vs iOS 10: Изменения дизайна пользовательского интерфейса в iOS 11 

Не смотря на отсутствие решительности, как это было при переходе на iOS 7, Apple без сомнений твердо следует курсом разработки нового дизайна в iOS 11. Если в iOS 7 подход в дизайне интерфейса заключался в минимализме и в скромности элементов, то в iOS 11 всё наоборот – максимализм и самоуверенность. В приложениях и в служебных окнах наблюдаем сокращение информативности, крупные, увеличенные заголовки поисковых окон и более смелая типографика во всём.


Но прослеживаются также и более утончённые изменения в дизайне. Предлагаем вашему вниманию список изменений в дизайне пользовательского интерфейса iOS 11, в сравнении с iOS 10. Скриншоты слева относятся к iOS 10, а скриншоты справа представляют iOS 11. 

iOS 10 vs iOS 11: Визуальные изменения интерфейса

 1. Объединение экрана блокировки и центра уведомлений

iOS 10 vs iOS 11 lock screen notifications

При включении устройства нас приветствует наверное самая заметная деталь дизайна iOS 11 по сравнению с iOS 10. При переходе на iOS 10 Apple произвела фурор, когда представила полностью переработанный дизайн экран блокировки. В iOS 11, они применили нечто иное, на текущий момент что-то не совсем понятное и обескураживающее.

iOS 11 Notification Center

Купертиновцы решили объединить Экран Блокировки с Центром Уведомлений в единое целое. Таким образом, на экран блокировки выводятся все уведомления, которые поступили пока устройство оставалось заблокированным. Свайпом вверх по средней части экрана можно просмотреть все предыдущие уведомления.

Слишком много свайп жестов и мне совсем не нравится идея объединения двух служебных функций на одном экране. Надеюсь, что в течение следующих трёх месяцев специалисты Apple доработают эту концепцию до выпуска финальной версии iOS.

2. Текущий трек на экране блокировки
iOS 10 vs iOS 11 Now Playing Lock Screen

Теперь когда вы слушаете музыку, текущий трек отображается на Экране Блокировки (по сути, на экране Центра Уведомлений) в виде информационной карточки и не занимает все пространство экрана.

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

3. Анимация разблокировки
iOS 11 Unlock Gesture

В iOS 11 впервые применяется анимация при разблокировке устройства. При нажатии кнопки «Домой», экран блокировки подобно занавесу приподымается, открывая доступ к домашнему экрану. А так как теперь Экран Блокировки объединён с Центром Уведомления, то подобная анимация вполне уместна.

4. Домашний экран

iOS 10 vs iOS 11 home screen

Домашний Экран не претерпел никаких существенных изменений, но они имеются. Прежде всего новые обои и новые значки в строке состояния. Самая очевидная разница заключается в том, что исчезли названия приложений и папок в доке. Благодаря этому, удалось уменьшить высоту дока на парочку пикселей.


5. Переработанный дизайн Центра Управления

iOS 10 vs iOS 11 Control Center

Большое спасибо за то, что вернулись к идее разместить все элементы Центра Управления на одной страничке. Кнопки теперь располагаются на тёмном фоне, сам Центр занимает весь экран, а элементы управления в виде плиточек получили поддержку 3D Touch и при более сильном нажатии теперь могут выводить на экран более детальную информацию или расширенные опции той или иной функции.

6. Выдвижной ящик приложений iMessage

iOS 10 vs iOS 11 iMessage apps

Apple переработала выдвижной ящик приложений iMessage. Теперь его легче найти и использовать. Приложения отображаются виде значков в нижней части беседы, которые разворачиваются при нажатии на них. Свайп жестом их можно прокрутить, а кликом по значку можно запустить выбранное приложение.

7. Переработанный дизайн App Store
iOS 10 vs iOS 11 App Store

Приложение App Store было полностью переработано и теперь больше напоминает приложение Apple Music. Меньше информативности, увеличенные размеры значков и визуальных элементов.
iOS 10 vs iOS 11 App store app detailed view


Также появились новые раздельные закладки  – «Приложение дня», «Игры» и «Приложения».

8. Обновлённый интерфейс Siri
iOS 10 vs iOS 11 Siri

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

9. Переработанный дизайн приложения «Телефон»

Аналогично существенно переработан дизайн приложения «Телефон». Теперь оно имеет увеличенные заголовки и названия жирным шрифтом. Между элементами интерфейса появилось больше пространства и теперь их стало легче считывать.

10. Переработанный дизайн приложения «Калькулятор»
iOS 10 vs iOS 11 Calculator

Переработан как значок, так и сам интерфейс приложения.
iOS 10 vs iOS 11 Calculator icon

Значок получился больше в стиле ретро, а интерфейс приложения теперь больше похож на панель для набора номера приложения «Телефон».

11. Интерфейс приложения «Видео»
iOS 10 vs iOS 11 video player youtube

Штатное приложение «Видео» в iOS 11 получило визуальные изменения в интерфейсе.

iOS 10 vs iOS 11 Video playerВерхней и нижней части видеоплеера теперь используются стиль плавающих панелей, вместо стиля стекла, покрытого инеем. На iPad теперь появятся более интуитивные кнопки для переключения в режим «картинка-в-картинке» и для включения режима AirPlay.

12. Переработанный дизайн приложения «Настройки»

Верхняя поисковая часть приложения «Настройки» получила более крупную панель, что характерно для страницы со списком опций приложения «Настройки», а также для некоторых служебных страниц высокого уровня, как, например, для Центра Управления.
iOS 10 vs iOS 11 Settings Control Center

13. Редизайн строки состояния
iOS 10 vs iOS 11 status bar

Изменился значок уровня сотового сигнала. Теперь уровень сигнала изображается в палочках, а не точками. Значок определения местоположения теперь выглядит виде контура, а не заштрихованного значка.


14. Улучшенные элементы дизайна приложения «Заметки»

iOS 10 vs iOS 11 Notes

Приложение «Заметки» теперь получила укрупнённые заголовки и названия.

15. Улучшенные элементы дизайна приложения Safari

Пользовательский интерфейс приложения Safari получился более объёмным, где строка URL увеличилась на пару пикселей. Текст в строке URL получил чуть больше отступов от с обоих сторон.

16. Улучшенные элементы дизайна приложения «Календарь»
iOS 10 vs iOS 11 Calendar

В приложении «Календарь» строка «Год» теперь получилась более выразительной. Заголовки, опять же, стали более крупными и не вторгаются в пространство текста.

17. Раздел по управлению дисковым пространством

Раздел «iCloud & Storage» теперь получил название «iPhone Storage». Его вид больше напоминает стиль аналогичного раздела в Mac OS, с указанием занимаемого пространства данными приложений, фотографий, видео и другое. В списке данных также указывается дата их последнего использования.

18. Панель приложений в iPad

iOS 11 iPad Dock

Панель приложений в iPad почти полностью повторяет аналогичную панель приложений на компьютере Mac, имеет вид парящей и вызывается свайпом верх в нижней части экрана. Можно разместить более шести иконок приложений, а недавно использованные приложения размещаются в правой части панели.

19. Режим «Slide Over» на iPad

Режим «Slide Over» больше не вызывается с правой стороны экрана. Теперь вам необходимо зажать значок приложения в панели и вытащить его на экран, чтобы открыть его данные в отдельном выплывающем окне поверх текущего приложения, занимающего весь экран.

20. Переключатель между приложениями на iPad

iOS 11 new App Switcher

Переключатель между приложениями на iPad был полностью переработан и теперь включает в себя и панель приложений, и Центр Управления, и запущенные приложения, и отдельные рабочие экраны.

 

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (2 оценок, среднее: 5,00 из 5)

А что вы думаете по этому поводу?

Это интересно

Top

Спасибо!

Теперь редакторы в курсе.