Как создать значок: Как создать значок или другое изображение

Содержание

Как создать значок или другое изображение



  • Чтение занимает 4 мин

В этой статье

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

Значки и курсоры: ресурсы изображений для устройств отображения

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

При создании нового значка или курсора Редактор изображений сначала создает изображение стандартного типа. Это изображение сначала заполняется цветом экрана (прозрачным). Если изображение является курсором, активная разкраска изначально находится в левом верхнем углу с координатами 0,0 .

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

ЦветШирина (в пикселях)Высота (в пикселях)
Монохромный1616
Монохромный3232
Монохромный4848
Монохромный6464
Монохромный9696
161616
163232
166464
164848
169696
2561616
2563232
2564848
2566464
2569696

Создание образа устройства (значок или курсор)

При создании нового ресурса или значка курсора Редактор изображений сначала создает изображение в определенном стиле (32 × 32, 16 цветов для значков и 32 x 32, монохромный для курсоров). Затем можно добавлять изображения различных размеров и стилей к начальному значку или курсору и при необходимости редактировать каждое дополнительное изображение для различных устройств вывода. Можно также изменить изображение с помощью операции вырезания и вставки из существующего типа изображения или из растрового изображения, созданного в графической программе.

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

Диалоговое окно Создание < > типа образа устройства позволяет создать новый образ устройства указанного типа. Чтобы открыть диалоговое окно Создание <Device> изображения , перейдите в меню изображение > создать тип изображения. Включены следующие свойства: тип целевого образа и Пользовательский.

В свойстве тип целевого образа перечислены доступные типы изображений, в которых выбирается тип образа, который нужно открыть:

16 x 16, 16 цветов
32 x 32, 16 цветов
48 x 48, 16 цветов
64 x 64, 16 цветов
96 x 96, 16 цветов

16 x 16, 256 цветов
32 x 32, 256 цветов
48 x 48, 256 цветов
64 x 64, 256 цветов
96 x 96, 256 цветов

16 x 16, монохромная
32 x 32, монохромная
48 x 48, монохромная
64 x 64, монохромная
96 x 96, монохромная

Примечание

Все существующие образы не будут отображаться в этом списке.

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

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

СвойствоОписание
WidthМесто для ввода ширины пользовательского изображения в пикселях (1-512, максимум 2048).
HeightМесто для ввода высоты пользовательского изображения в пикселях (1-512, ограничение в 2048).
ЦветаПоле для выбора количества цветов для пользовательского образа: 2, 16 или 256.

Диалоговое окно < Открытие > образа устройства используется для открытия образов устройств в проектах C++. В нем перечислены существующие образы устройств в текущем ресурсе (изображения, которые являются частью текущего ресурса). Включается следующее свойство:

СвойствоОписание
Текущие образыСписок изображений, содержащихся в ресурсе. Выберите тип образа, который необходимо открыть.
Создание нового значка или курсора
  1. В представление ресурсовщелкните правой кнопкой мыши RC -файл и выберите пункт Вставить ресурс. Если у вас уже есть ресурс изображения в RC -файле, например курсор, щелкните правой кнопкой мыши папку курсор и выберите команду Вставить курсор.

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

    Если + рядом с типом ресурса Image в диалоговом окне Вставка ресурса отображается знак «плюс» (), это означает, что доступны шаблоны панели инструментов. Щелкните знак «плюс», чтобы развернуть список шаблонов, выберите шаблон и нажмите кнопку создать.

Добавление изображения для другого устройства вывода

  1. Перейдите в меню изображение > создать изображение устройства или щелкните правой кнопкой мыши в области редактора изображений и выберите пункт создать изображение устройства.

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

Копирование образа устройства

  1. Последовательно выберите пункты изображение > Открыть изображение устройства и выберите изображение из списка текущие изображения. Например, выберите версию значка 32 × 32, 16 цветов.

  2. Копировать отображаемое в данный момент изображение значка (CTRL + C).

  3. Откройте другое изображение значка в другом окне редактора изображений . Например, откройте 16-цветную версию значка.

  4. Вставьте изображение значка (CTRL + V) из одного окна редактора изображений в другое. При копировании большего размера в меньший размер можно использовать маркеры значков для изменения размера изображения.

Удаление образа устройства

Пока изображение значка отображается в редакторе изображений, последовательно выберите пункты изображение > Удалить изображение устройства. При удалении последнего изображения значка в ресурсе также удаляется ресурс.

Примечание

При нажатии клавиши Del изображения и цвета, созданные на значке, удаляются, но значок остается, и теперь его можно переконструировать. Если нажать клавишу Del по ошибке, нажмите CTRL + Z , чтобы отменить действие.

Создание прозрачных или инвертированных областей в образах устройств

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

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

Примечание

Отображаемые диалоговые окна и команды меню могут отличаться от описанных в справке в зависимости от текущих параметров или выпуска. Чтобы изменить параметры, последовательно выберите пункты меню > Импорт и экспорт параметров. Дополнительные сведения см. в разделе Персонализация интегрированной среды разработки Visual Studio.

Создание прозрачных или инвертированных областей
  1. В окне цвета выберите Цвет экрана Selector или Инверсный цвет.

  2. Примените экран или инвертированный цвет к изображению с помощью инструмента рисования. Дополнительные сведения о средствах рисования см. в разделе Использование инструмента рисования.

Изменение экрана или инвертированного цвета
  1. Выберите селектор цвета экрана или селектор инвертированного цвета .

  2. Выберите цвет из палитры цвета в окне цвета .

    Дополнительный цвет автоматически назначается для другого селектора.

Использовать палитру 256-Color

При использовании редактора изображений значки и курсоры могут иметь большой размер (64 × 64) с палитрой типа «256-Color». После создания ресурса выбирается стиль изображения устройства.

Создание значка или курсора 256-цвета
  1. В представление ресурсовщелкните правой кнопкой мыши RC -файл и выберите пункт Вставить ресурс. Если у вас уже есть ресурс изображения в RC -файле, например курсор, щелкните правой кнопкой мыши папку курсор и выберите команду Вставить курсор.

  2. В диалоговом окне Вставка ресурсавыберите значок или курсор и нажмите кнопку создать.

  3. Последовательно выберите пункты меню изображение > создать изображение устройства и выбор стиля изображения 256-Color.

Выбор цвета из 256-цветовой палитры для крупных значков

Чтобы нарисовать выделенный фрагмент из 256-цветовой палитры, необходимо выбрать цвета в палитре цвета в окне цвета.

  1. Выберите крупный значок или курсор или создайте новый крупный значок или курсор.

  2. Выберите цвет из цвета 256, отображаемых в палитре цвета в окне цвета .

    Выбранный цвет станет текущим цветом в палитре цвета в окне цвета .

    Примечание

    Начальная палитра, используемая для изображений 256-цветов, соответствует палитре, возвращаемой CreateHalftonePalette API-интерфейсом Windows. Все значки, предназначенные для оболочки Windows, должны использовать эту палитру для предотвращения мерцания во время реализации палитры.

Установка активной точки курсора

Активная точка курсора представляет собой точку, на которую Windows ссылается при отслеживании положения курсора. По умолчанию гиперобъект задается в левом верхнем углу курсора с координатами 0,0 . В свойстве Hotspot в окно свойств отображаются координаты активной точки.

  1. На панели инструментов редактора изображенийвыберите инструмент Задать активную область .

  2. Выберите пиксель, который требуется назначить в качестве горячей точки курсора.

    В свойстве Hotspot в окне свойства отображаются новые координаты.

Создание и сохранение точечного рисунка в формате GIF или JPEG

При создании точечного рисунка изображение создается в формате точечного рисунка (BMP). Однако можно сохранить изображение в формате GIF или JPEG или в других графических форматах.

Примечание

Этот процесс не применяется к значкам и курсорам.

  1. Перейдите в меню файл > Открыть, а затем выберите файл.

  2. В диалоговом окне новый файл выберите папку Visual C++ , выберите файл точечного рисунка (. bmp) в поле шаблоны и нажмите кнопку Открыть.

    Точечный рисунок откроется в редакторе изображений.

  3. Внесите необходимые изменения в новый точечный рисунок.

  4. Если точечный рисунок все еще открыт в редакторе изображений, выберите файл меню > Сохранить имя_файла. bmp как.

  5. В диалоговом окне сохранить файл как введите имя, которое нужно присвоить файлу, и расширение, которое обозначает необходимый формат файла в поле имя файла . Например, myfile.gif.

  6. Щелкните Сохранить.

Преобразование изображения из одного формата в другой

Вы можете открывать изображения в формате GIF или JPEG в редакторе изображений и сохранять их в виде растровых изображений. Кроме того, можно открыть файл точечного рисунка и сохранить его в формате GIF или JPEG. Изображения, с которыми вы работаете, не должны быть частью проекта для редактирования в среде разработки (см. раздел Редактирование автономных образов).

  1. Откройте изображение в редакторе изображений.

  2. Последовательно выберите файл меню > Сохранить имя файла как.

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

  4. Щелкните Сохранить.

Добавление нового ресурса изображения в неуправляемый проект C++

  1. В представление ресурсовщелкните правой кнопкой мыши RC -файл и выберите пункт Вставить ресурс. Если у вас уже есть ресурс изображения в RC -файле, например курсор, можно просто щелкнуть правой кнопкой мыши папку курсора и выбрать пункт Вставить курсор.

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

    Если + рядом с типом ресурса Image в диалоговом окне Вставка ресурса отображается знак «плюс» (), это означает, что доступны шаблоны панели инструментов. Щелкните знак «плюс», чтобы развернуть список шаблонов, выберите шаблон и нажмите кнопку создать.

Добавление нового ресурса изображения в проект на языке программирования .NET

  1. В Обозреватель решений щелкните правой кнопкой мыши папку проекта (например, WindowsApplication1).

  2. В контекстном меню выберите Добавить, а затем выберите Добавить новый элемент.

  3. В области категории разверните папку локальные элементы проекта , а затем выберите ресурсы.

  4. В области шаблоны выберите тип ресурса, который вы хотите добавить в проект.

    Ресурс будет добавлен в проект в Обозреватель решений , а ресурс откроется в редакторе изображений. Теперь для изменения образа можно использовать все средства, доступные в редакторе изображений . Дополнительные сведения о добавлении изображений в управляемый проект см. в разделе Загрузка изображения во время разработки.

Требования

Нет

См. также раздел

Редактор изображений для значков
Как изменить изображение
Руководство. Использование инструмента рисования
Как работать с цветом
Сочетания клавиш



Как создать ярлык на рабочем столе в Windows 10, 8, 7

Очень часто вредоносное программное обеспечение меняет ярлыки для приложений, и приходится иногда их удалять, после чего создавать новые. Чтобы не объяснять каждый раз знакомым как это делается – опишу один раз вместе с картинками. Сегодня рассмотрим несколько способов создания ярлыков для приложений на рабочем столе в Windows 10, 8 и 7.

Инструкция писалась на Windows 10, но в других версиях все делается таким же способом!

Создать ярлык на рабочем столе в Windows

Самое наверное сложное – это найти где находится ваше приложение. Если вы знаете, что на компьютере установлено приложение, но ярлыков нет на рабочем столе и в меню “Пуск”,  и вы не знаете на каком оно диске – можно открывать различные папки по очереди чтобы его найти, а можно в строке поиска написать название и найти его.

Когда вы уже нашли папку с приложением – открываете папку => находите файл, который запускает программу (обычно этот файл с расширением .exe и возле него может писаться “приложение”, также он со значком программы) => попробуйте данный файл открыть, если открылось нужное приложение – значит вы нашли правильный файл => нажимаете на него правой клавишей мыши и из открывшегося меню выбираете “Отправить” => в разветвлении нажимаем на “Рабочий стол(создать ярлык)”

Всё, на рабочем столе появился ярлык для запуска нужного приложения.

Второй способ создать ярлык: также как и в способе выше – нужно сначала найти приложения, ярлык для которого будем создавать. Когда уже нашли – также как в способе выше нажимаем на нужное приложение правой клавишей мыши и выбираем “Создать ярлык”

Если в папке запрещено создавать ярлыки – то перед вами появится уведомление об этом и предложит сразу же поместить ярлык на рабочий стол, что нам и нужно. Нажимаем “ДА”.

Если ярлык создался в папке с приложением, нам нужно перекинуть его на рабочий стол – нажимаем “Свернуть в окно” => нажимаем на созданный ярлык левой клавишей мыши и не отпуская клавишу тянем ярлык в сторону рабочего стола => когда он будет над столом – отпустите левую клавишу и увидите, что ярлык уже на рабочем столе.

Третий способ создать ярлык: также как и в других способах вы должны знать где находится то приложение, для которого вы хотите создать ярлык. Нажмите на рабочем столе в любой пустой области правой клавишей мыши и из открывшегося меню выберите “Создать” => “Ярлык”.

В следующем окне нужно прописать путь к приложению или выбрать его, нажимаем “Обзор”

Находим приложение, для которого создается ярлык, и выбираем его => нажимаем “ОК”

Возле “Укажите расположение объекта” будет прописан путь к приложению, нажимаем “Далее”

Называем ярлык любым словом и нажимаем “Готово”

Всё, ярлык создан, можете с него запускать приложение.

Как переименовать ярлык

Чтобы переименовать новый ярлык или любой из находящихся на рабочем столе – просто нажмите на него правой клавишей мыши и из открывшегося меню выберите “Переименовать”

Пишите любое название и нажимаете Enter

Как изменить значок ярлыка

Чтобы изменить значок любого ярлыка на рабочем столе – нужно нажать на него правой клавишей мыши и выбрать из списка “Свойства”

Во вкладке “Ярлык” нажмите на “Сменить значок”

В первом окне вы можете выбрать любой значок и нажать “ОК”, если здесь нет нужного значка – нажимаем “Обзор”

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

Мы в примере открыли папку с драйверами Intel и выбрали установочный файл, в этом окне значок данного приложения, который можно выбрать и нажав “ОК” – задать его для ярлыка нужного приложения.

Всё, мы сменили значок для ярлыка на рабочем столе.

На сегодня всё, если есть дополнения – пишите комментарии! Удачи Вам 🙂

Как в Windows создать иконку для выключения / перезагрузки компьютера

Выключить компьютер с Windows довольно быстро – в Windows 10 для этого понадобится всего три клика. Но зачем каждый день совершать лишние действия, ведь можно их немного упростить. Все, что вам надо сделать – создать ярлык для отключения компьютера. Тем самым удастся сэкономить свое время.

♥ ПО ТЕМЕ: Опрос: На какой версии Windows работал ваш первый компьютер?

 

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

Чтобы создать значок выключения, щелкните правой кнопкой мыши на рабочем столе, наведите курсор мыши на меню «Создать» и выберите «Ярлык».

Появится меню «Создать ярлык». В текстовом поле «Укажите расположение объекта» введите следующую команду и нажмите «Далее»:

shutdown.exe /s /t 00

В следующем окне введите имя для нового ярлыка при необходимости. По умолчанию подставится слово Shutdown, но вы можете выбрать другое.

Теперь нажмите «Готово» для завершения процесса создания ярлыка.

Новый значок выключения появится на рабочем столе.

Теперь, когда вы дважды щелкаете по значку, ваш компьютер мгновенно выключается.

♥ ПО ТЕМЕ: Скрытые папки и файлы в Windows 10: как скрыть (показать) фото, видео, документы, диски.

 

Как изменить изображение на ярлыке

По умолчанию, полученная иконка выглядит невзрачно. Исправить это достаточно просто.

Нажмите на ярлык правой кнопкой мыши и выберите «Свойства».

Перейдите во вкладку «Ярлык» и нажмите на кнопку «Сменить значок».

В появившемся всплывающем окне, нажмите OK.

 

Выберите подходящий значок и нажмите OK.

 

Нажмите «Применить».

♥ ПО ТЕМЕ: Как ускорить работу компьютера с Windows 10, 8, 7: 20 советов.

 

Другие полезные ярлыки

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

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

Итак, еще раз, просто щелкните правой кнопкой мыши на рабочем столе, наведите курсор на «Создать» и выберите «Ярлык». Затем введите любую из приведенных ниже команд, чтобы создать другие нужные вам ярлыки.

Перегрузиться

Shutdown.exe /r /t 00

 

Перейти в спящий режим

rundll32.exe powrprof.dll, SetSuspendState 0,1,0

 

Переход в режим гибернации

rundll32.exe PowrProf.dll, SetSuspendState

 

Блокировка ПК

Rundll32.exe User32.dll, LockWorkStation

Смотрите также:

Как создать пользовательские значки на рабочем столе Windows с Rainmeter

Вы думаете, что стандартные иконки Windows не впечатляют, и вам не хватает чего-то более уникального?

Rainmeter, возможно, лучший инструмент настройки для Windows

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

Лучшая часть о иконках Rainmeter? Если вы хотите использовать фантастические значки, сделанные фанатами, которые уже есть в вашем распоряжении, или сами создавать собственные значки, каждый может испытать удовлетворение от пользовательских значков рабочего стола с помощью Rainmeter. Вот как!

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

Значки дождемера

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

Тем не менее, часто лучше узнать, как создать значок, прежде чем начинать загрузку и установку наборов иконок. Поскольку настройки скинов Rainmeter основаны на тексте, изучение скинов Rainmeter поможет вам максимально эффективно использовать скины. Таким образом, вы можете загружать и редактировать скины на досуге, а не полагаться на уже созданные. Ведь у Rainmeter очень активная база пользователей!

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

Для создания скина Rainmeter вам понадобятся два предмета

: файл изображения и файл обложки Rainmeter (INI). Перейдите в папку Rainmeter в папке «Документы», которая создается по умолчанию при установке Rainmeter. Затем создайте папку в этом каталоге для хранения ваших значков. Назовите это как хотите.

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

