极品分享

网页设计常用色彩搭配表 - 配色表

网页设计常用色彩搭配表 - 配色表

按色相的搭配分类

本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。

01.p8432332.jpg


02.p8432335.jpg


03.p8432340.jpg


04.p8432347.jpg


05.p8432351.jpg


06.p8432355.jpg


07.p8432356.jpg


08.p8432357.jpg


09.p8432358.jpg


10.p8432359.jpg



按印象的搭配分类

色彩搭配看似复杂,但并不神秘。既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供参考。


柔和、明亮、温柔

亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。

11.p8432391.jpg




柔和、洁净、爽朗

对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到,几乎每个组合都有白色参与。当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。

12.p8432420.jpg



13.p8432509.jpg



14.p8432548.jpg




15.p8432557.jpg


16.p8432559.jpg


17.p8432561.jpg



18.p8432574.jpg


19.p8432589.jpg


20.p8432590.jpg


2017-06-28 0 /
美工相关
/
标签: 

评论回复

回到顶部