Андрей Смирнов
Время чтения: ~36 мин.
Просмотров: 0

Дизайнер разнес iOS 11 в пух и прах с примерами на фото и видео

Всем известно, что на iPhone устанавливается собственная операционная система, которую можно встретить только в портативных продуктах Apple. Своим интерфейсом она достаточно сильно отличается от Android. Однако при большом желании сделать iPhone из Android всё же можно. Конечно, внешний вид самого устройства от этого не изменится — яблоко на его задней панели не появится, но дизайн операционной системы начнет напоминать собой iOS, а это уже немало.

Использование лаунчеров

Глобальное отличие iOS от Android заключается в меню операционной системы. У устройств Apple и других производителей отображается разное количество иконок. Да и сами программы обладают отличающимся внешне ярлыком. Если вы решили сделать Андроид похожим на Айфон, то именно это нужно исправить в первую очередь.

Проще всего добиться изменения внешнего вида операционной системы применением лаунчера. В Google Play имеется большое количество подобных приложений. В основном они предлагают уникальный стиль меню, не похожий ни на что внешне. Но существуют и такие лаунчеры, которые копируют собой наработки Apple.

Внимание: правообладатель регулярно жалуется на подобные творения сторонних разработчиков. Поэтому держатся в Google Play они совсем недолго.

О некоторых из таких лаунчеров мы уже рассказывали на страницах нашего сайта. Например, своеобразным долгожителем является iLauncher — OS 9. Создатели этого приложения регулярно его обновляют, как только выходит новая версия iOS. Программа способна работать на смартфонах с операционной системой Android 4.1 и выше.

Лаунчер не делает каких-либо серьезных изменений, в связи с чем ему не требуются особые ресурсы. Он просто меняет иконки стандартных утилит. Ярлыки сторонних приложений помещаются в яркие цветные квадратики со скруглёнными углами. Также лаунчер устраняет меню — отныне все иконки располагаются на рабочих столах.

image1-32.png  image2-35.png

Нечто подобное, но уже в расширенном виде, предлагает OS9 Launcher HD, также названным своими разработчиками умным и простым. Этот лаунчер тоже меняет внешний вид всех стандартных и некоторых дополнительных приложений. Но попутно внедряются и некоторые другие полезные нововведения, позаимствованные из iOS. Например, при наличии каких-то новостей в той или иной программе — их количество будет отображаться на ярлыке. А ещё здесь имеется аналог 3D Touch! Но вызывается данная функция не усиленным нажатием (датчика давления ведь в смартфонах на базе Android нет), а двойным тапом по иконке какого-либо из стандартных приложений.

image3-34.png 

Портит впечатление от лаунчера только наличие рекламы. Она располагается в отдельном рабочем столе, куда теоретически вы можете даже не заглядывать. Сюда же разработчики отправили поисковую строку Google.

Также порекомендовать для установки можно лаунчер CleanUI. Его главное отличие заключается в том, что иконки имеют более крупный размер. В результате на экране отображается не самое большое их количество. Приложение не только устраняет меню, но и меняет панель уведомлений, тогда как два предыдущих лаунчера этого делать толком не умели. В остальном же функционал повторяет два рассмотренных выше решения — здесь тоже можно заблокировать показ каких-либо иконок. А вот аналога 3D Touch здесь нет. Но жалеть об этом не стоит, ведь эта функция применима только к стандартным приложениям, да и то не ко всем.

Интересно, что в CleanUI тоже есть отдельный рабочий стол. Но рекламы на нём нет — присутствует лишь поисковая строка. Она помогает искать контакты, интернет-странички в «Истории» и прочую информацию.

Так как операционная система iOS обновляется также часто, как и Android, то со временем меняются и лаунчеры. Если вы хотите превратить свой смартфон в последний айфон, то попробуйте Launcher iOS 13. Это бесплатное приложение, которое полностью изменит внешний вид меню, иконок и других элементов интерфейса.

Замена экрана блокировки

Лаунчеры только отчасти помогают сделать из Андроида Айфон. Их проблема заключается в том, что они не способны изменить экран блокировки. Этим занимаются отдельные приложения — такие, как OS8 Lock Screen. При запуске данной утилиты вы попадает в окно настроек. Интерфейс здесь используется англоязычный, но и без особых знаний многие пункты не вызывают никаких вопросов. Например, сразу понятно, что приложение позволяет поставить на экран блокировки любое изображение, задать пароль, а также ввести какой-либо текст.

Что касается внешнего вида экрана блокировки, то в этом плане он похож на своего собрата из iOS 8. Работает всё очень быстро, разблокировать девайс при желании можно едва ли не за доли секунды. Также можно без всякой разблокировки перейти к приложению «Камера». Словом, ничего необычного приложение не предоставляет, оно просто делает смартфон ещё чуть более похожим на iPhone.

Если вы хотите сделать экран блокировки, как у более свежих версий iOS, то обратите внимание на приложение Lock Screen I.O.S 12. После его установки ваш андроид будет выглядеть как последний айфон.

