Какие иконки требуются для дизайна приложения?

Question

[Kris125]

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

- https://makeappicon.com/ios7icon - need some icons for the phone
- iconhandbook.co.uk/reference/chart/android - android icons

Answer 1

[illuzor]

Иконка - это то, что видит пользователь на своём телефоне. Например в списке приложений или на рабочих столах.
Для android и ios эта иконка нужна в нескольких размерах. Заказчик вам прислал списки этих размеров.

Comments

[Kris125]

спасибо большое

[Kris125]

[e-mail] 1024x1024 AppSubmission

[e-mail] 1536x1536

Хотела уточнить, в самом низу указаны огромные размеры. Их обычно тоже делают? Это иконки или что? Просто никогда не видела иконок с таким огромным размером.

[Sergei Nazarenko]

Kris125: артворк - это превьюхи для магазина https://itunes.apple.com/us/app/adobe-acrobat-read...

[andrew8712]

Kris125: Их надо делать обязательно

[Kris125]

Sergei Nazarenko: т.е. это та же иконка, только размером больше или отдельно нужно для этого картинку делать?

[Kris125]

andrew8712: т.е. делаем просто увеличенную иконку или отдельно какую-то картинку обычно делают?

[illuzor]

Kris125: просто увеличенную

Answer 2

[Pavel Designer]

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

От вас требуется сначала сделать иконку для приложения (лучше сразу в векторе) для одного из основных размеров (например, 120рх), утвердить её, а затем подготовить все необходимые размеры. Сначала проще утвердить на одном, чтобы не переделывать все размеры если клиент захочет что-то подправить.

Некоторые делают под самый большой размер и потом просто масштабируют — это самый простой, но не самый правильный способ. Если будет каша после банального ресайза, то это плохо. Правильнее адаптировать иконку под каждый размер — если детали размываются, то их надо либо прорисовать, либо удалить, если становится плохо видно суть изображения, то исправить и т.п. Всё это на совести дизайнера. Забить или нет — решать ему =)

Подробнее про требования и принципы построения иконок можно прочитать в официальных гайдах платформ (если вы их еще не смотрели при создании интерфейса, то обязательно изучите):
https://developer.apple.com/ios/human-interface-gu...
https://developer.apple.com/ios/human-interface-gu...
https://material.google.com/style/icons.html
https://developer.android.com/guide/practices/ui_g...

В сети также есть множество шаблонов для изготовления иконок, можно и их ковырять.

Comments

[Kris125]

Спасибо большое за подробный ответ. На самом деле нет практически времени изучать гайды. Особенно в таком количестве. Была бы благодарна, если основные несколько моментов назовете.

[Pavel Designer]

Kris125: по ссылкам как раз основные моменты для иконок, а кратко я их назвал в своём ответе))

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

[Александр Щербаков]

> На самом деле нет практически времени изучать гайды
Херак-херак - и в продакшен!

Answer 3

[Ahmad Dusmatov]

Еще есть онлайн генератор иконок