Подбор и создание контента для оформления сайтов (включая ИИ/AI)

Контент – это король! Хороший дизайн веб сайта всегда начинается с контента. Знакомимся с инструментами, которые позволяют подобрать или создать качественный контент для сайта.

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

Если вы берете самую крутую тему и заказываете самый дорогой дизайн, а контент у вас так себе – сайт будет ужасным.

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

Заказ иллюстраций на фрилансе

Кворк

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

Подходит в ситуации когда готовых решений не хватило, а своего дизайнера нет.

Фотобанки про картинки и иллюстрации

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

Pixabay

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

Ссылка: https://pixabay.com/

Unsplash

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

Ссылка: https://unsplash.com/

Openverse

Инициатива WordPress с большой коллекцией опенсорс фотографий.

В новых версиях будет интегрирован в Gutenberg.

Нет проблем с авторскими правами.

Но и качество медиа пока такое себе.

Ссылка: https://openverse.org/

Everypixel

Это некий агрегатор агрегаторов по изображениям, включая фото, паттерны, векторы.

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

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

Ссылка: https://www.everypixel.com/

Иллюстрации в SVG формате

Free SVG Illustration

Мой основной сервис куда я иду искать иллюстрации при наброске сайта.

Много бесплатных вариантов.

Есть возможность выбора цветовых акцентов.

Ссылка: https://freesvgillustration.com/illustrations/

unDraw

Качественная коллекция иллюстраций под разные темы.

Можно выбрать цвет акцента изображений, чтобы соответствовать вашему фирменному стилю сайта (айдентике).

Ссылка: https://undraw.co/illustrations

Storyset

Потрясающие бесплатные настраиваемые иллюстрации для вашего следующего проекта

Есть возможность выбора цветовых акцентов.

Ссылка: https://storyset.com/

DrawKit

Коллекция иллюстраций разного типа: 2D & 3D. Под разные типы сайтов.

Также тут можно найти иконки и анимации.

Ссылка: drawkit.com

Streamline

Большая база готовых иллюстраций и иконок в формате SVG

Ссылка: https://www.streamlinehq.com/freebies

Blush от ShapeFactory

Генератор иллюстраций на разные темы, с возможностью выбора цветовых акцентов.

Ссылка: https://blush.design/

Генераторы SVG

SVG генератор баблов

Баблы или пузыри – современный паттерн для оформления контента

Ссылка: https://www.blobmaker.app/

SVG генератор разделителей волн

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

Ссылка: https://getwaves.io/

Иконки и логотипы

Lucide – SVG icons, OpenSource

Удобная, интерактивная коллекция иконок SVG с возможность выбора цвета и толщины линий.

Развивается сообществом.

Адаптирована под использование в современных фронтенд фреймворках.

Ссылка: https://lucide.dev/

Feather simple SVG icons

Простая и удобная коллекция иконок SVG с возможность выбора цвета

Ссылка: https://feathericons.com/

FlatIcons

Большая база иконок и логотипов

Очень часто ее использую.

Много бесплатных вариантов.

Есть возможность выбора цветовых акцентов.

Ссылка: https://www.flaticon.com/

AutoDraw от Google

Генератор иконок и логотипов на основе моих каракуль с искусственным интеллектом – AI

Сбылась моя мечта.

Ссылка: https://www.autodraw.com/

Logoipsum

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

ссылка: https://logoipsum.com/

Logo от ShapeFactory

Еще один генератор логотипов

ссылка: https://logo.shapefactory.co/

База логотипов известных компаний в векторном формате

ссылка: https://worldvectorlogo.com/

Цветовые палитры, стили, тени

DuoTone

генератор для изображений Unsplash от ShapeFactory

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

Хотя в современном WordPress этот же эффект можно получить с любым изображением за счет опций в редакторе Gutenberg.

Ссылка: https://duotone.shapefactory.co/

Pigment by Shapefactory

Подбор цветовой палитры для сайта от ShapeFactory

Ссылка: https://pigment.shapefactory.co/

Gradient by Shapefactory

подбор градиентов

Ссылка https://gradient.shapefactory.co/

Корпоративные стили и бренд буки

Looka

Генерирует лого, бренд бук, стилевое оформление, цветовую паллету и презентации.

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

Ссылка looka.com

Brandmark

Генерирует имя, лого, стиль, цвета по базовым запросам которые вы вводите

Ссылка: https://brandmark.io/

Видео и аудио

Pixabay Video

Большой каталог готовых видео для сайта, как бесплатных, так и платных

Ссылка: https://pixabay.com/videos/

Jitter Video

Позволяет делать моушн дизайн и маркетинговые видео для сайта или социальных сетей

Ссылка: https://jitter.video/

Openverse Audio

Большой каталог бесплатного аудио контента

Ссылка: https://openverse.org/

Нейросети

Иллюстрации и картинки

GigaChat

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

Ссылка: https://developers.sber.ru/gigachat/

Block Diffusion

AI генератор иллюстраций и картинок как плагин для WordPress.

Поддерживает разные API типа Stable Diffusion и Midjourney

Ссылка: https://wordpress.org/plugins/stable-diffusion/

Big JPG

Позволяет улучшить разрешение изображений плохого качества на основе ИИ нейронок

Ссылка: https://bigjpg.com/

Тексты и их генерация

И последнее, но не менее важное. Это тексты! Написание хороших, понятных и продающих текстов – это искусство.

Однако сегодня уже придуманы технологии искусственного интеллекта, которые помогают с этим делом.

Innovator AI – chatGPT

Плагин для WordPress с интеграцией chatGPT.

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

ссылка: Innovator AI

AI Engine

Аналогичный плагин для WordPress с интеграцией chatGPT.

Пока сам не пробовал.

ссылка: https://wordpress.org/plugins/ai-engine/

Notion AI

Это как раз мой выбор.

Очень мощная штука, которая позволяет писать тексты как из пулемета.

Почти все свои тексты я пишу тут и использую искусственный интеллект для улучшения контента.

ссылка: https://www.notion.so/product/ai

Фото аватара
Antony I

Веб разработчик, специализация на лучших мировых практиках: WordPress, WooCommerce, NextJS, Strapi, JAMStack ...

Основные типы проектов: CMS, eCommerce, SEO, LMS, ECM, BPM

Подробнее...

Статей: 123

Ответить

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