8 шпаргалок и сервисов для подбора кривых анимации (изингов)
Мы собрали коллекцию сервисов для подбора изингов и шпаргалок с их практическими примерами
С их помощью можно «примерить» разные виды анимации на различные элементы интерфейса и посмотреть, как объекты будут двигаться в каждый отдельный момент времени. Это позволит создавать плавные, красивые и уместные анимации в любых дизайн-проектах, где есть движение
🙂️️ awdee.ru/8-cheat-sheets-and-services-for-selecting-animation-curves
#awd_tool #awd_webtool
Мы собрали коллекцию сервисов для подбора изингов и шпаргалок с их практическими примерами
С их помощью можно «примерить» разные виды анимации на различные элементы интерфейса и посмотреть, как объекты будут двигаться в каждый отдельный момент времени. Это позволит создавать плавные, красивые и уместные анимации в любых дизайн-проектах, где есть движение
#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
Достаточно выбрать несколько слоев во фреймах, группах или секциях, изменить один элемент, и правки массово применятся ко всем выделенным элементам. Это удобно, когда необходимо внести одинаковые изменения в большое количество элементов
Мультиредактирование работает для текстовых слоёв, размеров, расположения, поворота, группировки, применения масок, функций объединения (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
Новая функция называется 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
Раньше достаточно было загрузить фотки и видео объекта или локации с разных сторон, и сервис выдавал их детализированную 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
Доступен в виде расширения для 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
Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “béton brut”, что означает «сырой бетон»
Мы сделали подборку галерей с примерами интерфейсов в брутальном стиле. А если вам захочется сделать нечто подобное, то в статье есть два конструктора с шаблонами для создания сайтов в брутальной стилистике
#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
Включает все необходимые фичи для создания интерактивных прототипов и проектирования интерфейсов. Ещё в нём можно можно увеличивать разрешение картинок, убирать фон, генерировать 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
Пиксель-арт можно создавать в Figma, Photoshop, Illustrator и других популярных редакторах. Но есть и специальные программы, которые заточены именно на рисование и анимацию пиксель-арта
Мы собрали 6 бесплатных и 3 платных редактора, а также описали особенности каждого из них
#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
Результат можно экспортировать в виде готовых изображений в 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
Перцепционная цветовая модель OKLCH — интуитивная модель, которая, в отличие от RGB и CMYK, не зависит от способа воспроизведения цвета. Она позволяет кодировать более широкий диапазон цветов, доступный человеческому глазу, и не смещает оттенок при изменении насыщенности. По сравнению с HSL такой способ кодирования помогает получить предсказуемую яркость после настройки цвета
Чтобы лучше вникнуть в тему и понять, чем 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
Оди. О дизайне
Шесть инструментов для работы с цветами в пространстве OKLCH — Оди. О дизайне
Мы сделали подборку из трёх браузерных инструментов и трёх Figma-плагинов, которые работают на базе цветовой модели OKLCH. Перцепционная цветовая модель OKLCH — интуитивная модель, которая, в отличие от RGB и CMYK, не зависит от способа воспроизведения цвета.…
Команда Recraft добавила в свой ИИ-генератор функцию создания уникальных мокапов
Новая фича Recraft Mockup Generator позволяет создавать любые мокапы для презентации дизайна. В качестве основы мокапа можно использовать собственные картинки
В промте нужно указать, мокап чего вы хотите сделать: футболки, кружки, книги или другого. А потом в сгенерированный мокап можно вставить свой дизайн
Кстати, с помощью текстового промта можно сгенерировать картинку для мокапа прямо в редакторе. То есть, вы сначала генерите мокап, а потом тут же генерите дизайн, который вставляете в мокап :–)
Бесплатно доступны 10000 генераций в месяц с условием, что все изображения принадлежат Recraft и появятся в публичной галерее
Платная подписка без ограничений и с вашим правом собственности на арты начинается от 20 $ в месяц при оплате за год
Больше картинок: awdee.ru/recraft-mockup-generator
recraft.ai/mockup-generator
#awd_tool #awd_webtool
Новая фича 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
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
Если вам необходимо убрать фон с изображения, это легко можно сделать с помощью бесплатных онлайн-сервисов
В статье вы найдете 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
Содержит информацию по айфонам, айпадам, айподам, часам и эппл-тв
Есть сортировка по:
— Году выпуска девайса
— Размеру экрана
— Размеру зоны многозадачных режимов
— Версиям ОС
Предусмотрена удобная сравнительная таблица всех параметров и наглядные графики, отражающие поддерживаемую OC для каждого девайса с фильтрацией по устройствам
www.screensizes.app
#awd_webtool #awd_tool
Мы собрали в один пост платформы для проведения онлайн-встреч и совместной работы в режиме реального времени. Сервисы позволяют добавлять окна своих приложений на общее рабочее пространство, доступное всем участникам, вместе с командой работать над прототипами, диаграммами, презентациями, дизайн-макетами, проводить видеоконференции и многое другое
awdee.ru/11-cool-services-for-teamwork
#awd_webtool #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
11 крутых сервисов для командной работы — аналогов Zoom — Оди. О дизайне
Мы собрали в одну статью платформы для проведения онлайн-встреч и совместной работы в режиме реального времени. Сервисы позволяют добавлять окна своих приложений на общее рабочее пространство, доступное всем участникам, вместе с командой работать над прототипами…
tldraw — простой, интуитивный и очень быстрый редактор для рисования схем и эскизов в браузере
С многопользовательским режимом. Без регистрации. Бесплатный
Есть экспорт в JPG, PNG, WebP, SVG и Json
tldraw.com
#awd_tool #awd_webtool
С многопользовательским режимом. Без регистрации. Бесплатный
Есть экспорт в JPG, PNG, WebP, SVG и Json
tldraw.com
#awd_tool #awd_webtool
Constraint Systems — коллекция из трёх десятков веб-инструментов для творческого преобразования и искажения текста и изображений
https://constraint.systems
#awd_tool #awd_webtool
https://constraint.systems
#awd_tool #awd_webtool
SVGL — библиотека логотипов брендов в SVG
Сейчас в библиотеке порядка 430 логотипов интернет-сервисов, социальных сетей, браузеров, криптовалют, инструментов разработки и библиотек кода и всякого такого
Библиотека хорошо структурирована. Есть плагины для Figma, VSCode и Raycast
https://svgl.app
#awd_logo #awd_tool #awd_webtool #awd_library
Сейчас в библиотеке порядка 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
Вы загружаете изображения или видео, а сервис сам автоматически сортирует референсы по множеству признаков и раскладывает их по папкам/доскам. Например, у вас будет доска «Зелёный», где будут лежать фотографии с преобладанием зелёного цвета, или «Современное искусство», куда 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
Есть сортировка и поиск по названию. Можно скачивать в SVG и PDF
simpleicons.org
#awd_free_download #awd_icons #awd_webtool