Темно-синий цвет и сочетание с ним
Темно-синий цвет — глубокий, контрастный и строгий. Сочетание с ним выглядят солидно, что обусловливает их распространение в одежде и интерьере.
Темно-синий цвет имеет усиленные свойства синего. Это тон глубокой веры: религиозной, научной, социальной деятельности, но не фанатизм, потому что вера темно-синего тесно связана с интеллектом и трезвой оценкой. Он склоняет к размышлениям, этическим оценкам.
Темно-синий цвет ассоциируется с формой военных (например, морских войск, или парадная форма воздушных). Поэтому даже на обычных людях одежда темного синего навевает мысль на собранность, строгость и дисциплинированность владельца.
Под влиянием этого тона дыхание становится глубже и реже, пульс замедляется, что соответствует общему расслаблению. Рекомендуется людям с перевозбужденной психикой или во время стресса.
Содержание
- 1 Оттенки темно-синего цвета
- 2 Сложное сочетание темно-синего цвета
- 3 Сочетание темно-синего в палитрах
- 4 Сочетание темно-синего в таблицах
- 5 Темно-синий цвет в одежде
- 6 Сочетание темно-синего в одежде
- 7 Темно-синий цвет в интерьере
Оттенки темно-синего цвета
Оттенки темно-синего можно разделить на следующие категории:
— с зеленым подтоном, такие как темный сине-зеленый, грозовой.
— с фиолетовым отливом: кобальт, индиго, ультрамарин, черно-синий.
— средние темно-синие: черничный, темно-синий, сапфировый.
Конечно, это не все возможные разновидности данного оттенка: варьируется светлота и насыщенность тона, а так же есть игра подтона, там самым палитра расширяется и мало какой цвет сможет конкурировать с таким обилием темных красок.
Сложное сочетание темно-синего цвета
К сложным относятся сочетания, состоящие из 4 и более красок. Для примера рассмотрите палитру темно-синего
— с цветом папируса — устойчивая пара, которая навивает мысль о времени, и об идеях не подвластных времени. Цвет папируса теплый, соприкасаясь с холодным, абстрактным оставляют ощущения целостности и стабильности.
— с изумрудным цветом производит впечатление подводного мира. Изумрудный рядом с темно-синим кажется сине-зеленым. Эти цвета можно смешивать в любом количестве, они переливаются друг в друга, создавая атмосферу нереальности.
Дополнить это сочетание можно неоново-зеленым, бледно-розовым и бледно-желтым, при этом их лучше размещать на темно-синем цвете (они добавят нереальности).
Сочетание темно-синего в палитрах
Природные палитры сочетания цвета аквамарина
Сумеречные блики
Темно-синий – оттенок сумерек, и, как в любом темном, на нем волшебно смотрятся блики, особенно если они наполнены цветом. Сиреневые, розовые, желтоватые светлые пятна на мокрой, темной поверхности скорее всего отблеск от вывесок, которые украшают вечерний город. В палитре участвуют глубокий темный синий, светло-бежевый, фиалковый, сине-голубой, темно-синий, кобальт, черный.
Нитки в старой мастерской
Это не просто старая мастерская, а старинная. Не смотря на свою ветшалость, она наполнена красками, которые меняют свой оттенки, подстраиваясь под шероховатость поверхности. В этой гамме приняли участие средне-серый с фиолетовым подтоном, светло-серо-синий, темный коричнево-фиолетовый, шоколадный, темно-синий, черно-серый.
Яркие листья на ярком асфальте
Эти сочные цвета не являются родными для фотографии, и, тем не менее, мы видим красоту, созданную природой в купе с человеком. Доведенная яркость до предела серого асфальта дало серо-синие и темно-синие оттенки, а старые листья, будто светятся. В комбинации задействованы соломенный, осенний оранжевый, темно-красный, серо-голубой, темно-синий, иссиня-черный.
Колоритный интерьер
Сочный интерьер в темно-синих и розовых цветах смотрится графически четким и сочным. Такое сочетание противопоставляет высокое с нежным, твердое с хрупким, светлое с темным. В палитре были задействованы бежево-розовый, светло-розовый, светло-серебряный, темный сине-зеленый, темно-синий, черно-синий.
Сочетание темно-синего в таблицах
Сочетание с темно-синим чаще всего основано на световом контрасте, однако, как насыщенный, холодный цвет, он производит эмоциональные комбинации с тепловым и цветовым контрастом.
Как базовый цвет он легко сочетается с многими тонами и может образовать огромное множество стилей. Это удается ему по тому, что он никогда не выходит на первый план, а остается как основа для других оттенков.
Сочетание темно-синего с розовым может иметь акцент на световой контраст, как в случае со светлыми оттенками розового, так и цветовой, например, с фуксией или малиновым, где упор ставится на насыщенность парного тона. Контраст может быть и выраженно тепло-холодный, например, с коралловым. Таблица сочетания состоит из королевского розового, бело-лилового, закатно-розового, фуксии, малинового.
Темно-синий и красный: сочетание цветов – сильное, стабильное. В основе лежит холодно-теплый контраст, а низкая световая разница с некоторыми темными оттенками красного придает строгий, стильный характер паре. В сочетание входят арбузный, коралловый красный, рубиновый, темно-бордовый, винный.
Темно-синий с оранжевым сочетаются по принципу дополнительных цветов.
Это очень яркая, сочная пара, которая так же может похвастаться четкостью за счет светового резонанса. Хорошо смотрятся как оттенки с желтым подтоном, так и красным отливом. Палитра составлена из светло-персикового, кораллово-оранжевого, манго, красно-оранжевого, рыжего.
Сочетание темно-синего и желтого несет драматичный подтекст, который стоит на наибольшей разнице в световом диапазоне и выраженном тепловом контрасте. Свою изюминку в сочетание вносит золотой блеск. Цветовая гамма состоит из цвета шампань, абрикосового, бледно-золотого, бананового, желтого золота.
Как сочетать темно-синий с теплым зеленым? Яркое, сочное и при этом спокойное сочетание из теплых, чистых, пронзительных оттенков зелени. Светлые зеленые с преобладанием желтого наиболее эффектны в плане контраста, но средне-зеленые выигрывают в мягкой гармонии. Композиция составлена из бледно-зеленого, шартреза, салатового, влюбленной жабы, цвета келли.
Сочетание цветов: темно-синий и холодный зеленый
Холодный зеленый перетекает в основной цвет, рождая морские градиенты, которые сами по себе действуют успокаивающе. В таблице собраны цвет воды, ментоловый, мятный, изумрудно-зеленый, изумрудный.Сочетание темно-синего с синим – комбинация в одном тоне, а значит это цветовая гамма, направленная на углубление основного цвета. В ней наш тон будет играть роль тени, так что все оттенки, выбранные ему в пару должны быть светлее его. Например, это может быть аквамарин, голубой, васильковый, темно-бирюзовый, джинсовый.
Темно-синий и фиолетовый – сочетание, основанное на подобии, где объединяющим фактором будет синий, который входит в состав фиолетового. Эта пара поражает своей нереальностью, а легкий тепловой контраст придает ей энергии, динамики композиции. Для примера рассмотрите сочетание с бледно-сиреневым, сиренево-аметистовым, орхидей, виноградным, сливовым.
Темно-синий сочетается с коричневым не хуже, чем с другими синими оттенками.
Теплый, сочный коричневый одна из лучших оправ для темного синего. Это мягкий тепловой контраста, естественный, свободный, он полон грации и стиля. Строгая, и в то же время, доверительная, комбинация сможет придать стиль в любом ее проявлении. Палитра включает дуб, желто-коричневый, бронзовый, цвет коры, шоколадный.
Сочетание темно-синего с белым, серым, бежевым, черным. Описываемый оттенок может занимать главную позицию в сочетание с нейтральными цветами. Каждый такой тон придаст свое настроение комбинации. Белый – яркую элегантность, бежевый – мягкую изысканность, серый – повседневную строгость, а черный – деловую амбициозность. Рассмотрите сочетания с сливочным, светло-серым, бежевым, антрацитовым, черным.
Темно-синий цвет в одежде
Темно-синий цвет в одежде относится к базовым. Темный, холодный, ненавязчивый, он приближается в своих свойствах к нейтральной гамме. Наличие его в базовом гардеробе дает разнообразие с универсальностью.
Тон стройнит, подходит для большинства цветотипов.
Исключением может стать «весна», но не полным, так как при ярком макияже и аксессуарами вполне выгодно будет смотреться.
Как я уже говорила, он ассоциируется с военной одеждой, женщины в этом цвете будут выглядеть еще более женственными и не преступными. Темно-синий, так же означает женскую верность.
Этот тон скорее зимний, чем летний. В холодное время почти все переодеваются в темные цвета . А также он хорошо подойдет для деловых встреч.
Даже «легкомысленный» покрой темно-синего материала будет казаться строгим. А строгий костюм этого цвета будет полностью выражать неприступность.
Сочетание темно-синего в одежде
Сочетание темно-синего в одежде многообразно. Сам по себе строгий оттенок он «утяжеляет» мягкие, яркие, нежные тона, выводя их из зоны веселья и романтики на территорию строгого стиля, женственной утонченности, элегантности. Именно по этой причине его занесли в базовую палитру.
Темно-синий сочетается с белым в яркую, женственную контрастную пару.
Она часто дополняется золотом и черным.
Серый усиливает твердость, развивает повседневность. Для контраста лучше смотрится с белым и черным, а аксессуары с ним лучше серебряные.
Черный утяжеляет темный синий. Разбавляйте это сочетание коричневым или бежевым.
Коричневый тон приземляет наш оттенок, но не лишает его благородности, а наоборот, усиливает ее. Часто такие пары разбавляются бежевым, можно внести в них черный или красный.
Бежевый смягчает основной тон. Некоторые варианты можно даже назвать романтичными, но в основном эффект идет на усиление женственности.
Яркие оттенки желтого помогают темному синему выйти на рубеж драмы, хотя если цвета мягкие, то ощущение от комбинации меняется на противоположное. Белый и золото часто сопутствуют таким гаммам.
Оранжевый, как дополнительный оттенок делает сочетание наиболее броским. Для снижения чрезмерного влияния, комбинацию значительно разбавляют белым, а оранжевый используют либо в аксессуарах, либо его оттенок является пограничным с другими цветами, как, например, персиковый.
Розовый находится под влиянием темного синего, как контролируемая чувственность, сдержанная нежность. Это очень контрастное, эмоциональное сочетание дополняется белым и золотом.
Оттенки фиолетового продолжают темно-синий, его холодную сдержанность, царственность. Сочетания очень гармоничны, но без поддержки других тонов смотрятся скучновато. Это может быть голубой, темно-золотой, золотой, серый, коричневый, черный, красный.
Красный разбивает обычные рамки синего, наполняя его силой и энергией. Композицию часто дополняют коричневым и золотом.
Темно-синий удачно ладит с всеми зелеными оттенками, создавая ореол спокойствия и безмятежности. Сочетание так же нуждается в разбивании, например, коричневым, серым, другими оттенками синего или зеленого, золотом.
Темно-синий цвет в интерьере
В любом интерьере даст ощущение нереальности. Если вы хотите выделятся, то этот оттенок для вас. При этом не забывайте о успокаивающем влиянии синего, и если вы подвижная и активная личность, то темно-синий будет противоестественен вашей натуре.
Этот цвет наверно, больше подойдет для помещений, где нет окон: для кинотеатра, клуба, цокаля. (не оформляйте темно-синим тренажерные залы, он не способствует физическим занятиям). Даже если есть в помещении окна, он поглощает дневной свет. Ему больше подойдет рассеянная или светодиодная подсветка.
Свет должен идти не откуда и по всей поверхности равномерно распределенного тона. На нем хорошо будут смотреться флуоресцентные рисунки.
Глубина темно-синего подобно бархату или другому ворсистому материалу. Следует предпочитать мягкие кресса, подушки, диваны ковры. Этот цвет хорош для спальни.
Стоит не забывать о контрасте и чередовать темно-синий, например, с цветом папируса (можно белым) иначе предметы будут сливаться в одно пятно.
ПОСМОТРЕТЬ СОЧЕТАНИЯ С ПОХОЖИМИ ЦВЕТАМИ (нажать на картинку)
ПОЛЕЗНЫЕ СТАТЬИ НА ЭТУ ТЕМУ (нажать на картинку)
Желтый | LOOKCOLOR
Янтарный цвет и сочетания с ним
Янтарный цвет относится к темным оттенкам желтого, с малой примесью красного.
Его название связано с окаменевшей смолой
Цвет шампань (шампанского) и его сочетание
Цвет шампань (шампанского) – это бежево-желтый оттенок в светлой гамме. Мягкий, легкий, грациозный, он происходит от одноименного напитка.
Песочный цвет, сочетание с ним в одежде и интерьере. Фото
Песочный цвет занимает по тону середину между желтым и бежевым. Он напоминает нам пляжи с теплым песком, который прекрасно сочетается с бирюзовой водой и прибрежной зеленью.
Холодный и теплый желтый цвет
Холодный или теплый желтый цвет определяют состав данного тона: если есть хоть небольшая примесь синего (зеленого) в желтом, он считается холодным, если есть примесь красного (оранжевого, коричневого) – цвет считается теплым.
Абрикосовый цвет и сочетание с ним
Абрикосовый цвет в одежде и интерьере – это кусочек солнца «в кармане», а сочетания, которые можно сделать с помощью его оттенков: яркие и стильные.
Лимонный цвет и сочетание с ним
Лимонный цвет один из ярких оттенков желтого в одежде или интерьере имеет значение духовности, интеллекта и доброжелательности. Этот оттенок один из самых обаятельных, насыщенных женских тонов.
Розово-желтый цвет и сочетание с ним
Розово-желтый – цвет лета, солнечных бликов, купальников и абрикосового мороженного. Цвет поднимает настроение и настраивает на беззаботный лад. Изумительно подчеркивает оттенки кожи, особенно загорелой.
Зеленовато-желтый цвет и сочетание с ним
С эстетической точки зрения это приятный жизнерадостный оттенок, пропитанный солнцем и зеленью. Общительный и юный.
Ярко-желтый цвет и сочетание с ним
Ярко-желтый несет в себе все качества желтого цвета без примеси других оттенков. И прежде всего это цвет летнего, жаркого солнца. Сам цвет действует согревающе.
Желто-оранжевый цвет и сочетание сним
Это цвет «летних» стран полный жизни и чувственности.
Цвет жаркого солнца, прогретого песка, куркумы, спелой мякоти экзотических фруктов.
Бледно-желтый цвет и сочетание с ним
Этот оттенок скорее положительный: разве неприятны вспоминания о детской беззаботности и материнских ласках, которые навиваются бледно-желтым цветом?
Серо-желтый цвет и его сочетание
Серо желтый оттенок песка, глиняных стен в тени полуденного солнца. Этот оттенок ближе к южным странам – расслабленного, мирного пережидания жары.
Светло-желтый цвет и сочетание с ним
Cветло желтый, перенимая часть свойств белого, становится нежным и «любящим» цветом.
Желто-зеленый цвет и его сочетание
В ярко желтый цвет добавлено немного зелени. Если этот цвет сравнивать с чистыми желтыми
Желтый цвет — значение, применение, сочетание
Первая ассоциация с желтым цветом – солнечный свет, а он особенно важен после долгой зимы.
Весна, оживление, радость, общительность, суетливость – основные характеристики желтого.
Оттенки желтого. Таблица цветов
Желтые цвета – это 136 тона (в палитре Пантон), светлых и средних, ярких и нежных, с розовым, зеленым, золотым, оранжевым и бежевым оттенками.
Цветовая палитра сайта | Справочный центр Weblium
Статьи на тему: Начало работы
Эта статья также доступна на:Статья ниже поможет вам понять, как работать с глобальной цветовой палитрой сайта.
Цветовая палитра регулирует цвет различных элементов на сайте — например, кнопок, текста или фона блока.
Большинство элементов можно настроить вручную, но выбор цветовой палитры может сэкономить ваше время и свести к минимуму ошибки дизайна.
Чтобы изменить цветовую палитру сайта, зайдите в редактор, нажмите на иконку Стиль сайта на панели инструментов в редакторе:
Во вкладке Цвета наведите курсор на текущую палитру сайта и нажмите Редактировать:
Измените цвета в новом окне и проверьте, на какие элементы текста они влияют, затем нажмите Готово :
Светлый оттенок в палитре используется в основном для текста, который находится на темном фоне, а также в качестве фона для темные элементы. Например, светлый оттенок используется для цены в карточках товаров в интернет-магазине или для цвета значка гамбургер-меню на темном фоне в мобильной версии сайта.
Темный оттенок, наоборот, используется для цвета текста, находящегося на светлом фоне. Он также служит фоном для светлых элементов. Например, он также используется для цвета иконки меню гамбургера в мобильной версии, но только со светлым фоном.
Основной фирменный цвет — уникальный цвет, подчеркивающий основные элементы на вашем сайте. Его можно наносить несколько раз, чтобы сохранить общий дизайн. Используется, например, для основного стиля кнопок или цвета цены в карточках товаров на светлом фоне.
Акцентные цвета используются как дополнительный способ выделения объектов на сайте. Рекомендуем выбирать светлые и темные акцентные цвета, чтобы равномерно распределить их по всему сайту.
На сайте есть некоторые элементы, цвета которых задаются автоматически простым смешиванием некоторых цветов в палитре — например, описание и заголовки в блоге, цвет наведения для подпунктов в меню и т. д. Вы можете изменить их, поэкспериментировав с цветовой палитрой.
Например, дата в следующем сообщении блога имеет зеленый оттенок:
Если вы посмотрите на палитру сайта, зеленого оттенка вообще нет:
Таким образом, попробуйте изменить цвета и посмотрите, на какие элементы сайта они влияют.
Там всегда есть кнопка «Отменить», если вам не нравится конечный результат:
Если вы экспериментируете с цветами, вы заметите, что если вы измените оттенок «Темный» в палитре, цвет даты изменится. также:
Также вы можете полностью изменить текущую палитру сайта, выбрав готовый вариант из нашей галереи:
Чтобы изменения вступили в силу, опубликуйте сайт.
Обновлено: 10.05.2022
Управление цветовой схемой дизайна веб-сайта в Webflow
Как дизайнер, я стараюсь тратить как можно меньше времени на задачи типа управления проектами, потому что я предпочитаю заниматься более творческими вещами .
Я рад потратить несколько часов на создание красивых цветовых схем, но как только я получу палитру, которой я доволен, я не хочу тратить уйму времени на возню с образцами в инструменте дизайна.
К счастью, Webflow предлагает множество функций, которые ускоряют управление проектами и цветовыми схемами. Вам просто нужно знать, что искать.
Вы можете использовать глобальные образцы для изменения цветов везде, где они появляются в вашем дизайне — все сразу. А встроенная проверка контрастности четко показывает, соответствуют ли цвета текста рекомендациям по доступности на основе цвета фона.
Ознакомьтесь с пятью советами, которые помогут вам управлять цветовыми схемами веб-сайта в Webflow и сэкономить время, чтобы вы могли сосредоточиться на задачах, которые вам нравятся больше всего.
1. Заблаговременно добавляйте образцы цветов
Когда я впервые начал разрабатывать веб-сайты, я обычно откладывал создание цветовой палитры до тех пор, пока не стало слишком поздно. Легко пропустить этот шаг, когда у вас есть дизайнерская идея, которую вы вдохновили протестировать, или сроки, которые быстро приближаются. Но если вы приложите сознательные усилия, чтобы заранее зафиксировать образцы цвета, это может сэкономить массу времени на редактирование в дальнейшем и поможет организовать весь проект.
Если вы разрабатываете веб-сайт для клиента, я рекомендую выбрать предварительную цветовую палитру до или во время просмотра каркасов.
Вы, конечно, можете вносить изменения, если это необходимо, но наличие хорошей основы для работы делает весь процесс проектирования более плавным и помогает гарантировать, что вы и ваш клиент находитесь на одной странице. Если вы работаете с известным брендом, у них, вероятно, уже есть цветовая схема бренда, с которой вы можете работать.
Как добавить свою цветовую палитру в дизайнер Webflow
Когда вы будете готовы погрузиться в дизайнер Webflow, откройте панель «Стиль» с правой стороны и прокрутите вниз до раздела «Фон», чтобы найти палитру цветов (вы можете получить доступ к палитре цветов, щелкнув квадрат рядом с «Цвет»).
Добавьте образцы в палитру веб-дизайна, щелкнув значок «плюс» в нижней части палитры цветов. Это откроет дополнительное раскрывающееся меню, где вы можете назвать свой образец цвета. Когда вы довольны именем и цветом, нажмите «Создать».
Существует несколько способов настройки или выбора цветов в палитре цветов:
- Щелкните и проведите курсором по цветовой плоскости
- Используйте ползунки оттенка и прозрачности под цветовой плоскостью
- Введите шестнадцатеричный код оттенок, который вы хотите
- Вручную настройте поля ввода HSB (оттенок, насыщенность, яркость) или RGB (красный, зеленый, синий) и A (альфа) (если вы нажмете «H S B», оно изменится на «R G B», а если вы нажмите еще раз, он изменится обратно)
- Вставьте скриншот или изображение вашей цветовой палитры на холст Webflow, а затем используйте инструмент «Пипетка» (это расширение Chrome)
Инструмент «Пипетка» очень удобен, если вы хотите получить оттенок из логотипа или другого актив бренда.
2. Добавьте дополнительные цвета в свою палитру
Я считаю полезным сознательно создавать цветовую палитру, которая немного шире, чем, как мне кажется, мне на самом деле нужно, чтобы мне не приходилось искать другой цвет, который соответствует остальным моим дизайн в середине проекта. Добавление нескольких дополнительных оттенков на раннем этапе может дать вам больше творческой свободы, когда вы «в теме» работаете над дизайном.
Сколько цветов должно быть на сайте?
Многие дизайнеры будут ссылаться на правило 60-30-10, когда вы спросите их, сколько цветов вам нужно для веб-сайта. Некоторые могут даже специально порекомендовать вам придерживаться трех цветов. Согласно правилу 60-30-10, 60% вашего веб-сайта должны быть одного цвета (вашего основного цвета), 30% должны быть цветом, дополняющим ваш основной цвет, а оставшиеся 10% должны быть вашим акцентным цветом. Вот пример правила 60-30-10 на практике из шаблона веб-сайта Conzai Conference.
Скриншот страницы с ценами на шаблон Conzai Дизайн Conzai, изображенный выше, состоит в основном из черного цвета (примерно 60%), еще около 30% — белого, а 10% — акцентного цвета, зеленого (это приблизительные значения, а не точные проценты).
. Правило 60-30-10 очень удобно, потому что, как видите, оно обычно дает привлекательные результаты. Но я видел множество дизайнов, которые нарушают или даже полностью нарушают это правило и выглядят потрясающе.
Отличным примером является веб-сайт Blue Paprika. На веб-сайте Blue Paprika представлено как минимум девять различных оттенков. На скриншоте выше мы видим, что белый — основной цвет, черный — акцентный, а оставшиеся 30% — это градиент или смесь как минимум семи разных цветов. Вы также можете изменить правило 60-30-10, используя один цвет для 60% вашего веб-сайта, другой цвет для 30%, а затем разделив оставшиеся 10% на три аналогичных цвета или даже на четыре тетрадных цвета.
3. Включите оттенки и оттенки
Многие веб-сайты в той или иной степени используют монохроматические цветовые схемы (состоящие из оттенков, оттенков и тонов). Вы можете использовать оттенки, оттенки и тона, чтобы увеличить размер вашей палитры, не беспокоясь о конфликте оттенков.
Наличие теней, оттенков и тонов также позволяет легко создавать глубину или увеличивать контраст при разработке различных элементов.
Вот как добавить оттенки, тени и тона в цветовую схему в палитре цветов Webflow. Допустим, вы разрабатываете веб-сайт для клиента, чьи фирменные цвета — темно-синий, белый и темно-золотой. Чтобы добавить оттенки, вам просто нужно увеличить количество белого или яркости, добавляемого к цвету. Чтобы добавить оттенки любого из этих цветов, нужно добавить к цвету черный, или увеличить темноту. Тона создаются путем добавления серого.
Добавьте оттенки, переместив палитру вдоль цветовой плоскости в сторону белого Добавьте оттенки в дизайнере Webflow, переместив палитру вдоль цветовой плоскости в левый верхний угол все ближе и ближе к белому (или шестнадцатеричный код #ffffff). Добавление оттенков темно-синего даст вам различные оттенки голубого. Поскольку вы не можете добавить больше белого к абсолютно белому, невозможно добавить оттенки белого.
Чтобы добавить оттенки, переместите палитру прямо вниз к нижней части цветовой плоскости (к шестнадцатеричному коду #000000). Вы также можете добавлять оттенки, перемещая палитру по цветовой плоскости влево посередине (или в направлении серых тонов между белым и черным).
Полученная цветовая схема может выглядеть примерно так, как показано на изображении выше, в зависимости от того, сколько оттенков и оттенков вы хотите включить в свою палитру.
4. Используйте глобальные образцы для упрощения внесения изменений
В то время как стандартные образцы цветов упрощают добавление нужного цвета к определенному элементу на странице, глобальные образцы позволяют изменить цвет в любом месте на вашем сайте (например, пока он связан с этим образцом) за считанные секунды. Это огромная экономия времени, если у вас есть клиент, который любит видеть разные варианты или проходит ребрендинг и меняет цвета своего бренда.
Это также очень удобно, если вы работаете по шаблону.
Чтобы лично убедиться в универсальности глобальных образцов, откройте шаблон веб-сайта Fitnesso в дизайнере Webflow. Нажмите кнопку «Онлайн-коучинг» на главной странице, а затем щелкните темно-синий квадрат в разделе «Фон» на панели «Стиль», чтобы открыть цветовую палитру.
Щелкните значок «карандаш» в правом нижнем углу палитры цветов, чтобы отредактировать этот образец. Когда вы меняете цвет, вы должны видеть изменение каждого экземпляра этого цвета в шаблоне, а не только фон кнопки «Онлайн-обучение».
Вы можете отменить связь элемента с глобальным образцом, чтобы изменить цвет только этого одного элемента, не затрагивая остальную часть вашего дизайна, щелкнув значок «неработающая ссылка» (расположенный в правом нижнем углу палитры цветов рядом с значок «карандаш»). Если вы решите снова подключить этот элемент к глобальному образцу, просто щелкните этот образец цвета в сохраненной палитре.
5. Проверка контрастности на доступность и инклюзивность
Одной из самых крутых функций Webflow Designer является встроенная проверка контрастности, упрощающая проверку доступности и инклюзивности.
Контраст сильно влияет на то, как люди с нарушениями зрения видят ваш веб-дизайн. Рекомендуемый коэффициент контрастности для текста зависит от размера и веса вашего шрифта. И если выбранный вами цвет не соответствует Руководству по обеспечению доступности веб-контента, некоторые люди могут не иметь возможности читать или полностью взаимодействовать с определенными частями вашего веб-сайта.
Вы можете легко проверить, имеют ли заголовки, абзацы и другой текст адекватный коэффициент контрастности в палитре цветов Webflow. Откройте палитру цветов в разделе «Типографика» на панели «Стиль». Прямо над вашей цветовой палитрой вы увидите показатель контрастности.
Если ваш коэффициент контрастности не соответствует рекомендациям по контрастности, установленным WCAG, вы увидите индикатор «Fail».