Руководство по созданию иконок приложений Autodesk Apps Exchange

Важность иконки приложения

«Бренд – это живое существо, со временем он развивается или деградирует, являясь результатом тысячи простых действий», ­ сказал Майкл Айснер, генеральный директор Disney

Ваше приложение стоило вам многих часов разработки. Это может быть даже и не приложение, а библиотека компонентов или обучающий PDF-файл, которые вы подготовили для публикации в AutodeskExchangeApps. В любом случае вы захотите, чтобы ваше творение выделялось на фоне других и демонстрировало высокое качество вашей работы.

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

Этот документ посвящен разработке иконок для ваших приложений – последнему важному этапу перед публикацией. Здесь вы найдете:

1. Рекомендации к дизайну иконки (что правильно и что неправильно).
2. Требования к файлу (размер, форматы).
3. Ресурсы (шаблоны, помощь в дизайне иконок).

Рекомендации к дизайну иконки

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

Примеры удачных иконок. Эти образцы выполнены в виде векторной графики и хорошо поддаются масштабированию. Они были сделаны с использованием шаблона иконок Autodesk Exchange Apps и с учетом требований к иконкам Autodesk Exchange.

Что правильно:

1. Изучите иконки, имеющиеся в магазине Autodesk Exchange Apps — в особенности это относится к приложениям, которые родственны вашим.
2. Проконсультируйтесь с профессиональным дизайнером, если в вашем отделе или компании нет такого специалиста.
3. Определите, как иконка отражает текущий бренд вашей компании, и как разработать целое семейство иконок, если вы планируете опубликовать несколько приложений.
4. Воспользуйтесь нашими шаблонами при разработке своей иконки или закажите дизайн у одного из наших одобренных поставщиков.
5. Больше непринужденности и творчества!

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

Что неправильно:

1. Не используйте значок продукта Autodesk как часть своей иконки – это является незаконным использованием нашей символики и не поможет вашему приложению выделиться на Autodesk Exchange Apps.
2. Не пытайтесь сжать скриншот до размеров иконки — это редко выглядит хорошо и формирует плохое впечатление о качестве вашего приложения.
3. Не используйте изображения, логотипы и графические элементы, на которые у вас нет прав.

Требования к файлу

Чтобы иконка лучше всего отражала ваш продукт, необходимо понять, как он будет выглядеть в разных размерах, особенно в уменьшенном виде. Возможно, вы захотите использовать крупную иконку в целях маркетинга, однако в целом иконка должна хорошо выглядеть в размерах от 80x80 до 16x16 пикселей. Именно поэтому мы настоятельно рекомендуем воспользоваться услугами профессионального дизайнера при разработке этих материалов.

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

Несмотря на то, что традиционным форматом иконок приложений является .ico, в Autodesk Exchange Apps используется формат .png. Единственный файл, предоставляемый при публикации приложения – это PNG-файл размером 80 x 80 пикселей. Рисунок масштабируется до необходимых размеров автоматически .

Примечание: Если иконка вашего приложения также используется в интерфейсе AutoCAD, Inventor или Revit, то вы должны предоставить дополнительные варианты размеров иконок. Закажите своему дизайнеру выполнить иконку также в формате .bmp в двух вариантах: 32x32 и 16x16 пикселей.

Стандарты для файла иконки

Подготовьте файл своей иконки в соответствии со следующими стандартами:

Иконка для использования в Интернете и в Autodesk Exchange App Manager:

1. Формат файла: PNG
2. Глубина цвета: 32 разряда (24-разрядный RGB плюс 8-разрядный альфа-канал)
3. Радиус закругления: 3 пикселя 
4. Разрешение (в пикселях): 80x80
5. Отправка в Autodesk: в рамках процесса публикации приложения с использованием онлайн-формы
6. Прочие требования: см. документ ExchangeApps_Specs_Publishers.pdf

Иконка для использования в интерфейсе продуктов Autodesk:

1. Формат файла: BMP, PNG и ICO (Для создания файлов .ico можно использовать удобный онлайн-инструмент http://iconverticons.com.)
2. Глубина цвета: 24 разряда
3. Радиус закругления: нет 
4. Разрешение (в пикселях): 32x32, 16x16
5. Отправка в Autodesk: в комплекте файлов разработчика (.zip)
6. Прочие требования: см. документ ExchangeApps_Specs_Publishers.pdf

Ресурсы

Чтобы помочь вам или вашему дизайнеру в разработке иконки, мы подготовили следующие ресурсы.

Шаблон файла иконки

Для помощи в создании иконки мы предоставляем файл со слоями в формате Photoshop или Pixlr (http://pixlr.com ).
Этот файл облегчит разработку иконки размером 80x80 пикселей. Мы также предоставляем шаблоны для иконок размера 32x32 и 16x16.

lconTemplate_Publishers.psd. Этот многослойный файл содержит стандартный фон и маску для создания правильного радиуса закругления (Вы найдете его в zip-архиве по ссылке http://images.autodesk.com/adsk/files/icons_publishers.zip).

Инструкции по подготовке иконок

Подготовьте файл своей иконки в соответствии со следующими стандартами:

Профессиональный дизайн иконок

Если вы не уверены, что сможете создать иконку без помощи профессионала, мы рекомендуем поиск в Интернете по ключевым словам «разработка иконок», чтобы найти профессиональных дизайнеров, которые помогут вам реализовать свои идеи в графическом виде с соблюдением всех требований.

Векторная графика — наше всё

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

Поиск: бесплатная векторная иконка. Онлайн-поиск векторных иконок дает почти бесконечное количество вариантов.

Если вы решили создать собственную иконку, рекомендуем выполнить поиск по словам «векторная графика», чтобы набраться идей, или воспользоваться готовой графикой при создании иконки.