Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн


Дизайн Форум


Про дизайн и web дизайн




Главная     Галереи Дизайна (29)



  Статьи о дизайне




  Галереи дизайна
Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.

  Помощь Дизайнеру!
Советы по дизайну. Философия, психология и трудовые будни дизайнера.

  Дизайн иконок приложений



Приложения и программы. Правила создания иконок приложений

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

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

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

Оформление программного обеспечения включает в себя:
  1. Разработку композиции интерфейса

  2. Разработку элементов интерфейса

  3. Разработку логотипа и фирменного стиля программы

  4. Разработку иконок для рекламы и продажи в цифровых магазинах, таких как AppStore
Иконки приложений

Иконка приложения должна быть красивой

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

Правила для предоставления значков приложения в AppStore:
  1. Иконка должна быть красивой, запоминающейся, привлекательной

  2. Символы должны быть узнаваемые

  3. Изображение должно быть уникальным и легко масштабироваться

  4. Иконка должна быть рисованная, все изображения - реалистичными

  5. Нельзя применять прозрачность, авторские символы и элементы интерфейсов

Скругление углов иконок обязательно, для каждого размера иконки свои параметры:
  1. При размере 1024x1024 скругление углов - 160px (iTunesArtwork Retina)

  2. При размере 512x512 скругление углов - 80px (для дисплея iTunes Artwork)

  3. При размере 144x144 скругление углов - 23px (для дисплея iPad Retina)

  4. При размере 114x114 скругление углов - 18px (для дисплея iPhone, iPod Touch Retina)

  5. При размере 72x72 скругление углов - 11px (для дисплея iPad)

  6. При размере 57x57 скругление углов - 9px (для дисплея iPhone, iPod Touch)

Дополнительные материалы

Шаблоны и правила создания иконок приложений

Справочник по созданию иконок можно скачать по адресу - http://www.iconhandbook.co.uk/downloads/Icon_Handbook_Goodies_Pack.zip

Он содержит:
  1. Иконка IOS приложений - Шаблон для Adobe Illustrator CS5. Включает в себя маски для предварительного просмотра IOS иконки с закругленными углами и соответствующими цветами фона

  2. Экспорт монтажных областей в виде PNG и SVG сценариев для Adobe Illustrator CS5

  3. Favicon шаблонов (все размеры) для Adobe Illustrator CS5. Включает в себя маски для предварительного просмотра IOS иконки с закругленными углами

  4. Favicon Шаблон (16px - 32px) для Adobe Photoshop CS5

  5. Favicon файл (16px - 32px) для Iconbuilder
Шаблоны значков iPhone, iPhone 4 and iPad -
http://www.iconhandbook.co.uk/downloads/Icon_Handbook_Goodies_Pack.zip

Радиус закругления углов у иконки в AppStore -
http://iconhandbook.co.uk/reference/chart/ios/

Иконки для iOS -
http://www.command-tab.com/2011/04/22/ios-icon-template/

Иконки для Android -
http://developer.android.com/design/style/iconography.html

Советы по разработке иконок для приложений можно посмотреть на официальном сайте -
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html#//apple_ref/doc/uid/TP40006556-CH19-SW1

Советы по оформлению иконок для приложений в AppStore -
http://iconhandbook.co.uk/reference/chart/ios/


С уважением, Михаил К.


Смотрите также:
Дизайн интерфейса
Interface, проектируем интерфейс





  Rambler's Top100  


Web дизайн и создание сайтов       Пользовательское соглашение
Карта сайта      Наверх