Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов
awdee.ru/what-makes-a-shadow-realistic
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Что делает тень реалистичной — Оди. О дизайне
Перевод треда Дэна Холлика о том, как появляется тень в реальной жизни и как с этими знаниями создавать красивые тени. В конце он даёт ссылку на Figma-плагин, который помогает настраивать реалистичные тени в пару кликов Далее текст от лица автора По сути…
👍20❤6
Перевод подробного материала компании 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
Оди
Управление цветом: что это и как настроить свои инструменты
Если цвета выбраны в одном цветовом пространстве, а затем не преобразованы, а назначены из другого пространства, они будут выглядеть неправильно...
🔥9👍4❤1
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
❤16🔥4
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
🔥20👍7❤3
Альтернативы RGB
Александр Кароза рассматривает альтернативные цветовые пространства на примерах реальных задач. Коротко и по делу
awdee.ru/rgb-alts
#awd_article #awd_color
Александр Кароза рассматривает альтернативные цветовые пространства на примерах реальных задач. Коротко и по делу
awdee.ru/rgb-alts
#awd_article #awd_color
Оди
Альтернативы RGB
Рассмотрим альтернативные цветовые пространства на реальных задачах.
❤🔥13🔥4
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
🥰48❤8🤮6👏4👍3
Тренд: сложные градиенты
Градиенты — один из самых долгоиграющих трендов. Они привлекают внимание и нравятся людям. Мы подметили, что в последнее время дизайнеры стали чаще использовать сложные анимированные градиенты. И собрали для вас несколько удачных примеров этого тренда
Вот они: 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
Оди. О дизайне
Тренд: анимированные градиенты — Оди. О дизайне
Градиенты — один из самых долгоиграющих трендов. Они привлекают внимание и нравятся людям. Мы подметили, что в последнее время дизайнеры стали чаще использовать сложные анимированные градиенты. И собрали для вас несколько удачных примеров этого тренда Примеры…
❤13👍5🦄5🔥4😎2
Как понять режимы наложения раз и навсегда
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо
Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать в проектах
🙂️️ awdee.ru/blending-modes
#awd_article #awd_color
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо
Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать в проектах
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как понять режимы наложения раз и навсегда — Оди. О дизайне
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо. Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать…
❤13🔥4🦄4💩2💘2
История развития дизайна цветовых кругов, таблиц и диаграмм с 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 год — Оди. О дизайне
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты исследований: от простых кругов до многоуровневых пирамид, от научных систем до…
🔥4👍1
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
🔥14
Шесть инструментов для работы с цветами в пространстве 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, не зависит от способа воспроизведения цвета.…
🔥10🤯2👍1
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты их исследований: от простых кругов до многоуровневых пирамид, от научных систем до систем, основанных на человеческих эмоциях
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 год — Оди. О дизайне
Специалисты из разных областей науки пытались визуализировать и систематизировать цвета на протяжении последних четырёх столетий. В этой переводной статье вы увидите результаты исследований: от простых кругов до многоуровневых пирамид, от научных систем до…
👍18
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо
Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать в проектах
awdee.ru/blending-modes
#awd_article #awd_color
Please open Telegram to view this post
VIEW IN TELEGRAM
Оди. О дизайне
Как понять режимы наложения раз и навсегда — Оди. О дизайне
Скорее всего для получения нужного эффекта вы поочерёдно выбираете разные режимы наложения, пока изображение не будет выглядеть так, как вам надо. Мы перевели тред, в котором Дэн Холлик помогает фундаментально разобраться в режимах наложения и активно использовать…
👍24🔥8✍1
Media is too big
VIEW IN TELEGRAM
Необычный генератор палитр Colorspace
Помогает генерировать гармоничные цветовые палитры в пространствах OKLCH, OKHSL и CIELAB
Главная особенность — наглядные трёхмерные визуализации цветовых пространств, с отмеченными на них цветами текущей палитры
www.colorspace.dev
#awd_tool #awd_color
Помогает генерировать гармоничные цветовые палитры в пространствах OKLCH, OKHSL и CIELAB
Главная особенность — наглядные трёхмерные визуализации цветовых пространств, с отмеченными на них цветами текущей палитры
www.colorspace.dev
#awd_tool #awd_color
🔥23
Интуитивно понятный браузерный генератор mesh-градиентов
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
Можно выбирать количество цветов, деформировать градиент и экспортировать результат в PNG.
meshgradient.com
#awd_tool #awd_gradient #awd_color
👍21💅3🦄2👾2👎1
Цветовые диаграммы 1902 года Эмили Нойес Вандерпоэл
Эмили Нойес Вандерпоэл — американская художница, которая работала преимущественно акварелью и маслом и занимала пост вице-президента Нью-Йоркского клуба акварелистов
В диаграммах Эмили анализировала цветовые схемы различных объектов: плитки с ассирийским орнаментом, кельтских узоров, персидского ковра, египетских саркофагов, греческой и японской ваз, испанской вышивки, японского шёлкового гобелена, бабочки, камня, листьев деревьев и многого другого
Диаграммы художница разместила на разворотах своей книги Color problems: A practical manual for the lay student of color, переиздание которой можно купить и сегодня. В ней она не столько анализировала отдельные компоненты цвета как такового, сколько стремилась количественно представить цветовую палитру каждого объекта
#awd_retro #awd_color via publicdomainreview.org/collection/colour-analysis-charts-by-emily-noyes-vanderpoel-1902
Эмили Нойес Вандерпоэл — американская художница, которая работала преимущественно акварелью и маслом и занимала пост вице-президента Нью-Йоркского клуба акварелистов
В диаграммах Эмили анализировала цветовые схемы различных объектов: плитки с ассирийским орнаментом, кельтских узоров, персидского ковра, египетских саркофагов, греческой и японской ваз, испанской вышивки, японского шёлкового гобелена, бабочки, камня, листьев деревьев и многого другого
Диаграммы художница разместила на разворотах своей книги Color problems: A practical manual for the lay student of color, переиздание которой можно купить и сегодня. В ней она не столько анализировала отдельные компоненты цвета как такового, сколько стремилась количественно представить цветовую палитру каждого объекта
#awd_retro #awd_color via publicdomainreview.org/collection/colour-analysis-charts-by-emily-noyes-vanderpoel-1902
🔥25👍2🙊1
Атлас цветового пространства RGB нью-йоркской художницы Таубы Ауэрбах
Это массивный фолиант, отображающий все цвета RGB в трёхмерном цветовом пространстве
Больше картинок: awdee.ru/atlas-tsvetovogo-prostranstva-rgb
#awd_color #awd_book #awd_print #awd_art via taubaauerbach.com/view.php?id=286&alt=2948
Это массивный фолиант, отображающий все цвета RGB в трёхмерном цветовом пространстве
Больше картинок: awdee.ru/atlas-tsvetovogo-prostranstva-rgb
#awd_color #awd_book #awd_print #awd_art via taubaauerbach.com/view.php?id=286&alt=2948
😍13🤔3💅2👎1😁1
Leonardo — продвинутый инструмент для создания цветовых палитр, которые отвечают нормам доступности
Позволяет точно настраивать цветовые пространства, указывать коэффициент контрастности, создавать версии палитр для тёмной темы или дальтоников, экспортировать результат в SVG или кодом, а также анализировать цветовую схему с помощью диаграмм. Проект создан компанией Adobe, исходный код инструмента открыт
leonardocolor.io
Урок по использованию инструмента: youtu.be/q4dGTPE4McU
#awd_tool #awd_color
Позволяет точно настраивать цветовые пространства, указывать коэффициент контрастности, создавать версии палитр для тёмной темы или дальтоников, экспортировать результат в SVG или кодом, а также анализировать цветовую схему с помощью диаграмм. Проект создан компанией Adobe, исходный код инструмента открыт
leonardocolor.io
Урок по использованию инструмента: youtu.be/q4dGTPE4McU
#awd_tool #awd_color
🔥6👍2💅1🦄1
Open Source Color System — удобная и понятная система цветов для применения в интерфейсах
Бесплатная, код открыт. Есть как в Figma, так и сразу в CSS
www.opensourcecolorsystem.design
#awd_tool #awd_color
Бесплатная, код открыт. Есть как в Figma, так и сразу в CSS
www.opensourcecolorsystem.design
#awd_tool #awd_color
🔥7⚡3💅1
«Небесные градиенты»
Американский фотограф Эрик Кахан фотографирует небо в разных штатах США
В небе часто можно увидеть шикарные градиенты, но хорошо сфотографировать их не всегда получается. Поэтому снимки Эрика могут стать для вас источником вдохновения
Все фотографии смотрите в галерее: awdee.ru/nebesnye-gradienty
#awd_gradient #awd_photo #awd_color
Американский фотограф Эрик Кахан фотографирует небо в разных штатах США
В небе часто можно увидеть шикарные градиенты, но хорошо сфотографировать их не всегда получается. Поэтому снимки Эрика могут стать для вас источником вдохновения
Все фотографии смотрите в галерее: awdee.ru/nebesnye-gradienty
#awd_gradient #awd_photo #awd_color
❤🔥26🔥6😍1🌚1