Панель уведомлений

Далеко не все лаунчеры способны грамотно заменить панель уведомлений. Поэтому вам обязательно стоит установить iNoty Style OS 9 (с Play Маркет ccылка удалена, т.к. были жалобы на вредоносное содержание). Как несложно догадаться, она привносит в систему традиционный статус-бар, присутствующий в iOS 9. После установки утилиты вы попадете в относительно небольшое меню. Здесь необходимо включить iNoty, после чего можно наслаждаться полноценным статус-баром.

Нельзя сказать, что решение получилось функциональным. Но оно заставляет подумать, что ты пользуешься продуктом Apple. Отличия от оригинального статус-бара имеются, но они минимальные.

А ещё в меню приложения можно включить функциональную панель. Она будет вытягиваться в том случае, если вы нажмете на маленькую голубую полоску, находящуюся в нижней части экрана. В этой панели имеются кнопки, открывающие камеру и калькулятор, а также клавиши, позволяющие выключить девайс и задействовать фонарик. А ещё здесь присутствуют кнопки беспроводных интерфейсов и ползунок уровня яркости. К сожалению, всё портит та самая голубая полоска — этот элемент отображается и в меню, и во многих приложениях. Достаточно быстро полоска начинает раздражать.

Если вам такая реализация пункта управления не нравится, то можно попробовать отдельно установить приложение Control Panel — Smart Toggle.

Меняем клавиатуру и камеру

Постепенно мы поменяли основной интерфейс операционной системы. Осталась сущая мелочь — клавиатура. С её помощью мы постоянно набираем текст в браузере, мессенджере и других программах. Поэтому вполне логично, что этот элемент тоже следует заменить. Сделать это можно путём установки Apple Keyboard. Это виртуальная клавиатура, очень похожая на ту, что используется в недавних версиях iOS.

К сожалению, клавиатура лишена русского языка. Это её основной недостаток. Ну а что касается приложения для камеры, то в его качестве можно установить GEAK Camera. По традиции эта утилита умеет не только фотографировать, но и накладывать на снимки всевозможные фильтры.

Но это не единственный вариант. Если вы хотите ознакомиться с другими подобными приложениями, то прочитайте наш материал под названием «Камеры для Android с интерфейсом, как у iPhone».

Большинство описанных приложений обновляются вместе с выходом новых версий iOS. Поэтому ваш андроид всегда будет выглядеть, как последний iPhone. Однако при желании вы можете установить и более старую оболочку. Как правило, версия iOS указывается в названии или описании приложения.

Заключение

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

news.detail : ajax-tape !!! —>
AndroidЛаунчерыiOS 12

—>

Сделать из iPhone подобие Android-смартфона не получится, а вот наоборот — запросто. В этом вам помогут лаунчеры и утилиты со стилизацией под iOS 12 и iPhone X или XS.

Launcher iOS 12

Этот лаунчер добавляет смартфону иконки из iOS 12, примерно такие же эффекты полупрозрачности, а также аналогичный «Пункт управления» для быстрого включения или отключения модулей связи, управления музыкой, регулировки громкости звука и яркости экрана, запуска фонарика, таймера, калькулятора и камеры. На отдельной странице выводятся виджеты с наглядной информацией из разных приложений.

iOS 12 Launcher

Это чуть менее красивый, но такой же функциональный лаунчер. Помимо разных визуальных элементов из iOS 12, в нём присутствует экран с виджетами, куда можно добавить отображения событий из календаря, иконки наиболее часто запускаемых приложений, избранные контакты, прогноз погоды и многое другое.

xLauncher for Phone XS

Отличительные особенности этого лаунчера: быстрый поиск установленных приложений, уведомления на заблокированном экране в стиле iOS 12 и вызов «Пункта управления» свайпом вверх с нижней части экрана.

iOS 12 Control Center

Это не столько лаунчер, сколько утилита, добавляющая любой оболочке «Пункт управления» от iOS 12. C её помощью можно быстро получать доступ к управлению различными функциями смартфона, а также запускать приложения, которыми вы пользуетесь чаще всего. Приложение понравится тем, кто недавно отказался от iPhone в пользу Android-смартфона и скучает по «Пункту управления».

Lock Screen OS 12

Эта утилита меняет стандартный экран блокировки на локскрин от iPhone. Появляются уведомления в том же стиле, «Пункт управления» с быстрым доступом к разным возможностям смартфона и примерно такой же страницей для ввода пароля. iGuides в Telegram — t.me/iguides_ru iGuides в Яндекс.Дзен — zen.yandex.ru/iguides.ruДарим подарки за лучшие статьи в блогах

Ссылки по теме:

Как превратить Android-смартфон в «полароид»

Как связать смартфон с ПК стандартными средствами Windows 10

Как запускать на Android две копии WhatsApp, ВКонтакте и других приложений

