Красивые ярлыки для windows 10: Наборы иконок для windows 10/8/7/XP значки, ярлыки на рабочий стол

Содержание

Изображения и значки для Visual Studio — Visual Studio (Windows)

  • Статья
  • Чтение занимает 12 мин

Применимо к: Visual Studio Visual Studio для Mac Visual Studio Code

Использование изображений в Visual Studio

Перед созданием иллюстрации рассмотрите возможность использования более 1000 изображений из библиотеки изображений Visual Studio.

Типы изображений

  • Значки. Небольшие изображения, отображаемые в командах, иерархиях, шаблонах и т. д. В Visual Studio по умолчанию используются значки размером 16×16 в формате PNG. Значки, созданные службой изображений, автоматически создают формат XAML для поддержки HDPI.

    Примечание

    Хотя изображения и используются в системе меню, не следует создавать значки для каждой команды. Просмотрите статью Меню и команды Visual Studio, чтобы узнать, следует ли добавлять значок для команды.

  • Эскизы. Изображения, используемые в области предварительного просмотра диалогового окна, например в диалоговом окне «Создание проекта».

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

  • Анимированные изображения. Используются в индикаторах выполнения, панелях состояния и диалоговых окнах операций.

  • Курсоры. Используется для указания того, разрешено ли выполнять операцию с помощью мыши, для указания места, куда можно переместить объект и т.

     д.

Обзор

В Visual Studio используются значки в современном стиле, которые имеют четкую геометрию, баланс 50/50 позитива и негатива (светлого и темного) и используют прямые, понятные метафоры. Важнейшими аспектами дизайна значков являются ясность, упрощение и контекст.

  • Ясность. Сфокусируйтесь на основной метафоре, которая придает значку смысл и индивидуальность.

  • Упрощение. Уменьшите значок до основного значения — обозначьте тему с использованием только необходимых элементов и без излишеств.

  • Контекст. Рассмотрите все аспекты роли значка во время разработки концепции, что очень важно при принятии решения о том, какие элементы составляют основную метафору значка.

    При разработке дизайна значков стоит избегать некоторых аспектов.

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

  • Не используйте такие общие элементы, как документы, папки, стрелки и лупу. Используйте такие элементы только в том случае, если они указывают на значение значка. Например, лупа, обращенная вправо, должна указывать только на поиск и просмотр.

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

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

Создание значка

Разработка концепции

В пользовательском интерфейсе Visual Studio имеется широкий спектр типов значков. Во время разработки следует тщательно обдумывать тип значка. Не используйте непонятные или нестандартные объекты пользовательского интерфейса для элементов значков. В таких случаях следует выбрать символ, например со значком смарт-тега. Обратите внимание, что значение абстрактной бирки слева является более очевидным, чем расплывчатый вариант на основе пользовательского интерфейса справа:

Правильное использование символьных изображенийНеправильное использование символьных изображений

Существуют примеры, в которых стандартные, легко узнаваемые элементы пользовательского интерфейса хорошо подходят для значков. Добавление окна — один из таких примеров:

Правильное использование элемента пользовательского интерфейса в значкеНеправильное использование элемента пользовательского интерфейса в значке

Не используйте документ в качестве базового элемента, если он не является обязательным для значения значка. Без документа в значке «Добавить документ» (ниже) значение теряется, в то время как при обновлении элемента документа это значение передавать не требуется.

Правильное использование значка документа
Неправильное использование значка документа

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

«Показать»«Просмотр»

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

«Поиск»«Масштаб»

В древовидных представлениях не используйте одновременно значки папки и модификатора. По возможности используйте только модификатор.

Правильный значок представления в виде дереваНеправильный значок представления в виде дерева

Детали стиля

Layout

Структура элементов для стандартных значков 16×16:


Стек макета для значков 16 x 16

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


Отдельные значки уведомлений


Значок завершения задачи

Значки проектов обычно являются файлами ICO, содержащими несколько размеров. Большинство значков 16×16 содержат одни и те же элементы. Версии 32×32 содержат более подробную информацию, включая тип проекта, если это применимо.


Значки проекта из библиотеки элементов управления Windows VB, 16×16 и 32×32

Центрируйте значок в пиксельной рамке. Если это невозможно, выровняйте значок по верхнему или правому краю рамки.


Значок, отцентрированный внутри пиксельной рамки


Значок, выровненный по правому верхнему углу рамки


Значок, отцентрированный и выровненный по верхнему краю рамки

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

