网页设计配色应用实例剖析——灰色系

→ 灰色配色(无彩色搭配)应用网页例图:http://www.hejz.com

灰色系分析:(无彩色搭配)

就像回到了古老的黑白照年代。初看该页面容易把背景的深灰色误认为是黑色,再仔细观看就感觉到了此种深灰色不凡的作用,假如背景色使用了黑色,页面的主体人物和空间感的相互作用就变得僵硬且呆板。

从RGB和HSB模式上可知主色调深灰色为纯正的非色彩,明度很低。但与人物的毛发对比下就能看出它们明度之间的差异。

辅助色这里取的是照片的肤色,也是纯正的浅灰色,该人物占据了该页面三分之一的面积,主次鲜明。

尽管点睛色是明度最高的白色,但是由于只在小文字上的小面积使用,因此只起到了点缀一下页面细节突显主次关系的作用。

结论:

根据前面最初讲的网页应用部分的第一节色调,主色调、辅色调、点睛色所使用的面积比例来看,该页的例子得到了很好的诠释。

由于该页面是非色彩黑白灰构成,页面配色分析就变得简单化了不少,因此在其他页面实例里出现的主色调、辅色调、点睛色不同的色彩内敛与张扬的特性在这里也就涉及不到了。

本部分小节:

● 灰色谦和内敛的特性决定了不同明度的灰色扮演的是辅佐陪衬的角色。

● 非色彩就是没有彩度的颜色,而灰色相对黑色、白色要多些变化,因为它能的通过明度来表达不同的性格特征。

● 灰色与其他彩度色彩搭配时能降低张扬耀眼的颜色,调和色彩的方法之一。两种或两种以上的色彩混合,如能配上灰色,这两个色调本身必能相互调和。

● 以上的例子中不难看出,都是非色彩系灰色为主色调点缀极少面积的色彩系,色彩运用的面积反差越大,页面所呈现的独特魅力也就越强烈。灰色的特性在于能把刺激耀眼的颜色柔和化,这将是调和多个页面配色的利器,但要也要注意不同明度灰色所起到的配色作用,不同明度的灰色搭配不同的彩度颜色时,所得到的结果差别是很大,根据整体页面配色应在灰色明度上要反复的调整。

● 无彩度的黑白灰不同面积的使用,相对彩度色系来说是比较容易的颜色搭配,且能包容所有的彩度颜色。

学习更多知识与技巧 请点击 网易学院chenhuiling

我来评两句
我的灌水记录
匿名发表
精彩推荐

今日网易科技看点


商业推荐

排行榜

今日网易财经看点


主编信箱 频道热线电话 给网易提意见 
About NetEase - 公司简介 - 联系方法 - 招聘信息 - 客户服务 - 相关法律 - 网络营销
网易公司版权所有
©1997-2009