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

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

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

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

Автор проекта: @kirillgreen
Download Telegram
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
Фигма запустила разделённые вкладки — теперь можно разместить разные файлы на одном экране

Новая функция называется 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
Девять коллекций с брутальными сайтами и два конструктора для их создания

Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “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 выпустил открытую бету Project Neo: браузерного 3D-редактора для создания трёхмерной графики из 2D-фигур

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

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

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

#awd_tool #awd_webtool #awd_news
Шесть инструментов для работы с цветами в пространстве OKLCH

Перцепционная цветовая модель OKLCH — интуитивная модель, которая, в отличие от RGB и CMYK, не зависит от способа воспроизведения цвета. Она позволяет кодировать более широкий диапазон цветов, доступный человеческому глазу, и не смещает оттенок при изменении насыщенности. По сравнению с HSL такой способ кодирования помогает получить предсказуемую яркость после настройки цвета

🙂️️️️️️ Мы сделали подборку из трёх браузерных инструментов и трёх Figma-плагинов, которые работают на базе цветовой модели OKLCH: awdee.ru/six-tools-for-working-with-colors-in-oklch-space

Чтобы лучше вникнуть в тему и понять, чем OKLCH удобнее других моделей, читайте статьи:
🇬🇧 It’s time to learn oklch color
OK, OKLCH: колорпикер, помогающий вдумчиво подходить к выбору цвета

#awd_figma #awd_color #awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Команда Recraft добавила в свой ИИ-генератор функцию создания уникальных мокапов

Новая фича Recraft Mockup Generator позволяет создавать любые мокапы для презентации дизайна. В качестве основы мокапа можно использовать собственные картинки

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

Кстати, с помощью текстового промта можно сгенерировать картинку для мокапа прямо в редакторе. То есть, вы сначала генерите мокап, а потом тут же генерите дизайн, который вставляете в мокап :–)

Бесплатно доступны 10000 генераций в месяц с условием, что все изображения принадлежат Recraft и появятся в публичной галерее

Платная подписка без ограничений и с вашим правом собственности на арты начинается от 20 $ в месяц при оплате за год

Больше картинок: awdee.ru/recraft-mockup-generator

recraft.ai/mockup-generator

#awd_tool #awd_webtool
This media is not supported in your browser
VIEW IN TELEGRAM
Большое обновление Figma 2024

26-27 июня на конференции Config2024 показали масштабное обновление Figma. В частности:

— Сделали новый интерфейс
— Встроили ИИ-ассистента, который помогает делать прототипы, адаптивные макеты, генерировать картинки, иконки, удалять фон, писать и переводить тексты, массово переименовывать слои и многое другое
— Добавили редактор презентаций Figma Slides
— Улучшили режим для разработчиков Dev Mode
— Сделали авто-лейауты более интуитивными
— Добавили редактируемые наборы интерфейсных элементов Apple iOS, Google Material Design 3 и Simple Design System от Figma прямо на панель Assets
— Теперь в FigJam вместо одного большого холста есть страницы

Посмотреть все обновления: figma.com/blog/config-2024-recap

#awd_news #awd_figma #awd_webtool #awd_tool
Пять бесплатных сервисов для удаления фона с фотографий

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

В статье вы найдете 5 лучших «убираторов» фона, а также узнаете, как можно удалить сложный фон вручную в графических редакторах Adobe Photoshop или Figma

awdee.ru/pyat-besplatnyh-servisov-dlya-udaleniya-fona-s-fotografij

#awd_article #awd_tool #awd_webtool #awd_ml
Screen Sizes — онлайн-шпаргалка по параметрам экранов почти всех мобильных устройств Apple

Содержит информацию по айфонам, айпадам, айподам, часам и эппл-тв

Есть сортировка по:
— Году выпуска девайса
— Размеру экрана
— Размеру зоны многозадачных режимов
— Версиям ОС

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

www.screensizes.app

#awd_webtool #awd_tool
🙂 11 крутых сервисов для командной работы — аналогов Zoom

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

awdee.ru/11-cool-services-for-teamwork

#awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
tldraw — простой, интуитивный и очень быстрый редактор для рисования схем и эскизов в браузере

С многопользовательским режимом. Без регистрации. Бесплатный

Есть экспорт в JPG, PNG, WebP, SVG и Json

tldraw.com

#awd_tool #awd_webtool
Constraint Systems — коллекция из трёх десятков веб-инструментов для творческого преобразования и искажения текста и изображений

https://constraint.systems

#awd_tool #awd_webtool
SVGL — библиотека логотипов брендов в SVG

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

Библиотека хорошо структурирована. Есть плагины для Figma, VSCode и Raycast

https://svgl.app

#awd_logo #awd_tool #awd_webtool #awd_library
Media is too big
VIEW IN TELEGRAM
Kive — ИИ-библиотека для хранения и сортировки референсов

Вы загружаете изображения или видео, а сервис сам автоматически сортирует референсы по множеству признаков и раскладывает их по папкам/доскам. Например, у вас будет доска «Зелёный», где будут лежать фотографии с преобладанием зелёного цвета, или «Современное искусство», куда Kive отправит все изображения на эту тему

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

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

Инструмент браузерный, но доступен ещё и в виде приложений для iOS и macOS. Есть бесплатная версия с ограничениями (до 300 элементов в библиотеке). Стоимость платных тарифов начинается от 12 $ в месяц за пользователя

kive.ai

#awd_webtool #awd_tool #awd_ml
Simple Icons — огромная библиотека иконок с логотипами популярных брендов, платформ, программ и сервисов

Есть сортировка и поиск по названию. Можно скачивать в SVG и PDF

simpleicons.org

#awd_free_download #awd_icons #awd_webtool