Axure中文社区

WebPPD产品原型设计

 找回密码
 新用户注册
查看: 26342|回复: 32

[交互文章] 页面配色时注意页面的层次感

[复制链接]

470

主题

6744

帖子

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
74251

实名认证

QQ
发表于 2012-2-7 22:03:59 | 显示全部楼层 |阅读模式
尹广磊公众帐号
见过很多页面的配色,有时候看着都对,就是感觉哪里有些不太舒服。
明明信息量不大,但浏览起内容来总感觉满眼花花。
仔细分辨之下才发现,往往这时候的页面在视觉上分不出什么层次。

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


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

比如:

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

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


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


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

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

评分

1

查看全部评分

0

主题

4

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-2-10 06:56:35 | 显示全部楼层
学习了

0

主题

111

帖子

18

积分

会员

Rank: 5Rank: 5

积分
18
发表于 2012-2-10 08:58:08 | 显示全部楼层
说得不错,受教了

0

主题

3

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-4-19 14:50:52 | 显示全部楼层
好像不能评论

0

主题

3

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-4-19 14:51:28 | 显示全部楼层
又可以了  

0

主题

25

帖子

97

积分

会员

Rank: 5Rank: 5

积分
97
发表于 2012-4-29 12:15:20 | 显示全部楼层
~~。。。。

0

主题

25

帖子

97

积分

会员

Rank: 5Rank: 5

积分
97
发表于 2012-4-29 12:15:25 | 显示全部楼层
~~。。。。

0

主题

1

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-5-5 13:16:18 | 显示全部楼层
说的不错!

0

主题

1

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-5-7 11:33:31 | 显示全部楼层
有道理,有时候我们也不知不觉进入配色误区,学习了。

0

主题

21

帖子

15

积分

会员

Rank: 5Rank: 5

积分
15

产品观察员

发表于 2012-5-9 15:06:09 | 显示全部楼层
同意,不过还得实战中培养经验。

0

主题

11

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-6-15 17:41:20 | 显示全部楼层
学习了。

0

主题

5

帖子

62

积分

会员

Rank: 5Rank: 5

积分
62

实名认证

发表于 2012-6-25 10:42:16 | 显示全部楼层
有推荐书籍 还不错 准备买一本读读

0

主题

4

帖子

111

积分

Axure教程

Rank: 5Rank: 5

积分
111
发表于 2012-6-26 23:19:14 | 显示全部楼层
新手初来乍到 请各位多指教 呵呵

0

主题

5

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-10-18 13:41:37 | 显示全部楼层

0

主题

1

帖子

111

积分

Axure教程

Rank: 5Rank: 5

积分
111
发表于 2012-11-23 10:55:34 | 显示全部楼层
好东西啊,对于一个工程师出身的人,设计原型时页面的配色和美化是我最头疼的部分。

0

主题

3

帖子

11

积分

会员

菜鸟456123

Rank: 5Rank: 5

积分
11
发表于 2012-12-10 11:01:40 | 显示全部楼层
学习中

0

主题

3

帖子

11

积分

会员

Rank: 5Rank: 5

积分
11
发表于 2012-12-11 14:17:21 | 显示全部楼层
学习了,谢谢

0

主题

4

帖子

12

积分

会员

Rank: 5Rank: 5

积分
12
发表于 2013-4-24 19:51:29 | 显示全部楼层
对配色,我也没有什么概念,要好好学习哈

0

主题

4

帖子

60

积分

会员

Rank: 5Rank: 5

积分
60
QQ
发表于 2013-12-12 11:59:31 | 显示全部楼层
我是设计转产品经理的,对于色彩这块,有时候没必要纠结用什么色彩,关键是要看着舒服!

0

主题

2

帖子

10

积分

会员

Rank: 5Rank: 5

积分
10
发表于 2014-2-28 22:32:06 | 显示全部楼层
学习中。好文章!!
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区

GMT+8, 2021-1-28 12:22

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表