Контент — это король! Хороший дизайн веб сайта всегда начинается с контента. Знакомимся с инструментами, которые позволяют подобрать или создать качественный контент для сайта.
У вас может быть очень базовый и простой дизайн сайта на типовой бесплатной теме, но если у вас крутой контент — сайт будет смотреться хорошо.
Если вы берете самую крутую тему и заказываете самый дорогой дизайн, а контент у вас так себе — сайт будет ужасным.
Контент — это все те материалы, из которых состоит сайт: изображения, видео, музыка и, конечно, тексты.
Заказ иллюстраций на фрилансе
Один из самых простых и надежных способов сделать нужную иллюстрацию, это заказать на фриласне.
Подходит в ситуации когда готовых решений не хватило, а своего дизайнера нет.
Фотобанки про картинки и иллюстрации
Фотобанк (фотостоки) — это онлайн-платформа, которая предоставляет доступ к большому количеству цифровых изображений (стоковых фото), иллюстраций, видео и других медиа-контентов для покупки и использования в коммерческих целях.
Pixabay
Один из лучших и самых популярных ресурсов где можно поискать интересные фото и иллюстрации для сайта.
Ссылка: https://pixabay.com/
Unsplash
Также очень популярный ресурс где можно поискать интересные фото и иллюстрации для сайта.
Ссылка: https://unsplash.com/
Openverse
Инициатива WordPress с большой коллекцией опенсорс фотографий.
В новых версиях будет интегрирован в Gutenberg.
Нет проблем с авторскими правами.
Но и качество медиа пока такое себе.
Ссылка: https://openverse.org/
Everypixel
Это некий агрегатор агрегаторов по изображениям, включая фото, паттерны, векторы.
Ключевая его фишка в том что можно искать как бесплатные, так и платные изображения по множеству стоков.
И вот если попадает платный вариант, то сервис позволяет увидеть на каких стоках его купить дешевле и проще.
Ссылка: https://www.everypixel.com/
Иллюстрации в SVG формате
Free SVG Illustration
Мой основной сервис куда я иду искать иллюстрации при наброске сайта.
Много бесплатных вариантов.
Есть возможность выбора цветовых акцентов.
unDraw
Качественная коллекция иллюстраций под разные темы.
Можно выбрать цвет акцента изображений, чтобы соответствовать вашему фирменному стилю сайта (айдентике).
Ссылка: https://undraw.co/illustrations
Storyset
Потрясающие бесплатные настраиваемые иллюстрации для вашего следующего проекта
Есть возможность выбора цветовых акцентов.
Ссылка: https://storyset.com/
DrawKit
Коллекция иллюстраций разного типа: 2D & 3D. Под разные типы сайтов.
Также тут можно найти иконки и анимации.
Ссылка: drawkit.com
Streamline
Большая база готовых иллюстраций и иконок в формате SVG
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/
World Vector Logo
База логотипов известных компаний в векторном формате
ссылка: https://worldvectorlogo.com/
Цветовые палитры, стили, тени
DuoTone
генератор для изображений Unsplash от ShapeFactory
Позволяет накладывать дуотон эффект на изображения, чтобы быть ближе к цветовой палитре сайта.
Хотя в современном WordPress этот же эффект можно получить с любым изображением за счет опций в редакторе Gutenberg.
Ссылка: https://duotone.shapefactory.co/
Pigment by Shapefactory
Подбор цветовой палитры для сайта от ShapeFactory
Ссылка: https://pigment.shapefactory.co/
Корпоративные стили и бренд буки
Looka
Генерирует лого, бренд бук, стилевое оформление, цветовую паллету и презентации.
Вводим базовые данные, выбираем что нравится, и получаем огромное количество готовых вариантов, затем можем легко донастроить
Ссылка looka.com
Brandmark
Генерирует имя, лого, стиль, цвета по базовым запросам которые вы вводите
Ссылка: https://brandmark.io/
Видео и аудио
Pixabay Video
Большой каталог готовых видео для сайта, как бесплатных, так и платных
Ссылка: https://pixabay.com/videos/
Jitter Video
Позволяет делать моушн дизайн и маркетинговые видео для сайта или социальных сетей
Ссылка: https://jitter.video/
Нейросети
Иллюстрации и картинки
GigaChat
Нейросеть от Сбера с широкими вощможностями: может сочинять тексты, предлагать идеи, отвечать на вопросы и рисовать картинки.
Block Diffusion
AI генератор иллюстраций и картинок как плагин для WordPress.
Поддерживает разные API типа Stable Diffusion и Midjourney
Big JPG
Позволяет улучшить разрешение изображений плохого качества на основе ИИ нейронок
Ссылка: https://bigjpg.com/
Тексты и их генерация
И последнее, но не менее важное. Это тексты! Написание хороших, понятных и продающих текстов — это искусство.
Однако сегодня уже придуманы технологии искусственного интеллекта, которые помогают с этим делом.
Innovator AI — chatGPT
Плагин для WordPress с интеграцией chatGPT.
Позволяет генерировать запросы и тексты прямо в админке сайта.
ссылка: Innovator AI
AI Engine
Аналогичный плагин для WordPress с интеграцией chatGPT.
Пока сам не пробовал.
Notion AI
Это как раз мой выбор.
Очень мощная штука, которая позволяет писать тексты как из пулемета.
Почти все свои тексты я пишу тут и использую искусственный интеллект для улучшения контента.
ссылка: https://www.notion.so/product/ai
