Оди
36.1K subscribers
25.6K photos
1.2K videos
144 files
5.42K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

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

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

Автор проекта: @kirillgreen
Download Telegram
Media is too big
VIEW IN TELEGRAM
Необычный генератор палитр Colorspace

Помогает генерировать гармоничные цветовые палитры в пространствах OKLCH, OKHSL и CIELAB

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

www.colorspace.dev

#awd_tool #awd_color
Интуитивно понятный браузерный генератор mesh-градиентов

Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.

meshgradient.com

#awd_tool #awd_gradient #awd_color
This media is not supported in your browser
VIEW IN TELEGRAM
Easing Wizard — удобный браузерный генератор CSS-анимаций с гибкой настройкой кривых

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

easingwizard.com

#awd_tool #awd_webtool
This media is not supported in your browser
VIEW IN TELEGRAM
Repper — мощный инструмент для создания бесшовных паттернов из загруженной картинки или из готовых фигур

Есть встроенный фотобанк с десятками тысяч изображений. Создаваемые паттерны можно сразу примерить на трёхмерный мокап

Стоимость — от 10 $ в месяц. Есть 14-дневный триал

Попробовать можно тут: repper.app

Есть бесплатная коллекция готовых паттернов: repper.app/patterns

#awd_tool #awd_pattern
🙂 Неизбитые источники вдохновения для UX/UI-дизайнеров: 20 галерей с коллекциями сайтов и приложений

В подборку вошли малоизвестные галереи с вдохновляющими примерами сайтов и интерфейсов и не вошли заезженные источники, вроде Behance, Dribbble, Awwwards и Pinterest

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

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

awdee.ru/unbroken-sources-of-inspiration-for-ux-ui-designers-20-galleries-with-collections-of-websites-and-apps

#awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Msty — настольное кросcплатформенное приложение для запуска нейросетей

Ориентировано на LLM (то есть, текстовые нейронки). Позволяет подключать модели по API или запускать локально. Содержит рабочие пространства с инструкциями, как в ChatGPT Projects, библиотеку промптов, подключение локальных текстовых источников и другие опции. Можно создавать разные диалоги и ветки обсуждения

Приложение доступно на Windows, macOS и Linux. Есть версии для CPU и GPU. Есть синхронизация между устройствами. Особенно актуально после выхода моделей DeepSeek с очень дешёвым доступом по API

Есть бесплатная версия со всем основным функционалом. За 80 $ в год открывается доступ к коммерческому использованию, интеграции с Azure OpenAI и другим опциям

https://msty.app

#awd_tool
This media is not supported in your browser
VIEW IN TELEGRAM
108 анимированных индикаторов загрузки (loaders)

Бесплатно, опенсорс, SVG: magecdn.com/tools/svg-loaders

#awd_tool #awd_icon #awd_free_download
Moio — новый браузерный графический редактор для дизайна интерфейсов и прототипирования

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

Уже поддерживает командный режим. Позволяет создавать анимации и интерактивные прототипы, поддерживает работу с переменными и многое другое. Есть встроенная библиотека компонентов и импорт из Figma, Sketch или Adobe XD

moioapp.com

#awd_tool
This media is not supported in your browser
VIEW IN TELEGRAM
Webflow анонсировали свой AI Site Builder — новый инструмент на платформе, который позволяет создавать сайты за считанные минуты

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

Инструмент находится в режиме открытого бета-тестирования и доступен на всех тарифах, включая бесплатный

Интерактивный анонс с деталями: webflow.com/ai-site-builder

#awd_tool #awd_ml
This media is not supported in your browser
VIEW IN TELEGRAM
Ideogram — мощный ИИ-сервис с собственной генеративной моделью

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

Бесплатно — до 20 генераций в зависимости от режима. Цена — от 8 $ в месяц

https://ideogram.ai

#awd_tool #awd_ml
14 главных ноукод-инструментов для дизайнера

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

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

awdee.ru/14-key-nocode-tools-for-the-designer

#awd_nocode #awd_tool #awd_webtool
Onlook — бесплатный ИИ-инструмент разработки сайтов и веб-приложений на React, ориентированный на дизайнеров

Авторы позиционируют его как «Cursor для дизайнеров». В похожий на Figma или Werbflow интерфейс встроен ИИ-чат, который готовит и внедряет правки по вашим текстовым запросам. При этом вам в любой момент доступен полный контроль над стилями всех элементов, а код проекта изначально адаптивен

Приложение имеет номер версии всего 0.2, но там уже есть командный режим, импорт готовых проектов на React, поддержка фреймворка Tailwind CSS и другие важные фичи

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

Приложение работает локально на Windows, Mac и Linux. Проекты хранятся и обрабатываются локально. Все базовые функции бесплатны, но есть ограничения на использование ИИ-помощника. Платный тариф стоит 20 долларов в месяц

Скачать и попробовать: onlook.com

#awd_tool #awd_ ml
This media is not supported in your browser
VIEW IN TELEGRAM
Tripo AI — ИИ-сервис генерации 3D-моделей по визуальным референсам, скетчам и промтам

Создаёт достаточно неплохую геометрию по меркам ИИ, а ещё готовые PBR-материалы. Заявленное время генерации — 10 секунд

Есть плагины для Blender, Unity и ComfyUI

Доступна бесплатная ограниченная версия. Цена — от 16 $ в месяц

www.tripo3d.ai

#awd_tool #awd_3D
Leonardo — продвинутый инструмент для создания цветовых палитр, которые отвечают нормам доступности

Позволяет точно настраивать цветовые пространства, указывать коэффициент контрастности, создавать версии палитр для тёмной темы или дальтоников, экспортировать результат в SVG или кодом, а также анализировать цветовую схему с помощью диаграмм. Проект создан компанией Adobe, исходный код инструмента открыт

leonardocolor.io

Урок по использованию инструмента: youtu.be/q4dGTPE4McU

#awd_tool #awd_color
Media is too big
VIEW IN TELEGRAM
Theme Toggles — набор анимированных тумблеров для переключения тёмной и светлой темы

Отлично работает с CSS-фреймворками, такими как Tailwind CSS

https://toggles.dev

#awd_tool
Open Source Color System — удобная и понятная система цветов для применения в интерфейсах

Бесплатная, код открыт. Есть как в Figma, так и сразу в CSS

www.opensourcecolorsystem.design

#awd_tool #awd_color
Midjourney выпустили свой генератор видео, построенный на собственной модели

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

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

Анонс: midjourney.com/updates/introducing-our-v1-video-model

Тестить можно тут: midjourney.com/imagine

#awd_neural #awd_tool #awd_news
Squoosh — браузерный тул для оптимизации картинок

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

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

https://squoosh.app

#awd_tool #awd_webtool