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

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

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

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

Автор проекта: @kirillgreen
Download Telegram
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
Шесть инструментов для работы с цветами в пространстве 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
Cara — новая платформа для портфолио c фильтром, который удаляет сгенерированные работы

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

Создатели 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
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
👨‍🎨 7 Figma-плагинов для проектирования адаптивных макетов

Эти плагины помогут сэкономить время при создании адаптивного дизайна. Они автоматически настраивают содержимое фреймов под разную ширину экранов. В подборку мы также добавили Figma-библиотеку адаптивных компонентов мобильного приложения

awdee.ru/7-figma-plugins-for-adaptive-layout-design

#awd_figma #awd_tool
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Стартап Odyssey анонсировал генеративный инструмент для создания видео «голливудского уровня»

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

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

Дата запуска пока неизвестна. Но можно посмотреть впечатляющее демо и симпатичный лендинг: https://odyssey.systems

#awd_tool #awd_ml #awd_techno
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