Вам нравится, как развивается macOS? Несмотря на то что Apple ежегодно оснащает настольную операционку новыми функциями, которые расширяют её возможности всё больше и больше, её внешний вид по большому счёту не меняется уже много лет. iOS за счёт своей лёгкости и непринуждённости на её фоне выглядит значительно более современно. Поэтому, по мнению дизайнера Кеймера Авдана, Apple давно нужно перерисовать оформление настольной операционки, а чтобы она не выбивалась из общей стилистики остальных платформ, соблюсти общий дизайн-код. Но поскольку адаптировать интерфейс watchOS под компьютеры было бы не слишком рационально, его выбор пал на iOS.

macOS была бы привлекательнее, если бы выглядела как iOS

Читайте также: В macOS есть уязвимость, которая позволяет читать зашифрованную почту

Первое, что следует сделать Apple, считает Авдан, это перерисовать иконки штатных приложений и заставить сделать то же самое независимых разработчиков. Тут я с ним полностью согласен. Всё-таки скевоморфичные элементы в оформлении интерфейса сегодня выглядят как-то уж слишком навязчиво. Создаётся впечатление, что Apple за другими заботами просто забыла изменить дизайн пиктограмм macOS. Ведь для этого даже не нужно рисовать их с нуля, а можно просто взять решения, которые нашли применение в iOS, и немного их адаптировать под настольную ОС.

Новый дизайн macOS

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

Читайте также: Надо ли устанавливать macOS Catalina? Мнение наших читателей

macOS 11 может выглядеть как iOS. Это сделает её визуально более лёгкой и ненавязчивой

на macOS куда более совершенна, чем на iPadOS, однако позаимствовать некоторые особенности планшетной операционки не будет лишним, решил дизайнер. Поэтому он сделал ставку на горизонтальную карусель прокрутки в режиме просмотра всех запущенных приложений, совсем как на iPad. По его мнению, так будет удобнее ориентироваться в программах, работающих в фоновом режиме. А чтобы пользователям не пришлось постоянно тасовать окна открытых приложений при необходимости перетащить файл из одного в другое, дизайнер придумал активировать функцию Drag&Drop при захвате файла.

Как должна измениться Siri

Сходство с iOS поспособствует более быстрому освоению с macOS для новых пользователей

Siri тоже следовало бы подтянуть и научить её быть по-настоящему полезной функцией, а не просто включать музыку или устанавливать будильник. Было бы здорово, если бы голосовой ассистент научился работать с файлами и мог перекинуть те или иные данные с одного устройства на другое, воспользовавшись AirDrop. В конце концов, ассистент должен ассистировать, делая использование устройства более удобным, тогда как современная Siri пока исполняет сугубо декоративную функцию.

Читайте также: macOS Catalina выводит старые Mac из строя. Будьте осторожны

Не знаю, как вам, но этот концепт один из тех немногих, которые мне действительно нравятся. Он отражает моё видение того, как должна развиваться macOS. Ведь если посмотреть даже на актуальную версию операционной системы за номером 10.15, с первого взгляда становится ясно, что она не вызывает ощущения чего-то нового. Все эти ночные темы, отсутствие iTunes, да даже портированные с iPad приложения выглядят как полумера или, если хотите, прелюдия к по-настоящему значимым изменениям, которые Apple запланировала на потом.

Автор оригинала: designcode.io
  • Перевод
