Иконка appleИконка androidПортирование приложений iOS/Android

При портировании дизайна возможны следующие работы

  • Перенесение дизайна приложения между платформами  iOS/ Android при создании кроссплатформенного мобильного приложения.
  • Соблюдение стилей, визуальной идентификации приложения, гайдлайнов операционных систем.
  • Подготовка необходимой документации для разработчиков, включая техническое задание на портирование дизайна.
  • Перенесение дизайна при портировании между iOS/Android
  • Портированное приложение сохраняет привычный интерфейс и набор функций на другой платформе.

Стили приложения

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

Перенесение Bars
У каждой операционной системы свое расположение элементов Bars.
Например, у Android панели app bar, action bar всегда находятся вверху, а внизу — нижняя панель действий split action bar. В iOS-приложениях app bar — вверху, а action bar — внизу. Исключение — Instagram, но в нем есть нюанс — отсутствие в принципе выпадающих нижних элементов управления.
Перенесение Controls
Controls — это основные элементы управления приложения
Суть перенесения Controls с iOS на Android заключается в том, чтобы в итоге у приложения остались только стандартные для операционной системы управляющие элементы. Например, у Android-приложений есть выпадающие списки снизу (Facebook). Для iOS этот элемент нестандартный.
Замена UI-kit
Набор UI отличается для iOS и Android
При перененсении с iOS на Android необходимо заменить UI-kit, в частности, — библиотеку иконок. Внутренние иконки приложений iOS и Android относятся к разным стилям изображения. Материальные иконки Android выглядят плотными и достаточно зарисованными внутри. iOS-приложения имеют тонкие и пустотелые элементы.
Изменения навигации и жестов
То, что стандартно в навигации для Android, будет странно выглядеть для iOS.
Навигационная панель у Android находится слева, а в iOS — справа. Android имеет справа только опциональное меню. Так же у системы Android отсутствует жест 3D-touch (вызов контекстного меню продолжительным сильным нажатием на главную иконку). Это значит, что приложение не может выполнять ключевые опции по вызову с рабочего стола.
Изменение механики движений
Material design для Android имеет ряд спецификаций по анимации.
Операционная система Android имеет иную механику движений элемнтов, нежели iOS. Материальный дизайн Android основан на естественной физике движений, при этом анимация стала сопровождающей частью навигации, подтверждения действия пользователя.
Главная иконка
Нарезанная графика иконок iOS не подходит для программирования под Android.

Иконки для iOS и Android имеют разные стандарты для углов, области касания, прозрачности фона и прочих параметров. Более того, iOS округляет углы своих иконок автоматически, а подгружать ей нужно квадратную.

Плотность экранов
Android работает на устройствах с широким диапазоном размеров.
Актуальные смартфоны — от 4,5 до 5,7 дюйма и трех (только основных!) видов разрешений, используют разные типы дисплеев, которые, в свою очередь, отличаются цветопередачей, ламинацией и степенью встроенности в форм-фактор.
Устройства iOS используют дисплей Retina c большей плотностью пикселей, нежели Android. Но у последних есть несколько дополнительных величин измерения для подгонки под существующие экраны.

Стандартный пакет исходных файлов

  • Исходные документы ( Psd, Ai, Eps)
  • Главная иконка приложения в размерах для приложения и промо-страниц.
  • UX-карта экранов приложения.
  • UI-kit приложения.
  • Нарезка графики.
  • GUI-документ приложения.
  • Используемые шрифты приложения.

Что не входит в стандартный пакет

В стандартный пакет не входят услуги дизайн-сопровождения, выполнение работ по marketing kit.