Иконки для Windows Vista и Windows 7. Часть 2
Особенности дизайна Vista-иконок
Цветовая палитра Vista-иконок
Цвета в Vista-иконках отображают материал объекта или сигнал (при использовании в символах)
Материал
Белый – бумага (документы)
Светло-серый – серебристый пластик (компьютеры и периферия)
Синий – включенный экран (мониторы и др. экраны)
Светлая охра – картон (папки)
Голубой – стекло (корзина, лупа)
Изумрудно-зеленый – прозрачный пластик (особые папки)![]()
Цвета, отображающие материал
Сигнал
- Красный - предупреждение
- Желтый - внимание
- Зеленый - разрешение
- Синий - информация
![]()
Сигнализирующие цвета.
Угол поворота и группирование объектов.
В отличие от предыдущих версий, поворот объектов в иконках Windows Vista теперь поменялся на угол 45° по часовой стрелке.
Повернутые под углом изображения рекомендуется использовать для иконки приложения и для отображения объемных объектов.
Следующие объекты лучше выглядят при отображении без поворота (как будто они лежат на поверхности стола, и вы смотрите на них сверху):
- иконки файлов
- плоские объекты
- иконки размером 16х16
![]()
Иконка, с повернутым под углом объектов и без поворота.
Наложение второго изображения в иконках - прямо или под углом зависит от смысла изображений и восприятия иконки в целом. В данном случае трудно дать более детальную рекомендацию, нужно просто руководствоваться опытом и анализировать, как иконка воспринимается в целом, в том числе, когда она находится в группе иконок.![]()
Наложение объекта – прямо и под углом.
Падающая тень в Vista-иконках.
В Vista-иконках падающая тень применяется для увеличения распознаваемости и усиления объемности. Тень выглядит по-разному в объемных и плоских иконках:![]()
Падающая тень под объемным и плоским объектом.
Контур в Vista-иконках.
Иконки в Vista-стиле часто имеют контур. Он не так ярко выражен, как в XP-стиле, и используется не всегда. Контур нужен для обеспечения различимости изображения, независимо от фона, на котором оно может находиться. При этом контур может захватывать лишь часть изображения, и он всегда должен продолжать композицию рисунка, не нарушая его реалистичности.![]()
Различные виды контура.
Обзор структуры Vista-иконок
Функциональные отличия Vista-иконок от XP-иконок
Vista-иконки имеют два функциональных отличия от XP-иконок:
- Vista-иконки дополнительно содержат крупную картинку размером 256x256.
- Эта крупная картинка в оригинальных иконках содержит PNG компрессию.
Использование PNG компрессии является критическим моментом, т.к. делает изображение 256x256 несовместимым с Windows® XP и более ранними версиями (будут отображаться только картинки меньших размеров).
PNG-компрессия применяется в иконках только для изображений размером 256x256 пк. Она не дает потери качества, а размер файла сокращается примерно в 4 раза, при этом поддерживается канал прозрачности и изображение прекрасно масштабируется.
Совместимость Vista-иконок с Windows® XP
Чтобы сделать иконку полностью совместимой с Windows® XP нужно, чтобы картинка 256x256 в иконке была сохранена без компрессии. Добавить или убрать компрессию – обратимая операция, не приводящая к потере качества. Размер файла иконки с изображениями без компрессии, включающей все стандартные форматы, будет составлять приблизительно 400Kb.
Итог
Чем Vista-иконки лучше?
Профессионально сделанные иконки в Vista-стиле имеют следующие преимущества:
- Делают приятным визуальное восприятие интерфейса программы.
- Дают более полное впечатление о возможностях программы.
- Улучшают удобство пользования, облегчая пользователю поиск и идентификацию программ, объектов и действий.
- Делают интерфейс Вашей программы современным, стильным и неповторимым.
Рекомендации.
Для достижения современного внешнего вида программы, Microsoft® рекомендует поменять дизайн наиболее видных иконок, используя стиль aero, а также сделать новый дизайн всех иконок, отображаемых в меню Пуск и Проводнике (в частности иконки, показывающие тип файла). В программах, работающих под Windows Vista, не рекомендуется использовать никаких иконок в стиле Windows® 9x и более ранних версий.
Создание индивидуальных Vista-иконок.
Представьте себе вашу программу, с самым современным интуитивным интерфейсом, в Vista-стиле, с индивидуальными иконками, которые точно передают функции и задачи программы, благодаря правильно подобранным метафорам, и вызывают желание пользоваться программой, уже потому, что на нее просто приятно смотреть. С иконками, сделанными в стиле, которому суждено стать очередным мировым стандартом (не случайно, для новой версии Windows®, было выбрано именно это название “Vista” – перспектива).
Вы можете спросить, - «Где же я могу заказать такие замечательные иконки,
желательно по умеренной цене, и главное, чтобы это было не просто что-то похожее, а действительно иконки для Vista?»
Мы скромно ответим - в дизайн-студии «Icons for Vista».





Сайты
Продвижение
Боксшоты
Интерфейс
Флеш