5531 Знания

77 бесплатных инструментов для графического оформления сайта

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

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

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

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

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

GraphicSprings — простые лого можно собирать из разных тематических клипартов и элементов. Скачать готовый файл можно платно от $19.99.

Logoshi — вводите название и слоган по желанию, выбираете цветовую гамму, а инструмент предлагает варианты. Лучше справляется с латиницей. Скачивание стоит $5 или $20 в зависимости от нужных форматов.

редактор логотипов онлайн

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

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

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

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

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

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

Logo maker от Wix — конструктор от платформы для создания сайтов, позволяет настроить рекомендации по тематике и предпочтениям, выбрать готовый лого и отредактировать его. Бесплатного тарифа нет, пакет файлов в высоком разрешении с правами на использование стоит 1500 рублей, есть спецтарифы для тех, кто собирается делать сайт на Wix.

Logomakr — сервис с возможностью составить логотип из клипартов и текста. Маленький файл скачать можно бесплатно, пакет больших с лицензией стоит $19.

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

Tailorbrands — сервис для автоматизированного создания логотипов по простым пользовательским настройкам: можно выбрать цвет и тип готового изображения. Тарифы с подпиской на месяц начинаются от $9.99.

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

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

Easel.ly — создание инфографик с нуля или на основе шаблонов и коллекции иконок.

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

Sumopaint — похожий онлайн-инструмент для редактирования изображений без Photoshop.

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

Online-fotoshop — простой редактор изображений онлайн, можно кадрировать, делать цветокоррекцию, объединять изображения и накладывать фильтры.

Online-image-editor — бесплатный стандартный редактор, который ко всему прочему работает с gif.

Editor.pho — фоторедактор с функциями ретуши лица и быстрой коррекции изображений.

PixBuilder Studio — редактор растровой графики, позволяющий создавать и web-графику.

Social Image Resizer Tool — кадрирование изображений для социальных сетей.

Meme Generator, Iloveimg, Risovach, Mr-mem, 1001mem — генераторы мемов онлайн.

Сервисы для оптимизации и сжатия изображений и gif

TinyJPG | TinyPNG — инструмент для сжатия изображений в формате PNG и JPEG.

Compressor — позволяет сжать JPEG, PNG, GIF и SVG-файлы с уменьшением объема до 90%.

Compressnow — сжатие изображений с пользовательскими настройками процента сжатия.

Kraken — оптимизирует изображения с потерями и без потерь, чтобы повысить скорость работы сайта.

OptimiZilla — позволяет сжимать изображения пачками.

Image Optimizer — изменяет размер, сжимает и оптимизирует изображения.

Imagify — еще один инструмент для сжатия картинок бесплатно.

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

Сервисы для дизайна сайта

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

CodyHouse Framework — библиотека интерфейсных компонентов HTML, CSS, JavaScript, позволяют настроить фон, кнопки, навигацию и другие функции. Все адаптированы под мобильные. Можно скопировать код CSS, HTML или JS.

Freebbble — бесплатные элементы дизайна из Dribbble: иконки, мокапы, паттерны, кнопки, шрифты.

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

Free Section of Creative Market — пополнение набора бесплатных работ каждый понедельник.

Фотостоки

Stock Up — стоковые фото с разных сайтов собраны в одном месте.

Pexels — красочные бесплатные фото на одном ресурсе.

Mazwai — хорошая подборка не только фото, но и видеоклипов и футажей.

Foodie's Feed — бесплатные фото еды в хорошем качестве.

All The Free Stock — стоковые изображения, иллюстрации, иконки и видео.

Jéshoots — стильные фото с бесплатной лицензией.

Pixabay — бесплатные фотографии, иллюстрации и векторная графика с лицензией на бесплатное коммерческое использование.

Unsplash — фотосток с качественными изображениями от фотографов, можно бесплатно скачивать в большом размере.

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

Picjumbo — сток с фотографиями для бесплатного использования в коммерческих целях, скачиваются в большом размере.

Сервисы с бесплатными иконками

Freepik — в поиске можно найти бесплатные иконки, есть удобные фильтры для поиска.

Pixel Buddha — по поиску можно найти бесплатные иконки для скачивания и использования.

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

Flat Icon — поиск по 16000+ векторным иконкам.

Material Design Icons — 750 бесплатных иконок от компании Google.

Icon Sweets — подборка бесплатных векторных иконок для Photoshop.

The Noun Project — большой выбор иконок от разных дизайнеров.

Endless Icons — бесплатная коллекция плоских иконок.

Smart House на Dribbble — бесплатный сет «Умный дом».

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

Инструменты для подбора цвета

New Flat UI Color Picker — наглядный подбор цветов в стиле flat с кодами для копирования.

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

Flat UI Colors — подборка палитр цветов в стиле flat с кодами для копирования.

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

Couleurs — простое приложение для определения цветов на экране, нужно скачать бесплатно.

Material UI Colors — целая палитра цветов для веба, Android и iOS в разных стилях.

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

Сервисы для подбора шрифтов

TypeGenius — поиск идеальных сочетаний шрифтов для каждого проекта.

1001 Free Fonts — огромная коллекция бесплатных шрифтов.

Google Fonts — бесплатные шрифты, оптимизированные специально под веб-сайты.

Font Squirrel — бесплатные коммерческие шрифты.

WhatTheFont — определяет шрифт по тексту на скриншоте, работает только с латиницей.

Расширения: для Google Chrome — Typ.io, Type Sample, для Opera — Font Finder или Font Inspector, для Chrome, Firefox и Яндекс.Браузера — WHATFONT.


Пишите в комментариях, подборки каких инструментов вам было бы интересно видеть в блоге!


Комментарии (3)
sixbeeru   17.03.2017 16:27
Админы, сделайте пожалуйста у себя на сайте закладки, чтоб не потерять интересную статью, к примеру эту...
Inna_Samarina   17.03.2017 16:32
Спасибо за идею :)
enoren   18.03.2017 16:31
Поддерживаю, хорошая идея

Чтобы оставлять комментарии, вам нужно войти в систему

Авторизоваться

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