Вместе с iOS 11 появился новый iPhone X, айфон с самой большой диагональю экрана, который фактически не имеет границ. 5.8 дюймовый OLED экран даже больше чем экран 5.5 дюймов iPhone 8 Plus, в то время как размер самого корпуса примерно такой же как у iPhone 8. Для дизайнеров это означает большую свободу в макетах.Большой экран Дополнительные 145 pt дают пространство для еще одного ряда контента. Или мы можем разместить на экране меню, которое раньше туда не помещалось. Эти новшества касаются и iPhone 8, и 8 Plus, так как они имеют одинаковые пропорции, несмотря на разное разрешение. Если сравнивать с самым первым iPhone, высота экрана увеличилась на 332 pt, а это 7 navigation bars. Все больше пространства для контента, и все меньше необходимости в гамбургер-меню. Если сравнить первый iPhone и iPhone X, то можно заметить, что место для контента увеличилось почти вдвое. В целом это означает что современные приложения всегда должны включать все составляющие: статус бар, навигацию, таб бар и индикатор кнопки Home. Игнорируя эти элементы, вы рискуете навредить пользовательскому опыту и сделать приложение несовместимым со стандартами Apple.Выемка Возможно самый спорный аспект нового дизайна занимает верхние 10% экрана. Сенсорный датчик, больше известный как Выемка, – это элемент, который не дает новому экрану занимать полностью всю площадь. Технологически сейчас невозможно обойтись без Face ID, камеры и динамика, находящихся в нем. С точки зрения дизайна это самый большой компромисс на который пошла компания Apple за последние годы. Но посмотрев на то, как другие производители телефонов решают проблему большого экрана, можно заметить, что и они не обошлись без компромиссов. Apple советует не скрывать Выемку за черным статус баром. Они аргументируют это тем, что несмотря на свою назойливость, выемка обеспечивает ценное пространство для статус бара и дополнительного контента. Она является логическим продолжением контента и визуально делает экран больше. Элементы фона, такие как обои, карты и цвета, не страдают, когда их слегка закрывают закруглённые углы экрана и выемка. Скрывая это пространство, экран будет казаться меньше, а приложение не будет соответствовать стандартам Apple. Объяснение в этом видео.Огромные заголовки В iOS 11, заголовки обычно черного цвета размером 34 pt в начертании Bold. Интересно, что когда вы скроллите экран вниз, заголовки переходят на панель навигации и, тем самым, возвращают нам это ценное пространство. При ландшафтной ориентации экрана заголовок остается маленьким в баре. Из этого дизайнерам можно сделать вывод что, во-первых, нужно использовать это дополнительное пространство с умом, и во-вторых, нужно делать дизайн адаптивным, так как это пространство может быть в портретной ориентации и отсутствовать в ландшафтной.Большой статус бар Статус бар увеличился в высоту больше чем в 2 раза от 20 pt до 44 pt. Уведомления теперь можно просто стянуть вниз из левого верхнего угла. Для вызова пункта управления смахните экран из верхнего правого угла экрана. Смахивая экран снизу вы попадаете на домашний экран, но только если движение сделано быстро.Безопасная зона контента Создавая дизайн для iPhone X нужно учесть, что скругленные углы экрана и выемка могут обрезать контент. Нужно всегда помнить об этом. Используя безопасные зоны экрана вы сможете расположить ваши элементы так, чтобы выемка никак не обрезала контент. В целом, все фоновые изображения можно располагать не опираясь на этот гайд, но такие элементы как текст, изображения и кнопки обязательно должны располагаться с учетом этих зон.iPhone X в ландшафтном режиме В ландшафтной ориентации экрана статус бар скрывается, чтобы максимально увеличить место для контента. Бар навигации сокращается до 32 pt, Tab bar до 30 pt, а индикатор кнопки home до 23 pt. Хотя большинство пользователей редко переключается в ландшафтный режим на iPhone X, все еще существует большое количество сценариев, когда нужен именно этот режим. Например, для просмотра горизонтальных фотографий, полноэкранных видео или для чтения статей с большими текстами. После того, как заканчивается просмотр, пользователь интуитивно возвращается на портретную ориентацию экрана, особенно если устройство удобно поддерживается в ландшафтной ориентации. Если ваше приложение уже адаптировано под iPad, почему тогда не адаптировать его и под ландшафтную ориентацию iPhone? Огромная выгода с минимальными усилиями, так как большинство приложений разработано с учетом адаптивности макетов.Веб-сайты в ландшафтном режиме Если вы продуктовый дизайнер, скорее всего вы работаете с Вебом. При обычном просмотре в режиме ландшафтной ориентации в iPhone X ваш сайт будет иметь очень много пустого места с левой и правой сторон экрана. Это происходит, потому что безопасные зоны появляются автоматически, чтобы избежать обрезки контента, от чего все становится еще хуже. Чтобы избежать этого, Apple разработала гайд для адаптации вашего сайта под iPhone X в ландшафтной ориентации. В целом, вы можете расширить ваш фон, чтобы он заполнял весь экран, в то время, как сам контент будет находится в пределах безопасной зоны.Скругленные углы экрана Контент также может обрезаться из-за скругленных углов экрана iPhone X. Если вы не скрываете статус бар или индикатор кнопки Home, то вы не столкнетесь с такой проблемой. Однако, для полноэкранных приложений, таких как Камера, будет важно оставлять отступы в углу экрана. Скругления углов заданы радиусом 16 pt, такой же радиус скругления также рекомендуется для использования в кнопках.Просматривайте ваши приложения на симуляторе iOS iPhone X еще не вышел. Скорее всего, после открытия продаж устройства быстро раскупят, и они будут недоступны для большинства из нас. Не имея на руках нужного устройства, чтобы протестировать на нем свой дизайн, остается только использовать симулятор iOS. Вы можете просмотреть свое приложение или веб сайт, установив Xcode. “Гамбургер” меню больше не нужны За последнее десятилетие дизайнерам приходилось бороться за каждый пиксель на крошечном экране первого iPhone. Многие решили полностью опустить Tab bar, потому что для него требовалось слишком много вертикального пространства. Применив немного креатива, некоторые из них придумали кнопку, которая будет выезжать слева. Это было рождение знаменитого Гамбургер меню. Сначала это было весело и свежо, но в плане юзабилити это был настоящий кошмар. Больше кликов для того, чтобы достичь скрытых под кнопкой экранов. В результате, использование вторичных вкладок снизилось, так как часто люди забывали о том, что там может быть больше содержимого. С появлением больших экранов смартфонов, пользователю стало сложнее использовать его с помощью одной руки. Apple даже реализовала функцию опускания Navigation Bar по двойному тапу кнопки Home, при этом весь пользовательский интерфейс приложения также двигался вниз. Это было сделано для того, чтобы пользователь мог добраться до навигации с помощью большого пальца. Затем эта функция преобразовалась в вызов меню по двойному тапу. Гамбургер меню обычно располагался в левом верхнем углу экрана и добраться до него было крайне сложно. А сейчас, когда экраны стали гораздо больше, больше нет нужды бороться за место для контента. Tab bar — самый очевидный способ заменить Гамбургер меню, так как места для него сейчас достаточно. iPhone X подтверждает это направление. Если в вашем приложении есть несколько разделов, то нет никаких причин чтобы не использовать Таб бар. В iOS 11 Tab bar в ландшафтной ориентации экрана занимает даже меньше места. Гамбургер меню очень распространены в вебе, и возможно это одна из причин почему мобильный веб опыт не догнал нативный опыт. Даже React Native использует нативные контролы, которые являются фантастическим направлением в Веб технологии. Однако в iOS и особенно в iPhone X, вам нужно использовать Таб бар.Адаптивные макеты и многозадачность Сейчас, когда постоянно увеличивается количество разрешений для экранов с которым приходится иметь дело, очень важно делать ваши макеты адаптивными. Используя такие инструменты как Constraints в Sketch и Auto Layout в Xcode вам придется проектировать экран в расчете на то, что экран будет гибким и при необходимости может отображать дополнительное меню. Stack Views В Xcode вы также найдете Stack Views, прекрасное приложение для того, чтобы сделать ваши макеты более отзывчивыми на изменения. Некоторые элементы и группы могут динамично соединяться друг с другом и вам потребуется только редактировать отступы, когда контент встанет на место. Затем вы сможете завершить работу с Auto Layout. Эппл рекомендует использовать сначала Stack Views, затем Auto Layout.Точки и Пиксели Разработчики работают с точками, поэтому очень важно понимать разницу с пикселями. Когды был представлен самый первый айфон, эти 2 единицы были одинаковы 1 точка равнялась 1 пикселю. Затем, когда появились ретина экраны, 1 точка стал равняться 2 пикселям. Таким образом можно сказать что точки это величины измерения для первого айфона, в то время как пиксели это единицы измерения для новых моделей, и качество экрана напрямую зависит от их плотности (iPhone 4, 5, 6, 7, 8 = @2x, iPhone 8 Plus, iPhone X = @3x). Чтобы лучше понять разницу между в точках и пикселях рекомендую посмотреть видео.Разрешения экрана iPhone Всего в линейке iPhone 5 главных разрешений: 320 x 480 pt (iPhone 4), 320 x 568 pt(iPhone 5), 375 x 667 pt (iPhone 8), 414 x 736 pt (iPhone 8 Plus) and 375 x 812 pt (iPhone X). Макет не масштабируется, а расширяется в зависимости от разрешения. Например панель навигации адаптируется по ширине, но сохраняет ту же высоту. Элементы внутри остаются неизменными. iPhone 8 Plus единственный телефон который по поведению больше похож нам iPad в ланшафтном режиме. Иначе говоря, навигация может появится слева, заменяя собой Таб бар. Иконки приложений Иконка приложения используется для создания стиля вашего приложения. Это первое, что видят пользователи, когда начинают работу с приложением. Она отображается на домашнем экране, в App Store, Spotlight и настройках.Размеры иконок Разрешение @1x больше не поддерживается для iPhone, поэтому вам не нужно создавать для него иконку. Иконки приложений сейчас имеют только два разрешения: @2x и @3x. Существует три типа иконок: иконка приложения, иконка spotlight и иконка для настроек. Для iPad используются @1x и @2x.Супер-эллипс Начиная с iOS 7 круглые углы у иконок заменены формой эллипса. Если присмотреться, то видно, что уголки скругляются плавно. Поэтому не экспортируйте значки с маской, так можно получить черные области по краям. Лучше экспортировать квадратной формы.Сетка для иконок Apple использует правило золотого сечения в некоторых иконках. Это является гарантией хороших пропорций, но не является строгим правилом. Даже Apple не всегда его придерживается.Цвета iOS использует яркие цвета для того, чтобы иконки выделялись. Такие цвета хорошо работают как на белом, так и на чёрном фоне. Имейте ввиду, что яркие цвета должны использоваться редко, только в качестве призыва к действию и на минимально загруженном фоне. Приблизительно, только 10-20% всего дизайна может быть цветным, или же они будут слишком сильно конкурировать с контентом. iOS часто использует нейтральные цвета для отображения фона или зоны меню. Хорошо контрастирующий чёрный текст против белого фона — лучшее средство для комфортного чтения. Наконец, для выделения кнопок используется пастельный синий цвет.Системный шрифт Системный шрифт теперь называется SF Pro Text для текстов с кеглем шрифта, меньше, чем 20 pt, и SF Pro Display для шрифта с кеглем 20 pt и больше. Важно отметить, что теперь при использовании системного шрифта, вы получаете доступ к динамическому шрифту (Dynamic Type), который позволяет шрифту настраиваться в соответствии с предпочтением пользователя.Кнопки и размеры шрифтов Главное правило: 44pt для кнопок, 12pt для маленького текста, 17pt для контента и 20pt+ для заголовков.Расстояние между элементами и положение Главное правило — придерживаться отступов в 8pt от края экрана и между элементами. Это создаёт достаточно воздуха, что облегчает восприятие контента на странице, а текст делает более читабельным. Также, UI элементы и текст должны располагаться по общей базовой линии.Status Bar Рекомендовано включать статус бар на тех экранах, где возможно это сделать. Пользователи полагаются на него при просмотре такой важной информации, как уровень заряда, сигнал сети, время. Текст и иконки могут быть как белого, так и чёрного цвета, но фон может быть любого цвета или даже сливаться с баром навигации.Navigation Bar Бар навигации — это быстрый доступ к информации об экране. Левая часть бара может быть использована для размещения кнопок «Назад», «Профиль», «Меню», тогда как правая часть может использоваться для кнопок действия: «Добавить», «Изменить», «Готово». Важно, что если вы используете одну из системных иконок, то нет необходимости создавать ассеты для них. Так же, как и в статус баре, фон может задаваться любым цветом, и обычно имеет тонкое размытие, чтобы текст всегда читался. Когда бар навигации создаётся вместе со статус баром, оба фона объединяются.Поиск Когда у вас достаточно много содержимого на странице необходимо обязательно добавлять возможности поиска по содержимому.Тулбар Тулбар используется в качестве дополнительного места для размещения активных кнопок и показа состояния экрана.Таб бар Таб бар — это главная навигация между экранами. Избегайте гамбургер-меню, если у вас всего несколько элементов. Меню, которое видно сразу, увеличивает количество переходов по пунктам этого меню, поскольку очевидное всегда выигрышнее. Кроме этого, лучше добавляйте текст к иконкам меню, так как большинство пользователей не могут распознать символы, особенно, когда они не стандартные.Состояния Когда элементы меню не активны, иконки должны быть серыми. Например, как на картинке — они привлекают меньше внимания.Вид таблицы Табличный вид наиболее часто используемый вид для пролистывания контента. Многие приложения используют формат табличного отображения. Этот вид стандартен, а также настраиваем вплоть до самых мелких элементов.Основные стили На базовом уровне Вы можете использовать некоторый набор предустановленных стилей и особенностей.Разделы Элементы могут быть сгруппированы с заголовком сверху и описанием ниже.Collection View Когда нужно разместить контент в виде таблички по строкам и столбцам, можно использовать Collection View. Он поможет вам в создании лэйаута мечты.Варианты лэйаутов Collection View Если коллекция не одна, можно создать комбинацию Collection View. Возможности безграничны.Модальные окна Диалоговое окно предупреждения используется для передачи важной информации и требует от пользователя совершения немедленного действия. Диалоговые окна такого типа должны содержать краткую и емкую информацию, а действия должны быть очевидными.Модальные окна активности Диалоговое окно активности позволяет обмениваться контентом (текстом, изображениями, ссылками) через Airdrop, различные приложения (например, Mail, Facebook, Twitter), а также добавить в избранное, в закладки и др. Внешний вид окна настраивать нельзя, а функции можно.Полноэкранные модальные окна Если информации много, можно использовать модальные окна на весь экран. Такие окна обычно открываются и закрываются с помощью анимации (они могут выезжать, появляться и исчезать, переворачиваться, пролистываться). Как и другие модальные окна, эти также должны быть предельно краткими и емкими, их должно быть легко скрыть.Клавиатуры Клавиатура используется для ввода информации в текстовые поля. Она легко кастомизируется под ввод разных видов информации, например, ссылки, эмейлы, номера телефонов, эмоджи. Есть возможность выбрать светлую или темную тему и надпись на кнопке подтверждения (по умолчанию «ввод» или «return» в англ.). Picker Если вариантов выбора много, можно использовать Picker. Он особенно удобен для дат, когда нужно ввести сразу три поля (число, месяц, год).Segmented Control Если Tab Bar используется для переключения между основными разделами, то данный контрол для переключения между подразделами.Слайдеры Слайдеры – это интерактивные контролы, которые не очень точны, но чрезвычайно удобны для быстрых настроек, таких как звук или яркость.Progress bar Элемент Progress bar показывает прогресс выполнения действия. Например, при загрузке веб-страницы. Высоту элемента можно настраивать.Переключатель (Switch) Используется для быстрого включения и выключения функций. Не подходит ни для каких контекстов кроме вкл./выкл.Stepper Stepper медленнее, но точнее слайдера. Позволяет пользователям увеличивать или уменьшать значение с шагом в один. Граница и заливка настраиваются.Иконки iOS Стандартные значки платформы. Они повсеместно используются в iOS и хорошо понимаются пользователями. Использование этих иконок в других целях может смутить пользователей, поэтому очень важно знать, как они используются в iOS. При создании своих иконок важно использовать хорошо знакомые символы. Кроме того, рекомендуется дополнять их небольшим текстом в 10pt или больше.Рекомендуемые ресурсы Эти шаблоны полезны не только для обучения. Вы можете их использовать и кастомизировать под свои нужды. Набор IOS 11 GUI от APPLE Если вы создаете дизайн для iOS, то захотите использовать стандартные элементы, такие как панели статуса, навигации и вкладок.Набор IOS 11 GUI от GREAT SIMPLE STUDIO Наиболее полный комплект со множеством элементов.Мокапы устройств в векторе Персональная коллекция автора с более чем 260 мокапами, сделанными в векторе. Идеально для презентации ваших проектов.Дизайн ресурсы от FACEBOOK Сокровищница ресурсов дизайна iOS, включая SoundKit, держащие устройства руки и полезные интерфейсы.ЧТО НЕ НАДО ДЕЛАТЬ Замечательная статья про дизайн для iPhone X. Включает несколько хороших примеров о том, что НЕ надо делать, если вы готовите дизайн для iPhone X. Есть практики, которые вам следует избегать любой ценой, особенно если вы новичок в дизайне под iOS. Следуйте этим простым примерам, собранным Apple. Даже просто взглянуть может быть полезным.Гайдлайны IOS от IVO MYNTTINEN Если хотите узнать больше об iOS с другой точки зрения, посмотрите этот замечательный и содержательный гайд.Перевод выполнен UX/UI дизайнерами компании Викторией Шишкиной, Ксенией Валякиной и Анастасией Овсянниковой

В прошлом году произошло событие, которое никого не оставило равнодушным — выход iOS 7. Ожесточенные споры велись на просторах интернета, на кухнях и в офисах, однако, со временем, многие из лагеря “недовольных” переметнулись на сторону “обожателей”. В чем же секрет? На мой взгляд, секрет в приложениях, чьи разработчики со всей серьезностью отнеслись к заданию “переделать под iOS 7” и справились с ним на “отлично”. Именно такие приложения вошли в подборку imore, с которой я хочу вас сегодня познакомить.

Tweetbot 3

Tweetbot всегда могло похвастать отличным дизайном и широкими возможностями, и новая версия — не исключение. Если вы ищете Twitter-клиент идеально вписывающийся в “семерку” — вы на правильном пути.

Скачать в appstore

Fantastical 2

Fantastical 2 — это не только самый удобный, но и один из самых красивых календарей для iOS. Первая версия неплохо смотрелась в iOS 7, но вторая — это огромный шаг вперед как в плане дизайна, так и в плане функциональности: в отличии от большинства календарей, Fantastical 2 сочетает в себе календарь и список задач.

Fantastical 2 for iPhone
Разработчик: Flexibits Inc.
Цена: 379 рублей

MyFitnessPal

Если вы привыкли считать калории, тренироваться и следить за своим весом, я не поверю, что у вас до сих пор нет MyFitnessPal. Это абсолютно бесплатное приложение делает десяток полезных вещей и отлично выглядит. И, кстати, пользуясь им, вы тоже будете выглядеть отлично.

