Начнём с самого начала, а именно с PC-версии, которая содержала совершенно невзрачную, маленькую и старую иконку, которая даже близко не напоминала наше волшебное судно - . Впрочем, мало кого заботил этот вопрос на тот момент, так что созданием оригинальной иконки никто не занялся...

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

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

В первую очередь, от чего я хочу предостеречь, так это от создания маленьких иконок, потому что я сам наступил на эти грабли. Да-да, иконка должна быть, в первую очередь, не меньше 512x512 пикселов! При публикации вашего приложения популярные магазины, такие как AppStore и Google.Play обязательно потребуют у вас иконку не меньшего размера. Для чего нужна такая большая иконка? Для того чтобы показывать её на мониторе! Ведь у мобильных магазинов есть не только мобильные, но и онлайн версии-близнецы, которые адаптированы под большие экраны.

Самая левая версия в заголовке поста - это иконка 72х72 пиксела, стандартная для собираемого .apk файла. На больший размер я не расчитывал, поскольку создавал её лишь для закрытых бета-версий. На этом и попался: Аня обратилась ко мне с просьбой сделать такую же иконку, но размера 512х512. Конечно, иконку пришлось бы создавать заново. Это не было бы трудным занятием, но мне тогда показалось, что иметь такую иконку будет слишком просто. Нужно сделать красивую иконку, сказал я себе, такую, чтобы её было не стыдно показать!

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

Анне иконка не очень понравилась, но она отметила, что эта иконка всё-таки лучше, и была предпринята попытка создать более яркую иконку. За фон был взят не тусклый пергамент, а голубое небо, была заметно увеличена яркость иконки. Небольшой каламбур вызвал вопрос правильного расположения градиентов на частях прямоугольника. В итоге решение подсказал этот небольшой шаблончик. Красиво, конечно.

В итоге вышла вот такая третья иконка (увеличить по клику), плюс обновлённая иконка кота:

Мило, не правда ли? :3