Часто задаваемые вопросы

 

    ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

https://faq-ru.ru             

 

Как выбрать экран для айфона


Выбор экранного модуля для iPhone: производители и классификация

Дисплей – это, пожалуй, самый хрупкий и уязвимый элемент любого айфона: любой удар или падение может стать для него фатальным. В большинстве случаев физические повреждения экрана решаются заменой неисправного дисплейного модуля на его работоспособный аналог, что подразумевает покупку нового дисплея. И на этом моменте у многих пользователей возникает резонный вопрос, – какой модуль купить? В этот статье мы попытаемся детально ответить на этот вопрос, облегчив Вам процедуру выбора и покупки экранного модуля на Ваш iPhone.

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

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

При разговоре об оригинальных модулях стоит отметить, что компания Apple не поставляет их отдельно – то есть при повреждении экрана в сервисном центре Вам заменят весь смартфон. Откуда же тогда берутся оригинальные дисплеи на iPhone? Чаще всего их снимают со сломанных айфонов, у которых остался неповреждённый экран, также они могут поставляться компаниями, производящими эти дисплеи для Apple. Все подобные модули имеют отличную сборку и выводят изображение, неотличимое по качеству от оригинального экрана. Их можно смело покупать, однако их цена самая высокая среди всех экранов, устанавливаемых на iPhone.

Качественные аналоги экранных модулей выпускаются компаниями Tianma, Longteng LCD (IVO) и JingDongFang (BOE).

Tianma - японо-китайская компания, которая выпускает самые качественные аналоги матриц для iPhone. Экраны Tianma для iPhone имеют очень высокое качество сборки и выводят практически такое же изображение, как и оригинальные дисплеи Apple.

Модули Longteng производятся известной китайской компанией IVO (Infovision Optoelectronics). Они немного уступают по качеству экранам от Apple и Tianma, но при этом имеют наилучшее сочетание «цена / качество» среди всех экранных модулей на iPhone.

Модули JDF для iPhone, они же JingDongFeng, выпускаются китайской компанией BOE, которая является одним из крупнейших поставщиков дисплеев на смартфоны, планшеты, ноутбуки и телевизоры. Эти экраны визуально почти не отличаются от оригинала и выводят отличное изображение, однако по своему качеству и характеристикам они всё же уступают оригинальным дисплеям и их аналогам от Tianma и Longteng.

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

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

Первый класс – это самые качественные экраны без битых пикселей, с равномерной подсветкой и без соринок. Подобные модули проверяются нами под микроскопом.

Во второй класс входят экраны с одним-двумя битыми пикселями или едва заметными соринками между слоями. Визуально они практически неотличимы от экранов первого класса – заметить их недостатки сможет только очень внимательный пользователь.

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

На этом мы, пожалуй, будем закачивать эту статью – представленная в ней информация позволит Вам без труда выбрать качественный дисплейный модуль. Если же Вам требуется консультация специалистов, то Вы можете обратиться в нашу службу поддержки, которая с удовольствием поможет подобрать качественный экран на Ваш iPhone.


vnoutbuke.ru

Разновидности дисплеев на iPhone

Автор статьи: Гугель Леонид (Управляющий СЦ)
Дата публикации: 15.06.2017
Обновлено: 14.05.2019

Цель статьи: Раскрыть всю правду об устанавливаемых дисплеях на iPhone.
После её прочтения у Вас будет 100% понимание, какой дисплей Вам выбрать.

Какие бывают дисплеи на iPhone?

