Как сделать значок для windows

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

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

Как добавлять ярлык на рабочий стол в Windows 10

Чтобы отличить файл от ярлыка: на последнем стоит стрелка, в левом нижнем углу иконки. Если удалить ярлык, сам документ останется в системе.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Добавить ярлык на рабочий стол можно двумя методами: через «Проводник Виндовс» либо через мастер создания иконок, встроенный в ОС.

С помощью «Проводника Виндовс»

«Проводник» – встроенное приложение ОС, в котором можно искать файлы, хранящиеся на жестком диске ПК или на флешке.

Чтобы создать иконку программы, нужно найти в «Проводнике» файл для ее запуска. Как это сделать:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

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

Через мастер создания иконок

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

Покажем наглядно, как воспользоваться мастером:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Добавляем значок «Мой компьютер» на рабочий стол

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Создаем ярлык «Спящий режим»

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

Как создать ярлык «Спящий режим» классическим способом:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Есть еще один способ – использовать любой текстовый редактор для создания иконки. Что нужно сделать:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

На столе вы увидите документ с расширением bat и шестеренками. Если по нему дважды кликнуть, компьютер «заснет».

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Ярлык для «Выключения компьютера»

Как добавить ярлык «Выключить компьютер»:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Кнопку для выключения ПК можно сделать и с помощью файла bat, как и в случае со «Спящим режимом». Нужно выполнить все те же шаги из предыдущего раздела, только в сам текстовый файл вставить такую команду: shutdown.exe /s /t 00.

Как добавить ярлык на разные панели в Windows 10

Иконки приложений можно добавлять не только на рабочий стол. Есть еще панели:

Меню «Пуск»

В Windows 10 панель «Пуск» разделили на две части: в первой находится перечень программ, установленных на ПК, во второй – начальный экран с плитками приложений, которые пользователь чаще всего открывает. Там же может располагаться виджет погоды и другие значки.

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Как еще добавить иконку в меню «Пуск» (в правую область с плитками): отыскать ярлык приложения на рабочем столе, щелкнуть по нему правой кнопкой. В сером меню нажать на действие «Закрепить на начальном экране».

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Также разрешается открыть саму панель «Пуск». В левом перечне отыскать приложение, щелкнуть по нему правой кнопкой, а затем закрепить его на начальном экране.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

То же самое можно сделать, если отыскать файл приложения в «Проводнике Windows» (документ с расширением exe для его запуска).

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Автозагрузка

В Виндовс 7 и версиях ниже на панели «Пуск» есть папка «Автозагрузка». Туда можно добавлять иконки программ, которые запускаются вместе с компьютером.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

В Виндовс 10 этой папки нет, но только в меню «Пуск», из системы она никуда не исчезла. Этот каталог можно найти с помощью «Проводника Windows» на системном диске С. В него нужно поместить ярлык приложения – тогда система начнет его автоматически запускать вместе с входом в Виндовс.

Покажем, как добавить ярлык в автозагрузку:

Панель задач

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Есть немного другой способ:

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Также в главном меню можно активировать кнопку «Просмотр задач». Если потом нажать на эту кнопку, на экране появятся мини-окна приложений, которые сейчас запущены в Виндовс.

Чтобы включить кнопку «Поиск», навести стрелку на второй пункт и выбрать второе или третье значение – «Показать значок поиска» и «Показать поле поиска». Рядом с «Пуском» вы увидите иконку в виде лупы. Если на нее нажать, откроется панель, в которой можно искать приложения, файлы, разделы настроек Виндовс и т. д.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

В трей

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

Как добавить что-либо в трей Виндовс пошагово:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Теперь вы умеете добавлять ярлыки с помощью «Проводника Виндовс» и специального мастера по созданию иконок. Самое важное в этих способах – найти папку, в которой находится файл для запуска приложения. Стандартные значки «Этот компьютер», «Корзина» и прочие включаются в настройках Виндовс, а не с помощью «Проводника». Также мы знаем, как добавить на рабочий стол кнопки «Выключение ПК» и «Спящий режим». Для более быстрого запуска окон можно перенести ярлыки на такие панели: в меню «Пуск», панель задач, трей Виндовс, папку «Автозагрузка».

Насколько вам была полезна статья?

Кликните по звездочке, чтобы оставить оценку!

Средний рейтинг / 5. Оценок:

Нам очень жаль, что статья вам не понравилась!

Источник

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

01.10.2017 [00:12], aleks

Как сделать иконку из картинки для папки, программы или ярлыка самому:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Откроется окно проводника для выбора изображения. Выберите изображение для иконки и нажмите “Открыть” (вы можете даже фотографию сделать иконкой).

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Далее вы увидите, что изображение загрузилось в конвертер. Нажмите кнопку Export.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Теперь нужно применить новую иконку к вашей папке:

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Готово, вы сделали свою иконку для папки.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

У вас получилось сделать иконку своими руками? Пишите свои вопросы в комментарии!

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

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

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

Источник

Поэтапное руководство по созданию иконок

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

Статья была опубликована на smashingmagazine автор статьи Scott Lewis.

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

В данной статье приводится руководство по дизайну векторных иконок, которое включает в себя шесть этапов. Мы рассмотрим эти этапы после того, как разберем основные принципы успешного дизайна иконок. Эти принципы хорошо известны и подробно рассмотрены в таких работах, как Руководство по дизайну иконок Джона Хикса, а также в руководстве от Google Материальный дизайн в разработке системных иконок. Шесть этапов, которые мы будем рассматривать в данной статье, должны восприниматься, как рекомендации, а не как догмы. Способность чувствовать, где нужно следовать правилам, а когда их лучше нарушить – это важное качество, которое должен развить в себе каждый хороший дизайнер, и мы наглядно это продемонстрируем.

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

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

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

