6条网页设计配色原则让你秒变配色高手 网页颜色怎么搭配( 三 )


文章插图
文章插图
饱和度
是一种生动的色彩表现 。例如,认为“我的衬衫中渗透着葡萄酒红” 。在一个典型的颜色选择器饱和度是多少白了就是混在你的基地的色调来决定 。白色越少,越饱和 。
当您拖动到右边的颜色在地图上可以减少白色量,从而增加了饱和度,“S”的值上升 。当您拖动到左边向所有的白角,你会减少饱和使“S”的值下降 。

6条网页设计配色原则让你秒变配色高手 网页颜色怎么搭配

文章插图
文章插图
亮度
亮度是有多少黑色混合到你的颜色 。黑色越少,越亮 。
当你拖动滑块向上,减少了黑色的数量,增加亮度,在颜色选择器中的“B”的值上升 。
6条网页设计配色原则让你秒变配色高手 网页颜色怎么搭配

文章插图
文章插图
与你原来的色调混合的黑色也被称为创造了“阴影” 。这也来源于油漆混合,是黑色油漆与涂料颜色的混合 。
当你混合灰色到彩色这被称为创造了色调 。如果你调节饱和度和亮度,那么你就创造了一种色调 。所以基本上任何时候无论你的饱和度和亮度均小于100%,这就是一个色调 。
同样,这个词来源于油漆混合,在其中创建一个灰色的油漆,然后用彩色涂料混合 。
单色配色方案
单色的配色方案是,你以一个基本的色调和扩展它的色相,饱和度和亮度 。因此,通过采摘一大亮点的颜色和它创造的变化,你实际上创建了一个单色方案 。
6条网页设计配色原则让你秒变配色高手 网页颜色怎么搭配

文章插图
文章插图
下一步?坚持练习对灰度基础的单色配色方案,直到你感到很有信心为止 。试着用不同的色调,尝试创建不同的高亮色,看看它是如何改变饱和度和亮度的设置,直到可以使用为止 。
当你感觉很舒服,可以增加一个额外的高亮颜色 。我建议尝试橙色和蓝色,因为他们往往是最简单的二重奏 。然后尝试绿色和蓝色,这在我的经验中是第二个最简单的 。这两种往往是与客户和访客都会称赞的搭配 。
为了推动了你对Web的配色方案的理解,最好的事情就是抓住自己喜欢颜色,你可以用取样器(浏览器扩展Colorzilla),并用它来研究经 验丰富的设计师是怎么做到的丰富的色彩搭配的 。当你在浏览互联网的时候,看到一个很大的配合突破,你可以用颜色取样器看看在页面上使用的颜色的配色方案 。你甚至可以尝试每个色相,看看哪些饱和度和亮度水平效果最好吧 。另外要注意它的颜色组合的和谐度 。
如果有疑问,可以随时回到属于你的“安全第一”的指导方针,这无论如何都是不会错的 。

经验总结扩展阅读