Если у Вас разбито только защитное стекло перейдите сразу к пункту №2.

  1. Копии

    На сегодняшний день в 70% сервисных центров используются качественные копии (от производителя Tianma).
    (в Китае сейчас стабильное качество по копиям дисплеев)Плюсы и минусы:
    + Цена
    — Качество цветопередачи
    — Углы обзора
    — Плохое качество защитного стекла (приводит к его быстрому царапанию и разбитию)
    — Плохое олеофобное покрытие, а иногда и его полное отсутствие (быстро пачкается)

  2. Восстановленные или замена стекла на Вашем дисплеи

    — это оригинальные дисплеи у которых было повреждено и заменено на новое защитное стекло.Этот пункт я опишу очень подробно, почему?
    Наша организация 1,5 года, как обслуживает крупные сервисные центры Apple в России по замене стекол на дисплеях iPhone, а так же Мы сами являемся производителями восстановленных дисплеев. Мы скупаем по РФ битые оригинальные дисплеи и меняем на них все необходимые запчасти, но при этом оставляя оригинальную матрицу.Есть две технологии наклеивания нового стекла: OCA / LOCA
    Единственное, что Вам нужно из этого знать что ни в коем случае не не соглашайтесь на LOCA (жидкий клей), только OCA (заводская технология с использование твердого оптического клея)Как узнать на что мне будут клеить OCA / LOCA?
    Самое простое позвонить в нашу справочную службу (215-09-95) и сообщить в какой сервисный центр Вы хотите обратиться, за сколько по времени Вам обещают заменить стекло, и какого качества будет стекло.Обратите внимание:
    Если Вам обещают что произведут замену стекла за менее 1 часа или более 3х часов, первое значит что Вам поставят не Ваш дисплей, второе, что будут клеить на LOCA!
    100% гарантией что Вам поставят обратно Ваш дисплей, будет требование разбора телефона при Вас, установка на шлейфе дисплея Вашей росписи и завершающая сборка при Вас, да бы Вы убедились, что дисплей тот же.
    (Мы уже делали это не раз. Да, это более трудоёмко, но за то, клиенты были полностью спокойны, что их не обманули!)Качество стекла:
    К сожалению, Вы не узнаете качество стекла которе Вам установили на телефон, пока его не разобьёте. Сфотографируйте стекло с обеих сторон и вышлите на почту [email protected], Мы дадим заключение в течении 10 мин.Качество рамки:
    Рамки приклеивают к стеклу с помощью разных технологий, требуйте гарантию на случай отклеивания рамки не менее 3 месяцев!

    Плюсы и минусы:
    + Цена
    + Оригинальная матрица
    — Качество стекла и рамки сильно разнится у разных сервисных центров

  3. Снятые оригиналы

    Да, есть и такие =) Наверное Вы часто слышали, что Apple не выпускает запчастей, но «Снятый» дисплей — это 100% оригинал!
    Такие дисплеи идут со следами установки: микро повреждениями на рамке и следами заводского клея.
    Не уверены? Фотографируйте с обеих сторон и отправляйте к нам на почту [email protected], отправим заключение в течении 10 мин.Плюсы и минусы:
    + Оригинальный дисплей
    — Цена

  4. Новые оригиналы

    Такие дисплеи попадают с заводов партнеров Apple по сборке iPhone, а именно от производителей матриц LG, Sharp.
    Очень много подделок! Фотографируйте с обеих сторон и отправляйте к нам на почту [email protected], отправим заключение в течении 10 мин.Плюсы и минусы:
    + Оригинальный дисплей
    — Цена
    — Возможны подделки

Итог выбора дисплея

Оптимальнее всего устанавливать восстановленные оригиналы, если есть чуть больше денег то снятые, если уверенны в порядочности СЦ то новый оригинал, ну а если нужно максимально сэкономить в данный момент то устанавливайте копии производства TIANMA, но учтите — это не долгосрочно

rlab.me

Копия или оригинальный дисплей iPhone? Что лучше ставить?

Выберите бренд

  • Xiaomi
  • Huawei
  • Honor
  • Meizu
  • Asus
  • Samsung
  • Sony
  • Lenovo

fix-me.ru

чем «китай» отличается от оригинала?

Наверх
  • Рейтинги
  • Обзоры
    • Смартфоны и планшеты
    • Компьютеры и ноутбуки
    • Комплектующие
    • Периферия
    • Фото и видео
    • Аксессуары
    • ТВ и аудио
    • Техника для дома
    • Программы и приложения
  • Новости
  • Советы
    • Покупка
    • Эксплуатация
    • Ремонт

