Оди
34.6K subscribers
24K photos
1.08K videos
143 files
5.07K links
Журнал о дизайне и для дизайнеров. Вдохновение, обучение, инструменты.

Чат канала: @awdeechat

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

По рекламе: @kgreenmedia

Автор проекта: @kirillgreen
Download Telegram
Ruri Splines — веб-сервис и Figma-плагин для создания градиентных сплайнов

Платная подписка — 16,80 $ в год — открывает доступ к шаблонам и другим настройкам

Веб: ruri.design (там же есть Gradiator — для генерации круговых фигур со сложными градиентами)

Плагин: figma.com/community/plugin/1094343067414782306/Ruri-–-Splines

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

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

meshgradient.com

#awd_tool #awd_gradient #awd_color
Простое руководство по Webflow для начинающих

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

По ссылке ниже переводная статья для тех, кто хочет ознакомиться с этим инструментом. Содержание:
— Что такое WF
— Почему это должно быть вам интересно
— Блочная модель — ЕДИНСТВЕННАЯ техническая вещь, которую нужно знать
— Глубокое погружение в основной интерфейс
— Обзор самых важных элементов и маленькие хитрости
— Первый проект
— Ресурсы и курсы

ux.pub/prostoe-rukovodstvo-po-webflow-dlya-nachinayuschih

#awd_article #awd_tool #awd_webflow #awd_web
This media is not supported in your browser
VIEW IN TELEGRAM
Fokus — онлайн-конструктор презентаций

Студия Лебедева разработала сервис для автоматического создания презентаций из любого контента. Достаточно добавить текст, картинки или графики, а Fokus сам предложит варианты расположения и оформления элементов

Интерфейс Fokus — максимально доступный и дружелюбный. Есть режим совместной работы в реальном времени

Бесплатно — до 10 презентаций по 30 слайдов в презентации и до пяти участников. Создание неограниченного количества слайдов и презентаций стоит 490 рублей в месяц за пользователя. В платном тарифе доступны коммерческие шрифты, премиум-фоны и экспорт в PDF

fokus.am

#awd_webtool #awd_tool
DeWatermark — бесплатный ИИ-убиратор вотермарок с картинок

Сервис удаляет сложные водяные знаки с JPG и PNG-исходников, сохраняя и даже увеличивая разрешение оригинала. Достаточно перетащить изображение в специальное поле, и он автоматически уберёт вотермарки. В конце можно доработать картинку вручную с помощью кисти

dewatermark.ai

Больше примеров: awdee.ru/dewatermark-is-a-free-ai-image-watermark-remover

#awd_webtool #awd_tool
8 шпаргалок и сервисов для подбора кривых анимации (изингов)

Мы собрали коллекцию сервисов для подбора изингов и шпаргалок с их практическими примерами

С их помощью можно «примерить» разные виды анимации на различные элементы интерфейса и посмотреть, как объекты будут двигаться в каждый отдельный момент времени. Это позволит создавать плавные, красивые и уместные анимации в любых дизайн-проектах, где есть движение

🙂️ awdee.ru/8-cheat-sheets-and-services-for-selecting-animation-curves

#awd_tool #awd_webtool
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
В Фигме появилось мультиредактирование — теперь можно редактировать несколько объектов одновременно

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

Мультиредактирование работает для текстовых слоёв, размеров, расположения, поворота, группировки, применения масок, функций объединения (union selection), вычитания (subtract), пересечения (intersect), исключения (exclude), преобразования фреймов в авто-лейауты и многого другого

Функция доступна на любом тарифном плане

#awd_news #awd_figma #awd_webtool #awd_tool via help.figma.com/hc/en-us/articles/21635177948567-Edit-objects-on-the-canvas-in-bulk
This media is not supported in your browser
VIEW IN TELEGRAM
Stability AI выпустили TripoSR — генератор 3D-моделей из 2D-изображений

Совместно с Tripo AI они запустили новую опенсорсную модель, которая создаёт 3D-объекты менее, чем за секунду. Её обучали на почти одном миллионе 3D-объектов, включая синтетические рендеры и снимки реального мира

TripoSR не требует высокопроизводительного графического процессора, что делает его доступным для использования в дизайне, играх, AR/VR

Результат можно экспортировать в OBJ, GLB-форматах, и, при необходимости, докрутить

Затестить: huggingface.co/spaces/stabilityai/TripoSR

Код на GitHub: github.com/VAST-AI-Research/TripoSR

#awd_news #awd_techno #awd_tool
This media is not supported in your browser
VIEW IN TELEGRAM
Фигма запустила разделённые вкладки — теперь можно разместить разные файлы на одном экране

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

В разделённых вкладках можно одновременно просматривать FigJam-файл и Figma-файл

Новая функция доступна в бета-версии десктопного приложения Фигмы

