Черновик

Брендинг приложения важен чтобы создать уникальный опыт использования и остаться в памяти у пользователя. В этой статье я рассмотрю самые простые способы выделить ваше приложение среди остальных и сохранить native look and feel. Приложение будет выгодно отличаться от остальных и будет знакомо пользователю. Примеры сделаны в Superior iOS Framework, который я и мои друзья released recently, но вы можете повторить их с помощью инструментов из вашего личного workflow. 

Color

Цвет – король всех визуальных триггеров. В сочетании с text, shape or glyph может остаться в памяти на долгие годы. Посмотрите на эти примеры. Расшифровка точно не понадобится.

Чтобы добавить узнаваемость и консистентность с брендом, добавьте цвет бренда в стандартные компоненты, такие как кнопки, Navigation Bar, Tab Bar, Segmenter Control, etc. Давайте рассмотрим несколько техник.

Navigation Bar

залитый навбар

цветной разделитель внизу

Controls

цветные кнопки, сегменты, свитчи

Tab bar

залитый таббар

цветное выделение активного пункта

Popovers and Cards

цветной попап (логин)

цветная карточка (пункты управления Удалить, редактировать)

Font

Шрифт несёт в себе очень много визуальной информации и может использоваться как самостоятельный элемент брендинга. Обычно используется совместно с цветом, что придаёт больший эффект. Из запоминающихся примеров посмотрите на недавний редизайн MailChimp, всем знакомый Coca-Cola и Walt Disney.

Вот несколько идей как можно использовать уникальный шрифт в интерфейсе.

заголовки в навбаре

заголовки в карточке статьи

основной текст в статье

Shape

Работает в сочетании с текстом и цветом. С помощью нестандартной фигуры можно добавить пикантности брендингу. Фигура может быть акцентным элементом или едва заметным, как diagonal theme у Stripe.

Лучшим способом добавить необычные формы в приложение будет изменить стандартные контролы и поповеры:

пятиугольные segmented

кнопки как параллелограм

трапеция в switch

отрезанный по диагонали верх поповера и карточки

Но так же можно добавить форму в другие компоненты. Будьте осторожны с данной техникой.

отрезанный по диагонали навбар

выделение в таббаре

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

Illustrations

Иллюстрации так же играют не последнюю роль в приложении. С помощью них вы можете задать настроение, снизить недовольство от возможных ошибок или очень просто объяснить сложные функции. Иллюстрации так же могут быть запоминающимися. Команды Mailchimp, Dropbox и Atlassian очень хорошо с этим справляются.

ВСТАВИТЬ КАРТИНКУ

Основные места для использования иллюстраций

пустой экран

walkthrougth 

ошибка подключения к интернету

попап с новой функцией

В статье я рассмотрел базовые варианты брендирования приложения. Берите идеи, трансформируйте их, и создавайте удобные дизайны приложений. И не забудьте взглянуть на Superior iOS Framework. It can help you a lot in design world-class apps.