ichip.ru

Сравнение дисплеев OEM, FOG, копий Optima и ТМ на iPhone 5S, 5С, 5.

Перейти в каталог iPhone 5S


Этот обзор поможет подобрать наиболее подходящий вариант дисплея на iPhone 5, 5С, 5S. Возможно, для торговли подойдет более дешевый вариант, для сервисной точки, вероятно, более качественное исполнение, решать Вам.

Обозначения дисплеев в каталоге нашей компании:

  • OEM - при сборке использованы оригинальные компоненты.

  • FOG - при сборке изделия использована оригинальная матрица, шлейфы – возможны копии, подсветка - копия, поляризационная пленка – копия.

  • OPTIMA - дисплей разработки и производства компании Optima Electronics, основные компоненты, такие как стекло, подсветка, шлейф тачскрина и рабочая часть тачскрина были заказаны на различных предприятиях и производились под нашим контролем. Затем все было собрано воедино.

  • ТМ - LCD с матрицей TianMa.
Тест полноцветного режима проводим при максимальном режиме яркости, к сожалению, качество фото оставляет желать лучшего, но общую картину позволяет передать объективно.

Рабочий стол и меню настроек:

OEM                  FOG                    Optima              TM

OEM                  FOG                    Optima              TM


OEM                  FOG                    Optima              TM

                                                                                    5 баллов                  3,5 балла             5 баллов                 4 балла

  • OEM – полноценно оригинальная цветопередача, насыщенные цвета, хорошая яркость.

  • FOG – к сожалению, на момент подготовки материала, на складе данное наименование отсутствовало и был куплен образец на рынке, с подсветкой не очень хорошего качества, что существенно сказалось на оценке данного дисплея.

  • OPTIMA – очень неплохая цветопередача, отличная яркость, великолепная передача палитры цветов.

  • ТМ – удовлетворительные параметры

Белый фон и яркость подсветки, черный фон:

OEM                  FOG                    Optima              TM

OEM                  FOG                    Optima              TM

 5 баллов               3,5 балла               5 баллов               4 балла

5 баллов               3,5 балла               5 баллов               4 балла


  • OEM – отлично, соответствует оригиналу.

  • FOG – синит, фото этот нюанс усиливает кратно, все дело в подсветке, неудачно подобранной производителем.

  • OPTIMA – мне очень нравится, молочный белый, яркость слегка зашкаливает, немного ярче оригинала.

  • ТМ – удовлетворительные параметры.

Компоненты:

OEM

FOG

Optima

TM

       

 5 баллов


4 балла


5 баллов


4 балла


  • OEM – Оригинальные шлейфа, оригинальная подсветка, оригинальная матрица, хорошее стекло с антибликовым покрытием вокруг окна передней камеры.

  • FOG - Оригинальные шлейфа, оригинальная подсветка, оригинальная матрица, посредственное стекло, копийная подсветка не важного качества.

  • OPTIMA – шлейфа копии, отличная подсветка, стекло 0.7 мм, что практически в полтора раза больше, чем у любой другой копии, хочу отметить, что тачскрин продолжит работу даже после разбития стекла, чего в других копиях не встречается. Радужная оболочка вокруг окна передней камеры, уплотнители на коннекторах, наклейка на куаркоде.

  • ТМ – все компоненты - копия удовлетворительного качества.

Олеофобное покрытие:

OEM                      FOG                    Optima                    TM

  5 баллов               0 баллов                  5 баллов              0 баллов

  • OEM – отличное покрытие

  • FOG – отсутствует

  • OPTIMA – отличное покрытие

  • ТМ - отсутствует

Уважаемые клиенты, коллектив нашего предприятия, поможет подобрать необходимый вам товар, произвести тест, качественно упаковать и отправить в нужный регион. У нас вы всегда можете купить запчасти для iPhone 5 серии по выгодным ценам!

optima-electronics.com

Использование настроек «Дисплей и размер текста» на устройствах iPhone, iPad и iPod touch