MyFitnessPal
Разработчик: Under Armour, Inc.
Цена: Бесплатно

Launch Center Pro

Если вам нужен быстрый доступ к функциям своего iPhone (максимально быстрый), то Launch Center Pro — это маст-хэв для вас. Благодаря новому дизайну, работа с приложениями не только ускоряется, но и приносит большее эстетическое удовольствие.

Launch Center Pro
Разработчик: Contrast
Цена: Бесплатно

Foursquare

Foursquare — это сервис, который известен почти всем. И, конечно, обновленное приложение для iOS не может быть обделено вниманием. Можно с уверенностью сказать, что разработчики постарались на славу — ни одна деталь не осталась без внимания.

Foursquare City Guide
Разработчик: Foursquare Labs, Inc.
Цена: Бесплатно

Reeder 2

Когда Google Reader “канул в Лету”, приложение Reeder не растерялось и обзавелось поддержкой Feedly. Однако, это был не такой уж большой апгрейд. В Reeder 2 мы видим полностью обновленный интерфейс, новую иконку, небывалое удобство использования и многое другое. Если вам нужно приложение для RSS — Reeder 2 станет идеальным решением.

Скачать в appstore

PCalc

Одно из самых необходимых приложений на любом iPhone — это калькулятор. Конечно, вы можете обойтись простеньким стандартным, но если вам нужен по-настоящему серьезный компаньон в вычислениях — попробуйте PCalc. Помимо элегантной внешности он предлагает огромный набор функций.

