Рейтинг@Mail.ru
сентября 18, 2009 | Author: VeryOldCat

К Вашему вниманию продолжение предыдущего  урока из курса создания дизайна страницы сайта в программе Photoshop.  Его тема -  подбор web цветов для создаваемой страницы сайта.  Теперь речь пойдет о более сложных сочетаниях  цветов WEB


Итак, приступим:

Можно выбрать две пары комплиментарных цветов. Ну, например, у нас есть желтый и лиловый, к ним можно взять синий и оранжевый. Такая схема называется двойной комплимент:

Более сложное сочетание цветов WEB

Берется триада цветов и цвет, комплиментарный одному из цветов триады. Такая схема называется альтернативный комплимент. Возьмем нашу триаду: желтый, синий, красный и добавим к ним, например, лиловый:

Более сложное сочетание цветов WEB

Берется цвет, комплиментарный этому цвету и два прилегающих к нему цвета. Такая схема называется расщепленный комплимент.

Более сложное сочетание цветов WEB

И, так называемая, тетрада. Это когда выбирают четыре цвета, расположенные на цветовом круге друг против друга:

Более сложное сочетание цветов WEB

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

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

Да, вот еще что. Есть еще так называемая безопасная палитра. Это палитра, которая состоит из 216 цветов web. Суть в том, что безопасные цвета всегда остаются постоянными при переходе от одного браузера к другому или от одной платформы к другой, от одного монитора к другому с их различными разрешающими способностями и возможностями отображения цвета. Насколько это актуально в свете развития современных мониторов – не берусь судить. Может у кого-то есть мнение по этому поводу?

Теперь пройдемся по вопросу контраста. Контраст – это есть резкое отличие по какому-то качеству. Для цвета это может быть отличие по тону, яркости или контрасту. При подборе сочетаний цветов нужно смотреть на все три составные части.

Для хорошей сочетаемости цвета друг с другом — они не должны быть очень похожими друг на друга, потому, что эта похожесть будет восприниматься глазом, как ошибка или неопрятность автора:

Более сложное сочетание цветов WEB

Плохо сочетаются цвета совершенно антагонистичные по всем трём составляющим. Уж больно они не похожи:

Более сложное сочетание цветов WEB


Когда цвета хорошо сочетаются друг с другом? А тогда, когда есть контраст по двум из характеристик цвета и одинаковость по третей. Например, контраст по насыщенности и яркости и одинаковость по тону: Более сложное сочетание цветов WEB

Может быть, контраст по яркости и тону с одинаковостью по насыщенности:

Более сложное сочетание цветов WEB

Можно пробовать варианты с контрастом по насыщенности и тону и одинаковостью по яркости, хотя принято считать, что это не лучший вариант:

Более сложное сочетание цветов WEB

Черный цвет и белый. С ними сочетаются все цвета. У черного и белого цветов есть кое-что общее с другими цветами. А именно – тон! Белый цвет, например, можно представить как цвет с минимальной насыщенностью и произвольным тоном. Черный – цвет с минимальной яркость и любым тоном.

Вот такое оно сочетание цветов WEB. Вроде как все понятно. Но возникает вопрос, а нельзя ли как-то упростить процесс подбора цвета в процессе создания дизайна сайта?  Можно.

Об этом в статье Палитра цветов и кое-что еще.

Более сложное сочетание цветов WEB

Фотошоп с нуля в видеоформате

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

Изучайте прямо сейчас!

*

Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">