Оди
34.7K subscribers
27.5K photos
1.34K videos
147 files
5.83K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Сайт с полным архивом: https://awdee.ru

По рекламе: @kgreenmedia
В реестре: vk.cc/cKf8V5

Автор проекта: @kirillgreen
Download Telegram
PatternСraft — библиотека фонов с градиентами и геометрическими узорами

Каждый фон можно посмотреть в деле, а затем скопировать его CSS для своих проектов

patterncraft.fun

#awd_tool
🤮64💅4👍1🍓1
RAWGraphs — бесплатное опенсорсное веб-приложение для визуализации данных

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

rawgraphs.io

#awd_tool
❤‍🔥15🔥5
Бесплатный менеджер шрифтов FontBase

Помогает навести порядок в шрифтовой коллекции. Показывает все установленные шрифты и шрифты из библиотеки Google

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

За 3 $ в месяц можно получить доступ к расширенным функциям

Скачать: fontba.se

#awd_tool
👍7👎2🙊1
Aura — ИИ-сервис для создания дизайна интерфейсов и сайтов

Получившиеся макеты можно экспортировать в HTML или Figma. Есть библиотека компонентов и шаблонов, готовых для редактирования

Пять запросов в день бесплатны, расширенные функции стоят от 15 $ в месяц

Попробовать: aura.build

#awd_tool #awd_neural
👍5👾31
This media is not supported in your browser
VIEW IN TELEGRAM
ИИ-модель для генерации видео Ray 3

Выдаёт реалистичные ролики в 16-bit HDR длительностью 5 или 9 секунд, а в режиме мозгового штурма предлагает интересные идеи для сценария. Траекторию движения персонажей можно указывать стрелками прямо на кадре. Есть предустановленные стили изображения и виды освещения

Попробовать дают бесплатно. Стоимость продвинутых функций — от 8 $ в месяц при оплате за год

lumalabs.ai/ray

#awd_tool #awd_neural
🔥8👾1
Intuition Design System — бесплатная дизайн-система для вёрстки цифровых продуктов, в основе которых лежат нарративы

Технически IDS — это шаблон настраиваемых CSS-классов и JS-компонентов для лендингов и онлайн-изданий. Разобраться можно даже без знания кода: для этого есть понятная инструкция

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

Свёрстанные страницы состоят из «этажей», внутри каждого можно создавать модульные сетки и сложные композиции. «Этажи» легко менять местами, потому что они не зависят друг от друга

IDS сделана в дизайн-бюро «Интуиция»

Инструкция по работе: intuition-tech.github.io/ids/#intro

Репозиторий: github.com/intuition-tech/ids

#awd_tool #awd_web #awd_frontend
👌8🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Flowith — ИИ-платформа для автоматизации процессов и создания сайтов, игр, презентаций и отчётов

Работа проходит на бесконечном холсте — пространстве, на котором можно:

— запускать и сравнивать разные ИИ-модели, например Claude 3.5 Sonnet или Stable Diffusion
— загружать свои документы и генерировать контент
— запускать автономных агентов, которые будут самостоятельно планировать задачи и подключать инструменты, например для поиска в Twitter или создания слайдов
— конвертировать результаты работы в готовые материалы, будь то сайт или мультимедиа-проект

Flowith автоматически разбивает загруженные материалы на категории, устанавливает связи между элементами, концепциями и идеями и создаёт структурированную базу знаний

Можно попробовать бесплатно. Платные тарифы начинаются с 16 $ в месяц при оплате за год

try.flowith.io

#awd_tool #awd_neural
👾3
Полезные инструменты Алексея Ардова

Алексей — продуктовый дизайнер, который проектирует сервисы в компании Semrush. Он создал несколько бесплатных инструментов, которые могут пригодиться в работе:

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

Image Cutter — плагин для Figma, который позволяет нарезать изображение на части

Zerro — приложение для планирования бюджета

Hueplot (кек) — инструмент для исследования цветовых пространств. Позволяет визуализировать их в 2D и 3D, изучать взаимосвязи между цветами и то, как работают разные цветовые модели, такие как sRGB или Display P3

Color Lab — коллекция экспериментов с цветом. Например, здесь есть генератор тем для интерфейсов и редактор изображений

#awd_tool #awd_webtool via ardov.me
🔥10
This media is not supported in your browser
VIEW IN TELEGRAM
Три приложения Affinity теперь объединены в одно бесплатное — Affinity Studio

В прошлом году платформа Canva купила приложения Affinity, а недавно представила вместо них единое приложение для работы с растровой и векторной графикой

К привычным функциям добавились ИИ-инструменты, например генерация изображений по промту. Они будут доступны пользователям премиум-подписки

Анонс нового приложения: canva.com/newsroom/news/all-new-affinity

Скачать: affinity.studio/download

#awd_tool
👾10👻3
Media is too big
VIEW IN TELEGRAM
Опенсорсная UI-библиотека Uiverse

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

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

uiverse.io

#awd_tool
👀9
This media is not supported in your browser
VIEW IN TELEGRAM
Бесплатный онлайн-генератор анимированных меш-градиентов Backgrounds Generator

Можно создавать анимации до 10 секунд и регулировать их скорость. Есть экспорт в MP4

Попробовать: krumzi.com/tools/animated-background-generator

#awd_tool
🔥7💅6👾2
Media is too big
VIEW IN TELEGRAM
Опенсорсное ИИ-приложение ComfyUI для создания изображений, видео, 3D и аудио

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

Есть предустановленные шаблоны процессов, а на YouTube-канале команда ComfyUI выкладывает обучающие видео по работе с приложением

Под капотом ComfyUI такие модели, как Hunyuan3D 2.0, Wan 2.2 и SeeDream 4.0. Для работы с платными нейросетями нужны свои API-ключи

Приложение бесплатно для Windows, Linux и macOS. Стоимость работы в облаке — 20 $ в месяц

comfy.org

#awd_tool #awd_neural
💘2🤡1👾1
Media is too big
VIEW IN TELEGRAM
Фотосток винтажной графики Century Library

Коллекция большая и включает иллюстрации растений, насекомых и зданий, карты, анатомические картинки, орнаменты, паттерны и текстуры

Есть бесплатные и платные изображения. Последние доступны по подписке за 15 $ в месяц. Лицензия позволяет использовать все картинки в коммерческих проектах

centurylibrary.com

#awd_tool
👍8🔥4
50 шаблонов сайтов в Figma Sites

Play Studio разработала редактируемые шаблоны сайтов для разных целевых аудиторий и задач. Библиотека состоит из пяти категорий: сайты мероприятий и компаний, лендинги, персональные сайты для личного блога и портфолио

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

Шаблоны уже доступны в Figma Sites

Подробнее о проекте: play.studio/work/figma-sites

#awd_web #awd_tool
👍4👎2🔥2
Design Prompts — сервис с готовыми промтами для создания сайтов в разных стилях

Запросы составлены с помощью Claude Opus 4.5, их можно скопировать и использовать в инструментах типа Claude Code. Каждый промт задаёт нейронке роль фронтенд-разработчика и UI/UX-дизайнера, содержит пошаговый план и подробное описание дизайна. Всего доступно 30 стилей — от Баухауса до необрутализма

designprompts.dev

#awd_tool #awd_vibe
👍6😁6
Media is too big
VIEW IN TELEGRAM
Конструктор цветовых палитр Supa Colors

Можно редактировать предустановленные шаблоны или сделать собственную палитру с нуля. Веб-приложение позволяет создавать гармоничные цветовые сочетания, настраивать яркость и насыщенность, проверять читаемость текста и то, какими будут цвета для пользователей с дальтонизмом. Работает с цветовыми пространствами OKLCH, sRGB и P3

Есть функция совместной работы. Поддерживает экспорт в CSS, Tailwind v4, TypeScript и переменные Figma

На бесплатном тарифе дают создать одну цветовую систему. Расширенные возможности стоят от 5 $ в месяц при оплате за год

supacolors.studio

#awd_tool #awd_color
💅4🔥3
Media is too big
VIEW IN TELEGRAM
EaseMaster — бесплатный сервис для визуальной настройки изингов (кривых анимации)

В сервисе можно протестировать разные виды анимации и посмотреть, как объекты будут двигаться. Получается готовый код CSS, Tailwind, Motion и GSAP для красивой и плавной анимации — код дают скопировать и использовать в проектах

easemaster.satisui.xyz

#awd_tool
👍5🤔2
Подборка миров, которые в Genie 3 сгенерировали пользователи X (Twitter)

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

Пока сервис доступен подписчикам Google AI Ultra из США

labs.google/projectgenie

#awd_tool #awd_neural
👍4👎3👾1
Мы нашли девять лучших облачных сервисов, которые пригодятся для хранения личных и рабочих файлов. У какого сервиса удобный шеринг, где дают больше бесплатного места и какие неочевидные функции есть в таких сервисах — рассказали в статье

🙂 Где дизайнеру хранить файлы: 9 облачных сервисов, доступных в России без VPN

#awd_article #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
👎3
Подборка роликов, которые пользователи X (Twitter) сгенерировали в Seedance 2.0

Seedance 2.0 — нейронка для создания видео до 15 секунд. Помимо визуала, она генерирует диалоги, фоновые звуки и эффекты. В качестве референсов можно загружать изображения, аудио и видео

Модель доступна в приложениях Jimeng и Doubao

seed.bytedance.com/en/seedance2_0

#awd_tool #awd_neural
👍5👾4🤮3