С помощью функций универсального доступа ОС iOS для дисплея можно увеличивать текст, выделять его жирным шрифтом, увеличивать контрастность, применять светофильтры, использовать функцию «Смарт-инверсия», управлять функцией «Автояркость» и не только.

Функции универсального доступа для дисплея доступны на перечисленных ниже устройствах.

Включение инверсии цвета

Если вам удобнее просматривать объекты на темном фоне, воспользуйтесь средством «Инверсия цвета». 

Чтобы использовать функцию «Инверсия цвета», откройте программу «Настройки» и нажмите «Универсальный доступ» > «Дисплей и размер текста».

Смарт-инверсия

Эффект «Смарт-инверсия» обращает цвета на дисплее, за исключением цветов изображений, мультимедийных объектов и некоторых программ, использующих темные цвета.

Классическая инверсия

Эффект «Классическая инверсия» обращает все цвета на дисплее.

Включение светофильтров

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

Откройте программу «Настройки» и нажмите «Универсальный доступ» > «Дисплей и размер текста» > «Светофильтры». На экране будет отображено три примера цветовых пространств, чтобы помочь вам выбрать необходимый вариант. Смахните влево или вправо, чтобы найти наиболее подходящий фильтр.

На этом примере слева направо представлены карандаши в цветовой палитре от красного и желтого до фиолетового и коричневого.

Этот пример демонстрирует три столбца интенсивности цвета.

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

Выбор фильтра

Включив светофильтры, можно выбрать один из четырех предварительно настроенных фильтров.

  • Оттенки серого
  • Фильтр красного/зеленого (протанопия)
  • Фильтр зеленого/красного (дейтеранопия)
  • Фильтр синего/желтого (тританопия)

Настройка интенсивности цвета

Вы можете настраивать интенсивность любого светофильтра под себя. Увеличьте или уменьшите интенсивность фильтра с помощью ползунка «Интенсивность».

Настройка оттенка

Если вы страдаете чувствительностью к цвету или свету, нажмите «Оттенок», чтобы изменить цвет всего дисплея на устройстве iPhone, iPad или iPod touch. С помощью ползунков отрегулируйте цвет дисплея и интенсивность эффекта.

Дополнительные адаптации дисплея

Помимо инверсии цвета и наложения фильтров, на экране «Дисплей и цвет текста» можно найти следующие адаптации дисплея.

  • «Жирный шрифт»: выделяет текст пользовательского интерфейса дисплея жирным шрифтом.
  • «Увеличенный текст»: нажмите этот вариант, затем включите функцию «Увеличенные размеры». Затем можно воспользоваться ползунком для настройки предпочитаемого размера текста.
  • «Формы кнопок»: добавляет кнопкам формы, например подчеркивает кнопки «Назад».
  • «Этикетки Вкл./Выкл.»: добавляет этикетки Вкл./Выкл. на экраны настроек.
  • «Понижение прозрачности»: улучшает контраст за счет понижения прозрачности и размытия на некоторых фонах.
  • «Увеличение контраста»: повышает контраст между цветами переднего и заднего плана программы.
  • «Дифференциация без цвета»: заменяет объекты пользовательского интерфейса, которые для передачи информации полагаются исключительно на цвет.
  • «Понижение точки белого»: уменьшает интенсивность ярких цветов.

Ограничение частоты кадров

Для экранов iPad Pro (10,5 дюйма) или iPad Pro (12,9 дюйма, 2-го поколения) можно установить максимальную частоту в 60 кадров в секунду. Откройте программу «Настройки». Нажмите «Универсальный доступ» > «Движение», затем включите «Ограничение частоты кадров».

Включение функций с помощью быстрых команд универсального доступа или Пункта управления

Дата публикации: 

support.apple.com

Дизайн под iPhone X. Гайдлайны для iOS 11 / Mobile Dimension corporate blog / Habr

Вместе с 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 дизайнерами компании Викторией Шишкиной, Ксенией Валякиной и Анастасией Овсянниковой

habr.com


Смотрите также

faq-ru.ru

  Карта сайта, XML.