Задание №6

Задание №6

Артур http://artbauer.dribbble.com




Это быстрый план . Каждый пункт будет развернуто описан и подкреплен примерами для наглядности, ссылками на ресурсы и тд.

Статья будет состоять из двух частей:

  1. Общяя информация для клиентов и дизайнеров о том. как улучшить их иконку приложения и избежать частых ошибок проектирования.
  2. Мой воркфлоу по проектированию иконки.





Часть первая

## Любовь с первого взгляда.


 Иконка приложения- это важно? ДА!

Это первая вещь, которую видит пользователь в результатах поиска, часто это - единственная вещь, на которую он обратит внимание перед установкой приложения. И даже после установки, она никуда не пропадает а остается на домашнем экране телефона.

Этот список будет полезен дизайнерам проектирующим иконку приложения и клиентам заказывающим эту услугу.


### Текст-плохо. Заглавна буква компромис, но не решение.

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

Заглавная буква может быть компромиссом если ей придать определенный стиль. 

Удачные примеры стилизации заглавной буквы приложения:

 slak , google translate, app store, pinterest. 


### Скругление углов. 

Нет никакой необходимости скруглять углы, IOS сделает это сама. 

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


### Возьми эффекты под контроль 

Если в иконке присутствуют различные эффекты (тени, блики, свечение...)

Важно контролировать их размер и расположение. Возможно потребуется упростить их в малых размерах иконки.


### белый фон-меньше скачиваний.

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


### Один знак для всех платформ- не хорошо.

Разные платформы, разные требования к проектированию символа. 

Частая ошибка- это полная копия иконки IOS к андроид приложению. 

  

### Простой знак-хорошо

Проектируя иконку сосредоточитесь на единственном элементе внутри нее. Иконка не должна быть ребусом. Знак должен быть ясным и быстро идентифицироваться пользователем.

Этот подход даст прекрасную читаемость иконки во всех размерах.


### Сложный Фон- плохо.

Делайте акцент на знаке внутри иконки а не на фоне вокруг него. 


### Цвета стандартные

Цвет- это мощный инструмент в дизайне. Если вы затрудняетесь в выборе основного цвета иконки, воспользуйтесь предложной палитрой компании Apple 


 ### Проектируйте иконку с учетом мест ее расположения.


Не забывайте проверять, как выглядит ваш символ на различных фонах. 

Обязательно проверять иконку на домашнем экране и магазине приложений среди других иконок.

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


### Контролируйте каждый размер символа

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


### Тест UsabilityHub

Проводите A/B тест не только среди вашей рабочей команды и друзей.

Воспользуйтесь сервисами тестирования, один из них UsabilityHub.com


### Включайте все размеры


Включайте часть символа для iPad, даже если Ваше приложение предназначено для iPhone. пользователи iPad, которые загружают Ваше приложение, будут видеть чистый символ, если оно не будет включено. Всегда включайте измеренный символ больших 1024 на 1024 пкс (маркировал “iTunesArtwork@2x”), даже для приложений, не распределяемых через App Store. iTunes будет использовать эту версию Вашего произведения искусства, чтобы идентифицировать Ваше приложение.


### проверка на ограничения

Заботдетсь о пользователях которые увидят выше символ.

Сделайте проверку на ограничения.

protanopia 

deuternopia

tritanopia

presbyopia

monocrome 




Дополнительное задание по рассылке

Не могу, загружен. Заканчиваю проект. Подписал NDA по новому + 1 на стадии обсуждения.

Report Page