Палитра для сайта: мой метод

Приветики! Если кто не знает - меня зовут Рута, я занимаюсь созданием сайтов) Сразу оговорюсь: я не патентую этот способ подбора палитры, и я уверена что кто то еще так делает. Но думаю, что кому то из вас точно пригодится такой метод)

Подбор цветов для сайта это в принципе процесс достаточно долгий. Хорошо, когда у заказчика_цы уже есть фирменные цвета (логотип, например). Но учитывая то, что многие сайты создаются для тех же блогеров, такой подсказки иногда нет. Да и у меня бывали случаи, когда меня просили не использовать цвета логотипа, потому что не нравятся/скоро будут менять/еще какая то причина. Что же делать?

Для начала я определяюсь с основным оттенком. Это будет синий? Желтый? Фиолетовый? Что бы понять, какой цвет нам подходит, я зачастую обращаюсь к анализу ЦА и психологии цвета. В принципе, в большинстве своем цвета имеют одно и то же значение. Например, синий - надежность, зеленый - натуральность, природа, и так далее. Но я очень рекомендую чекнуть культурные особенности страны, для которой делается сайт, что бы случайно не сделать ошибку. Например, синий в большинстве стран передает позитивное значение, а вот в Японии это цвет подлости. Так то)

Допустим, наш основной цвет - зеленый. Дальше обращаемся к нашему софту и создаем там кружочек с этим цветом. Копируем кружочек еще 2 раза. Теперь самое интересное - создаем цвет для фона и текста (или наоборот, смотря какая тема будет в сайте, светлая или темная).

Для этого нужно перейти в раздел HSL. Это аббревиатура трех слов: hue (оттенок), saturation (насыщенность) и lightness (яркость). Мы будем менять значение только последней характеристики. Чем меньше значение - тем темнее, и наоборот. По этому цвет одного кружка мы меняем на темный (значение ставим где то 10-25), а второго на светлый (значение 95). В итоге у нас есть уже 3 основных цвета, идеально подходящие под красивый монохромный сайт.

Соответственно, изначальный цвет (самый яркий) используем для кнопок и ярких элементов, темный используем для текста (или фона в темной теме), а светлый для фона (или текста в темной теме)

Конечно, можно еще подобрать яркий акцентный цвет, который будет играть роль "продающего красного". Для этого я захожу в coolors, ввожу все 3 значения, блокирую их и смотрю какие варианты мне выдает сайт. Один из этих цветов станет акцентным)

Вот такой вот метод! Раз ты уже тут, то тебе понравилось, а значит тебе не составит труда поставить мне стрелку вверх, правда же?) Ну и по традиции - я обитаю в телеграмме, люблю общаться и с радостью отвечу на вопросики.

2727
23 комментария

Комментарий недоступен

10
Ответить

Ого сколько! Это метод прям для верстальщиков, я так понимаю? Я когда то пыталась научиться, но ничего не вышло) Но звучит очень круто))

1
Ответить

Как только вы говорите про цвета и психологию - дальше можно не читать

6
Ответить

Комментарий недоступен

6
Ответить

Не читайте)

1
Ответить

А есть сайты, где про природу или утилизацию мусора или защиту окр. среды сайты в красно-черных тонах к примеру? Я пока не нашёл.
Наверное это потому, что есть понятие символизма. Каждый цвет ассоциируется у людей с определёнными вещами или даже событиями. А это и называют, как я понимаю, психологией цвета.
Упрощённо конечно объясняю, но надеюсь суть понятна.

Ответить

Комментарий недоступен

3
Ответить