[Rainmeter]
Update=1000
LeftMouseUpAction=["[address]"]
[Background]
Meter=Image
ImageName=[image file name].png
W=[width]
H=
PreserveAspectRatio=1 

Сохраните этот документ с расширением INI (например, muologo.ini), а не с обычным расширением TXT. Это позволит Rainmeter распознать вашу кожу. Вам придется заменить три жирных параметра выше.

  • [адрес] — Поместите адрес по вашему выбору здесь, в две кавычки. Параметр LeftMouseUpAction указывает, что действие совершается всякий раз, когда пользователь щелкает левой кнопкой мыши значок.
  • [имя файла изображения] — Поместите здесь имя вашего графического файла, который должен находиться в том же каталоге, что и ваш INI-файл. Это позволит Rainmeter вызывать изображение для вашей иконки.
  • [Ширина] — Поместите ширину, измеренную в пикселях по умолчанию, рядом с параметром W. Поскольку для нашего параметра PreserveAspectRatio установлено значение 1, ваша ширина будет определять ширину и высоту значка. Если ты уйдешь ширина пустое, ваше изображение будет отображаться в исходном разрешении.

Ваша папка Rainmeter должна выглядеть примерно так:

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

Размещение вашего значка

Теперь, когда вы создали свою иконку, пришло время разместить ее. Во-первых, убедитесь, что ваш INI и файл изображения находятся в одном месте. Далее нажмите Обновить все в нижней левой части вашего Управление Rainmeter окно.

Затем найдите вновь созданную папку значков. Эта папка должна находиться под Активные скины выбор в вашем окне Rainmeter.

Нажмите на раскрывающееся меню рядом с MUO Icon, как написано в приведенном выше примере, вы должны увидеть файл скина INI.

Если вы не видите этот файл, убедитесь, что вы добавили расширение INI в свой файл. Как только вы нашли свой INI-файл, двойной щелчок файл или выберите нагрузка из окна Rainmeter. Теперь вы должны увидеть свой скин на рабочем столе: если нет, не забудьте убедиться, что ваши файлы размещены и настроены правильно.

Вот так можно создавать иконки в Rainmeter!

Готовые наборы иконок

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

ячеистый

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

Библиотека обширна и постоянно совершенствуется, чтобы создавать более сложные и функциональные значки. Кроме того, Honeycomb + GGL предоставит пользователям аналогичные пользовательские значки Rainmeter с дополнительным эффектом наведения мыши. Эффект наведения мыши добавит на рабочий стол фон, отражающий выбранный вами значок.

Если вам нужно несколько иконок Rainmeter, чтобы оживить ваш рабочий стол, Honeycomb — отличный способ.

Circle Launcher

Еще одна фантастическая, простая иконка — Circle Launcher. Если вы не цените определенный аспект линии Honeycomb, Circle Launcher определенно должен быть вашим набором значков.

Он делает все, что вы хотите от набора иконок для начинающих, и ничего, что вы не делаете.

Сильмерия Док — Медовый месяц

Silmeria Dock — Honeymoon — простой, но в то же время сложный набор иконок для ящиков, предоставляет пользователям простой интерфейс для добавления, удаления и изменения их значков.

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

Яркий Launcher

Vivid Launcher — это великолепное новое дополнение к складкам Rainmeter. Это очень настраиваемое средство запуска значков с аккуратным наведением мыши для загрузки.

Значки Vivid Launcher, наряду с функцией наведения мыши, также легко изменить. Просто щелкните правой кнопкой мыши скин и выберите НАСТРОЙКИ модифицировать.

Наборы изображений значков

Следующее не скины Rainmeter. По крайней мере, пока. Когда вы начнете создавать свои собственные значки, вам понадобится много изображений значков. Вот где такие сайты, как Flaticon, вступают в игру.

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

Дождемер, иконоборчество

Rainmeter позволяет пользователям создавать и настраивать свои значки, предлагая бесконечные возможности. Это включает в себя опции как для мирян, так и для обезьян. Создайте свою собственную иконку и поделитесь ею или используйте чужую: вот что делает Rainmeter фантастическим. Вы также обнаружите, что использование иконок — это только полдела: реализация скинов

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

Ранее мы показали вам, как использовать Rainmeter для создания рабочего стола Parallax.

3D голограмма

и интерактивные живые обои

,

Какие другие функции или приложения Rainmeter вы хотели бы изучить? Дайте нам знать в комментариях ниже!

Два способа, как создать ярлык YouTube на рабочем столе

На ютуб мы заходим из браузера. Главная страница сервиса или ссылки на конкретные видео отображаются в закладках, на панели управления. Еще удобнее – создать ярлык YouTube на рабочем столе.

Способ №1. Ссылка-ярлык

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

Окно браузера нужно уменьшить, чтобы видеть зону рабочего стола. Один из способов – кликнуть на квадратик в правом верхнем углу.

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

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

Это можно исправить. Кликаем правой кнопкой мыши на ярлык и выбираем «Свойства». В первом же окне кликаем «Сменить значок».

Дальше – «Обзор». Предварительно нужно скачать значок с расширением .ico. Иконки в свободном доступе можно найти в интернете.

Выбираем значок и везде нажимаем «ОК».

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

Способ №2. Windows 10 и Google Chrome

Второй вариант – создать ярлык ютуба в другом браузере. Способ подходит для Windows 10 и браузера Google Chrome (как альтернатива – Яндекс.Браузер). В более старых версиях Windows созданные ярлыки часто работают некорректно.

Сделаем ютуб-ярлык на примере Хрома. Создаем ярлык через «Дополнительные инструменты», как показано ниже.

Задаем любое имя ярлыку и нажимаем «ОК».

На рабочем столе появился ярлык главной страницы ютуба с оригинальной иконкой. Открывается страница в отдельной вкладке.

Сделать ярлык YouTube на рабочем столе можно двумя способами. Первый — простой перенос адресной строки на рабочий стол. Иконка легко заменяется в несколько кликов. Второй подходит для бразуера Chromeю: несколько кликов в инструментах создают оригинальный ярлык на рабочем столе.

Читайте еще:

Как сделать ярлык сайта на рабочий стол.

Как уменьшить значки на рабочем столе?

Что делать, если не работает YouTube на телевизоре?

На компьютере не работает YouTube — в чем причина и что делать?

Как создать ярлыки – Справочный центр Evernote

< Назад
/
Вперед >

Как создать ярлыки

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

Создать ярлык

Чтобы создать ярлык, выберите из списка операционную систему и следуйте инструкции.

  • Mac

    Щелкните правой кнопкой мыши по заметке, блокноту, набору блокнотов или метке в списке и выберите в открывшемся меню Добавить в ярлыки.

    В новом Evernote для Mac нельзя добавить метки в ярлыки.

  • Windows

    Щелкните правой кнопкой мыши по заметке, блокноту, набору блокнотов или метке в списке и выберите в открывшемся меню Добавить в ярлыки.

    В новом Evernote для Windows нельзя добавить метки в ярлыки.

  • iPhone, iPad и iPod touch

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

  • Android

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

  • Web

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

    В новом Evernote Web нельзя добавлять метки в ярлыки.

    Старая версия Evernote Web: наведите курсор на заметку, блокнот или метку в списке, затем нажмите на «звездочку».

    В аккаунтах Evernote Teams нельзя добавлять метки в ярлыки.

Чтобы добавить сохраненный поисковый запрос в ярлыки, сохраняя поисковой запрос, поставьте галочку в пункте «Добавить сохраненный запрос в ярлыки». Если вы уже создали сохраненный запрос, вызовите его, нажмите на три точки наверху списка заметок, нажмите Редактировать сохраненный запрос…, затем поставьте нужную галочку, чтобы добавить запрос в ярлыки.

СВЯЗАННЫЕ:

LANGUAGES_PRODUCT

Как создать ярлык Госуслуги на рабочем столе компьютера

Пользуясь компьютером каждый из нас старается всегда держать под рукой часто используемые, ежедневно необходимые программы, приложения, папки, файлы и прочее. И где удобнее всего хранить регулярно используемые компоненты? Конечно, на рабочем столе компьютера. Поэтому нисколько не удивительно, что масса пользователей портала Госуслуги интересуются, вывести значок Госуслуги на рабочий стол, чтобы открывать портал одним кликом. Поэтому в данной статье разберемся, как создать ярлык Госуслуги на рабочем столе компьютера!

Как добавить значок Госуслуги на рабочий стол на компьютере

С мобильными устройствами все ясно — пользователю необходимо просто скачать и установить приложение Госуслуги на телефон, и значок приложения автоматически появится на экране смартфона! А как скачать Госуслуги на рабочий стол компьютера? На самом деле, нельзя скачать приложение Госуслуги на рабочий стол компьютера, потому как такого приложения просто не существует. Однако, пользователи могут очень просто создать ярлык Госуслуг на рабочем столе самостоятельно.

