7 принципов дизайна иконок. На что нужно обращать внимание при создании иконок
Понятность, удобочитаемость, выравнивание, краткость, последовательность, индивидуальность, простота использования
Создание высококачественного семейства иконок требует вдумчивого подхода, тренированного взгляда, небольшой итерации и много практики. Ниже я проиллюстрирую признаки качества иконок с помощью 7 принципов и множества реальных примеров. Цель состоит в том, чтобы показать вам ключевые атрибуты отличного дизайна иконок.
Понятность
Основная цель иконки – быстро донести до пользователя идею.
Иконки на приборной панели Toyota Prius Prime (Источник: 2020 Manual)
Какие из этих символов вам понятны? Водители могут выучить их со временем, но некоторые из этих значков интуитивно не понятны. Вам нужно руководство, чтобы расшифровать их значение.
Примерно так они выстраиваются для меня по уровню понятности:
Когда иконка использует незнакомую метафору, ее трудно понять.
Часто непонятная иконка просто раздражает. В случае вождения транспортных средств неправильное понимание предупреждающих индикаторов может быть опасным.
Вот несколько значков, которые кажутся наиболее знакомыми – символы любви, предупреждения, музыки и направления вверх / вперед:
Знакомые метафоры из семейства иконок Phosphor Carbon
Стрелка является мощным символом, используемым для навигации:
Знаки Нью-Йоркского метрополитена (Источник: Capture of an original copy of NYC Transit Authority Graphic Standards Manual)
Наиболее успешные иконки легко понять не только группе людей, они универсальны для разных культур, возрастов и знаний. Изучите свою аудиторию и используйте метафоры и цвета, которые резонируют с ними.
Помните, что отдельная иконка может быть не самым понятным решением, если представляемая идея слишком абстрактна. В этом случае добавьте к иконке текстовую метку или найдите альтернативу.
Читабельность
Если у вас есть понятный символ, убедитесь, что он читабелен.
Иконки в мобильном приложении Amtrak
Сложно разглядеть иконку Station в приложении
Приложение Transit имеет похожую проблему. Их значок папки с зажимом для бумаг похож на пятно, потому что пространство между папкой и зажимом слишком мало:
Иконки в мобильном приложении Transit
Небольшая корректировка значительно улучшит иконки:
Улучшенная иконка
При работе с несколькими фигурами оставляйте достаточно места между ними. Обилие тонких штрихов делает иконку перегруженной и трудной для чтения.
Google Maps отлично справился с задачей – иконки удобочитаемы при очень маленьком размере:
Иконки Google Map
Выравнивание
Чтобы убедиться, что каждый значок выглядит сбалансированным, выровняйте его элементы оптически.
Хотя в этой иконке “Play”, треугольник расположен в центре круга, нашим глазам он кажется смещенным. Широкая часть треугольника кажется «тяжелее», чем точка, и смещенной влево.
Точно так же, как художники-шрифтовики точно настраивают шрифты для создания оптической иллюзии баланса (обратите внимание на смещенные точки на «i» и «j» и на выступ буквы «O»)
Дизайнеры иконок делают аналогичные корректировки, чтобы сбалансировать иконку. Давайте немного сдвинем элементы, чтобы исправить приведенный выше пример:
Так лучше.
Вывод: не доверяйте цифрам, используйте глаза, чтобы проверить свою работу.
Краткость
Идея, выраженная в нескольких словах, кажется эффективной и элегантной.
Обучение других тому, что вы знаете, укрепляет ваше собственное понимание предмета.
Как сказал Роберт Хайнлайн:
Когда один преподаёт, двое учатся.
Прекрасно.
Material Design довольно хорошо иллюстрирует краткость в своем системном руководстве по иконкам.
Чрезмерно сложная иконка корабля (Источник: Material)
Скажите проще:
Лаконичная иконка корабля (Источник: Material)
Краткость подходит для дизайна иконок, так как зачастую мы работаем с небольшими холстами. Не используйте в иконках больше деталей, чем нужно.
Стремление к уменьшению и упрощению в интерфейсах подчеркивает смысл и освобождает место для контента. Иконки Telegram лаконичные и приятные:
Иконки Telegram
Иногда иконки интерфейса приобретают более иллюстративный стиль. Иконки Yelp – это восхитительные изображения популярных продуктов питания. Креветка в иконке тайской кухни изысканна:
Иконки Yelp от Scott Tusk
В случае иконок приложений, представляющих программы, можно добавить больше глубины и цвета. Поскольку зрители понимают их контекст на мобильных домашних экранах, в доках и магазинах приложений, иконки могут быть более выразительными.
Иконки приложений Apple
Последовательность
Чтобы достичь гармонии в семействе иконок, соблюдайте одни и те же стилистические правила.
До iOS 13 иконки Apple имели всевозможные штрихи, заливки и размеры:
Иконки Apple в меню быстрых действий до iOS 13
Любая иконка имеет визуальный вес, определяемый такими параметрами, как заливка, толщина обводки, размер и форма. Чтобы добиться согласованности и последовательности эти параметры должны быть одинаковыми для всего набора иконок.
Apple недавно выпустила введение в SF Symbols, впечатляющее дополнение к шрифту San Francisco. SF Symbols охватывает графический стиль иконок в 9 весах и 3 масштабах (возможно, немного сложное, но дотошное руководство). Из-за этого иконки кажутся более гармоничными.
Набор иконок Phosphor, проектированный автором этой статьи и созданный ее супругом, содержит более 700 последовательных иконок. Хотя каждая из них имеет различную форму, они имеют одинаковый вес и хорошо смотрятся вместе:
Подмножество семейства иконок Phosphor Carbon
Индивидуальность
Каждый набор иконок имеет вкус. Что делает его уникальным? Что он говорит о бренде? Какое настроение он создает?
Иконки Waze
Интерфейс Waze во многом зависит от иконок. Эти красочные, лаконичные иконки говорят: «Мы причудливы!»
Иконки Twitter легкие и четкие:
Иконки Twitter
Иконки Sketch утонченные и воздушные:
Иконки Sketch от Janik Baumgartner
Freemojis очень милые:
Freemojis от Streamline
Наборы иконок для Android предназначены для широкого спектра настроений тем домашнего экрана. Ниже представлены абстрактный, пиксельный, пузырьковый и неоновый стили:
Сверху вниз, слева направо: iJUK, PixBit, Crayon, Linebit
Простота использования
Создание набора иконок не заканчивается, когда вы нарисуете иконки. Требуется их дальнейшее тестирование. Нужно, чтобы было легко создавать новые иконки, чтобы дизайнеры могли использовать их в своих проектах (для экрана, печати и т. д.), а разработчики – кодить их.
Качественный набор иконок организован, хорошо задокументирован и проверен в контексте. Хорошо, если он поддерживается специальными инструментами, такими как менеджер иконок.
Организованный
Содержите главный файл в чистоте, правильно называйте свои активы и размещайте их так, чтобы их было легко найти. Рассмотрим лучший способ категоризации. В алфавитном порядке? По размеру? По типу?
Sketch-файл Nucleo, упорядоченный по типу
Хорошо задокументированный
Сформулируйте основные принципы семейства иконок:
Примеры принципов семейства иконок Phosphor:
- Понятность. В первую очередь ясно выражайте идеи. Сделайте иконку узнаваемой и читабельной. Никогда не жертвуйте ясностью значения иконки.
- Краткость. Используйте как можно меньше деталей
- Характер. Будьте причудливым. Экономно добавляйте уникальные детали, чтобы оживить иконки и не быть слишком строгим.
Перечислите технические правила:
Примеры технических правил семейства иконок Phosphor:
- Используйте холст 48x48px
- Используйте centered stroke 1.5px
- Используйте закругленные концы
- Используйте сплошные линии, за исключением случаев, когда ломаные сегменты полезны для понимания
- Используйте прямые сегменты, идеальные изгибы и приращение угла 15° там, где это возможно
- При необходимости отрегулируйте кривые, чтобы следовать принципам дизайна
- Используйте, по возможности, приращения целых, четных чисел; уменьшите до 1px и 0. 5px при необходимости
- Используйте следующие контуры фигур: 28x28px круг, 25x25px квадрат, 28x22px ландшафтная ориентация, 22x28px портретная ориентация
- Keep a 6px thick trim area
Проведите их итерацию и сделайте документацию общедоступной, если хотите:
- Иконки Material System
- Иконки интерфейса,иконки приложений и руководство по иконкам от IBM
- Иконки Shopify Polaris
- Иконография Atlassian
Проверенный
Проверьте последовательность. Убедитесь, что иконки работают в контексте, в соответствующих размерах. Убедитесь, что они гармонично сочетаются с визуальной системой.
Полезно разместить иконки рядом друг с другом, чтобы проверить принципы, изложенные выше. Принципы ясности, читабельности, выравнивания, краткости, последовательности и индивидуальности:
Тестовые листы, используемые в Phosphor
Специальные инструменты
Наконец, если у вас есть ресурсы, создайте инструменты, облегчающие использование иконок.
Material делает иконки легко доступными с помощью собственной библиотеки иконок. Найдите нужную иконку и загрузите разные стили («темы»), цвета и размеры в выбранном вами формате файла:
Простая в использовании библиотека иконок Material
Набор иконок – это живое существо. Дайте ему любовь и инструменты, необходимые для успеха и роста.
Ресурсы
Библиотеки иконок
- Feather – великолепный набор из более 200 контурных иконок, которые хорошо масштабируются
- Material system icons – свыше тысячи утилитарных иконок для интерфейса в 5 стилях
- Nucleo – набор из примерно 30 тысяч иконок в 3 стилях: контурный, плоский / цветной и глиф
- Streamline – набор более 30 тысяч красиво нарисованных иконок в 3 весах
Агрегаторы иконок
- Noun Project – отличный способ поиска вдохновения в стилях и метафорах
Менеджеры иконок
- С помощью приложения Nucleo, вы можете импортировать наборы иконок, просматривать, экспортировать и перетаскивать их в нужные инструменты дизайна.
Перевод статьи medium.com
Принципы дизайна для идеального набора иконок
12 шагов, которые необходимо выполнить, если вы хотите создать выдающийся набор иконок
Привет! Меня зовут Дима, я дизайнер и создатель универсального набора иконок. Не так давно я выпустил версию 2.0 этого набора. Работая над версией 1.0, я четко не определил правила построения единой системы иконок. В результате возникли некоторые несоответствия.
Чтобы избежать подобных ситуаций в будущем, я создал принципы, которые можно использовать при построении системы иконок.
Мой список принципов верен для каждого стиля в наборе (линейный, сплошной, двухцветный). Таким образом, каждый стиль можно использовать отдельно или комбинировать друг с другом, в обоих случаях это будет выглядеть гармонично.
За основу я взял принципы Material Design и руководства IBM Design Language. В версии 2.0 я изменил дизайн всех значков и добавил новые. Теперь здесь 1671 иконка (557 для каждого стиля).
В общей сложности у меня получилось 12 правил. Продолжайте читать, в этой статье я делюсь своим опытом.
ЯсностьКаково основное назначение иконки? Быстрое понимание ее смысла. Человеческий глаз обрабатывает визуальные образы гораздо быстрее, чем текст. Кроме того, это универсальный способ понимания информации на любом языке. Поэтому, чем точнее метафора вашей иконки, тем быстрее она будет «прочитана». И это первое, на что следует обратить внимание при создании иконок.
Ясность (примеры)✅ “Используйте четкие образы”
❌ “Избегайте сложных для понимания образов”
Также важно обращать внимание на контекст использования иконки. Например, один и тот же значок дома будет иметь разное значение для интерфейса браузера и на картах.
ПростотаПрежде чем начать рисовать, необходимо подумать о том, как будет выглядеть ваша иконка. Чем проще будет ее изображение, тем легче будет понять ее конечному пользователю.
Простоты можно добиться, используя минимально возможное количество деталей для создания иконки. Если в процессе работы она окажется сложной, не бойтесь убрать лишние детали, оставив только самые важные.
✅ “Сделайте свои иконки как можно более простыми”
❌ “Не используйте в своих иконках много деталей”
Стиль набора иконокЕсли вы зайдете на Dribbble и наберете в строке поиска «иконки», вы увидите множество вариантов различных стилей иконок. Каждый стиль подходит для своих нужд. Все иконки в наборе должны быть выполнены в одном стиле, не забывайте об этом.
У меня в наборе три разных стиля — линейный, сплошной, двухцветный. По моему опыту, этого более чем достаточно, чтобы покрыть большинство случаев использования иконок.
Стиль набора иконок (примеры)✅ “Придерживайтесь единого стиля в рамках одного набора иконок”
❌ “Не используйте разные стили в рамках одного набора”
Вы можете использовать два стиля иконок, когда вам нужно выделить одну из них. Например, для навигации можно использовать значки в стиле линии, а для выделения — в стиле сплошной линии.
Базовая сеткаПерейдем к более техническим принципам. Они помогут нам создать систему с четкими правилами. Прежде всего, начните с выбора базовой сетки. Все иконки будут строиться на ее основе. Каждая часть вашей иконки должна быть помещена в пиксельную сетку.
Сетки различаются в зависимости от задачи. Наиболее распространенные размеры — 16×16, 24×24, 32×32, 48×48, 64×64, 96×96;
Размер сетки зависит от причины использования иконок, рекомендаций и особенностей операционной системы. Например, для Android размер сетки составляет 24 x 24 dp (dp — density independent pixels — плотность независимых пикселей).
Базовая сетка (примеры)✅ “Расположите иконку внутри пиксельной сетки”
❌ “Не помещайте иконку на десятичные значения координат x- и y-”
Область обрезкиОбласть обрезки (или отступы) указывает область сетки, которую следует избегать. Основная часть иконки должна располагаться точно в безопасной области (или живой области). В большинстве случаев это не правило, а рекомендация. Вы можете зайти в зону обрезки, если этого требует здравый смысл. В своем наборе я использую эту область как дополнительное пространство для маневра в исключительных случаях.
Область обрезки (примеры)✅ “Иконка должна размещаться внутри области обрезки”
❌ “Избегайте размещения частей иконки на область обрезки”
В некоторых случаях это правило нельзя нарушать. Например, когда мы имеем дело с иконками приложений для операционных устройств.
Основные формыВизуальный вес иконки должен быть одинаковым, если вы хотите, чтобы они выглядели гармонично. В этом помогут основные формы. К ним относятся квадрат, круг, горизонтальный и вертикальный прямоугольники.
Они помогают упростить создание иконок, сохраняя единый визуальный баланс для каждой из них. Визуальный вес иконки можно рассчитать по формуле. Значения будут приблизительными, но этого будет достаточно. А теперь давайте вспомним геометрию!
Начнем с площади круга:
d — высота безопасной зоныВ нашем случае диаметр «d» равен 20 пикселям, а радиус «r» — 10 пикселям, площадь круга приблизительно равна 314 пикселей².
Далее найдем стороны квадрата и его площадь:
а — округлите до ближайшего четного значенияСторона ‘a’ будет равна приблизительно 17,7 пикселям. Округлите до ближайшего четного числа. В нашем случае — 18 пикселей. Площадь квадрата составит 324 пикселей².
Теперь давайте найдем стороны прямоугольника:
b — высота безопасной зоныВ нашем случае сторона «b» составляет 20 пикселей, а сторона «c» — 16 пикселей.
Это дает нам размеры наших основных фигур:
Основные формы (примеры)Ширина линииПосле того как мы настроили основные параметры нашей сетки, мы можем приступить к созданию значков. Нам нужно выбрать ширину линии для иконок. Чтобы ваши иконки выглядели пиксельно идеально на любом устройстве, я рекомендую придерживаться целочисленного значения. Например, 1 px или 2 px.
Также важно не забывать о минимальном расстоянии между элементами. Оно также должно быть равно ширине линии или быть чуть больше нее.
Ширина линии (примеры)✅ “Будьте последовательны в использовании ширины линии и минимального свободного пространства”
❌ “Не используйте разные веса начертания и минимальный пробел меньше ширины линии”
УглыПри создании гармоничного набора иконок важно определить углы у ваших объектов. Для начала выберите форму углов: острые или закругленные. С острыми углами все понятно. Однако для закругленных углов следует установить правила, по которым они будут закругляться, в зависимости от размера объекта.
Например, у меня для основных объектов установлено закругление от 2 до 4 px в зависимости от размера.
Углы (примеры)Угол наклонаВы можете указать базовые значения или один шаг (например, 15 градусов) для выравнивания угла наклона косых линий. Это ограничение также поможет вам при создании иконок.
Угол наклона (примеры)Оптический балансЧасто то, что аккуратно с геометрической точки зрения, не является таковым с визуальной. При создании иконок необходимо выравнивать объекты по их визуальному весу. В первую очередь это относится к асимметричным объектам. Например, мы часто сталкиваемся с такой проблемой при рисовании иконки «воспроизведения».
Оптический баланс (примеры)✅ «Используйте оптический баланс”
❌ «Не полагайтесь только на цифровые значения”
В дополнение ко всем принципам, для единообразия иконок важно придерживаться одной перспективы. В большинстве случаев подойдет двухмерный вид значка. Это может быть вид сверху или спереди. Можно использовать 3D-вид, но тогда необходимо использовать одну и ту же перспективу для всех иконок в наборе.
Перспектива (2D / 3D) (примеры)Здравый смыслЯ рекомендую придерживаться этих принципов для создания целостного набора иконок, но вы также должны руководствоваться здравым смыслом и своим личным визуальным вкусом. Из любого правила есть исключения, так что нарушайте его, если это необходимо.
Здравый смысл (примеры)“В этом примере я использовал различные углы наклона, чтобы получить идеальную иконку с точностью до пикселя”
“В этом примере часть элемента “замка” расположена на области обрезки, таким образом его отображение на всех иконках останется единым”
ЗаключениеВместо скучного вывода я хочу показать вам видео, которое я сделал для Universal Icon Set v2.0.
Спасибо, что дочитали до конца. Надеюсь, эта статья была для вас полезной.
Как сделать иконку для сайта (2021) | Простое руководство для начинающих
Значок — это крошечное изображение или символ, представляющий содержимое веб-сайта в естественной для пользователей форме. Текст, цвета, изображения, рисунки и т. д. — это лишь некоторые из аспектов, из которых состоит веб-сайт. Веб-сайты с разнообразным дизайном используют иконки в качестве одного из этих компонентов.
В этой статье мы расскажем о самых простых способах обучения Как сделать иконку для сайта .
1 Что такое фавикон
2 Как сделать иконку для сайта
3 Подвести итог
Что такое Favicon
Они отображаются в адресной строке браузера, на вкладках просмотра и рядом с названием сайта в списке закладок пользователя. Как правило, они состоят из версии логотипа бренда или сайта размером 16 × 16 пикселей. Тем не менее, любое изображение может быть использовано в качестве представителя бренда.
Internet Explorer представил «значок избранного» в 1999 году. Если пользователь добавил веб-сайт в закладки в Internet Explorer, имя веб-сайта появилось в списке избранного со значком рядом с ним.
Как сделать значок для веб-сайта
Вот шаги, которые необходимо выполнить:
Создать изображение или логотип
Во-первых, вам нужно создать значок или изображение. Существуют программы для редактирования изображений, такие как Photoshop, Corel Paint и GIMP.
Для того, чтобы поддерживать постоянную идентичность бренда, многие фирмы используют свой корпоративный логотип в качестве основного элемента брендинга.
Начните с квадрата 64 на 64 пикселя, чтобы упростить редактирование. Затем вы можете уменьшить его до 16 x 16 пикселей позже. Затем сохраните файл в формате JPG, PNG, GIF, BMP или TIFF.
Преобразуйте свое изображение в формат .ico
favicon.ico следует сохранить после того, как вы будете удовлетворены внешним видом изображения. Почти все веб-браузеры поддерживают этот формат.
Например, iconifier.net, prodraw.net или faviconer.com могут помочь вам преобразовать файл в .ico.
Загрузить изображение в формате .
ico на свой сайтНеобходимо разместить файл .ico в корневом каталоге вашего сайта. При посещении www.yoursite.com/favicon.ico должно появиться изображение.
Добавьте пользовательский код в WordPress
Чтобы сделать вашу фавиконку более доступной для старых браузеров, вы можете обновить HTML-страницу своего веб-сайта. Если вы хотите убедиться, что все браузеры правильно отображают ваш значок, включите следующий код в заголовок, в теги вашей страницы:
Вы можете повысить свою узнаваемость в Интернете, создав фавикон для своего бизнеса. Практически без дополнительных затрат это может оказать огромное влияние на пользовательский опыт и повысить имидж вашей компании.
Подведение итогов
Использование слов для передачи понятий — самый простой метод. Однако потребителям может стать скучно или они потеряют концентрацию, если слишком много текста заставит их игнорировать все сообщение. Чтобы сделать этот метод еще более успешным, рассмотрите возможность добавления значков, описывающих эти функции и характеристики.
Мы надеемся, что это подробное руководство помогло вам понять Как сделать значок для веб-сайта . И для посетителя, который попросил нас написать статью о Как встроить видео из Facebook в WordPress . У нас есть отдельная статья на эту тему.
Если вам понравился этот пост, подпишитесь на наши видеоруководства по WordPress на канале YouTube . Не забудьте подписаться на нас на Pinterest .
Мы принимаем любые предложения от посетителей, потому что это всегда мотивирует нас совершенствоваться. Не стесняйтесь комментировать ниже.
Как создать ярлык на рабочем столе в Windows 10 и 11
Будь то простым щелчком правой кнопкой мыши на рабочем столе, клавишей [Windows] или в браузере — в Windows вы можете создавать ярлыки для важных программ, файлов, и страницы всего за несколько шагов.
Содержание
- Краткое руководство: создание ярлыка на рабочем столе
- К чему можно добавить ярлык с рабочего стола?
- Windows 10 и Windows 11: создание ярлыков
- Создание ярлыка файла (на примере текстового файла)
- Создание ярлыка программы (на примере Word)
- Создание ярлыка веб-сайта (на примере Edge)
$1 Доменные имена
Зарегистрируйте отличные TLD менее чем за 1 доллар в первый год.
Зачем ждать? Получите свое любимое доменное имя сегодня!
Соответствующий адрес электронной почты
Сертификат SSL
Поддержка 24/7/365
Краткое руководство: создание ярлыка на рабочем столе
Для файлов:
- Щелкните правой кнопкой мыши на рабочем столе.
- Перейдите в «Создать», затем в «Ярлык».
- Введите имя или воспользуйтесь строкой поиска.
- Выберите файл и подтвердите ярлык.
Для программ:
- Нажмите клавишу [Windows].
- Найдите нужную программу.
- Перетащите символ программы на рабочий стол.
Для веб-сайтов:
- Откройте страницу в браузере.
- Щелкните значок замка рядом с URL-адресом.
- Перетащите ярлык веб-сайта на рабочий стол.
К чему можно перейти с рабочего стола?
Ярлыки на рабочем столе — это маленьких значков на рабочем столе , которые позволяют двойным щелчком открыть файл, веб-страницу или программу по вашему выбору. Ярлыки можно создавать практически для чего угодно:
- Для программы , которую вы используете регулярно
- Для файла , с которым вы работаете в настоящее время
- Для веб-сайта , который вы часто посещаете
- Для игры 900 12 вы играете
Вы также можете создать ярлык для Windows 10 God Mode, который позволяет найти все настройки панели управления в одном удобном списке. Количество возможных ярлыков в основном ограничено только размером рабочего стола. Однако желательно четко структурировать ярлыки и не перегружать рабочий стол.
Windows 10 и Windows 11: создание ярлыков
В следующем руководстве мы покажем вам, как создать ярлык на рабочем столе для файла, программы и веб-сайта в Windows 10 и Windows 11.
Создание файла ярлык (на примере текстового файла)
Шаг 1: Щелкните правой кнопкой мыши пустое место на рабочем столе.
Шаг 2: В меню выберите «Создать», а затем «Ярлык».
Используйте пункты меню «Создать» и «Ярлык» на рабочем столе, чтобы создать ярлык файла.Шаг 3: Если вы знаете расположение файла, введите соответствующее ключевое слово в строку поиска . Или нажмите «Обзор», чтобы найти его местоположение.
Шаг 4: Нажмите на файл, на который вы хотите установить ссылку, и подтвердите, нажав «ОК». Путь к файлу появится в меню. Нажмите «Далее».
Шаг 5: В следующем окне введите имя ярлыка или примите имя файла. Нажмите « Готово », чтобы создать ярлык на рабочем столе.
Перед созданием ярлыка у вас есть возможность переименовать его.Создание ярлыка программы (на примере Word)
Шаг 1: Если вы хотите создать ярлык для программы, нажмите клавишу [Windows] и выберите нужную программу из списка. В нашем примере мы покажем вам, как создать ярлык на рабочем столе для Word.
Чтобы открыть программу, найдите ее в меню «Пуск» Windows.Шаг 2: Нажмите на значок программы, удерживайте кнопку мыши или сенсорную панель и перетащите программу на рабочий стол в виде ярлыка. Ярлык появится автоматически.
Когда вы вытаскиваете программу из списка на рабочий стол, автоматически создается ярлык.Создание ярлыка веб-сайта (на примере Edge)
Шаг 1: Принцип создания ярлыка веб-сайта на рабочем столе одинаков в браузерах Chrome, Edge и Firefox. Нажмите на символ блокировки вверху рядом с URL-адресом и перетащите его на рабочий стол.
Используйте символ блокировки рядом с URL-адресом веб-сайта, чтобы перетащить веб-страницу в качестве ярлыка на рабочий стол.Шаг 2: Выбранная веб-страница теперь появится в виде ярлыка на рабочем столе. Дважды щелкните его, чтобы открыть в браузере по умолчанию.
Ярлыки веб-сайтов отображаются с собственными значками на рабочем столе.- Конфигурация
- Windows
- Учебники
Статьи по теме
900 30 Как изменить автозагрузку программ в Windows 11- Конфигурация
Автоматический запуск программ во время запуска системы — полезная функция, которая может сэкономить вам много времени на повторное открытие приложений или документов, которые вы часто используете. Но как добавить или удалить приложения для автозагрузки в Windows 11? В этой статье мы суммируем основы запуска Windows 11 и способы настройки папки.
Как изменить программы запуска в Windows 11Как сделать снимок экрана в Windows 11
- Конфигурация
Существует множество веских причин, по которым вам может понадобиться сделать снимок экрана в Windows 11. Возможно, вы хотите задокументировать сообщение об ошибке, чтобы поделиться с ИТ-отделом, или, может быть, вам нужно запечатлеть момент в программе, которая не предлагает соответствующей функции. В нашем руководстве показано, как сделать снимок экрана в Windows 11 с помощью комбинаций клавиш или инструмента Snipping Tool.
Как сделать снимок экрана в Windows 11Как изменить язык клавиатуры в Windows 11
- Конфигурация
QWERTZ, QWERTY или AZERTY? Раскладки клавиатуры, то есть расположение букв на клавиатуре, имеют тенденцию различаться в зависимости от страны (или от одного языка к другому). Специальные символы также различаются в зависимости от выбранной клавиатуры и/или раскладки. Мы покажем вам, как изменить язык клавиатуры в Windows 11, чтобы вы всегда использовали раскладку по своему выбору.
Как изменить язык клавиатуры в Windows 11Как сделать резервную копию Windows 11
- Конфигурация
Не оставляйте все на волю случая, когда речь идет о личных или деловых файлах. Примите меры предосторожности против возможной потери данных, регулярно выполняя резервное копирование фотографий, видео, документов и т. д. Узнайте, как создать резервную копию всей системы или отдельных файлов или каталогов и папок в Windows 11.
Как сделать резервную копию Windows 11Windows 11: виртуальные рабочие столы — определение и руководство
- Конфигурация
На рабочем столе закончилось место для дополнительных ярлыков? У вас запущено слишком много разных приложений и окон, и вы на грани того, чтобы сбиться с пути? «Виртуальный рабочий стол» Windows 11 — идеальное решение.