Icofx 1.6.1 — иконки своими руками — хитрые советы

10 ошибок в дизайне иконок

icofx 1.6.1 - иконки своими руками - хитрые советы

18 июня 2008 | Опубликовано в графика | 5 Комментариев »

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

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

1. Недостаточная различимость иконок

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

Иконки из раздела Utilities в Mac OS X. Я постоянно путаю их и запускаю не то приложение.

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

2. Слишком много элементов в одной иконке

Чем иконка проще и лаконичнее, тем лучше. Очень желательно, чтобы количество объектов в одной иконке было бы минимальным.  
Но дизайнеры компании Microsoft, вдохновленные новым форматом иконок в операционной системе Windows Vista, решили не мелочиться и нарисовали «на все деньги»:

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

3. Лишние элементы

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

Возьмем для примера набор иконок для работы с базой данных:

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

Смысл не потерян, но значки стали более различимыми. 

Вот реальный пример использования лишних элементов в иконках BeOS 5:

Галочки тут совершенно не нужны. Кстати, почему они красные?

4. Нет стилевого единства набора

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

Дизайнер может держать эти правила в голове, если иконок в наборе немного. Если же иконок много и над ними работают разные дизайнеры (например, иконки для операционной системы), создаются специальные инструкции.

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

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

5. Ненужная перспектива и тени в мелких иконках

Прогресс не стоит на месте: в интерфейсах появилась возможность использовать полупрозрачность, пропали ограничения на количество цветов, плюс появилась мода на трехмерность. Но пошло ли это не пользу? Не всегда! Особенно, если речь идет о иконках размером 16×16 и меньше.

Для примера возьмем менеджер приложений из GNOME 2.2.0 (RedHat 9):

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

А вот менеджер приложений из Windows XP:

По стандарту иконке в Windows XP положена двухпиксельная черная тень. Но в размере 16×16 тень получается слишком большой и выглядит «грязно». Особенно неудачно выглядит иконка Address book.

6. Слишком оригинальные метафоры

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

Примером такой излишней оригинальности может служить иконка корзины в OS/2 Warp 4, которая не корзина вовсе, а шредер.

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

7. Нет учета национальных и социальных особенностей

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

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

Изображения позаимствованы из статьи про почтовые ящики в Wikipedia.

Ответ можно найти в руководстве по созданию иконок для Mac OS X: используйте универсальные и легко узнаваемые изображения. Не фокусируйтесь на второстепенных аспектах элементов. Пример: для иконки электронной почты предпочтительнее будет использовать изображение почтовой марки, чем трудноузнаваемого почтового ящика.

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

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

Ответ клиента был таков: «Мне не совсем понятно, почему вы нарисовали иконку фильтра в виде бокала для мартини!».

8. Изображения реальных элементов интерфейса в иконках

Руководство по созданию иконок для Mac OS X предостерегает нас: не используйте в иконках элементы реального интерфейса. Но все напрасно! Например, можно увидеть вот такую иконку:

 
Хочешь переключить radiobutton, а нажимается вся иконка!

Или вот интересный пример из интерфейса браузера OmniWeb:

Обратите внимание на кнопки «Previous» и «Next». Редкий вид кнопок с подписями снизу! Ой! А они и не кнопки вовсе, а иконки!

9. Текст внутри иконок

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

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

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

10. Мимо пикселей

Как правило, эта проблема появляется, если рисовать иконки в векторном редакторе. В большом размере все выглядит красиво и четко. Но в реальности иконки мелкие и при растеризации анти-алиасинг «размывает» границы объектов.

Читайте также:  Видео: всегда окружайте себя людьми, которые умнее вас самих - хитрые советы

 
Автор — Денис Кортунов

Полезные ссылки:  
Турбомилк 
Рома Воронежский 
Иконка.ру 
 YellowIcon



Источник: http://www.dejurka.ru/graphics/10-mistakes-in-icon-design/

Бесплатный редактор иконок @icon sushi

Небольшой редактор иконок. Поддерживаются альфа-каналы, иконки размером до 256х256, библиотеки, XP-иконки и основные форматы: ICO, BMP, PNG, PSD, EXE, DLL, ICL.

Установка редактора иконок @icon sushi

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

Интерфейс @icon sushi — английский, но в архиве с ним лежит русификатор.