Итак, чтобы установить ярлык Госуслуг на рабочем столе компьютера необходимо:

  1. Зайти на Госуслуги в любом браузере и выделить url адрес госуслуг в адресной строке браузера — для этого нужно просто кликнуть по нему одни раз левой кнопкой мыши;
  2. Далее необходимо нажать на него левой кнопкой мыши и, не отпуская, просто «перетянуть» его на свой рабочий стол. Удобнее делать это, когда браузер заранее открыт не на полный экран, а рядом открыт рабочий стол;
  3. Как только пользователь «отпустить» адрес Госуслуг в нужном месте рабочего стола, будет создан ярлык Госуслуг;

Вот таким образом можно легко и просто добавить значок Госуслуг на рабочий стол компьютера!

Как вывести Госуслуги на рабочий стол компьютера

А как еще вывести Госуслуги на рабочий стол компьютера? Кроме показанного выше способа, создать ярлык Госуслуг на рабочем столе компьютера можно так:

  1. Сперва нужно открыть портал Госуслуги в любом браузере и скопировать url адрес;
  2. После чего перейти на рабочий стол компьютера, кликнуть правой кнопкой мыши по свободному месту и во вкладке создать выбрать «Ярлык»;
  3. В открывшемся окне следует вставить скопированный адрес в соответствующее поле и кликнуть по кнопке «Далее»;
  4. Теперь нужно просто дать название ярлыку — например, в нашем случае «Госуслуги». Остается лишь кликнуть «Готово», чтобы добавить ярлык Госуслуг на рабочий стол!

Создание иконок — загрузка в векторном формате, PNG, SVG, GIF

Создание иконок — загрузка в векторном формате, PNG, SVG, GIF

Иконки

Фото

Музыка

Иллюстрации

Поиск

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Анимированные

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Создавать

+
Коллекция

Как создавать значки для Windows 10

Если вы хотите заменить значки для определенных приложений или файлов в своей системе, это довольно просто сделать.Однако у вас могут возникнуть проблемы с поиском нужного значка, и простой файл ICO может не помочь. Если у вас нет технических навыков, необходимых для создания значков для Windows 10, вам не обязательно останавливаться на достигнутом. Если у вас есть файл PNG или даже JPG, вы можете преобразовать его в файл значка, который будет работать в Windows 10.

PNG против JPG

Хотя с помощью этого метода вы можете преобразовать файл PNG или JPG в файл ICO, между полученным файлом значка все равно будет одно существенное различие.Разница связана с разницей между форматами файлов PNG и JPG. Файлы PNG поддерживают прозрачность, а файлы JPG и JPEG — нет. Это означает, что значки, созданные из файла JPEG, будут «заполнены».

Возьмем, к примеру, значок Chrome. Это не идеальный квадрат. Если у вас есть этот значок в формате JPG, вокруг будет сплошная белая рамка. Когда вы конвертируете его в значок для Windows 10, белый цвет все равно будет виден. Однако, если у вас есть значок Chrome в формате PNG и он прозрачный, значок также будет прозрачным.

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

Существует множество инструментов для создания значков из изображений PNG и JPG / JPEG, но мы рекомендуем использовать IcoConvert. Он может изменять размер изображений, а также применять стиль формы. Мы настоятельно рекомендуем использовать квадратное изображение, иначе оно будет растянутым или сжатым. Если вы загружаете изображения для использования, убедитесь, что они не защищены авторскими правами.

Получив изображение, посетите IcoConvert и загрузите его. Вы можете пропустить шаги 2 и 3 и перейти сразу к шагу 4.

Убедитесь, что выбран вариант «ICO для Windows 7, Windows 8, Vista и XP». Это сэкономит вам время, потраченное на выбор размера изображения. Нажмите «Конвертировать ICO», и изображение будет преобразовано в значок. Нажмите кнопку загрузки и сохраните файл на рабочий стол.

Файлы значков отлично работают в Windows 10, даже если приложение не сообщает об этом. Значок будет работать со значками всех размеров, которые требуются в Windows 10, однако качество будет зависеть от исходного файла, который вы загрузили.Если вы загрузили файл размером 8 × 8, он не будет выглядеть правильно, если вы используете его в качестве плитки меню «Пуск».

Учебник

— Как создать свои собственные значки Windows?

В этом разделе мы увидим, как создавать значки Windows.

стандартная Windows
значки теперь включают следующие форматы изображений (серые форматы не являются обязательными):

256×256 — RGB / A 64×64 — RGB / A 48×48 — RGB / A 32×32 — RGB / A 24×24 — RGB / A 16×16 — RGB / A
256×256 — 256c 64×64 — 256c 48×48 — 256c 32×32 — 256c 24×24 — 256c 16×16 — 256c
256×256 — 16c 64×64 — 16c 48×48 — 16c 32×32 — 16c 24×24 — 16c 16×16 — 16c

Проблема в том, что если вы просто создадите значок и сохраните его в стандартном формате Windows XP ICO, полученный файл будет иметь размер около 400 КБ на диске.Решение состоит в том, чтобы сжать изображения. Сжимаются только изображения размером 256×256. Используемая схема сжатия — PNG (переносимая сетевая графика), потому что она имеет хороший коэффициент без потерь и поддерживает альфа-канал (прозрачность). По результатам предварительных тестов размер сжатых значков составляет от 100 КБ до 150 КБ.

Чтобы получить дополнительную информацию о значках Windows, мы рекомендуем вам прочитать этот раздел: Знакомство с значками Vista

Создание значка Windows из существующего образа

Вот пошаговое руководство по созданию сжатого значка Windows с помощью Axialis IconWorkshop.Вы можете скачать 30-дневную пробную версию IconWorkshop здесь.

1.
Создайте версию своего значка размером 256×256 с помощью любого графического / векторного редактора.
Сохраните свои работы с плавной прозрачностью (альфа-канал 32 BPP), используя
формат файла, совместимый с Axialis IconWorkshop:
BMP, PNG, JP2000, PSD.

Также можно передать
вашу работу из Adobe Photoshop® с помощью подключаемого модуля Axialis transfer (см.
это руководство), или вы можете создать значок, собрав несколько объектов изображения
(см. этот учебник).

В этой процедуре мы будем использовать этот файл: down.png (мы рекомендуем вам загрузить его и сохранить на свой диск — щелкните правой кнопкой мыши и выберите «Сохранить объект как»). Вы также можете найти файл в библиотеке , в папке « Objects / Pack 2 — Realistic Buttons ». Если этого пакета объектов нет в папке, вы можете скачать его отсюда.

2. Запустить Axialis
IconWorkshop и открыть
файл изображения. Он загружается в окно графического документа, а не в виде значка.
окно редактора, как показано ниже ():

3.Если масштаб -1: 1
Окно предварительного просмотра не в режиме 256×256, изображение предварительного просмотра будет обрезано.
Рекомендуется переключиться в режим предварительного просмотра 256×256, если вы хотите
для работы с Windows 256×256
иконы. Чтобы переключиться в этот режим, щелкните правой кнопкой мыши в окне предварительного просмотра, в меню
открывается. Выберите «Дисплей 256×256».
Окно предварительного просмотра теперь выглядит так, как показано выше, в плавающем режиме ().

Используйте тот же метод, чтобы вернуться к предыдущему
состояние: выберите «Дисплей 128×128»,
удалите опцию «Плавающее окно» и используйте мышь для стыковки
окно.

4. Выберите
все изображение. Выберите Edit / Select All
или нажмите Ctrl + A. Анимированная подборка
прямоугольник теперь нарисован вокруг изображения.

5. Выберите «Файл» / «Создать значок Windows® из выделенного».
или нажмите «I». Большой
открывается диалоговое окно. Это диалоговое окно позволит вам создать все изображения
форматы, которые вы хотите включить в свой значок за один простой шаг:

6. Введите
Имя нового проекта иконки (). По умолчанию предлагается корень файла изображения.

7. Выберите
форматы изображений для включения в значок (), нажав на
картинки. Чтобы создать Windows
значок, рекомендуется следовать указаниям Windows
спецификации, как указано выше. Не забудьте добавить Windows 256×256
Форматы Vista в RGB / A
(Windows® XP), 256 и 16 цветовых режимов ().

8. Создать
полностью совместимая Windows
значок, вам нужно сжать форматы 256×256 в PNG. Выберите связанный
вариант ().

9. Вы можете
также выберите применить параметр дизеринга к 256/16 цветным изображениям как
а также добавить эффект фильтра для сглаживания / повышения резкости полученных изображений в
Режим RGB / A (). Просмотрите результаты в изображениях предварительного просмотра.

10. Когда закончите,
нажмите ОК. Новый проект иконки
создано в окне документа:

11. Основные
окно с сеткой () — это область редактирования, в которой вы можете
отретушируйте иконку. Серая текстура в виде шахматной доски за значком
прозрачная часть значка (информация об альфа-канале сохранена).Предварительный просмотр в масштабе 1: 1 отображается в соответствующем окне ().

12. Все
доступные форматы отображаются в списке (). Вы можете выбрать
их для редактирования () или предварительного просмотра (). Увидеть
встроенная справка приложения (нажмите F1)
чтобы узнать, как добавлять / удалять форматы или работать с этим проектом значков.

