Наверное, все в курсе такой обязательной процедуры, как демонстрация клиенту iOS иконки не просто на однотонном фоне, но и непосредственно на десктопе iPhone, вживленной в скриншот АppStore т.п.
Процедура это, конечно, важная: она помогает и дизайнеру, и непосредственно клиенту не увлекаться и не рисовать вместо работающей иконки небольшое произведение современного искусства — это часто бывает, когда иконку рисуют, показывают и оценивают исключительно на фоне с изящным градиентом.
Но боже, до чего же это утомительно! Даже если сразу рисовать иконку в 114×114 и в контексте десктопа, то все равно потом ее предстоит еще изменить ее размер и вживить еще в минимум два-три экрана.
Ну и умножаем это время минимум вдвое — ведь часто эту процедуру нужно проворачивать и для скетчей.
Хорошего инструмента, способного автоматизировать этот процесс, я не нашла.
И тогда мой великолепный муж решил написать специальный сервис, берущий на себя генерацию, сохранение и красивую демонстрацию всех необходимых скриншотов с загруженной иконкой.
Встречайте, testico.net — лучший сервис для генерации превью иконок:)
Почему лучший? Потому что при разработке учитывались самые «наболевшие» моменты из подобной работы. Тут нельзя указать цену вашего приложения (какое вообще это имеет отношение к иконке?), зато есть куча других плюшек, делающих жизнь иконщика на порядок проще:) О них — далее.
- По сути, теперь вся работа по ресайзу сводится к тому, чтоб загрузить иконку на сайт и получить ссылку на страницу с примерами ее использования — три варианта фона от светлого к темному, три скриншота с iPhone (в том числе с AppStore), один с iPad, один — с iTunes.
- Все полученные в процессе генерации скриншотов размеры иконок (512×512, 256×256, 144×144, 114×114, 72×72, 57×57) можно потом скачать одним архивом. Внимание: размеры БОЛЬШЕ загруженной иконки генерироваться не будут — только на уменьшение.
- Также сервис позволяет выбирать, использовать на иконке стандартный эппсторовский блик или нет. Так что у вас будет отличная возможность увидеть, во что превратится ваша иконка, если вы забудете предупредить об этом блике клиента:)
- Но больше всего я рада мобильной версии сайта. С айфона и айпада можно не только просмотреть иконку в режиме, максимально приближенному к реальным экранам (сервис самостоятельно определяет модель и подставляет нужные скриншоты), но и…
- загрузить свою иконку прямо на домашний экран девайса АAAAааа!!!!!! Круто, правда круто? Эту идею нам подкинул потрясающий Кам и я до сих пор считаю этот момент одним из самых главных плюсов сервиса. Помимо всего прочего лично для меня это стало удобнейшим способом создать эдакое иконочное портфолио прямо на одном из экранов своего айпода:)
- Быстро перейти на страницу с иконкой можно с помощью QR-кода, а для более ранних версий эппо-девайсов предусмотрен ручной ввод последних 7-и символов ссылки — ну и плюс, конечно, переход по ссылкам, которые можно получить после шаринга в фейсбук, твиттер, вКонтакте.
Загрузить на testico иконку с айфона/айпада нельзя, и будет нельзя до тех пор, пока фотошоп на этих гаджетах не станет привычным инструментом для иконщиков.
В тудушник мужа записано множество идей по совершенствованию и прокачке Testico, но пока он не прорабатывал весь задуманный функционал, руководствуясь той логикой, что лучше доводить testico до идеала, дав дизайнерам уже хоть какой-то инструмент для работы, а не заставляя их ждать.
Поэтому в этом своем релизе, testico пока не умеет обрезать загруженную картинку, поэтому для хорошего результата загружайте лучше иконку без фона.
А вот обрезка углов и наложение бликов в Testico уже сейчас реализованы настолько хорошо, насколько это вообще возможно в веб-сервисах.
В общем, пользуйтесь, тестируйте, экономьте свое время и делитесь впечатлениями с друзяшками в соцсетях (дада!). Если вдруг наткнетесь на какой-то баг, можно сообщить о нем тут в комментах или мужу на почту: x.stass@gmail.com
И да — огромное спасибо Кирочке и Байеру за их помощь в тестировании сервиса на их айфонах:)
