Как сделать четкие значки для приложений Магазина Windows?

Я новичок в создании графики для конкретной платформы, но не в графическом дизайне в целом.

У меня есть логотип, который я сделал с помощью Illustrator и соответствующим образом масштабировал его с помощью Save to Webфункции Illustrator, а затем добавил его на холст в Fireworks.

В Fireworks значок выглядит очень четким, даже когда я просматриваю его в Windows с помощью встроенного контекстного меню предварительного просмотра изображения. Это квадратный логотип, состоящий из 70x70пикселей.

Однако, когда я добавляю его в свое приложение и прикрепляю к стартовому меню Metro в Windows, оно выглядит размытым.

Что мне нужно сделать, чтобы мое изображение выглядело резким, четким и в целом правильным в ОС Windows Metro?

Какая у вас версия Иллюстратора? В более новых версиях есть «Пиксельная сетка», которая может пригодиться, но старые версии тоже подходят.
@KromStern Я использую свою версию Adobe Creative Cloud, поэтому это версия CC. На самом деле, я нашел обходной путь... поэтому в Illustrator мне пришлось экспортировать изображение с высоким качеством (300 PPI) в файл PNG вместо того, чтобы сохранять его для Интернета... затем я загрузил его в Fireworks. В Fireworks я использовал кнопку «Размер изображения», чтобы применить билинейное уменьшение изображения до нужного мне размера, и оно получилось очень четким! Более четкое, чем сохранение для Интернета ... не знаю, почему. Возможно, это связано с тем, как приложения Магазина Windows отображают изображения.
Как насчет иконочных шрифтов? Это возможно?

Ответы (2)

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

Windows XP:

  • Представления проводника:
    • Детали/Список: 16
    • Иконки: 32
    • Плитки/миниатюры: 48
  • Правый клик->Свойства/выбор новой иконки: 32
  • Область быстрого старта: 16
  • Рабочий стол: 32

Windows 7:

  • Представления проводника:
    • Детали / Список / Маленькие символы: 16
    • Все остальные параметры: 256 (размер изменяется при необходимости)
  • Правый клик->Свойства/выбор новой иконки: 32
  • Закреплено на панели задач: 32
    • Контекстное меню: 16
  • Рабочий стол:
    • Маленькие символы: 32
    • Средние символы: 48
    • Крупные символы: 256 (размер изменяется при необходимости)
    • Масштабирование с помощью Ctrl+Колесо мыши: 16, 32, 48, 256

Среда выполнения Windows: ( отсюда )

  • Основная плитка: 150х150, 310х150 (широкая версия)
  • Маленький логотип: 30x30
  • Значок (для экрана блокировки): 24 x 24, монохромный
  • Заставка: 620x300
  • Магазин: 50x50

Источник: Дэниел Роуз .

С форума MSDN

Для значка настольного приложения укажите полный набор размеров (16x16, 32x32, 48x48 и 256x256), и Windows выберет наиболее подходящую версию. Если нужный размер недоступен, Windows попытается уменьшить масштаб. Если вы включаете только небольшие размеры, и Windows должна масштабировать их, то в конечном итоге они будут размытыми.

См. также: https://msdn.microsoft.com/en-us/library/windows/desktop/dn742485.aspx .