13. Сжатый
формат (только форматы 256×256 могут быть сжаты) отмечены этим
наложение изображения сжатия PNG:. Вы можете добавить / удалить эту опцию, выбрав
Формат рисования / сжатого изображения (Windows
Vista) или
нажатие «К».Ты можешь
также используйте локальную панель инструментов или контекстное меню.

14. Когда закончите,
сохраните значок, выбрав Правка / Сохранить
или нажав Ctrl + S.

Начало страницы

Создайте иконку в стиле Windows с помощью Axialis Image Object Packs

Вот пошаговое руководство по созданию сжатого значка Vista с помощью Axialis IconWorkshop и пакетов Axialis Image Object Packs. Для этого урока требуются следующие предметы:

• Axialis IconWorkshop 6.01 или более (Загрузить 30-дневную пробную версию)

• Пакет объектов Axialis «Реалистичные кнопки» (Загрузить пробный пакет)

стандартная Windows
значки теперь включают следующие форматы изображений (серые форматы не являются обязательными):

256×256 — RGB / A 64×64 — RGB / A 48×48 — RGB / A 32×32 — RGB / A 24×24 — RGB / A 16×16 — RGB / A
256×256 — 256c 64×64 — 256c 48×48 — 256c 32×32 — 256c 24×24 — 256c 16×16 — 256c
256×256 — 16c 64×64 — 16c 48×48 — 16c 32×32 — 16c 24×24 — 16c 16×16 — 16c

Самый большой формат изображения — 256×256 XP (т.е. RGB с альфа-каналом).Для достижения наилучших результатов мы запустим проект, используя этот новый формат, и поработаем с ним, чтобы собрать объекты. Когда закончите, мы создадим все остальные форматы, используя получившуюся графику 256×256 в качестве шаблона. Давайте создадим наш новый проект иконки:

1. Запустите Axialis IconWorkshop. Выберите File / New / Windows Icon Project или нажмите Ctrl + W . Откроется диалоговое окно:

2. Введите имя проекта (): « Down ».

3. Теперь укажите формат первого изображения, которое нужно добавить в проект: В Colors выберите « XP с альфа-каналом (RGB / A 32 бита) » (). В поле Размер в пикселях выберите и « 256×256 (Vista) » ().

4. Так как мы хотим, чтобы формат 256×256 использовался в Windows, мы выберем его сжатие как специальный файл PNG: Выберите опцию « Сжать 256×256 формат Vista » ().

5. Когда закончите, нажмите OK .Создано новое окно проекта значка ():

6. Если окно предварительного просмотра в масштабе 1: 1 не находится в режиме 256×256, изображение предварительного просмотра будет обрезано. Мы рекомендуем вам переключиться в режим предварительного просмотра 256×256 для работы со значками Windows 256×256. Чтобы переключиться в этот режим, щелкните правой кнопкой мыши внутри окна предварительного просмотра, и откроется меню. Выберите « 256×256 Display ». Окно предварительного просмотра теперь выглядит так, как показано выше в «, плавающий режим » ().

Используйте тот же метод, чтобы вернуться в предыдущее состояние: выберите « 128×128 Display », удалите параметр « Floating Window » и используйте мышь, чтобы закрепить окно.Пришло время проявить творческий подход, и вы найдете это легко и весело с IconWorkshop. Прежде чем мы начнем, не забывайте, что каждый шаг создания можно отменить / повторить до 16 шагов ( Ctrl + Z / Ctrl + Y ).

7. В окне Librarian (выберите View / Librarian , если оно не отображается) выберите папку « Objects / Pack 2 — Realistic Buttons / Circle » (). Если пакет еще не установлен, скачайте и установите его с этой страницы.Список доступных объектов отображается в окне содержания ниже (). Найдите файл « Background — Green.png » и выберите его ().

8. Когда закончите, используйте мышь Drag-and-Drop , чтобы добавить его в проект, как показано выше (). Объект добавляется в проект как плавающее выделение (). Посмотрите на качество изображения в окне Масштаб 1: 1 ().

Поздравляем, вы только что добавили свой первый объект изображения в свой проект! Как видите, это очень интуитивно понятно.Теперь продолжим и добавим другие объекты для создания значка.

ВАЖНО

Чтобы выполнить следующие шаги, необходимо установить параметр « Сохранить прозрачность » (нажмите «T» или выберите Нарисовать / Сохранить прозрачность ). Если этот параметр не установлен, прозрачность не будет сохраняться каждый раз при добавлении нового объекта изображения, а уже добавленные объекты будут полностью заменены.

9. В библиотеке выберите файл « Inner Glow 2 — Black.png » и добавьте его в проект, используя тот же метод. Полученное изображение теперь включает эффект красного света, как показано ниже:

10. Добавьте в проект файл « Border 01.png » из библиотеки:

11. Добавим стрелку. Выберите папку « Objects / Pack 2 — Realistic Buttons / Symbols » и добавьте файл « Arrow Down.png «к проекту:

12. Хорошая идея — добавить глянцевый эффект, чтобы увеличить реалистичность значка. В библиотеке выберите папку « Objects / Pack 2 — Realistic Buttons / Circle » и добавьте в проект файл « Glossy 04 .png ». Вот результат:

13. Последний штрих — тень под иконкой. Давайте добавим « Shadow Bottom 01 — Black.png ». По умолчанию IconWorkshop помещает объект изображения на передний план.В нашем случае тень должна располагаться за иконкой. Функция позволяет сделать это в IconWorkshop: Нажмите клавишу End на клавиатуре. Тень теперь помещена на задний план.

Готово! В результате изображение должно выглядеть так:

Теперь, когда самое большое изображение готово (256×256 RGB / A), мы создадим все остальные форматы иконок из этого. Это делается за один шаг с помощью Axialis IconWorkshop Corporate Edition .При использовании Personal Edition каждый формат необходимо создавать вручную (дополнительную информацию см. В файле справки по продукту).

14. Выберите Нарисовать / Добавить несколько форматов изображения из этого изображения или нажмите « V ». Откроется диалоговое окно:

15. Выберите форматы изображений для включения в значок (/), установив соответствующие флажки. Следуйте спецификациям, как мы определили их выше для значков Windows. Не забудьте сжать изображения в форматах 256×256 ()

16. Вы также можете применить параметр дизеринга к 256/16 цветным изображениям, а также добавить эффект фильтра для сглаживания / повышения резкости полученных изображений в режиме RGB / A (). Просмотрите результаты в изображениях предварительного просмотра.

17. Когда закончите, нажмите OK . Новые форматы автоматически создаются и добавляются в проект ():

18. Найдите минутку, чтобы полюбоваться вашей работой 🙂 Нажмите на различные форматы () и увидите получившийся значок в масштабе 1: 1 в окне предварительного просмотра ().Вы можете изменить яркость фона окна Scale 1: 1, просто щелкнув по нему левой кнопкой мыши. Это позволит вам увидеть, как значок отображается на разном фоне с разными настройками яркости.

19. Сохраните значок: выберите Файл / Сохранить или нажмите Ctrl + S . Он будет сохранен в формате Windows ICO.

Начало страницы

Как создать значок для приложений iOS и Android: правила и способы | Блог ✅

Разработка мобильных приложений — это настоящая сокровищница возможностей.К 2020 году ожидается, что выручка от этой сферы бизнеса составит более 189 миллиардов долларов. Это имеет смысл, поскольку средний владелец смартфона запускает на своем устройстве около 30 различных приложений в месяц. Сейчас доступны миллионы приложений — 2,2 миллиона приложений в Apple App Store и 2,8 миллиона в Google Play. Какой отбор и в то же время какая жестокая конкуренция.

Зачем нужен хороший значок мобильного приложения?

Что заставляет вас попробовать приложение во время просмотра веб-страниц? Это значок.Это главный стимул, который побуждает принять мгновенное решение открыть страницу приложения. Значок приложения должен вызывать интерес у пользователя и убеждать его в том, что мобильное приложение заслуживает доверия и его установка имеет смысл. Иконки также имеют большой вес при оптимизации App Store (ASO) для вашего приложения или игры.

5 советов по созданию значка приложения

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

Мы составили 5 универсальных правил, которым нужно следовать, чтобы помочь вам научиться создавать логотип. Вот они:

1. Создайте резкое и масштабируемое изображение

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

Отображение значка на экране часто зависит от разрешения и пользовательских настроек.Главное требование — пользователь не должен напрягать глаза при взгляде на иконку.

Вы можете предварительно просмотреть свои значки и посмотреть, как они выглядят, с помощью определенных инструментов, например Appsparky.

2. Имейте характерный символ или значок

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

3. Создайте действительно уникальный значок

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

Изучите другие значки в своей нише . Анализируйте лучшие, вдохновляйте и делайте все по-другому. Полное копирование чужих идей — верный путь к провалу

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

Вдохновляйтесь значками игровых приложений : в этой нише меньше формальных требований к изображениям и больше творчества

Используйте узнаваемый визуальный элемент вашего бренда в качестве основной идеи . Twitter — прекрасный пример: визуальные эффекты совпадают с названием приложения (птица-твиттер).

