Иконки для Windows Vista™

дизайн и структура

Резюме: Статья описывает все важнейшие характеристики дизайна иконок, использующихся в операционной системе Windows Vista, показывает отличия в структуре Vista-иконок от XP-иконок и является прекрасным руководством по созданию иконок в Vista-стиле.

Определение: Vista-иконка – это иконка, выполненная в стиле aero (стиль интерфейса Windows Vista).

Содержание:
Часть1

Обзор дизайна иконок
Характеристики стиля
Что нового в иконках в Vista-стиле?
Размеры
Глубина цвета

Часть2

Особенности дизайна
Цветовая палитра
Угол поворота и группирование объектов
Падающая тень
Контур
Обзор структуры иконок
Функциональное отличие от Windows® XP
Совместимость с Windows® XP
Итоги
Чем vista-иконки лучше?
Рекомендации
Создание индивидуальных Vista-иконок

Введение.

Даже с первого взгляда на интерфейс Windows Vista, можно заметить значительные изменения, которые произошли во внешнем виде иконок. Новый дизайн иконок более строгий, и вместе с этим более изящный, является яркой отличительной чертой интерфейса Windows Vista. Стеклянные блики и сдержанность цветов делают иконки приятными для глаз и, самое главное, не надоедливыми при постоянной работе и многократного просмотра.

Интерфейс в стиле Windows Vista.

Обзор дизайна иконок.

Характеристики стиля иконок.

Предметы, использованные в качестве метафор, выполнены в hi-tech стиле и имеют более современный вид.
Угол поворота и объемность дают живость изображению.
Углы и грани объектов мягкие и плавно скругленные.
Все объекты теперь повернуты лицом к источнику света (с дополнительным рассеянным освещением со всех сторон).
Падающая тень обеспечивает контраст и объемность.
Обводки элементов улучшают различимость.
Использование градиентов усиливает объемность и придает стильный вид.

Что нового в иконках в Vista-стиле?

Стиль более реалистичный, но все же не фотореалистичный. Так как иконки являются символическими изображениями, а не изображениями конкретных предметов, в интерфейсе они смотрятся даже лучше чем фотографии.
Накладывающиеся сверху изображения в иконках позволяют показать, с каким приложением связан файл.
Иконки панели инструментов имеют меньше деталей, и выглядят более плоскими, для оптимизации под малый размер.
Иконки имеют максимальный размер 256×256, что делает их подходящими для дисплеев с высоким разрешением. Чтобы отображать иконки на таких дисплеях в пропорциональном размере и без потери качества как раз и требуются крупные изображения.

Размеры Vista-иконок.

Стандартные иконки Windows Vista содержат следующие пять размеров —
256×256, 48 × 48, 32 × 32, 24 × 24, и 16 × 16 пк.

Максимальный размер не требуется, если иконки используются исключительно для меню, панели инструментов или небольших символов области уведомлений

Корпорация Microsoft® рекомендует делать иконки для интерфейса приложений,
работающих исключительно под Windows Vista со следующими размерами:

256 × 256 пк
32 × 32 пк
16 × 16 пк

Промежуточные размеры между 256 × 256 и 32 × 32 для Windows Vista не нужны. Это связано с тем, что png-формат, используемый в этих иконках масштабируется без искажений в пределах от 256×256 до 32×32. При меньших размерах программное изменение разрешения уже дает плохое качество изображения, поэтому требуется отдельная картинка 16 × 16.
Однако если вы хотите, чтобы иконка была полностью совместима как с Windows Vista, так и с другими версиями Windows®, тогда вам нужно включить в нее соответствующие изображения (каждое — с тремя типами глубины цвета)

Полностью совместимая (с Windows® XP и предыдущими версиями) иконка должна содержать следующие размеры:
256×256, 48×48, 32×32, 16×16

Мы не рекомендуем включать размер 24×24 в ваши иконки, (исключение – панель инструментов), т. к. он не требуется. Кроме того, иконка, содержащая этот размер, имеет проблемы совместимости с Windows 98 и Windows 2000.

Если вам требуются иконки для панели инструментов (toolbar),
их размер остался без изменений 24 × 24 и 16 × 16 пк.

Глубина цвета Vista-иконок

Windows Vista поддерживает 32-битные иконки, в которых 24 бита занимает картинка, и 8 бит – канал прозрачности. Это позволяет иконкам иметь полупрозрачные детали и плавные края, независимо от фона, на котором они находятся.
Стандартные иконки Windows Vista содержат три типа глубины цвета, для обратной совместимости:

32-битный цвет (24- битный цвет) плюс 8-бит канал прозрачности
8- битный цвет (256 цветов) плюс 1-бит канал прозрачности
4- битный цвет (16 цветов) плюс 1-бит канал прозрачности

Для ваших иконок необходимой является 32-битная глубина.
8-битная и 4-битная глубина нужны, если вы хотите, чтобы ваши иконки
всегда выглядели хорошо, например, в случае неисправности видеодрайвера
(при этом на мониторе отображается только 256 или даже 16 цветов).

Иконка в разной цветовой глубине

Если монитор отображает 16 цветов, (что может произойти в Windows® XP и ниже), а 4-битного варианта в иконке приложения нет, цветовая палитра будет автоматически сокращена до 16 цветов, как это может выглядеть – смотрите на примере.

Так выглядит 32 битная иконка при отображении в 16 цветах

Продолжение: часть 2.

Microsoft, Windows, Windows XP и/или иные продукты Microsoft, упомянутые здесь, являются либо товарными знаками, либо зарегистрированными товарными знаками Microsoft.