Скачать в appstore

Amount

Конвертер — это крайне полезное приложение, которое всегда должно быть под рукой. Amount конвертирует практически все, а после обновления под iOS 7 — выглядит просто потрясающе.

Скачать в appstore

Omnifocus 2

Если вы пользуетесь Omnifocus, то вы вряд ли променяете его на что-то другое. Спешим напомнить, что вышла новая версия — Omnifocus 2, полностью переработанная под iOS 7. Улучшился не только внешний вид: гораздо дружелюбнее стал и сам интерфейс, чего так не хватало в оригинальном приложении.

Скачать в appstore

Google+, Google Maps, Gmai и т.д.

Многие официальные приложения Google еще только ждут своих обновлений под iOS 7, однако, очевидно, что некоторые из них выглядели “под семерку” еще до появления самой семерки.

Google+ для G Suite
Разработчик: Google LLC
Цена: Бесплатно
Google
Разработчик: Google LLC
Цена: Бесплатно

Зайдите сюда, чтобы ознакомиться с полным списком приложений Google для iOS.

Twitterrific 5

Возвращаясь к теме Twitter-клиентов, нельзя не упомянуть Twitterific. Это приложение тоже получило масштабный апдейт в связи с выходом iOS 7 и стало выглядеть гораздо свежее и современнее. Также, добавилось несколько полезных функций — большая поддержка жестов, возможность открывать ссылки в Chrome и многое другое.

