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
Какую диаграмму выбрать, чтобы правильно отобразить данные
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно
Автор упомянул все самые распространённые типы: от столбчатых и круговых до линейчатых и гистограмм с накоплением, а также ситуации, когда их следует использовать
🙂️️ awdee.ru/which-chart-to-choose-to-display-the-data-correctly
#awd_tool #awd_infographic
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно
Автор упомянул все самые распространённые типы: от столбчатых и круговых до линейчатых и гистограмм с накоплением, а также ситуации, когда их следует использовать
#awd_tool #awd_infographic
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Какую диаграмму выбрать, чтобы правильно отобразить данные — Оди. О дизайне
Графический дизайнер Сергей Стеблина заметил, что часто дизайнеры делают красивые и неправильные диаграммы. Тогда он решил написать, в каких случаях какой тип диаграммы следует выбирать, чтобы отобразить данные корректно и понятно. Автор упомянул все самые…
Jan — бесплатная опенсорсная кроссплатформенная оболочка для текстовых нейронок
Работает локально. Есть встроенный каталог, где можно скачать популярные модели, а затем настроить их под себя. Можно подключить модели OpenAI по API
Работает на Windows, Linux и macOS. Вскоре обещают выпустить мобильные приложения
jan.ai
#awd_tool
Работает локально. Есть встроенный каталог, где можно скачать популярные модели, а затем настроить их под себя. Можно подключить модели OpenAI по API
Работает на Windows, Linux и macOS. Вскоре обещают выпустить мобильные приложения
jan.ai
#awd_tool
Мы уже делали две подборки, в которые суммарно вошли 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
Менеджер иконок — инструмент, который помогает держать в одном месте и в порядке все свои иконки. В них обычно есть поиск и группировка по папкам, бывает интеграция с популярными графическими редакторами, например, с Фигмой или Фотошопом
Мы собрали пять менеджеров иконок. Три из них бесплатные
#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
Брутализм — стиль дизайна, в котором функциональность превалирует над формой. Его название происходит от французского “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 представили нейросеть VideoGigaGAN, которая умеет увеличивать разрешение видео в восемь раз
Эта генеративная видео-модель может повысить разрешение ролика со 128×128 до 1024×1024
Посмотреть примеры работы нейросети: videogigagan.github.io
#awd_tool #awd_news #awd_techno
Эта генеративная видео-модель может повысить разрешение ролика со 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
Результат можно экспортировать в виде готовых изображений в 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
Cara — новая платформа для портфолио c фильтром, который удаляет сгенерированные работы
Дизайнеры и художники могут использовать площадку для размещения портфолио, поиска клиентов и как социальную сеть
Создатели Cara считают тренировку генеративных моделей на работах художников без согласия последних неэтичной. Поэтому они выступают, в том числе, против использования ИИ-генераторов и запрещают на своей платформе публиковать полностью или частично сгенерированные работы
Для этого они сделали умный фильтр, который автоматически удаляет из портфолио изображения, если считает, что работа сгенерирована. Ошибочные срабатывания фильтра можно оспорить в поддержке, предоставив исходники своей работы
Площадка набирает нехилую популярность: если в конце мая там было около 100 тысяч пользователей, то к середине июня их стало уже около 700 тысяч
А что вы думаете по поводу такого подхода? Действительно ли неэтично обучать ИИ на работах художников? Или, на ваш взгляд, это нормально? Где грань и разница между обучением «белковых нейросетей» и цифровых? Этично ли использовать нейросети в своей работе?
cara.app
#awd_tool
Дизайнеры и художники могут использовать площадку для размещения портфолио, поиска клиентов и как социальную сеть
Создатели Cara считают тренировку генеративных моделей на работах художников без согласия последних неэтичной. Поэтому они выступают, в том числе, против использования ИИ-генераторов и запрещают на своей платформе публиковать полностью или частично сгенерированные работы
Для этого они сделали умный фильтр, который автоматически удаляет из портфолио изображения, если считает, что работа сгенерирована. Ошибочные срабатывания фильтра можно оспорить в поддержке, предоставив исходники своей работы
Площадка набирает нехилую популярность: если в конце мая там было около 100 тысяч пользователей, то к середине июня их стало уже около 700 тысяч
А что вы думаете по поводу такого подхода? Действительно ли неэтично обучать ИИ на работах художников? Или, на ваш взгляд, это нормально? Где грань и разница между обучением «белковых нейросетей» и цифровых? Этично ли использовать нейросети в своей работе?
cara.app
#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
Оди. О дизайне
Пять бесплатных сервисов для удаления фона с фотографий — Оди. О дизайне
Если вам необходимо убрать фон с изображения, это легко можно сделать с помощью бесплатных онлайн-сервисов Собрала лучшие «убираторы» фона, протестировала их и сравнила полученные результаты, чтобы вы могли выбрать оптимальный инструмент. Также показала,…
Media is too big
VIEW IN TELEGRAM
Dot — пример классного дизайна ИИ-помощника
Это многофункциональный умный помощник, который адаптируется под контекст и нужды пользователя. Вы можете отправить ему фотки, скриншоты, PDF-ки, ссылки, голосовые заметки и другие файлы, а он сам всё отсортирует и «запомнит»
Приложение способно обучаться и предсказыветь запросы человека, персонализировать поисковую выдачу, выстраивать связи между отправленной информацией
Например, ему можно отправить список из нескольких задач, а приложение расставит их по приоритетам, подскажет, сколько потребуется времени на их выполнение, а также посоветует необходимые инструменты или услуги
Пользователи могут давать ему доступ к геолокации, календарю и другой информации, повышая его «осведомлённость» о контексте
И всё это — с приятным и продуманным в мелочах интерфейсом, что нечасто встречается в продуктах с ИИ. Впрочем, приятный дизайн не удивляет, когда узнаёшь, что один из основателей, Джейсон Ян, работал в дизайн-команде Apple
Сейчас можно скачать iOS-приложение: apps.apple.com/us/app/dot-living-history/id6450016041
Позже обещают выкатить веб-версию
#awd_ui #awd_ml #awd_tool
Это многофункциональный умный помощник, который адаптируется под контекст и нужды пользователя. Вы можете отправить ему фотки, скриншоты, PDF-ки, ссылки, голосовые заметки и другие файлы, а он сам всё отсортирует и «запомнит»
Приложение способно обучаться и предсказыветь запросы человека, персонализировать поисковую выдачу, выстраивать связи между отправленной информацией
Например, ему можно отправить список из нескольких задач, а приложение расставит их по приоритетам, подскажет, сколько потребуется времени на их выполнение, а также посоветует необходимые инструменты или услуги
Пользователи могут давать ему доступ к геолокации, календарю и другой информации, повышая его «осведомлённость» о контексте
И всё это — с приятным и продуманным в мелочах интерфейсом, что нечасто встречается в продуктах с ИИ. Впрочем, приятный дизайн не удивляет, когда узнаёшь, что один из основателей, Джейсон Ян, работал в дизайн-команде Apple
Сейчас можно скачать iOS-приложение: apps.apple.com/us/app/dot-living-history/id6450016041
Позже обещают выкатить веб-версию
#awd_ui #awd_ml #awd_tool
Эти плагины помогут сэкономить время при создании адаптивного дизайна. Они автоматически настраивают содержимое фреймов под разную ширину экранов. В подборку мы также добавили Figma-библиотеку адаптивных компонентов мобильного приложения
awdee.ru/7-figma-plugins-for-adaptive-layout-design
#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
7 Figma-плагинов для проектирования адаптивных макетов — Оди. О дизайне
Эти плагины помогут сэкономить время при создании адаптивных версий дизайна. Они автоматически настраивают содержимое фреймов под разные размеры экранов. В подборку мы также добавили Figma-библиотеку адаптивных компонентов мобильного приложения Breakpoints —…
Media is too big
VIEW IN TELEGRAM
Стартап Odyssey анонсировал генеративный инструмент для создания видео «голливудского уровня»
Он сможет создавать очень реалистичную графику и содержит в себе сразу четыре генеративные модели, которые позволяют отдельно настраивать геометрию, материалы, освещение и анимацию
В своём манифесте компания заявляет о своём противостоянии бездушному генеративному контенту, который начинает наполнять интернет. По её замыслу, авторы должны подходить к творческому процессу более вдумчиво и лучше контролировать результат
Дата запуска пока неизвестна. Но можно посмотреть впечатляющее демо и симпатичный лендинг: https://odyssey.systems
#awd_tool #awd_ml #awd_techno
Он сможет создавать очень реалистичную графику и содержит в себе сразу четыре генеративные модели, которые позволяют отдельно настраивать геометрию, материалы, освещение и анимацию
В своём манифесте компания заявляет о своём противостоянии бездушному генеративному контенту, который начинает наполнять интернет. По её замыслу, авторы должны подходить к творческому процессу более вдумчиво и лучше контролировать результат
Дата запуска пока неизвестна. Но можно посмотреть впечатляющее демо и симпатичный лендинг: https://odyssey.systems
#awd_tool #awd_ml #awd_techno
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 — Оди. О дизайне
Мы собрали в одну статью платформы для проведения онлайн-встреч и совместной работы в режиме реального времени. Сервисы позволяют добавлять окна своих приложений на общее рабочее пространство, доступное всем участникам, вместе с командой работать над прототипами…