Правильное выравнивание и балансНеправильное выравнивание и баланс

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

Правильное сочетание размеровНеправильное сочетание размеров

Используйте согласованные линии и визуальный вес. Оцените, как создаваемый значок выглядит по сравнению с другими значками, сравнив их бок о бок. Никогда не используйте всю рамку 16×16, используйте 15×15 или меньше. Отношение негатива к позитиву (темного к светлому) должно быть 50/50.

Правильное отношение негатива к позитивуНеправильное отношение негатива к позитиву

Используйте простые сопоставимые формы и дополняющие углы для создания элементов без ущерба для их целостности. По возможности используйте углы 45° и 90°.

Перспектива

Значок должен быть четким и понятным. Используйте перспективу и источники света только при необходимости. Хотя использования перспективы в элементах значков и следует избегать, некоторые элементы без нее тяжело распознать. В таких случаях стилизованная перспектива передает ясности элементу.


3-точечная перспектива


1-точечная перспектива

Большинство элементов должны быть направлены вперед или под углом вправо:

Используйте источники света только для добавления ясности объекту.

Правильный источник светаНеправильный источник света

Используйте контуры только для улучшения читаемости или лучшей передачи метафоры. Баланс негатива и позитива (темного и светлого) должен составлять 50/50.

Правильное использование контуровНеправильное использование контуров
Типы значков

Значки оболочки и панели команд содержат не более трех из следующих элементов: один базовый, один модификатор, одно действие или одно состояние.


Примеры значков оболочки и панели команд

Значки командной панели окна инструментов содержат не более трех из следующих элементов: один базовый, один модификатор, одно действие или одно состояние.


Примеры значков командной панели окна инструментов

Значки определителя контекста представления в виде дерева содержат не более трех из следующих элементов: один базовый, один модификатор, одно действие или одно состояние.


Примеры значков определителя контекста представления в виде дерева

Значки классификации значений на основе состояния могут находиться в следующих состояниях: активно, активно отключено и неактивно отключено.


Примеры значков классификации значений на основе состояния

Значки IntelliSense содержат не более трех из следующих элементов: один базовый, один модификатор и одно состояние.


Примеры значков IntelliSense

Мелкие значки проектов (16×16) должны содержать не более двух элементов: один базовый и один модификатор.


Примеры мелких значков проектов (16×16)

Крупные значки проектов (32×32) содержат не более четырех из следующих элементов: один базовый, один или два модификатора и одно наложение языка.


Примеры крупных значков проектов (32×32)

Детали создания

Все новые элементы пользовательского интерфейса должны создаваться с помощью Windows Presentation Foundation (WPF), а все новые значки для WPF — быть в 32-разрядном формате PNG. 24-разрядный формат PNG является устаревшим, не поддерживает прозрачность и поэтому не рекомендуется для значков.

Используйте разрешение 96 DPI.

Типы файлов
  • 32-разрядный PNG. Предпочтительный формат для значков. Формат файла сжатия данных без потерь, в котором может храниться одно растровое (пиксельное) изображение. 32-разрядные файлы в формате PNG поддерживают прозрачность альфа-канала, гамма-коррекцию и чередование.

  • 32-разрядный BMP. Для элементов управления, отличных от WPF. 32-разрядный BMP, также называемый XP или high color, представляет собой формат изображения RGB/A с истинным цветом и прозрачностью альфа-канала. Альфа-канал — это слой прозрачности, определенный в Adobe Photoshop, который затем сохраняется в точечном рисунке как дополнительный (четвертый) цветовой канал. Во время создания иллюстраций во все 32-битные файлы BMP добавляется черный фон, чтобы обеспечить быструю визуальную подсказку о глубине цвета. Этот черный фон представляет область, которая должна быть замаскирована в пользовательском интерфейсе.

  • 32-разрядный ICO. Для значков проекта и элементов добавления. Все файлы ICO имеют 32-разрядный истинный цвет с прозрачностью альфа-канала (RGB/A). Так как ICO-файлы могут хранить несколько размеров и глубин цветов, значки Vista часто имеют формат ICO и содержат изображения с размером 16×16, 32×32, 48×48 и 256×256. Для правильного отображения в проводнике Windows ICO-файлы должны сохраняться в 24-разрядной и 8-разрядной цветовой палитре для каждого размера изображения.

  • XAML. Для дизайна поверхностей и графических элементов Windows. Значки XAML — это векторные файлы изображений, поддерживающие масштабирование, вращение, заполнение и прозрачность. В настоящее время они не распространены в Visual Studio, но становятся все более популярными благодаря своей гибкости.

  • SVG

  • 24-разрядный BMP. Для панели команд Visual Studio. 24-разрядный BMP, RGB-формат изображений с истинным цветом, — это соглашение о значках, которое создает слой прозрачности с помощью пурпурного (R=255, G=0, B=255) в качестве цветового ключа для слоя с выделенной прозрачностью. В 24-разрядном BMP все пурпурные поверхности отображаются с использованием цвета фона.

  • 24-разрядный GIF. Для панели команд Visual Studio. RGB-формат изображения с истинным цветом, поддерживающий прозрачность. GIF-файлы часто используются в изображениях мастеров и для GIF-анимации.