Чтобы русифицировать программу, делаем следующее:

  1. Открываем папку с установленной программой (по умолчанию это C:Program Filesaicon).
  2. Находим там папку «Languages».
  3. Копируем в нее файл Русский.lng из папки с русификатором.
  4. Запускаем @icon sushi.
  5. Заходим в меню «Options» — «Languages» и выбираем язык Русский.

Готово, русский интерфейс установлен.

Интерфейс программы

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

С её помощью можно «доставать» спрятанные значки из файлов .ICO, .PNG, .PSD, .BMP, .EXE, .DLL, .ICL и менять их как заблагорассудится.

Давайте для примера откроем запускаемый файл антивируса AVG, чтобы извлечь из него иконки. Нажимаем «Открыть» и выбираем нужный файл с расширением .exe. Загрузятся все значки из этого файла.

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

  • Обычная одиночная иконка (ICO).
  • Мультииконка (набор выбранных в списке иконок в том же формате ICO).
  • Библиотека иконок, которая может содержать как одну, так и множество значков (ICL).
  • Картинка в BMP (не сжатая и без поддержки прозрачности).
  • Картинка в PNG (c поддержкой альфа-канала).

Таким образом, с помощью @icon sushi можно конвертировать обычные картинки в иконки и обратно.

Давайте теперь попробуем сделать иконку из какого-нибудь рисунка.

Создание иконок из рисунков

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

Стандартные размеры иконок для Windows: 16*16, 24*24, 32*32, 48*48, 256*256.
Также иногда применяются: 64*64 и 128*128.

Поэтому, чтобы открыть обычную картинку в @icon sushi, нужно сначала:

  1. Сделать её квадратной (обрезать либо добавить холст).
  2. Уменьшить до одного из стандартных размеров.
  3. Сохранить в формате PNG.

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

Например, FastStone Image Viewer отлично умеет это делать.

Будем считать, что картинку уменьшили и сохранили. Нажимаем кнопку «Открыть» в @icon sushi и выбираем нашу квадратную картинку. Должно получиться что-то в этом роде:

Теперь мы можем сохранить картинку как иконку в формате ICO.

Но что это нам даёт?

Дело в том, что такую картинку в формате ICO, программист может сделать «лицом» своей программы. А у веб-дизайнера она может стать мини-логотипом сайта, и сделает его более заметным в поиске Яндекса.

Вот как выглядит иконка нашего сайта в браузере Opera и в поиске Яндекса:

Таким образом, удачная иконка может привлечь внимание к продукту разработчика, а неудачная — помешать этому.

Создание прозрачного фона

Альфа-канал — прозрачный слой.

Помимо конвертации между форматами, @icon sushi обладает функцией редактора альфа-канала. Рассмотрим её подробнее.

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

Заходим в меню «Редактировать» и нажимаем кнопку «Изменить маску прозрачности» (или просто нажимаем клавишу Enter).

Откроется следующее окно, в котором можно регулировать масштаб отображения роликом мыши или с помощью окошка «Размер». Это позволит более аккуратно обработать рисунок.

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

Дальше у нас есть два способа удалить ненужный фон:

1. Если он везде одного цвета (как в нашем случае — белый), то всё очень просто. Используем инструмент в виде пипетки «Создать маску из цвета» и тыкаем им в этот фон. Он сразу исчезнет. Главное здесь, чтобы цвет фона не соединялся с точно таким же цветом на самой иконке.

2. Если ненужный фон разноцветный, придётся действовать вручную. Выбираем инструмент «Прозрачность» (в виде карандаша) и закрашиваем им ненужные участки.

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

Таким способом можно убрать ненужные пиксели и со всего рисунка.

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

Второй способ добавления прозрачности

Однако это не единственный способ добиться прозрачности в @icon sushi. В меню «Редактировать» есть ещё один пункт: «Изменить Альфа канал».

Выбрав его мы увидим вот такое окно:

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

Параметры, которые здесь можно изменять:

  • фоновой цвет;
  • размер кисти (5 вариантов);
  • сила нажима кисти (в процентах);
  • метод распыления (простой либо пульверизатором).

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

Меню «Просмотр»

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

Меню «Инструменты»

