При работе с сайтом, даже с таким дружелюбным интерфейсом, как у WordPress, иногда может возникать необходимость добавить какие-либо иконки или дополнительные кнопки, которые не предусмотрены темой. Некоторые для решения этой задачи пойдут осваивать Photoshop или другой редактор изображений. Однако, вебмастерам непрактично тратить на это время. В этой статье мы расскажем вам про генератор иконок для сайта, который позволяет создать разнообразные элементы дизайна в считанные секунды, не применяя при этом каких-либо особых знаний.
Генератор иконок для сайта Сhimply
Инструмент Сhimply позволяет генерировать и редактировать разнообразные иконки и кнопки, которые можно использовать в интерфейсе сайта. Сервис отличается тем, что он бесплатный и простой. Его интерфейс настолько интуитивно понятный, что даже отсутствие русского языка не удаётся назвать его недостатком – язык вам не понадобится.
В результате работы сервиса можно получить графический анимированный продукт в формате GIF или SWF или статический в PNG, JPG и других популярных форматах. Данные файлы можно загрузить на сайт и использовать их в дизайне.
Итак, для начала перейдите на сайт, где находится генератор иконок – Сhimply. Здесь обратите внимание на вкладки сверху – это группы элементов, которыми можно оперировать. Рассмотрим их:
- Spinner Набор из вращающихся анимированных элементов.
- Spinner Тоже самое, только более разнообразные вращающиеся элементы.
- Animated bar. Разнообразные анимированные вертикальные и горизонтальные полосы – со стрелками, квадратиками, волнами и прочими декорациями.
- Button. Здесь находятся кнопки разных цветов и форм. Этот генератор иконок для сайта генерирует кнопки только в статическом варианте. Так же вы можете познакомиться с продвинутым плагином кнопок для WordPress.
- Badge. Тоже статические элементы, которые представляют собой надписи разных форм и видов.
Теперь выберите нужную вам вкладку, затем кликните на нужный элемент. Ниже вы увидите секцию «Parameters», в которой находятся основные настройки. Среди них есть опции цвета и размера. Чтобы просмотреть, как будет выглядеть иконка после тех или иных изменений, нужно нажать на кнопку «Genarate». Иконка появится в секции ниже – «Generated Images». Там же её можно будет скачать.
Среди настроек каждого элемента также есть ссылка «Show advanced options», которая открывает дополнительные опции – изменения шрифта, скорости анимации и прочее.
Хорошо, доступно написано. Спасибо за статью.
Очень полезная и нужная информация, спасибо Вам большое!! Попробую применить на практике!
Спасибо! Очень полезная информация. Я думала, что все новые кнопки в фотошопе создаются. )
Спасибо за данную статью, я даже не задумывался на счёт иконок для сайта, теперь обязательно воспользуюсь.
Спасибо за информацию, обязательно воспользуюсь и буду применять на сайте. Я новичок и хочу знать все нюансы!!!
Вот за эту информацию действительно спасибо!! Обязательно попробую применить на своем сайте!!
Когда прокручиваешь в голове идеи по дизайну сайта, на ум приходят кликабельные объемные кнопочки, проявляющиеся изображения и т.д. Хочется всё и сразу. Попробую применить на практике!
Спасибо за познавательную информацию!
полезная и информативная информация. Ребята, рекомендую
Очень интересно про иконки. Можно дополнить свой сайт интересными деталями. Мне кажется – это придаст ему привлекательности и динамичности.