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

Amanda30

[/url]

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

见过很多页面的配色，有时候看着都对，就是感觉哪里有些不太舒服。 明明信息量不大，但浏览起内容来总感觉满眼花花。 仔细分辨之下才发现，往往这时候的页面在视觉上分不出什么层次。 [url=http://www.aipingce.com/attachment.php?aid=5125&k=efa1430bada531deac1791db44a8343b&t=1407517078&nothumb=yes&sid=c198HKscsrgKA8l4rt%2FZadIl7WHFjh6SdDT%2FoiTnWMu8hRs]下载 (38.87 KB) 2012-2-7 22:03 其实可以根据色彩的运用，让页面的背景、内容、主要和强调之间有所层次。 比如： 背景区：一般采用一些较暗淡的颜色，叫收缩色可后退色。 内容区：一般用白色或较柔和的颜色。 主要区：带一些色彩可以体现主次关系的颜色。 强调区：用一些鲜亮的，与主要色彩跳跃较大的颜色。 提示：在有大面积单一色彩时，可以给色彩添加一些杂点，以减轻视觉疲劳。          比如本论坛下半部分的灰色背景，就有一定的颗粒感。 另外提我两点的观察： 苹果公司：一般是运用灰白色的深浅变化来体现层次。设计原型时可以用这种方式。 微软公司：一般是用半透明的透明程度来体现变化，我的个人主页使用的这一风格。 另外两个公司都是用鲜亮的图标来突出前景内容，相比苹果的图标更具特征和个性化。 我看过的有本叫《网页配色》的书，张少卓编著的，搜索此书 阐述和举例了一些有关色彩的运用，个人觉得还不错。 比如：主要色彩、次要色彩、强调色彩、搭配色彩、背景色彩等。 下载 (15.2 KB) 2012-2-7 22:03

收藏分享评分