Примеры использования фичи: twitter.com/disco_lu/status/1767632456658669605

#awd_news #awd_figma #awd_webtool #awd_tool
This media is not supported in your browser
VIEW IN TELEGRAM
В генераторе 3D-моделей Polycam появилась функция редактирования

Раньше достаточно было загрузить фотки и видео объекта или локации с разных сторон, и сервис выдавал их детализированную 3D-модель, которую можно было использовать только «как есть»

Теперь же модель можно кастомизировать — обрезать, масштабировать, менять фон или рендерить анимацию

Сервис поддерживает экспорт в PLY-формате. С помощью плагинов готовую модель можно интегрировать в Blender, Unreal Engine и Unity для дальнейшей обработки

Примеры готовых моделей, сделанных в Polycam:
Fountain
Cayucos Shipwreck
Megan Fox
Habitat 67
Underwater Car

Попробовать: poly.cam/tools/gaussian-splatting

#awd_news #awd_ml #awd_techno #awd_tool #awd_webtool
MeasureMate — инструмент для измерения расстояний между элементами на сайте

Доступен в виде расширения для Chrome. MeasureMate показывает расстояние между любыми единицами контента на странице, в том числе и между группами элементов. Он автоматически проставляет направляющие у выделенного объекта. При нажатии на элемент, который находится внутри контейнера, инструмент показывает размер внутренних отступов

Будет полезен дизайнерам, верстальщикам и тестировщикам

Расширение для Chrome: chromewebstore.google.com/detail/measuremate/fcbffocoaopnenhgbchlchgndohggdei

Весь перечисленный функционал доступен бесплатно

measuremate.xyz

#awd_tool #awd_webtool
Какую диаграмму выбрать, чтобы правильно отобразить данные

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

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

🙂️ awdee.ru/which-chart-to-choose-to-display-the-data-correctly

#awd_tool #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Jan — бесплатная опенсорсная кроссплатформенная оболочка для текстовых нейронок

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

Работает на Windows, Linux и macOS. Вскоре обещают выпустить мобильные приложения

jan.ai

#awd_tool
👨‍🎨 Три новых Figma-плагина для создания эффектов

Мы уже делали две подборки, в которые суммарно вошли 33 плагина для создания крутых эффектов в Figma: первая и вторая

В эту публикацию мы включили ещё три новых плагина:
— Rain Drop Effect — добавляет любому изображению настраиваемый эффект дождя
— Curve Text — размещает текст по периметру любых векторных объектов
— Ruri Lines — стилизует изображения под объёмный линейный паттерн

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

awdee.ru/three-new-figma-plug-ins-for-creating-effects

#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Пять менеджеров иконок

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

Мы собрали пять менеджеров иконок. Три из них бесплатные

🙂️️️️️️ awdee.ru/five-icon-managers

#awd_tool #awd_icon
Please open Telegram to view this post
VIEW IN TELEGRAM
Девять коллекций с брутальными сайтами и два конструктора для их создания

Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “béton brut”, что означает «сырой бетон»

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

🙂️️️️️️ awdee.ru/nine-collections-with-brutal-websites-and-two-builders-to-create-them

#awd_webtool #awd_tool #awd_collection
Please open Telegram to view this post
VIEW IN TELEGRAM
Creatie — браузерный графический редактор для UX/UI-дизайнеров с ИИ-функциями

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

Инструмент умеет автоматически создавать UI-кит и проверять дизайн на его соответствие дизайн-системе

Поддерживает командную работу и импорт из Figma, Sketch, Adobe XD

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

creatie.ai

Больше картинок и примеров работы Creatie: awdee.ru/creatie

#awd_tool #awd_webtool
9 графических редакторов для работы с пиксель-артом

Пиксель-арт можно создавать в Figma, Photoshop, Illustrator и других популярных редакторах. Но есть и специальные программы, которые заточены именно на рисование и анимацию пиксель-арта

Мы собрали 6 бесплатных и 3 платных редактора, а также описали особенности каждого из них

🙂️️️️️️ Изучить подробнее: awdee.ru/9-graphic-editors-for-working-with-pixel-art

#awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Adobe представили нейросеть VideoGigaGAN, которая умеет увеличивать разрешение видео в восемь раз

Эта генеративная видео-модель может повысить разрешение ролика со 128×128 до 1024×1024

Посмотреть примеры работы нейросети: videogigagan.github.io

#awd_tool #awd_news #awd_techno
This media is not supported in your browser
VIEW IN TELEGRAM
Adobe выпустил открытую бету Project Neo: браузерного 3D-редактора для создания трёхмерной графики из 2D-фигур

Результат можно экспортировать в виде готовых изображений в PNG-, JPG- и SVG-форматах. Поддерживает интеграцию с Illustrator

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

Попробовать: projectneo.adobe.com

#awd_tool #awd_webtool #awd_news