Какие нужно использовать цвета для сайта

Какие нужно использовать цвета для сайта

В этой статье пойдет речь о том, какие лучше всего использовать цвета для сайта, чтобы сайт смотрелся красиво и был интересен вашим посетителям, а вы в свою очередь, не краснели и постоянно гордились своим сайтом.

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

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

Принцип единства требует, чтобы используемые цвета находились недалеко друг относительно друга, а в идеале являлись бы одним цветом. И это функционирует — как прекрасная половина человечества выбирают шляпу в тон перчаткам, точно таким же образом и веб-дизайнеры используют цвета для сайта и таким образом чаще всего ограничивают спектр любой отдельной композиционной картины незначительным числом цветов.

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

Даже больше, порой принцип солидарности главенствует и во время подбора цветов для сайта, которым положено быть разными. Некоторые профессиональные веб-страницы исполнены в одной гамме цветов. Но во время поиска такого цветового решения нужно соблюдать осторожность, поскольку чересчур близкие, хотя не одинаковые цвета иногда раздражают своей близостью, а недостаток контраста сделает композицию тоскливой. Следовательно, когда Вы не имеете достаточных навыков, лучше использовать проверенный совет: пользоваться минимумом цветов, однако сами цвета во время этого подбирать контрастные.

Как избрать правильное сочетание контрастных цветов? Каким вообще образом можно определить контраст между цветами? Тут привести пример разложения цветов в системе HSV на три составляющие (тон, насыщенность, а также яркость) и выполнить анализ каждой составляющей.

Цвета в системе HSV: тон, насыщенность, яркость.

Тон. Правило первое формулируется примитивно: невозможно пользоваться цветами, расположенными чересчур близко друг относительно друга. С иной стороны, противоположные цвета также не очень часто образуют слаженные пары — красный с голубым или зеленый с фиолетовым чаще всего кажутся чересчур разнородными. Помимо того, два холодных или два теплых цвета имеют большее сродство, нежели цвета для сайта разных полушарий цветового круга.

С иными двумя параметрами все является несколько более простым. В насыщенности или яркости двух цветов разница заметна сразу же, однако все-таки чаще всего она понимается только как что-то дополнительное к разнице главных оттенков. Поэтому логично, чтобы по одному параметру цвета различались, а по второму — выполняли поддержку друг друга, не давая возможности распаться цветовому решению.

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

Если Вы не желаете тратить время на то, чтобы найти необычные и запоминающиеся цвета для сайта, то используйте простой совет: белый, черный и красный. Первый является самым ярким, второй самым темным, а красный прекрасно сочетается с ними.

Противоположностью подобного минималистского подхода считается нарочито пестрый цветовой жанр, который соединяет максимальное число максимально насыщенных и ярких цветов. Несомненно, что различные радужные заливки — коронный прием веб-дизайнеров — дилетантов. Но данный мотив вполне можно даже встретить и в работах профессионалов. Правда, в работах профессионалов он уравновешивается в остальных частях композиции максимальной цветовой сдержанностью.

Теория теорией, но она не заменит экспериментирования и вашего личного опыта. Имеется много восхитительных цветовых ансамблей, довольно трудно укладывающихся в схему, которая описана выше. И в обратном порядке — порой приготовленные относительно всех правил, цветовые пары настойчиво не хотят работать совместно. Помимо того, подбор цветов весьма в значительной степени находится в зависимости от рода элементов этих цветов.

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

Пример №1.

Пример №1: Цвета для сайта

Пример №2.

Пример №2: Цвета для сайта

Пример №3.

Пример №3: Цвета для сайта

А теперь скажите, сравнив три этих сайта, какой из них вам больше нравится. Я думаю, большинство из вас выберет сайт под №1, так как здесь сочетается контрастность цветов, которые соответствуют теме сайта. Цвета на данном сайте яркие, пестрые, гармоничные и аккуратные. На такой сайт хочется смотреть часами и при этом не устанут глаза.

Во втором же варианте картина противоположная. На данном сайте подобрано неправильное сочетание цветов и при этом они слишком яркие, что глаза устают уже через несколько секунд.

Третий вариант противоположность первого и второго. Здесь, наоборот преобладает практически один цвет, который сливается воедино и текст трудно читать, так как большое количество зеленого цвета отвлекает от текстового контента. Здесь автор сайта перестарался и слил дизайн воедино.

Это лично мое мнение, но думаю, что и у вас будут примерно такие мысли. Возможно, для кого-то это не является проблемой (я не возражаю), но большинство будут придерживаться такого же мнения как и мое. Поэтому отнеситесь серьезно к цветовой гамме и дизайну в целом и хорошенько все продумайте, прежде чем сайт выставлять на всеобщее обозрение. Ведь от этого будет зависеть отношение людей к вам и к вашему сайту.

Вот и подошла к концу моя статья. В ней я расмотрел, какие нужно применять цвета для сайта и как это правильно сделать, чтобы эффект от данной проделанной работы был как можно максимальный. Попробуйте это сделать на своем сайте и ощутите разницу с теми сайтами, которые данные методы не используют.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *