爱评测-移动互联网评测

标题: 页面配色时注意页面的层次感 [打印本页]

作者: Amanda30    时间: 2014-8-9 01:22
标题: 页面配色时注意页面的层次感
[attach]1895[/attach]

页面配色时注意页面的层次感


见过很多页面的配色,有时候看着都对,就是感觉哪里有些不太舒服。
明明信息量不大,但浏览起内容来总感觉满眼花花。
仔细分辨之下才发现,往往这时候的页面在视觉上分不出什么层次。

[attach]1896[/attach][attach]1897[/attach]下载 (38.87 KB)
2012-2-7 22:03




其实可以根据色彩的运用,让页面的背景、内容、主要和强调之间有所层次。

比如:

背景区:一般采用一些较暗淡的颜色,叫收缩色可后退色。
内容区:一般用白色或较柔和的颜色。
主要区:带一些色彩可以体现主次关系的颜色。
强调区:用一些鲜亮的,与主要色彩跳跃较大的颜色。

提示:在有大面积单一色彩时,可以给色彩添加一些杂点,以减轻视觉疲劳。
         比如本论坛下半部分的灰色背景,就有一定的颗粒感。


另外提我两点的观察:
苹果公司:一般是运用灰白色的深浅变化来体现层次。设计原型时可以用这种方式。
微软公司:一般是用半透明的透明程度来体现变化,我的个人主页使用的这一风格。
另外两个公司都是用鲜亮的图标来突出前景内容,相比苹果的图标更具特征和个性化。


我看过的有本叫《网页配色》的书,张少卓编著的,搜索此书
阐述和举例了一些有关色彩的运用,个人觉得还不错。
比如:主要色彩、次要色彩、强调色彩、搭配色彩、背景色彩等。

[attach]1896[/attach][attach]1898[/attach]下载 (15.2 KB)
2012-2-7 22:03



收藏分享评分




欢迎光临 爱评测-移动互联网评测 (http://www.aipingce.com/) Powered by Discuz! X3.2