Интересный факт: птица на значке твитера — это горная синяя птица, хотя ее голова немного велика.

4. Используйте умеренное количество букв

Facebook имеет полное право использовать фирменную букву F в значке приложения.Так делают десятки известных сервисов. Если ваш фирменный стиль разработан таким образом, что пользователи узнают вас по одной или двум буквам, то это просто отлично. Однако не вводите полное название компании на значке. И вообще, удалите как можно больше слов.

Обратите внимание на визуальные детали, иначе:

• название приложения уже будет написано рядом со значком

• буквы и слова будут отвлекать от изображения — и наоборот. Рассеянное внимание потенциальных клиентов склонит их к вашему конкуренту с более четким значком.

Если имя короткое, вы можете попробовать использовать его в качестве центрального элемента, как в этом примере новозеландской компании Xero.

5. Совместите стиль иконки с интерфейсом приложения

Хороший значок приложения выражает концепцию приложения, создает полное изображение продукта и дополняет дизайн приложения. Значок должен:

• соответствовать цветовой схеме и стилю приложения

• продемонстрируйте, что это за приложение для

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

И еще один хороший пример того, как создать логотип бренда, отвечающий всем требованиям, — Dropbox:

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

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

Тенденции дизайна иконок приложений

Так как же сделать иконку для Android-приложения или iOS, учитывая последние тенденции дизайна? Мы можем дать вам несколько действенных рекомендаций:

1. Упростить. Убрать из композиции лишнее — акцентировать внимание на главном. Чем проще изображение, тем лучше оно будет распознаваться на любом экране.

Планировщик Smartsheet имеет именно такой логотип.

2. Удалите все ненужные предметы. Удалите все мелкие детали, не влияющие на значение вашего логотипа. Как только останется только основная форма, результат запомнится лучше.

Хороший пример — Calendly:

3. Выделите детали ls. Выделите одну из деталей вашего значка или сделайте логотип немного асимметричным. Это привлечет внимание пользователей.

Вот что сделали разработчики Todoist:

4. Используйте градиенты. Это тренд 2018 года, и он остается актуальным. С помощью градиента картинку можно сделать привлекательнее и глубже.

Instagram — прекрасный пример тенденции:

5. Попробуйте неоновые оттенки. Минималистские логотипы можно оживить яркими неоновыми цветами в градиентных логотипах.

Это тенденция, на которой основаны дизайнеры Spotify:

6. Перейти «Handmade». Нарисованные от руки изображения с размытыми линиями и естественными цветами сейчас в тренде.

Этот вариант был выбран для логотипа MetLife:

Как сделать иконку для Android-приложения?

Значок приложения Android должен быть разработан на основе существующих настроек гаджета и разрешений экрана.DPI используется для измерения качества графики в приложениях. Классификация DPI следующая:

• LDPI — 120

• MDPI — 160

• Высокое разрешение — 240

• XHDPI — 320

• XXHDPI — 480

Значок приложения должен быть разработан в соответствии с условиями Android.

Значок Требования для запуска приложения:

Изображение должно быть в формате PNG с 32-битным цветовым режимом. Прозрачный фон — обязательное требование.

Минимальный размер значка для MDPI составляет 48 точек на дюйм, края — 1 точка.Детализация зависит от DPI. Варианты размера для других показателей (в пикселях):

905

MDPI

HDPI

XHDPI

XXHDPI

XXXHDPI

9

000

192

Рекомендации для значков приложений Android в Google Play

Размер значка мобильного приложения должен составлять 512×512 пикселей.Этот значок разработан специально для Google Play и не может использоваться в качестве значка для запуска приложения. Он отличается по размеру от значка, который используется как ярлык для запуска программы. Но при этом изображения на разных вариантах иконок должны быть идентичными.

Прочие требования:

  • формат: 32-битный PNG
  • размер файла — до 1024 КБ
  • цветовое пространство — sRGB
  • форма — квадрат. Система автоматически применит маску с закругленными углами.Радиус составляет 20% от размера значка.
  • тень не нужна: она будет применяться динамически.

Как создать значки приложений для Android — советы

Используйте следующие рекомендации:

• Поместите важные элементы в центр, подальше от краев и нижней трети рамы

• разместить логотип в центре изображения с выравниванием по вертикали и горизонтали

• используйте только крупный шрифт для букв

Создание значка для мобильного приложения Android может быть выполнено для определенной цели.Например:

1. Брендинг. Создайте оригинальный значок, используя цвета и символы вашего бренда.

2. Привлекайте пользователей, которые ищут приложения в Google Play. Качественный дизайн — показатель отличного дизайна вашей программы.

Независимо от цели изображение для приложения Android должно выглядеть четким во всех настройках в сочетании со всеми вариантами фона.

Как создать значок приложения для iOS: требования и размеры

Для каждого приложения iOS нужно сделать маленький и большой вариант значков.Small требуется для отображения на домашнем экране и в системе (после установки приложения). Большой отображается в App Store.

× 40pt @ 2x)

Устройство

Размер значка прожектора

iPhone

120px × 120px (40pt × 40pt @ 3x)

iPad Pro, iPad, iPad mini

80px × 80px (40pt × 40pt @ 2x)

9029px × 29pt @ 2x)

Устройство

Размер значка настроек

iPhone

87px × 87px (29pt × 29pt @ 3x)

iPad Pro, iPad, iPad mini

58px × 58px (29pt × 29pt @ 2x)

× 20pt @ 2x)

Устройство

Размер значка уведомления

iPhone

60px × 60px (20pt × 20pt @ 3x)

iPad Pro, iPad, iPad mini

40px × 40px (20pt × 20pt @ 2x)

Создайте несколько небольших иконок с учетом необходимых настроек для разных устройств iOS.Между картинками разного размера не должно быть резких визуальных различий.
Общие требования к значкам:

  • 1024 x 1024 пикселей
  • 72 dpi, RGB, однослойный, непрозрачный
  • JPEG или PNG.

Важно: Вам не нужно добавлять отдельную выделенную рамку к значкам: система автоматически добавляет отступ в 1 пиксель ко всем значкам, чтобы красиво их выделить.

Правила дизайна для значков приложений iOS

Следуйте этим рекомендациям:

1. Простой дизайн. Это должен быть центральный элемент, который передает суть приложения на простом и запоминающемся фоне с минимумом деталей.

2. Четкое выделение. Сосредоточьтесь на элементе, который привлечет пользователей и укажет на цель вашей программы.

3. Признание . Никаких головоломок: пользователю некогда разгадывать головоломки. Они должны сразу понять важность значка и программы.

4. Простой непрозрачный фон. Сосредоточьтесь на главном элементе.

5. Нет изображений, защищенных авторским правом . Это также относится к товарам, относящимся к бренду Apple.

6. Проверьте значок на разных вариантах фона. M Изображение хорошо сочетается с большинством пользовательских обоев.

7. Углы оставлять прямыми . Система сделает их круглыми.

8. Рассмотрим особенности темного режима, запущенного в iOS 13 . Стандартные значки приложений могут плохо выглядеть на нем.Вместо этого нужны изображения для темного фона. Этот вариант был предложен The Mac Observer еще на стадии бета-тестирования.

Лучшие сервисы для создания значков приложений для iOS и Android

Если вы хотите самостоятельно создать иконку для мобильного приложения — мы подобрали для вас несколько удобных сервисов.

Логастер

Это онлайн-генератор логотипов. Предлагает десятки уникальных визуальных решений. Вы можете указать желаемую цветовую схему и тему. Вы можете отредактировать понравившуюся версию и скачать ее в подходящих размерах.С Logaster вопрос, как сделать бесплатный логотип, даже не существует.

Makeappicon

Это генератор иконок для Android и iOS. Вы можете загрузить собственное изображение, на основе которого сервис создаст логотипы. Они будут соответствовать текущим требованиям магазинов приложений.

IconsFlow

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

Font Awesome

Это мощный редактор иконок для мобильных приложений и социальных сетей. Он предлагает множество опций и настроек для создания уникального изображения.

Сделай это, и они придут

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

Добавление значка на главный экран iOS для вашего веб-сайта

На устройствах iOS, использующих браузер Safari, вы можете добавить ярлык на домашний экран для любого сайта в Интернете. По умолчанию эти ярлыки отображаются как снимок экрана веб-сайта. В этой статье объясняется, как установить значок на свой веб-сайт, чтобы он отображался при сохранении на домашних экранах iOS.

Создание и загрузка вашего значка

Размер изображения для ярлыка должен быть 150×150 пикселей.Это позволит использовать его на всех устройствах iOS — с обычными дисплеями и дисплеями Retina!

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

  • Необходимо сохранить в формате .png
  • Должен быть назван значок Apple Touch

После того, как вы создали свой значок, вы можете загрузить его в область Content >> Files в вашей учетной записи Create (не в область изображений).

