Гигантская подборка сервисов для веб-дизайна. Логотипы, фотобанки, иконки, шрифты и прочее

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

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

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

В статье:

1. Конструкторы логотипов онлайн
2. Фоторедакторы, конструкторы инфографики и мемов
3. Подборки CSS-элементов: меню, кнопки, навигация, комментарии
4. Подборки бесплатных иконок для сайта
5. Фотостоки с иллюстрациями и фотографиями
6. Сервисы для подбора цветовых сочетаний на сайт
7. Коллекции бесплатных веб-шрифтов и сервисы для подбора

Бесплатное создание логотипа без водяного знака

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Графические онлайн-редакторы, конструкторы инфографики и мемов

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

• Easel.ly — для работы с инфографикой;
• Canva — для создания инфографики, флаеров, обложек и других картинок;
• Online-fotoshop, Pixlr, Sumopaint — для работы с изображениями: позволяет кадрировать, вырезать фон, выполнять цветокоррекцию, объединять изображения и накладывать фильтры;
• Online-image-editor — стандартный редактор, работает также с форматом gif;
• PixBuilder Studio — редактор растровой графики, позволяющий создавать и web-графику;
• Editor.pho, Fotor — фоторедактор с бьюти-инструментами для обработки кожи и добавления макияжа на фото;
• Meme Generator, Iloveimg, Risovach, Mr-mem, 1001mem — генератор мемов онлайн.

Подборка CSS- элементов для дизайна сайта

Сервисы, где представлены интересные решения для оформления интерактивных элементов на сайте, можно скопировать в HTML, CSS, JavaScript.

• Подборка CSS для вкладок — стили для оформления меню и других вкладок на сайте, у элементов есть код для копирования и внедрения на сайт.

• Подборка CSS для слайд-шоу — стили для оформления просмотра изображений в слайд-шоу, можно скопировать и вставить на сайт. Есть HTML, CSS и JavaScript.

На сайте designyourway.net есть еще подборки с красивыми решениями оформления сайта.

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

• Freebbble — бесплатные элементы дизайна из Dribbble: иконки, мокапы, паттерны, кнопки, шрифты. У многих указана лицензия для бесплатного коммерческого использования.

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

• Free Section of Creative Market — площадка с бесплатными работами, которыми делятся дизайнеры. Пополнение набора каждый понедельник.

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

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

• Dreamstale
• Endless Icons
• Freepik
• Flat Icon
• Freebbble
• Free Icons on Behance
• Fribly
• Graphicsfuel
• Icon Sweets
• Icojam
• Iconshock
• Material Design Icons
• Pixelsmarket
• Pixel Buddha
• Pixeden
• Tilda icon
• The Noun Project

Фотостоки и фотобанки для скачивания бесплатных изображений

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

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

• Pexels — русскоязычный сайт, разные тематики.

• Mazwai — не только фото, но и видеоклипы, и футажи.

• Foodie's Feed — продукты, готовые блюда и процесс приготовления.

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

• Jéshoots — тематические категории.

• Pixabay — фотографии, иллюстрации и векторная графика.

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

• Picjumbo — скачивание в большом размере.

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

Помогут найти нужную палитру сочетающихся цветов для оформления сайта.

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

• Flat UI Colors — сайт с похожей системой, позволяет подбирать палитры цветов по насыщенности и яркости.

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

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

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

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

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

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

На этих площадках можно найти интересные шрифты для веба. Большинство из них с лицензией на бесплатное коммерческое использование:

• Google Fonts, Fonts-online, Freebbble, 1001 Free Fonts, Fontlibrary, Font Squirrel, 1001fonts.com, 42+ кириллических шрифта, Typetype, Facefont.

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

• WhatTheFont — определяет шрифт по тексту на скриншоте, работает только с латиницей;
• Typ.io, Type Sample — расширение для Google Chrome;
• Font Finder, Font Inspector — для Opera;
• WHATFONT — для Chrome, Firefox и Яндекс.Браузера.

Источник: https://pr-cy.ru/news/p/6171-64-besplatnykh-instrumenta-dlya-graficheskogo-oformleniya-sayta#design

Статьи по теме

Дизайн сайта: особенности творческого процесса

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

2019-08-07

Создание логотипа: семь сервисов в помощь

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

2019-01-30

20 ценных уроков дизайна от "Мстителей"

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

2015-05-11

15 трендов веб дизайна в 2014-2015 году

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

2014-06-05

Как не надо верстать сайт или 7 ошибок начинающего веб-мастера

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

2011-12-27

Факторы, определяющие хороший логотип

Если вы решили создать логотип, то нужно подумать о том, где он может использоваться. Существует пять факторов, которые определяют наско�...

2011-12-27

Борьба поисковиков и оптимизаторов

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

2011-04-13

Почему не стоит скачивать шаблоны с варезников

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

2011-04-13

О пользе точности темплейтов

Лирическое отступление: Темплейты для сайта (сториборды, вайрфреймы) - спроектированные проволочные схемы страниц сайта. Темплейты пок...

2011-04-07

Методы веб-дизайна и юзабилити

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

2011-04-07

Шаблонные решения для web-сайтов

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

2011-04-07

Как сделать картинки в стиле Карсона

Самое модное сейчас в дизайне — шрифты. Их в работе должно быть как можно больше. Неважно, ЧТО вы этими шрифтами пишете, главное — раск�...

2011-04-07

Переживания должны передаваться

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

2011-03-29

Про заказчиков

Сегодня наш выпуск посвящён не дизайну или дизайнерам, а тому, с кем они имеют дело — заказчикам. Заказчики делятся на несколько групп. Т...

2011-03-29

Возьми с собой в дорогу

Инструментарий Для написания HTML и создания графики хороший инструментарий просто необходим. Вам понадобится хороший HTML-редактор, гра�...

2011-03-28