Три составляющие эффективного дизайна иконок

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

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

Форма

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Красными линиями очерчены основные геометрические фигуры, образующие форму иконки

Эстетическая целостность

Под эстетической целостностью понимается набор элементов, которые повторяются среди иконок из одного набора. Это могут быть скругленные или квадратные углы, а также их размеры (например, 2 пикселя, 4 пикселя и т.д.); толщина линии; (например, 2 пикселя, 4 пикселя и т.д.); стиль (плоские, контурные, залитые цветом, глиф); цветовая палитра и так далее. Эстетическая целостность набора иконок – это хорошо прослеживаемая последовательность различных элементов и дизайнерских приемов, которые позволяют воспринимать все иконки, как единое целое. В нашем примере с собакой Корги среди таких элементов можно назвать одинаковый радиус скругления, глаза одинакового размера и формы, а также нос в форме сердечка.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Эти три иконки можно назвать эстетически целостными, потому что в них использованы одни и те же элементы и приемы

Узнаваемость

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

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

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

Шесть этапов

Всегда начинайте с сетки

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows

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

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

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Выравнивание круглой иконки относительно сетки и основных линий

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Выравнивание и выбор размера круглого и квадратной иконки относительно сетки

На следующих картинках внутри сетки 32х32 пикселя вы заметите прямоугольники размером 20х28 пикселей, которые сориентированы горизонтально или вертикально – в зависимости от дизайна иконки.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Выравнивание и выбор размера вертикально и горизонтально ориентированных иконок

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Выравнивание и выбор размера диагонально ориентированных иконок

Помните, что вы не обязаны точно соблюдать описываемое расположение иконки относительно сетки и вспомогательных линий. Сетка – это только вспомогательный инструмент; если перед вами стоит выбор, сделать что-то по-настоящему оригинальное, или остаться в рамках правил, правилами можно пренебречь. Однако это должен быть обдуманный шаг. Как сказал Хеммо де Йонг, известный под псевдонимом Dutch Icon:

«Индивидуальность иконки перевешивает необходимость соблюдать единообразие набора иконок».

Начните с простых геометрических форм

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Основа иконки Корги – это простые геометрические фигуры: два треугольника и два эллипса

Все починено цифрам: кромки, линии, углы и кривые

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

В большинстве случаев можно посоветовать использовать углы 45°, либо кратные этому значению. Сглаживание неровностей при данном значении угла производится равномерно (активные пиксели хорошо прилегают друг к другу), и результат получается четким и лаконичным. Кроме этого, 45 градусов – это идеальная диагональ, приятная глазу. Последовательное использование такой привычной конфигурации позволяет получить целостную картину, как каждой отдельной иконки, так и всего набора. Если выбранный вами дизайн требует нарушения данного правила, лучше делить на два (22,5°; 11,25° и т.д.), либо использовать углы кратные 15°. Каждая ситуация индивидуальна и требует такого же индивидуального подхода. Преимущество использования углов кратных 45° состоит в том, что при таких значениях получается наилучшее сглаживание неровностей при переходах.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Крупный план сглаживания контура под углом 45°

Кривые

Одни из самых бросающихся в глаза элементов, которые могут значительно снизить качество иконки, наглядно показывающие разницу между профессионалом и любителем – это кривые. Тогда как человеческий глаз отчетливо улавливает малейшее несоответствие формы, наша координация не позволяет нам достигать такой же точности при рисовании от руки. Поэтому при создании кривых рекомендуется пользоваться линейкой и инструментами формы в программе, вместо того, чтобы полагаться на свою руку. Когда от черчения от руки не уйти, пользуйтесь клавишей модификатора ограничений (например, Shift в Adobe Illustrator), либо, еще лучше – используйте VectorScribe и InkScribe от Astute Graphics – данные инструменты позволяют получить наилучший результат при создании кривых.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Линии, нарисованные от руки, получаются низкого качества

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Эти идеальные кривые созданы в Adobe Illustrator с помощью инструмента для построения кривых Безье

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Точно закругленные углы

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Первый этап переделки Корги

Уже просматривается основная идея нового дизайна: скругленные углы и плавные кривые.

Оптимизация пикселей

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

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

Толщина линий

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Эта иконка iPhone показывает пример взвешенного использования толщины линий

Последовательно используйте разные элементы и не смещайте акценты в пределах одной серии иконок

Об этом аспекте дизайна иконок Хеммо де Йонг (Dutch Icon) произнес целую речь на конференции Icon Salon 2015. Хеммо со своим партнером уже два года занимаются разработкой значков для датского правительства, и их фирменным стилем стало использование метки в виде прореза. Прорез присутствует не на всех иконках, но на большинстве из них. Подобный акцент, примененный ко всей серии, связывает иконки вместе и способствует их узнаваемости среди тысяч других.

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Использование общих элементов дизайна

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Общие элементы, использованные для дизайна иконок с собаками

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Использование одинаковых элементов в другом стиле

Умеренное использование деталей и декоративных

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Минимальное количество деталей эффективно передает смысл

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

Сделайте иконку уникальной

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

Как сделать значок для windows. Смотреть фото Как сделать значок для windows. Смотреть картинку Как сделать значок для windows. Картинка про Как сделать значок для windows. Фото Как сделать значок для windows
Уникальность дизайна Корги состоит в форме его носа

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

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

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

Источник

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

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