Для загрузки значка:

  1. Войдите в свою учетную запись
  2. Нажмите «Содержимое» в верхнем меню.
  3. Нажмите «Файлы» в левом меню.
  4. Нажмите кнопку «Добавить файл»
  5. Следуйте инструкциям, чтобы загрузить изображение

Добавление значка на свой сайт

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

Информация после href — это путь к файлу, который вы только что загрузили. Это должен быть файл, уникальный для вашего сайта.

Чтобы получить путь к файлу для загруженного значка, просто щелкните значок «ссылка» в разделе «Файлы».

После этого отобразится URL-адрес значка.

Скопируйте и вставьте этот путь к файлу точно так, как он указан в приведенном ниже коде.

Чтобы затем добавить этот код в свой собственный:

  1. Нажмите «Содержимое» в верхнем меню
  2. Щелкните значок Параметры страницы рядом со страницей, на которую вы хотите добавить значок
  3. Щелкните вкладку «Мета-информация»
  4. Вставьте код в поле «Custom»
  5. Сохраните изменения и повторите при необходимости
  6. Чтобы изменения вступили в силу, вам необходимо опубликовать свой сайт.

Тестирование иконки

Обновление значка после публикации сайта может занять несколько часов.Когда вы будете готовы к тестированию, просто выполните следующие действия на своем устройстве с iOS (например, iPad или iPhone):

  1. На устройстве iOS откройте браузер Safari и перейдите на страницу своего сайта, на которой вы хотите создать ярлык для
  2. Щелкните значок общего доступа в браузере

  3. Выберите опцию «Добавить на главный экран»
  4. На странице «Добавить на главную» вы должны увидеть загруженный вами значок слева

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

Как разработать и создать удивительный значок приложения

Разработать мобильное приложение, которое люди не смогут устоять перед загрузкой, не так просто, как просто дать им что-то полезное.

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

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

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

И — не заблуждайтесь — хороший дизайн значка приложения имеет решающее значение для успеха вашего приложения.

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

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

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

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

Рекомендации по созданию значков приложений

Выберите смелую уникальную форму.

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

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

Значок приложения Spotify — отличный пример смелой, уникальной формы, которая отражает цель приложения в дизайне. Взгляните:

Как видите, они выбрали два цвета и простую форму, что позволяет легко распознать значок. Вдобавок к этому, черные линии внутри зеленого круга обозначают увеличение громкости динамика.Это потому, что Spotify — это музыкальное приложение, поэтому оно сразу иллюстрирует цель приложения.

Вот пример значка приложения, не так уж и хорош:

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

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

Избегайте использования фотографий.

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

Источник изображения: The Next Web

Создатели значков приложения Sipp знали, что цель приложения — помочь пользователям делиться с друзьями информацией о винах, которые они пробовали. Итак, отправной точкой для них, конечно же, была картинка с бокалом вина.

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

Не перегружайте значок цветом и деталями.

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

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

Значок приложения Snapchat — отличный пример значка приложения с простой цветовой палитрой и дизайном.

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

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

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

Имейте это в виду, выбирая цвета для своего приложения .

И убедитесь, что цвета соответствуют вашему бренду. Цветовая палитра значка должна быть той же, которую вы используете в дизайне реального приложения, и она должна привлекать вашу аудиторию. Поскольку 84,7% людей в секретариате исследования Seoul International Color Expo сообщили, что цвет составляет более половины среди различных факторов, важных для выбора продукта, для вас очень важно выбрать правильную цветовую схему.

Совет: Правильно используйте контраст в своем дизайне, чтобы привлечь внимание потенциальных клиентов к значку приложения. Если вы не уверены, какие цвета лучше всего использовать вместе, или хотите узнать больше о теории цвета в дизайне, ознакомьтесь с этой записью в блоге.

Без слов.

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

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

Теперь вы можете подумать:

Подождите секунду. Технически Facebook использует текст в своих значках, помещая там букву «F», и у них есть , одно из самых успешных приложений за всю историю !

И вы правы. Они делают.

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

В противном случае я настоятельно рекомендую вам придумать что-то другое, что отражает функциональность вашего приложения. Тот факт, что Facebook может обойтись без единого письма, не означает, что это лучшая тактика для и .

Подумайте о том, чтобы добавить какую-нибудь границу.

Мы уже говорили о том, как Snapchat поместил рамку вокруг призрака на значке своего приложения, но вы также можете поставить рамку вокруг всего изображения значка.Значок приложения Adobe Photoshop Express — отличный пример эффективного использования рамки:

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

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

Вы даже можете проявить творческий подход с самой рамкой, создав такой 3D-эффект:

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

Посмотрите на дизайн иконок приложений ваших конкурентов.

Когда вы это сделаете, вы сможете выяснить, какая цветовая схема и аспекты дизайна помогут вам лучше всего выделиться.

Например, предположим, вы создаете приложение для пользователей, которые хотят проверять и систематизировать свою электронную почту. Лучше всего поискать другие почтовые приложения, чтобы узнать, какой дизайн используют ваши конкуренты. Вот некоторые из первых, которые появляются в магазине приложений Apple при поиске по запросу «электронная почта»:

Много чистых дизайнов приложений, верно?

Но во всем этом присутствует схожая тема.Большинство из них включают изображение конверта, и все они включают в себя красный и белый или синий и белый цвета в качестве цветовой схемы.

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

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

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

Создайте несколько вариантов значков приложений для рассмотрения.

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

Вот хороший пример эскизов значков приложений из тематического исследования Behance:

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

Посмотрите на свой значок на экране телефона, прежде чем принять окончательное решение.

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

Некоторые пользователи даже выбирают суматошные живые обои с различными цветами и объектами, из-за которых приложения трудно найти на экране.Так что ваша задача — убедиться, что ваше приложение всегда будет четко отображать .

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

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

Когда вы создаете значок приложения, он должен соответствовать размеру экрана, на котором оно будет отображаться. И это не обязательный шаг — Apple даже не примет значок вашего приложения, если он неправильного размера.

Последняя вещь , которую вы хотите после того, как потратили столько времени на разработку подходящего значка приложения, — это отклонить магазин приложений. Итак, если вы собираетесь выпустить свое приложение в магазине приложений Apple, прочтите их рекомендации по размеру здесь и убедитесь, что вы внимательно им следуете. Где бы вы ни планировали выпустить свое приложение, ищите соответствующие рекомендации по значкам приложений, чтобы вы могли следовать им и убедиться, что ваше приложение принято.

A / B тестирует разные значки приложений.

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

Если вы выпускаете приложение для Android, вы можете просто использовать функцию A / B-тестирования Google Play. Если вы выпускаете приложение для iOS или в другом магазине приложений, попробуйте A / B-тестирование приложения с аудиторией Facebook — это будет стоить вам денег, но полученное понимание того стоит.

Совет: Более подробно о том, как правильно проводить A / B-тестирование значка приложения, можно в этом сообщении в блоге. А чтобы узнать, как провести A / B-тестирование вашего приложения в целом, прочтите этот совет от KISSMetrics.

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

Вы можете найти бесплатное средство для создания значков приложений в Интернете, но вам лучше использовать качественное программное обеспечение для дизайна или сотрудничать с профессиональным графическим дизайнером. Таким образом, вы получите хорошо продуманный, оригинальный значок, и вам не придется работать в рамках ограничений бесплатной программы (поскольку она может предлагать только несколько разных шрифтов и изображений).

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

Используйте Adobe Illustrator.

Если вы раньше работали в Illustrator, то, вероятно, уже знаете, что его функциональные возможности делают его отличным вариантом для создания векторного изображения для использования в качестве значка приложения.

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

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

Наймите графического дизайнера или фирму графического дизайна.

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

Вот несколько советов, которые помогут вам нанять подходящего графического дизайнера:

  • Ищите дизайнера, который специализируется на дизайне значков приложений. Если они никогда раньше не создавали значок приложения, возможно, он не очень хорошо разбирается в передовых методах разработки значка приложения. Итак, попробуйте найти дизайнера, у которого есть портфолио, полное привлекательных значков приложений.
  • Избегайте таких сайтов, как Fiverr и Upwork. Хотя некоторые дизайнеры на таких сайтах могут производить высококачественную работу, вам лучше найти профессионального графического дизайнера в LinkedIn или попросить одного из своих коллег порекомендовать дизайнера, которого они знают и которому доверяют.
  • Ищите отзывы. Если вы видите, что предыдущие клиенты дизайнера были довольны своими результатами, велика вероятность, что вам понравится дизайн значка приложения .

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

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

В заключение

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

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

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

У вас есть вопросы о том, как создать потрясающий значок приложения? Спросите в разделе комментариев!

Как создать значок приложения

С около 2,87 миллиона приложений, доступных в Google Play, и 1,96 миллиона приложений в App Store по состоянию на 3 квартал 2020 года, у пользователей есть море приложений, в которые можно погрузиться.Однако разработчики страдают от жесткой конкуренции.

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

Сначала давайте определим, что такое значок приложения. Помните те маленькие изображения, на которые вы нажимаете, чтобы запустить свои любимые мобильные приложения? Вот о чем мы говорим.

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

  • Подход к работе
  • Используемые инструменты
  • Общий процесс проектирования
  • Показатели

