摘要: 每一种色彩都有其自身的特质,而这一特质的发挥,还需要依赖于色彩在整个配色时所处的位置、面积等,即色彩与其他色彩所形成的秩序。 本文选自《轻设计:网页设计中的轻奢主义和禅意思维》。
配色有理性的层面,也有感性的层面。配色也需要遵循一定的节奏,有的配色跳跃明快,有的又显得舒缓柔和。我们从理性出发的同时,也要把自己的思维深入到感性的层面去理解色彩。
主 色
主色是指在配色中处于支配地位的色彩。在配色前,主色是最先确定的色彩,例如,当我们想要设计一个珠宝展示的页面,我们决定这个页面所需要的色彩是紫色时,紫色就是主色。主色的确定看起来并不困难,因为一开始确定好主色只是定出一个宏观方向,并没有细化成具体的色调。主色的选择也非常自由,因为并没有完全正确的公论,每种色彩都有它的特性和优劣,没有最好的色彩或最差的色彩。
最终确定对主色色调的选择需要感性的参与,你希望你的网站看上去“沉稳典雅”还是“清新明快”?这些不同的感受都来自色调的制约平衡。
一般情况下,主色是配色中使用面积最大的色彩。用于主要的组件、组件的背景和大面积色块等。
图片描述
页面中的主色是清爽的蓝色。尽管背景也运用了大面积的白色,但是黑白灰色属于无彩色,无彩色并不参与到配色过程中。红色是作为衬托色而出现的。
衬托色
衬托色是主色以外,为了衬托主色而出现的另一种色彩。衬托色通常为主色的互补色或对比色。衬托色所使用的面积可大可小,只要达到衬托的目的即可。
图片描述
黄色是主色,蓝色是衬托色,黄蓝两色互为对比色。
衬托色也可用在面积较大的地方,和主色平分秋色,彼此呼应。
图片描述
页面的主色为橙色,而衬托色为浅粉色,这两种色彩为邻近色,彼此饱和度上有非常明显的对比,也能很好地衬托出主色,为页面增加了气氛。
一组配色中一定会有一个主色,而衬托色并非是必不可少的。是否采用衬托色,取决于你的配色计划。通常单一的色彩会比较单调,而利用衬托色来强化主色的丰富变化是解决这一问题的方案之一。
背景色
背景色经常表现为无彩色(黑白灰色)或者低饱和度的色彩。背景色主要是作为背景而存在的,它最好不要以非常强烈的姿态出现。背景色并非具有某种功能,它是一个页面的基础底色。
http://click.aliyun.com/m/23513/
分享到:
相关推荐
网站设计与网页配色 北京市:科学出版社 王爽,徐仕猛,张晶著 .pdf 网站设计与网页配色 北京市:科学出版社 王爽,徐仕猛,张晶著 .pdf 网站设计与网页配色 北京市:科学出版社 王爽,徐仕猛,张晶著 .pdf 网站设计...
网页设计配色网页设计配色网页设计配色网页设计配色
网页设计配色常识网页设计配色常识网页设计配色常识网页设计配色常识网页设计配色常识网页设计配色常识
网页设计配色常识 (CHM).网页设计配色常识 (CHM).网页设计配色常识 (CHM).
很齐全很好用的网页配色工具。 里面有: 网页流行色选取器.exe 配色大辞典.chm 跑调网页配色工具.CHM FlashWebPage配色.swf Flash调色板_colorPicker.swf 快速配色工具 TakeColor.exe .....
网页设计配色,系统讲述配色基础,对初学设计这很有效。
网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计配色应用实例剖析网页设计...
配色器 网页设计网页设计网页设计配色器网页设计配色器
网页设计配色工具包 网页设计配色工具包 网页设计配色工具包
网页设计配色工具包 v2 安装程序截图: 部分配色工具截图: TakeColor8-屏幕取色软件 Flash调色板-ColorPicker WebPage流行色选取工具 FlashWebPage配色工具 快速配色工具1 快速配色工具2
颜色表大全 颜色代码 设计配色表 网页配色表
本着不求多,但求精的原则,我在互联网上搜集了一些网页设计师专用的配色程序打包在一起,旨在为广大网友提供便利.希望能够得到大家的支持,呵呵. <br>V2.0收录: + CoffeeCup Color Schemer + 跑调网页配色工具...
教程名称:网页版式设计与配色技巧系列视频课程课程目录:【】网页版式设计与配色技巧(8day)第八天【】网页版式设计与配色技巧第一天【】网页版式设计与配色技巧第七天【】网页版式设计与配色技巧第三天【】网页版式...
网页设计配色技巧,色彩的讲解和各大门户网站的配色实例,如果有配色困难的,我想我提供的配色教程和配色实例,会对您有一定的帮助!
网页配色词典,网页设计 配色 配色词典 网页配色
压缩包内包括:网页流行色选取器\配色大辞典、跑调网页配色工具、FlashWebPage配色、Flash调色板colorPicker、六种实用资料。。欢迎朋友支持。。
网页设计配色大全,主要用于网站整体的布局配色
有十种基本的配色设计,分别叫做: 无色设计(achromatic)、类比设计(analogous)、冲突设计(clash)、 互补设计(complement)、单色设计(monochromatic)、中性设计(neutral)、 分裂补色设计(splitcomplement...
网页设计配色基础.doc,作为一个合格并且有特色的网页设计人员,必须知道或能够理解的就是颜色的统一,这也是网页设计里面最难的部分,它不是divcss标签,不是js代码,而是视觉的感知,只有通过学期感知和深入学习,...
网页设计之色彩:网页设计的配色方案.pdf