Скачать в appstore

Cal

Cal — это невероятно привлекательный календарь, поражающий своим удобством и “живым” дизайном. Если стандартный календарь iOS кажется вам слишком плоским и скучным, Cal — это альтернатива, которая по-прежнему отлично вписывается в “плоскость”, не теряя при этом индивидуальности и глубины.

Скачать в appstore

Any.DO

Any.DO — это список задач, который в 2013 году стал фактически вирусной инфекцией и влюбил в себя тысячи пользователей. Его создатели позже дополнили его Cal, о котором мы говорили выше, и два приложения идеально работают вместе. О супер-аскетичном дизайне Any.DO вы, скорее всего, слышали и раньше, но если так и не попробовали — самое время это сделать.

Any.do: список дел и календарь
Разработчик: Any.DO
Цена: Бесплатно

Clear

Clear — один из лучших минималистичных таск-менеджеров для iPhone. Потрясающе легкое управление жестами и множество цветовых схем делают это приложение идеальным для списков покупок или повседневных задач.

Скачать в appstore

Screens 3

Screens — это, пожалуй, лучший VNC-клиент в App Store. Обновленный дизайн отлично вписывается в микроклимат iOS 7, а если вы и раньше пользовались Screens, то вы уже в курсе его достоинств. Если нет, то подробности узнайте в обзоре первой версии Screens от MacRadar.

Screens
Разработчик: Edovia Inc.
Цена: 1490 рублей

eBay

Если у вы обожаете покупать и продавать на eBay, не упустите обновление официального клиента для iOS. Несколько улучшений функциональности и значительные внешние перемены сделают ваш шоппинг еще удобнее.

Скачать в appstore

Flipboard

Всем известный Flipboard тоже не отстает от прогресса: обновленный дизайн предлагает параллакс-эффекты, с которыми обложки журналов буквально “оживают” и гораздо более свежий вид в целом.

Flipboard
Разработчик: Flipboard Inc.
Цена: Бесплатно

Pixter

Pixter — это приложение, которое сканирует, распознает текст, хранит его и даже переводит. И, между прочим, отлично выглядит. Если это то, что вы искали — считайте, что ваши поиски подошли к концу.

Скачать в appstore

Shazam

Shazam — это легендарное приложение, которое распознает звучащую музыку за считанные секунды, а его обновление под iOS 7 вышло не менее оперативно.

Shazam Encore
Разработчик: Shazam Entertainment Ltd.
Цена: Бесплатно

Evernote

Evernote — это одно из самых популярных приложений для ведения заметок на iOS и не только на iOS. Evernote поддерживают тысячи приложений по всей планете, а его версии существуют на множестве платформ. Если вы еще не присоединились к огромному сообществу поклонников Evernote, возможно, обновленный дизайн заставит вас это сделать.

Evernote
Разработчик: Evernote
Цена: Бесплатно

Mailbox

Популярная альтернатива стандартному почтовому клиенту, Mailbox, тоже не осталась без обновления и стала гораздо современнее, быстрее и удобнее. Порядок пунктов меню был изменен, чтобы облегчить доступ к самым часто используемым функциям. Если вы пользователь Gmail, но вам не по душе стандартное приложение — обратите внимание на Mailbox

Скачать в appstore

***

Знаете и другие приложения, чьи обновления под iOS 7 можно считать одними из лучших? Расскажите о них в комментариях.

(via)

Рейтинг автора
5
Подборку подготовил
Андрей Ульянов
Наш эксперт
Написано статей
168
Ссылка на основную публикацию
Похожие публикации