👨‍🎨 Ещё 17 Figma-инструментов для создания градиентов

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

Мы также добавили библиотеки с готовыми градиентами, которые позволяют в один клик делать градиентные заголовки, использовать градиенты с эффектом блюра и быстро добавлять градиенты на UI-элементы

awdee.ru/17-figma-tools-for-creating-gradients-more

Первая часть: awdee.ru/10-figma-plugins-gradients

#awd_figma #awd_tool #awd_color #awd_gradient

🙂 25 правил визуального дизайна, которые можно смело применять в любом проекте

Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое

awdee.ru/25-visual-design-rules

#awd_article #awd_web #awd_ui #awd_color

🙂 OK, OKLCH: колорпикер, помогающий вдумчиво подходить к выбору цвета

Мы перевели статью «Злых Марсиан» о том, как они создавали собственный колорпикер и конвертер цветов OKLCH. В ней они рассказали, как работает колорпикер и как им правильно пользоваться

OKLCH — перцепционное цветовое пространство, которое в отличие от других цветовых моделей не зависит от способа воспроизведения цвета и позволяет кодировать более широкий диапазон цветов, доступный человеческому глазу

https://awdee.ru/ok-oklch-a-color-picker-made-to-help-think-perceptively/

Онлайн-версия OKLCH Color Picker: oklch.com

#awd_article #awd_color #awd_webtool #awd_tool

👨‍🎨 Ещё 17 Figma-инструментов для создания градиентов

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

Мы также добавили библиотеки с готовыми градиентами, которые позволяют в один клик делать градиентные заголовки, использовать градиенты с эффектом блюра и быстро добавлять градиенты на UI-элементы

awdee.ru/17-figma-tools-for-creating-gradients-more

Первая часть: awdee.ru/10-figma-plugins-gradients

#awd_figma #awd_tool #awd_color #awd_gradient

Dopely Colors — библиотека сервисов для работы с цветом

Отличная платформа, где есть всё, что касается цвета в дизайне

Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design

👨‍🎨У Dopely Colors есть Figma-плагин

colors.dopely.top

Больше картинок: awdee.ru/dopely-colors-biblioteka-servisov-dlya-raboty-s-tsvetom

#awd_tool #awd_webtool #awd_color #awd_gradient

🙂 25 правил визуального дизайна, которые можно смело применять в любом проекте

Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое

awdee.ru/25-visual-design-rules

#awd_article #awd_web #awd_ui #awd_color