Создание значков

Наименьшим размером значков в Visual Studio является 16×16. Самым большим из распространенных является 32×32. Помните, что при разработке значка не нужно заполнять всю рамку 16×16, 24×24 или 32×32. Четкая и единообразная структура значков важна для распознавания пользователями. При создании значков придерживайтесь следующих правил.

  • Значки должны быть четкими, понятными и единообразными.

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

  • Значки проектов обычно являются файлами ICO, содержащими несколько размеров. Обновляются только значки 16×16, 24×24 и 32×32. Большинство значков 16×16 и 24×24 содержат одни и те же элементы. Значки 32×32 содержат дополнительные детали, включая тип языка проекта, если применимо.

  • Для значков 32×32 базовые элементы обычно имеют толщину линий 2 пикселя. Для элементов деталей можно использовать толщину линии в 1 или 2 пикселя. Постарайтесь сами определить, что вам больше подходит.

  • Для значков 16×16 и 24×24 необходимо иметь по меньшей мере один пиксель между элементами. Для значков 32×32 используйте интервал в 2 пикселя между элементами и между модификатором и базовым элементом.


    Расстояние между элементами для значков размером 16×16, 24×24 и 32×32

Цвет и специальные возможности

В соответствии с рекомендациями Visual Studio, все значки в продукте должны соответствовать требованиям к специальным возможностям по цвету и контрастности. Это достигается за счет инверсии значков, и когда вы их разрабатываете, вы должны знать, что они будут инвертированы программно в продукте.

Дополнительные сведения об использовании цвета в значках Visual Studio см. в разделе Использование цвета в изображениях.

Использование цвета в изображениях

Обзор

Значки в Visual Studio в основном являются монохромными. Цвет зарезервирован для передачи определенной информации и никогда не используется для оформления. Цвет используется:

  • для обозначения действия;

  • для оповещения пользователя о состоянии;

  • для указания языковой принадлежности;

  • для различения элементов в IntelliSense.

Специальные возможности

В соответствии с рекомендациями Visual Studio, все значки, регистрируемые в продукте, должны соответствовать требованиям к специальным возможностям по цвету и контрастности. Цвета в визуальной языковой палитре были протестированы и удовлетворяют этим требованиям.

Инверсия цвета в темных темах

Чтобы значки отображались с правильным коэффициентом контрастности в темной теме Visual Studio, программным способом применяется инверсия. Цвета в этом руководстве были выбраны отчасти для правильного инвертирования. Используйте цвета только из этой палитры, иначе инверсия приведет к непредсказуемым результатам.


Примеры значков с инвертированными цветами

Базовая палитра

Все стандартные значки содержат три основных цвета. Значки не содержат градиенты и тени за редким исключением для значков трехмерных инструментов.

ИспользованиеИмяЗначение (светлая тема)ОбразецПример
Фон (темный)VS BG424242 / 66,66,66
Передний план (светлый)VS FGF0EFF1 / 240,239,241
КонтурVS OutF6F6F6 / 246,246,246

Помимо основных цветов, каждый значок может содержать один дополнительный цвет из расширенной палитры.

Расширенная палитра

Модификаторы действий

Следующие четыре цвета указывают типы действий, необходимых для модификаторов действий.

ИспользованиеИмяЗначение (все темы)Образец
Положительное числоVS Action Green388A34 / 56,138,52
Отрицательное числоVS Action RedA1260D / 161,38,13
нейтральное выражение.VS Action Blue00539C / 0,83,156
СоздатьVS Action OrangeC27D1A / 194,156,26
Примеры

Зеленый используется для положительных модификаторов действий, таких как «Добавить», «Выполнить», «Воспроизвести» и «Проверить».

ВыполнитьВыполнение запросаВоспроизвести все этапыДобавить элемент управления