Теперь Вы знаете почти все о программе @icon sushi. Но еще не все :). Есть в ней еще несколько «фишек». Их можно обнаружить в меню «Инструменты»:

  • Сортировщик иконок — позволяет выбирать, какие именно иконки будут показаны в списке.
  • Скриншот — создаёт скриншот в формате JPG группы отмеченных иконок, располагая их в горизонтальную линию друг за другом. Регулируются поля, фон и т.д.
  • Сохранить выбранные группы в иконки — аналогично сохранению в мультииконку.
  • Счётчик групп.
  • Переименовать иконки — поиск и замена в именах по шаблону.
  • Полоса расширений файлов.
Читайте также:  «демократия» — юмор на все 146% - хитрые советы

Настройки @icon sushi

Теперь нам осталось лишь заглянуть в меню настроек.

Не густо, но всё необходимое есть.

Выводы

Редактор @icon sushi не очень силён в создании иконок «с нуля», но достаточно удобен для конвертации уже готовых изображений и корректировки альфа-канала.

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

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Богданова.

P.P.S. Для работы с программой Вам обязательно пригодится ещё еще и неплохой бесплатный редактор фотографий:
Paint.NET https://www.bestfree.ru/soft/graph/paint.php

Источник: https://www.bestfree.ru/soft/graph/icon.php

IcoFX

Приложение-лауреат нескольких наград за лучшую функциональность, IcoFX является бесплатным редактором иконок. С его помощью вы можете создавать, извлекать или редактировать иконки.  Скачать IcoFX бесплатно можно для работы в рамках Windows XP, Vista и Windows 7.

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

С помощью того же IcoFX можно также извлекать иконки из других файлов (включая Windows Vista). Используя функционал данного приложения, вы можете создавать иконки размером до 256х256 пикселей и, более того, извлекать иконки из «экзешных» файлов.

Один щелчок мыши – создана иконка из выбранного  изображения на ваш выбор.  

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

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

Пользователи могут начать с заранее выбранной картинки или создать иконки с эскиза – и то и другое проделывается IcoFX без проблем.

Если же они возникли, онлайновый файл помощи Help дает подробное описание функционала программы и вообще адекватно направит в нужное русло.

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

IcoFX – бесплатное приложение, которое одинаково легко устанавливается и удаляется. Рекомендуем данную программу всем, кто ищет мощный и простой в обращении редактор иконок.

Основные достоинства редактора:

  • возможность создания иконок расширения ico
  • наличие более сорока фильтров и эффектов
  • возможность пакетного редактирования
  • «крутое» масштабирование – до 10000% с получением высокой точности в работе при создании иконки быстро, точно и верно
  • приложение дает иконки на выходе с разрешением 16х16, 32х32, 246х24, как и 48х48, и 256х256 пикселей
  • многие другие функции, которые вполне объясняют заслуженность своих наград приложением.

Источник: http://SoftoBase.com/ru/icofx

IcoFX 2.5 Portable

IcoFX является профессиональным редактором иконок для Windows. Приложение имеет всё необходимое для создания, редактирования и усовершенствования иконок и курсоров.

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

Это решение «все-в-одном» — создание, извлечение и редактирование иконок. Программа предназначена для работы с иконками Windows XP/Vista/7 и Macintosh с поддержкой прозрачности. Создание Windows иконок разрешением до 256×256 для Windows Vista/7 и Macintosh иконок до 1024×1024 для Macintosh OSX 10.7 Lion.

Некоторые возможности:

  • Создание иконок для Windows и Macintosh
  • Преобразование иконок Macintosh в иконки Windows и наоборот
  • Поддержка прозрачности
  • Поддержка иконок Windows Vista с PNG сжатием
  • Изменение размера и разрешения изображения
  • Масштабирование, поворот, переворот (вертикально или горизонтально)
  • Извлечение иконок и курсоров из файлов
  • Экспорт иконки или курсора в изображение
  • Создание иконки и курсора из изображения
  • Поддержка как статических, так и анимированных курсоров
  • Увеличение до 10000% для редактирования небольших изображений
  • Закрепляемые панели инструментов
  • Настраиваемые горячие клавиши
  • Захват экрана
  • Настройка значков папок

Импорт/экспорт/извлечение: Есть возможность конвертировния изображений в иконки и курсоры, или иконки в изображения:

Импорт/Экспорт: BMP, JPEG, PNG, TIFF, GIF, JPEG2000

