网页设计中色彩的运用
发布时间:2015-05-12 来源:查字典编辑
摘要:一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉...
![网页设计中色彩的运用1](/Images/jiaocheng/2015-05-0712/1289646706.jpg)
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。
从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。
单色:使用一种色调不同的饱和度与亮度
![网页设计中色彩的运用2](/Images/jiaocheng/2015-05-0712/2205261178.jpg)
近似色:使用色盘中的邻近色调
![网页设计中色彩的运用3](/Images/jiaocheng/2015-05-0712/2078375054.jpg)
互补色:使用色盘中的相反色调
![网页设计中色彩的运用4](/Images/jiaocheng/2015-05-0712/2891070676.jpg)
分割互补色:使用一个色调和两个与它的补色邻近色调
![网页设计中色彩的运用5](/Images/jiaocheng/2015-05-0712/4083025253.jpg)
三分色阶:使用色盘中的等距三个色调
![网页设计中色彩的运用6](/Images/jiaocheng/2015-05-0712/1210983813.jpg)
双互补色:使用两个色调和它们的补色
![网页设计中色彩的运用7](/Images/jiaocheng/2015-05-0712/2502659719.jpg)
近似互补色:使用两个互补色调和一个颜色相近色调
![网页设计中色彩的运用8](/Images/jiaocheng/2015-05-0712/664645725.jpg)
中间色:使用没有色度的颜色
![网页设计中色彩的运用9](/Images/jiaocheng/2015-05-0712/3485697071.jpg)
突出色:在没有色调的颜色中突出一个高饱和度的色调
![网页设计中色彩的运用10](/Images/jiaocheng/2015-05-0712/3889739976.jpg)
暖色:使用色盘中暖色调的颜色
![网页设计中色彩的运用11](/Images/jiaocheng/2015-05-0712/1190035289.jpg)
冷色:使用色盘中冷色调的颜色
![网页设计中色彩的运用12](/Images/jiaocheng/2015-05-0712/1021211244.jpg)
原文地址:阿里巴巴良无限UPD团队