Зачем заботиться о значке приложения?

Что быстрее обрабатывает человеческий мозг: изображения или текст? Бывший; визуальные эффекты обрабатываются значительно быстрее, чем текст.

Другими словами, когда пользователь сталкивается с вашим приложением, его значок будет одним из первых аспектов, которые они заметят.Вот почему значок приложения играет важную роль в оптимизации App Store (ASO).

Хотя значок может по-прежнему казаться незначительной частью вашего мобильного приложения, мы считаем иначе по следующим причинам:

  1. Значок приложения влияет на количество загрузок . Поскольку 70% пользователей ищут приложения в App Store, значок должен быть запоминающимся. Это первое, что видят пользователи; поэтому разработчики должны работать над тем, чтобы произвести ошеломляющее первое впечатление.Кроме того, уникальный значок будет выделяться на главном экране среди других, привлекая внимание к приложению и побуждая пользователей проводить в нем больше времени.
  2. Значок — это мост между пользователем и приложением . Во многих случаях о книгах судят по их обложкам. В этом случае приложения оцениваются по их значкам. Красивый значок может служить оберткой для вашего приложения, что может вызвать повышенный интерес. Хотя функции имеют значение, пользователь может никогда их не обнаружить, если приложение не привлекает их на эстетическом или эмоциональном уровне, и эта эстетическая и эмоциональная связь способствует виральности приложения.

Пошаговое руководство по созданию потрясающего значка приложения

Шаг 1. Концепция

Вот три правила, которым вы должны следовать при разработке идеи дизайна для идеального значка приложения:

  1. Сосредоточьтесь на своем аудитория . Чтобы значок работал как маркетинговый инструмент, увеличивающий количество загрузок, он должен быть привлекательным для вашей целевой аудитории. Это должно отражаться в цветах значка, узоре и общем дизайне.
  2. Будьте аутентичны . Вы вряд ли утвердите свой бренд, если ваш значок будет похож на значок вашего конкурента.Более того, с плохим значком вы можете получить плохую репутацию, запутать пользователей и оттолкнуть клиентов, если ваш значок не соответствует вашему бренду.
  3. Опишите с помощью иллюстраций . Значок должен указывать на ваше приложение. Для этого вы можете создать список описательных ключевых слов и провести мозговой штурм о том, как представить эти ключевые слова в виде символов. Оттуда символы могут стать основой дизайна значка.

Шаг 2. Рекомендации по платформе

При создании приложения обязательно соблюдение интерфейса ОС.Другими словами, вы должны быть аутентичными и соответствовать другим значкам в магазине приложений. Вы должны полностью понять правила выбранного магазина, прежде чем создавать значок приложения, чтобы избежать нежелательных сюрпризов в будущем.

И iOS, и Android разработали определенный набор правил относительно шаблонов, стиля, макетов и т. Д. Вы можете найти рекомендации по дизайну Android здесь: Дизайн для Android , и вы можете щелкнуть следующую ссылку, чтобы ознакомиться с рекомендациями по интерфейсу iOS: Руководство по человеческому интерфейсу iOS .Ниже мы составили сводку основных отличий этих магазинов:

9 836 Тем не менее разные правила не означают, что вам нужно разрабатывать разные для каждой ОС.Создание единого дизайна значка и его корректировка может сэкономить время, деньги и усилия.

Шаг 3. Дизайн

Согласно Comscore , каждый пятый миллениал удалит приложение из-за непривлекательного значка. Имея это в виду, создание эстетически приятного изображения, вероятно, так же важно, как и продумать функциональность приложения. Теперь, когда вы знаете правила, мы можем дать советы, которые следует учитывать на этапе проектирования:

Помните о масштабируемости

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

Хотя потеря деталей неизбежна, ясность и оригинальная идея должны сохраниться. Кроме того, значок приложения должен быть оптимизирован для различных устройств. Чтобы предварительно просмотреть значок в разных форматах, рассмотрите возможность использования таких инструментов, как Appsparky для тестирования.

Сведите детали к минимуму

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

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

Будьте уникальными и узнаваемыми

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

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

  • Вы можете непреднамеренно продвигать своих конкурентов. Наличие похожих значков увеличивает риск напоминания пользователям о похожих приложениях.
  • Вы можете потерять связь со своей аудиторией.Сегодня потребители ценят подлинность. Они не хотят иметь дело с репликами или грабежами.
Тщательно выбирайте цвета

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

  • Сделайте заявление. Правильный цвет может сделать вашу иконку привлекательной. Смелее и привлекайте внимание пользователя. Вы даже можете рассмотреть передовой опыт ведущих брендов.Например, у большинства ведущих брендов значки синие, затем красные и белые. Однако не переборщите с яркостью: достаточно двух контрастных цветов.
  • Подчеркните индивидуальность своего бренда. Мы не можем перестать подчеркивать важность идентичности бренда. Цветовая палитра значка должна соответствовать вашему бренду. Поскольку цвета могут вызывать чувства и иметь определенное значение, выберите цвет значка, который соответствует душе вашего приложения.
  • Оставайтесь эстетичными. Не пытайтесь выделиться слишком большим количеством цветов.Вы всегда должны поддерживать баланс, чтобы цветовая схема нравилась пользователям. Кроме того, значок должен хорошо смотреться на нескольких типах фона телефона.
Символы поверх текста

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

Однако, если вы все же хотите использовать текст, сведите его к минимуму. Вы можете вставить название приложения, если оно короткое, как BBC.

В любом другом случае лучше ограничить текст одной буквой.Например, в Skype используется буква «S», а в Facebook — буква «F». Добавление слишком большого количества текста ухудшает удобочитаемость значка, и он может быть нечитаемым при меньших размерах.

Будьте информативны

Эффективный значок говорит о многом. Другими словами, он может предоставить контекст о функциональности вашего приложения.

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

Хотя эти описательные символы довольно примитивны, они просты для понимания пользователем. Если вы вставите сложный символ, вы рискуете запутать пользователей и, следовательно, испортить свои шансы на установление соединения.

Значки музыкальных приложений

Шаг 4. Тестирование

Путь к идеальному значку находится путем тестирования. Как еще без обратной связи вы можете быть уверены, что ваш значок будет работать так, как задумано?

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

Провести тестирование в фокус-группе

Как узнать, что значок нравится вашей целевой аудитории? Путем тестирования. Самый распространенный подход — A / B-тестирование, что означает, что вы показываете две дизайнерские идеи двум отдельным фокус-группам, которые представляют вашу целевую аудиторию.

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

Вы также можете использовать некоторые из наиболее распространенных инструментов A / B-тестирования. Разработчики Android могут использовать Google Experiments, которые позволяют им тестировать различные атрибуты, включая их значок. Разработчики iOS могут использовать Facebook, который является одним из ведущих сервисов как в Интернете, так и на мобильных устройствах, что делает его идеальным для A / B-тестирования.

Если, однако, у вас закончился бюджет, вы можете обратиться к более доступному методу.Вместо фокус-групп покажите значки своим друзьям, сотрудникам и семье, чтобы собрать отзывы.

Проведите технический тест

Во время технического теста вы будете тестировать, используя:

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

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

Какие инструменты можно использовать для создания значка?

Графические редакторы или приложения для дизайна

Те, кто имеет опыт работы с графическими редакторами, такими как Adobe Photoshop или Adobe Illustrator, могут создать значок с помощью этого программного обеспечения.Эти профессиональные инструменты предлагают обширные функциональные возможности при проектировании. Кроме того, существуют специальные дизайнерские приложения, такие как Adobe XD, Sketch и Figma, которые предоставляют такие же возможности, но обычно используются дизайнерами UI / UX.

Связанные : 7 причин, почему мы перешли с Sketch на Figma

Онлайн-сервисы

Если ваши навыки графического дизайна оставляют желать лучшего, вы можете выбрать более простой путь и создать значок с помощью онлайн-сервисов. Эти сервисы более интуитивно понятны и предлагают различные шаблоны.Эти онлайн-сервисы включают такие инструменты, как Canva, Logaster, Appicon, Iconsflow и Font Awesome.

Связанные : 25 лучших инструментов для разработчиков мобильных приложений

Подведение итогов

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Google Play Store (Android) App Store (iOS)
Размеры 512px × 512px

iPhone: 180 пикселей × 180 пикселей (60 пунктов × 60 пунктов @ 3x), 120 пикселей × 120 пикселей (60 пунктов × 60 пунктов @ 2x)

iPad Pro: 167 пикселей × 167 пикселей (83,5 пунктов × 83,5 пунктов @ 2x)

iPad, iPad mini: 152px × 152px (76pt × 76pt @ 2x)

Магазин приложений: 1024px × 1024px (1024pt × 1024pt @ 1x)

Формат 32-битный PNG PNG
Цвет режим sRGB sRGB или P3
Форма Квадрат — Google Play автоматически скругляет углы (20% от размера значка) и добавляет тени Квадрат без теней или скругленных углов