Простой и бесплатный генератор иконок для сайта

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

Сhimply - генератор иконок для сайта

Генератор иконок для сайта Сhimply

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

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

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

  • Spinner Набор из вращающихся анимированных элементов.
  • Spinner Тоже самое, только более разнообразные вращающиеся элементы.
  • Animated bar. Разнообразные анимированные вертикальные и горизонтальные полосы – со стрелками, квадратиками, волнами и прочими декорациями.
  • Button. Здесь находятся кнопки разных цветов и форм. Этот генератор иконок для сайта генерирует кнопки только в статическом варианте. Так же вы можете познакомиться с продвинутым плагином кнопок для WordPress.
  • Badge. Тоже статические элементы, которые представляют собой надписи разных форм и видов.

Теперь выберите нужную вам вкладку, затем кликните на нужный элемент. Ниже вы увидите секцию «Parameters», в которой находятся основные настройки. Среди них есть опции цвета и размера. Чтобы просмотреть, как будет выглядеть иконка после тех или иных изменений, нужно нажать на кнопку «Genarate». Иконка появится в секции ниже – «Generated Images». Там же её можно будет скачать.

Среди настроек каждого элемента также есть ссылка «Show advanced options», которая открывает дополнительные опции – изменения шрифта, скорости анимации и прочее.

41 комментарий

Оставить комментарий
  1. Очень интересная информация! Поучительная для людей которые только начинают свой путь к созданию сайта! Есть какая-то видео информация, урок, чтобы научиться всем тонкостям!

  2. Уникальный сайт! Очень полезная информация

  3. Спасибо обязательно воспользуюсь

  4. Замечательная информация. Очень нужная! Воспринимаю как подарок!
    Я уже столкнулась с тем, что картинки (в т.ч. и иконки) в статьях, разных размеров, что не красиво смотрится и нарушает юзабилити. А отшлифовывать во время столь интенсивного курса нет времени. Обязательно возьму на вооружение и плагин, и программу. Ведь использовать её можно и при создании сайтов на других конструкторах.
    Благодарю за подарок !!!

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

  6. Очень много полезной информации. Спасибо!!

  7. Уникальный сайт! Огромное количество нужной информации!

  8. Да, сайт уникальный, особенно для таких “чайников”, как я. Огромное спасибо!

  9. Полезная информация, очень интересно и доступно все расписано.

  10. Спасибо, очень много полезной информации.

  11. оочень много полезной информации, спасибо вам что вы есть

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

  13. Добрый день. Прошла по ссылке на Генератор кнопок и поигралась с ними, как ребёнок. Беру себе на заметку, пригодится. Спасибо за полезный материал.

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

  15. Доступно и понятно. Думаю, будет полезен для меня. Ждем новых статей.

  16. Обязательно попробую этот генератор иконок, спасибо за информацию :)

  17. Планирую в дальнейшем сделать свой сайт лучше, за счет полученной информации. Спасибо большое!:-)

  18. Спасибо. Очень полезная статья. Обезательно воспользуюсь

  19. Шикарная статья

  20. Огооо то что я искала! Спасиб!

  21. Спасибо. Огромное количество нужной и полезной информации.

  22. Полезная информация

  23. Спасибо за полезную информацию.

  24. Будем применять информацию на деле! Главное – посетителям своего сайта начать нравиться!

  25. Спасибо за дополнительную информацию. Будет интересно поэксперементировать в будущем.

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

  27. Качественно! Полезно! Познавательно! Рекомендую!

  28. Благодарю!
    Классная информация – это остановит многих посетителей сайта узнать по-больше

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

  30. Очень интересно про иконки. Можно дополнить свой сайт интересными деталями. Мне кажется – это придаст ему привлекательности и динамичности.

  31. полезная и информативная информация. Ребята, рекомендую

  32. Спасибо за познавательную информацию!

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

  34. Вот за эту информацию действительно спасибо!! Обязательно попробую применить на своем сайте!!

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

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

  37. Спасибо! Очень полезная информация. Я думала, что все новые кнопки в фотошопе создаются. )

  38. Очень полезная и нужная информация, спасибо Вам большое!! Попробую применить на практике!

  39. Хорошо, доступно написано. Спасибо за статью.

  40. Очень интересно и поучительно

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

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