Открытие/Сохранение: ICO, ICNS, CUR, ANI, ICL, CUL, IFX

С IcoFX можно извлекать иконки из файлов:

Извлечение из: EXE, DLL, OCX, Mac Binary, AppleSingle, AppleDouble

Пакетная обработка:

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

Редактирование ресурсов:

С помощью редактора IcoFX дает вам возможность создавать/измененять библиотеки иконок (ICL) и библиотеки курсоров (CUL). Вы также можете изменить иконки/курсоры в 32 битных файлах EXE.

Корректировки и эффекты:

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

Работа со слоями:

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

Мягкое выделение:

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

Читайте также:  Малоизвестные возможности стандартных ios-приложений - хитрые советы

ОС: Windows XP, Windows Vista, Windows 7. Размер: 7,09 МБ

Скачать с turbobit.net

Источник: http://portable-rus.blogspot.com/2013/02/Icofx.html

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

Категория ~ Программа редактор для создания и замены иконки– Автор: Игорь (Администратор)

Перейти к скачиванию IcoFX

Бесплатная программа редактор для создания и замены иконки IcoFX описание

Бесплатная программа редактор для создания и замены иконки IcoFX это мощный инструмент для создания красивых иконок.

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

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

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

Примечание: К сожалению, последняя бесплатная версия это 1.6.4. Версии, начиная с 2, теперь являются платными.

Бесплатная программа редактор для создания и замены иконки IcoFX скриншоты

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

Бесплатная программа редактор для создания и замены иконки IcoFX основные возможности (характеристики)

Своим пользователям бесплатная программа редактор для создания и замены иконки IcoFX предлагает следующие возможности:

  • Позволяет редактировать и сохранять иконку прямо в исполняемом файле (exe)
  • Позволяет создать много иконок и хранить их в одном файле
  • Огромный набор инструментов и эффектов (контраст, баланс цвета, тень, прозрачность, обрамление углов и многое другое)
  • Позволяет извлекать иконки из файлов
  • И многое другое

На сайте Ida-Freewares.Ru вы всегда сможете найти всю необходимую информацию, страницу загрузки и официальный сайт разработчика.

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

К сожалению, несмотря на проверку файлов антивирусами, мы не можем дать вам 100% гарантии, что файлы не инфицированы. Всегда проверяйте загружаемые файлы из Интернета на наличие вирусов!

Плюсы Множество инструментов, более 40 графических эффектов, преобразования между Macintosh и Windows иконками, возможность пакетной обработки и т.д. 
Минусы Начиная со второй версии программа стала платной. Так что используйте версию 1.6.4 
Разработчик IcoFX 
Страница загрузки Найти IcoFX вы можете по этой ссылке
Размер 1,5 Мб 
Версия 1.6.4 
Лицензия Бесплатно без ограничений
Версия ОС Windows 10, 8.1, 8, 7, Vista, XP
Поддержка 64 бит Поддерживаются 64-разрядные ОС
Портативная
Информация Поддерживается русский язык

Источник: https://ida-freewares.ru/icofx.html

6 советов по созданию эффективного дизайна иконок

Команда онлайн-сервиса для быстрого создания векторных иконок Iconsflow, собрала воедино 6 советов о создании иконок: от скетча до выбора стиля будущих иконок.

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

Также мы поделимся ссылками на полезные инструменты по созданию профессионального набора иконок.

1. Аудитория

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

Еще один важный момент это принимать во внимание возраст целевой аудитории.

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

2. Простота всегда актуальна

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

3. Стиль иконок

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

4. Сервисы для создания иконок

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

Вот некоторые из сайтов для создания иконок:

Iconsflow.com

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

Давайте перечислим некоторые удивительные функции этого онлайн редактора: — экспорт SVG (вектор), ICO и PNG; — возможность персонализации иконок; — загрузка ваших иконок;

— встроенный векторный редактор и т.д.

Flaticons.net

FlatIcons помогает персонализировать, задавать размеры и выбирать цвет. Вы можете создавать иконки до 128 px и скачивать их в формате PNG.

5. Наброски

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

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

6. Креативность и функциональность

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

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

Вот и все!

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

Авторы: команда Iconsflow

Источник: https://infogra.ru/design/6-sovetov-po-sozdaniyu-effektivnogo-dizajna-ikonok

Ссылка на основную публикацию