This media is not supported in your browser
VIEW IN TELEGRAM
Generative Recolor — новая ИИ-функция перекрашивания в Illustrator
Инструмент работает на базе нейронки Adobe Firefly. Позволяет мгновенно менять цвета в векторных иллюстрациях по текстовым промтам
Удобная штука, когда нужно сделать несколько вариантов иллюстрации в разной цветовой палитре
Доступен в бета-версии
adobe.com/products/illustrator/generative-recolor.html
#awd_tool #awd_webtool #awd_color
Инструмент работает на базе нейронки Adobe Firefly. Позволяет мгновенно менять цвета в векторных иллюстрациях по текстовым промтам
Удобная штука, когда нужно сделать несколько вариантов иллюстрации в разной цветовой палитре
Доступен в бета-версии
adobe.com/products/illustrator/generative-recolor.html
#awd_tool #awd_webtool #awd_color
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы, с помощью которых вы сможете 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Ещё 17 Figma-инструментов для создания градиентов — Оди. О дизайне
Мы уже публиковали плагины для работы с градиентами. Для новой подборки мы собрали генераторы и библиотеки, с помощью которых вы сможете cоздавать градиентные сплайны и зернистые градиенты, делать градиентные заголовки, использовать градиенты с эффектом блюра…
This media is not supported in your browser
VIEW IN TELEGRAM
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
Отличная платформа, где есть всё, что касается цвета в дизайне
Dopely Colors:
— Содержит генератор палитр, градиентов, тоновых переходов, цветовой круг, цветовой микшер
— Конвертирует цветовые коды (поддерживает HEX, RGB, CMYK, HSL, HWB, NCOL)
— Проверяет уровень контрастности цветов
— Генерирует цветовую палитру из картинок и фотографий
— Симулирует нарушения цветового восприятия
— Накладывает цветовые фильтры
— Содержит подробную информацию о цветах известных брендов
— Показывает примеры цветовых палитр в интерфейсах, иллюстрациях, интерьерах
— Включает цветовые палитры Pantone и Material Design
colors.dopely.top
Больше картинок: awdee.ru/dopely-colors-biblioteka-servisov-dlya-raboty-s-tsvetom
#awd_tool #awd_webtool #awd_color #awd_gradient
Please open Telegram to view this post
VIEW IN TELEGRAM
Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать цвет для обводки контейнера, рассчитать значения для создания аккуратной тени, определить размер внешних и внутренних отступов и многое другое
awdee.ru/25-visual-design-rules
#awd_article #awd_web #awd_ui #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
25 правил визуального дизайна, которые можно смело применять в любом проекте — Оди. О дизайне
Мы перевели статью Энтони Хобдея, в которой вы найдёте ответы на вопросы о том, какое значение яркости и насыщенности задать цветам в дизайне, какова оптимальная длина строки, как расположить элементы в зависимости от их визуального веса, правильно выбрать…
Детализированная инфографика на тему теории цвета
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
#awd_dataviz #awd_infographic #awd_color via reddit.com/r/CourtingWonder/comments/137168t/detailed_color_theory_infographic
В подборку вошли актуальные и продвинутые сервисы с гибким управлением цветовыми палитрами, где их можно подкручивать и настраивать под индивидуальные потребности проекта
awdee.ru/18-powerful-tools-for-creating-color-schemes
#awd_tool #awd_webtool #awd_color #awd_gradient
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
18 мощных инструментов для создания цветовых схем — Оди. О дизайне
В подборку вошли актуальные и продвинутые сервисы с гибким управлением цветовыми палитрами, где их можно подкручивать и настраивать под индивидуальные потребности проекта Poline — опенсорсный генератор цветовых палитр, где можно гибко генерировать цветовые…
Конспект книги Иоганеса Иттена «Искусство цвета»
Иттен — знаменитый швейцарский художник, теоретик искусства и педагог. Он стал известен благодаря своему учебному курсу в Баухаусе, форкурсу, на котором сегодня основаны программы многих начальных художественных школ. Чтобы был понятен масштаб человека — именно Иттен придумал цветовой круг
Его книги по теории цвета и формы считаются хрестоматийными и рекомендуются к прочтению чуть ли не везде. Предлагаем вашему вниманию годный конспект его книги по теории цвета
colorscheme.ru/art-of-color/abstract.html
#awd_color #awd_article #awd_gold
Иттен — знаменитый швейцарский художник, теоретик искусства и педагог. Он стал известен благодаря своему учебному курсу в Баухаусе, форкурсу, на котором сегодня основаны программы многих начальных художественных школ. Чтобы был понятен масштаб человека — именно Иттен придумал цветовой круг
Его книги по теории цвета и формы считаются хрестоматийными и рекомендуются к прочтению чуть ли не везде. Предлагаем вашему вниманию годный конспект его книги по теории цвета
colorscheme.ru/art-of-color/abstract.html
#awd_color #awd_article #awd_gold
Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов
awdee.ru/what-makes-a-shadow-realistic
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Что делает тень реалистичной — Оди. О дизайне
Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов Далее текст от лица автора По сути…
Перевод подробного материала компании Bjango Pty Ltd.
— Что такое цветовые пространства
— Какие они бывают и в чём разница между ними
— Цветовой охват, глубина цвета, гамма, преобразование цветов
— Настройка софта: Sketch, Photoshop, Illustrator, Adobe XD, Affinity Designer, Figma, InVision Studio
awdee.ru/color-management
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди
Управление цветом: что это и как настроить свои инструменты
Если цвета выбраны в одном цветовом пространстве, а затем не преобразованы, а назначены из другого пространства, они будут выглядеть неправильно...
100 бесплатных многоцветных градиентов
Сотня приятно искаженных градиентов от LStore Graphics. Форматы Sketch, AI, EPS, JPG и PNG
Тут их можно скачать все сразу либо по отдельности: lstore.graphics/meshgradients
#awd_free_download #awd_color
Сотня приятно искаженных градиентов от LStore Graphics. Форматы Sketch, AI, EPS, JPG и PNG
Тут их можно скачать все сразу либо по отдельности: lstore.graphics/meshgradients
#awd_free_download #awd_color
This media is not supported in your browser
VIEW IN TELEGRAM
Генератор цветовых палитр от Figma
Гибкий инструмент, в котором на поверхности цветового круга можно создавать гармоничные палитры прямо в Figma
Типы палитр, которые предлагает генератор:
— Комплементарная: основной цвет и контрастный дополнительный
— Триадная: три одинаково контрастных цвета
— Аналоговая: три цвета, которые расположены рядом на цветовом круге
— Квадратная: четыре цвета, два из которых резко контрастируют с двумя другими
— Сплит-палитра: основной цвет и два дополнительных цвета. Дополнительные находятся на одной стороне круга и резко контрастируют с основным
— Монохромная: более светлая и более тёмная версия основного цвета
Цвета можно получать в форматах RGB, CMYK, HEX и HSL
figma.com/color-wheel
#awd_tool #awd_webtool #awd_color
Гибкий инструмент, в котором на поверхности цветового круга можно создавать гармоничные палитры прямо в Figma
Типы палитр, которые предлагает генератор:
— Комплементарная: основной цвет и контрастный дополнительный
— Триадная: три одинаково контрастных цвета
— Аналоговая: три цвета, которые расположены рядом на цветовом круге
— Квадратная: четыре цвета, два из которых резко контрастируют с двумя другими
— Сплит-палитра: основной цвет и два дополнительных цвета. Дополнительные находятся на одной стороне круга и резко контрастируют с основным
— Монохромная: более светлая и более тёмная версия основного цвета
Цвета можно получать в форматах RGB, CMYK, HEX и HSL
figma.com/color-wheel
#awd_tool #awd_webtool #awd_color
Альтернативы RGB
Александр Кароза рассматривает альтернативные цветовые пространства на примерах реальных задач. Коротко и по делу
awdee.ru/rgb-alts
#awd_article #awd_color
Александр Кароза рассматривает альтернативные цветовые пространства на примерах реальных задач. Коротко и по делу
awdee.ru/rgb-alts
#awd_article #awd_color
Оди
Альтернативы RGB
Рассмотрим альтернативные цветовые пространства на реальных задачах.
This media is not supported in your browser
VIEW IN TELEGRAM
Институт цвета Pantone представил цвет 2024 года
Им стал бархатисто-нежный оттенок под названием Peach Fuzz — «персиковый пух»
Директор Pantone о новом цвете: «В поисках оттенка, который отражал бы врождённое стремление людей заботиться о себе и других, мы выбрали цвет, излучающий теплоту»
Нравится вам «персиковый пух»?
#awd_color via pantone.com/color-of-the-year/2024
Им стал бархатисто-нежный оттенок под названием Peach Fuzz — «персиковый пух»
Директор Pantone о новом цвете: «В поисках оттенка, который отражал бы врождённое стремление людей заботиться о себе и других, мы выбрали цвет, излучающий теплоту»
Нравится вам «персиковый пух»?
#awd_color via pantone.com/color-of-the-year/2024
Тренд: сложные градиенты
Градиенты — один из самых долгоиграющих трендов. Они привлекают внимание и нравятся людям. Мы подметили, что в последнее время дизайнеры стали чаще использовать сложные анимированные градиенты. И собрали для вас несколько удачных примеров этого тренда
Вот они: awdee.ru/trend-animated-gradients
#awd_web #awd_site #awd_color #awd_trend
Градиенты — один из самых долгоиграющих трендов. Они привлекают внимание и нравятся людям. Мы подметили, что в последнее время дизайнеры стали чаще использовать сложные анимированные градиенты. И собрали для вас несколько удачных примеров этого тренда
Вот они: awdee.ru/trend-animated-gradients
#awd_web #awd_site #awd_color #awd_trend
Оди. О дизайне
Тренд: анимированные градиенты — Оди. О дизайне
Градиенты — один из самых долгоиграющих трендов. Они привлекают внимание и нравятся людям. Мы подметили, что в последнее время дизайнеры стали чаще использовать сложные анимированные градиенты. И собрали для вас несколько удачных примеров этого тренда Примеры…
Как понять режимы наложения раз и навсегда
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо
Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать в проектах
🙂️️ awdee.ru/blending-modes
#awd_article #awd_color
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо
Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать в проектах
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как понять режимы наложения раз и навсегда — Оди. О дизайне
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо. Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать…
История развития дизайна цветовых кругов, таблиц и диаграмм с 1686 по 1914 год
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты их исследований: от простых кругов до многоуровневых пирамид, от научных систем до систем, основанных на человеческих эмоциях
🙂️️️️️️ awdee.ru/istoriya-razvitiya-dizajna-tsvetovyh-krugov-tablits-i-diagramm-s-1686-goda-po-nashi-dni
#awd_article #awd_color
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты их исследований: от простых кругов до многоуровневых пирамид, от научных систем до систем, основанных на человеческих эмоциях
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
История развития дизайна цветовых кругов, таблиц и диаграмм с 1686 по 1914 год — Оди. О дизайне
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты исследований: от простых кругов до многоуровневых пирамид, от научных систем до…
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Шесть инструментов для работы с цветами в пространстве 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, не зависит от способа воспроизведения цвета.…
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты их исследований: от простых кругов до многоуровневых пирамид, от научных систем до систем, основанных на человеческих эмоциях
awdee.ru/istoriya-razvitiya-dizajna-tsvetovyh-krugov-tablits-i-diagramm-s-1686-goda-po-nashi-dni
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
История развития дизайна цветовых кругов, таблиц и диаграмм с 1686 по 1914 год — Оди. О дизайне
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты исследований: от простых кругов до многоуровневых пирамид, от научных систем до…
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо
Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать в проектах
awdee.ru/blending-modes
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как понять режимы наложения раз и навсегда — Оди. О дизайне
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо. Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать…