产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

产品邦 首页 产品经理 查看内容

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

2014-10-2 09:48| 发布者: Emao| 查看: 1471| 评论: 0|来自: 文章来源于网络

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

2012-02-07_21-49-04.jpg 


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

比如:

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

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


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


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

item-0EF36D8A-4BA4BE170000000004010000079DDBC2.0.300x300.jpg

阅读推荐

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2023-5-1 15:12

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

返回顶部