Красный используется для отрицательных модификаторов действий, таких как «Удалить», «Остановить», «Отмена» и «Закрыть».

Удаление связиУдалить столбецОстановить запросАвтономный режим

Синий цвет используется для нейтральных модификаторов действий, часто представляемым в виде стрелок, таких как «Открыть», «Следующий», «Предыдущий», «Импорт» и «Экспорт».

Перейти к полюПакетный возвратРедактор адресаРедактор ассоциаций

Темно-золотистый в основном используется для модификатора «Создать».

Создать проектСоздать новую диаграммуСоздать модульный тестСоздать элемент списка
Особые случаи

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

ВыполнитьОстановитьУдалитьСохранитьНазад

Палитра иерархии кода

Папка
ИспользованиеИмяЗначение (все темы)ОбразецПример
ПапкиПапкаDCB67A / 220,182,122
Языки Visual Studio

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

ИспользованиеИмяЗначение (все темы)Образец
ASP, HTML, WPFASP HTML WPF Blue0095D7 / 0,149,215
C++CPP Purple9B4F96 / 155,79,150
C#CS Green (VS Action Green)388A34 / 56,138,52
CSSCSS RedBD1E2D / 189,30,45
F#FS Purple672878 / 103,40,120
JavaScriptJS OrangeF16421 / 241,100,33
VBVB Blue (VS Action Blue)00539C / 0,83,156
TypeScriptTS OrangeE04C06 / 224,76,6
PythonPY Green879636 / 135,150,54
Примеры значков с модификаторами языка
VBC#C++F#JavaScriptPython
HTMLWPFASPCSSTypeScript

HTML

WPF

ASP

CSS

TypeScript
технология IntelliSense

Значки IntelliSense используют эксклюзивную цветовую палитру. Эти цвета помогают пользователям быстро различать элементы во всплывающем списке функций IntelliSense.

ИспользованиеИмяЗначение (все темы)Образец
Класс, событиеVS Action OrangeC27D1A / 194,125,26
Метод расширения, метод, модуль, делегатVS Action Purple652D90 / 101,45,144
Поле, элемент перечисления, макрос, структура, тип значения объединения, оператор, интерфейсVS Action Blue00539C / 0,83,156
ОбъектVS Action Green388A34 / 56,138,52
Константа, исключение, элемент перечисления, сопоставление, элемент сопоставления, пространство имен, шаблон, определение типаBackground (VS BG)424242 / 66,66,66
Примеры значков IntelliSense
КлассЗакрытое событиеДелегатМетод FriendПоле
Защищенный элемент перечисленияОбъектШаблонЯрлык исключения

Уведомления

Уведомления в Visual Studio используются для указания состояния. В палитре уведомлений используются следующие четыре цвета, а также параметры заливки переднего плана черным или белым, чтобы определять уведомления с указанными уровнями состояния.

ИспользованиеИмяЗначение (все темы)Образец
Состояние: нейтральноеNotification Blue (VS Blue)1BA1E2 / 27,161,226
Состояние: положительноеNotification Green (VS Green)339933 / 51,153,51
Состояние: отрицательноеNotification Red (VS Red)E51400 / 229,20,0
Состояние: предупреждениеNotification Yellow (VS Orange)FFCC00 / 255,204,0
Заливка переднего планаNotification Black (Black)000000 / 0,0,0
Заливка переднего планаNotification White (White)FFFFFF / 255,255,255
Примеры значков уведомлений
ПредупреждениеПредупреждениеЗавершитьОстановить

Как поменять иконки в Windows 11 (значки папки, ярлыки, приложения)

После перехода на Windows 11 мои глаза возрадовались – новое оформление лично меня полностью устраивает, это действительно что-то новое за долгие годы сидения на «десятке». Но даже так все равно иногда просто НУЖНО где-то что-то поменять – или чтобы выделить, или просто когда надоело и хочется удивить себя новой красотой. Эта статья поможет вам поменять иконки в Windows 11 на всех уровнях – от папок и иконок до общих типов файлов. Кратко и по делу.

Содержание

  1. Способ 1 – Для простых папок
  2. Способ 2 – Для ярлыков
  3. Способ 3 – Значки рабочего стола
  4. Способ 4 – Изменение иконок диска
  5. Способ 5 – Изменение иконок файла
  6. Способ 6 – Для программ и приложений
  7. Способы 7 и 8 – Темы и программы
  8. Задать вопрос автору статьи