交互学点色彩

1、美丽的色彩

色彩是美丽的,为什么要说这句“废话”呢,因为如果没有意识到这点,你就无法在需要美丽的时候想起它。你会说就是感觉不够美,但找不到原因。我认为,交互设计师也要不断培养自己的色彩审美能力,经常去flickr看看那些美轮美奂的照片,去dribbble、Behance看大神们的设计作品,稍微留意电影中的场景配色等等。咱不需要像视觉设计师那么专业,但如果一点都不懂,在需要使用颜色来传达信息的时候就无法良好地与视觉设计师沟通。

2、烘托氛围、塑造风格、激发情感

色彩是有情感的。听腻了,不赘述了。了解这些理论并不难,更重要的是在设计中随时运用它。

设计作品里的主色调可以用来营造某种氛围,打开美丽说的网站,扑面而来的粉红色让人瞬间就知道这是一个以年轻女性为对象的网站。
2

再比如百度百科使用灰蓝色作为主色调,营造出一种肃穆、庄严感,让人觉得这像一座图书馆般庄重,对它的内容产生信任感。不过百度百科的首页9月份进行了一次改版,整体配色更浅了,他们解释说是不想导航条喧宾夺主,应该将视觉重心放到内容上。我认为,这个方向是对的,但方法不是很好,浅色并不代表不吸引眼球,相反,大面积使用浅色反而让人眩晕。反过来,深色的主色也不代表一定会喧宾夺主,它在这里营造的气氛反而可以让内容更饱满,更有效地传达给用户。
3

跑题了,回来。我发现,有时候设计师会忘了色彩的这些属性,埋头画更漂亮、更高大上、更流行的图。乔布斯很喜欢白色,白色也的确让苹果产品更美,但如果他是美丽说的设计师,我想他也不会用白色作为主色的。

除了营造氛围,色彩的使用也代表着你某种一如既往的风格,即品牌色。当然,品牌色本身在设计之初应该也是根据其属性来选择的。

另外,我们也可以用颜色来激发用户的情感,把他的情绪调动起来,比如我们常会使用显眼、具有活力的颜色来使按钮更能激发点击欲望。

3、阅读体验

颜色对阅读的体验影响非常大,就在最近,公司一个交互在为界面郁闷,他说这几个页面,一开始看起来还不错,但时间久了后越来越觉得它难看。其实正是配色出了问题。大面积使用高饱和度颜色让眼睛很容易疲劳,高明度的背景配高明度的字让文字难以阅读。
这张图片是我随意画的最典型的的一些背景与字体颜色搭配对阅读影响。
4

4、信息分类

常常需要将界面上的信息进行分类呈现,除了留白、线条、形状、材质之外,颜色也是最常用的方式之一。

5、less is more

当然, 无论何时何地,都别忘了最重要的一条——少即是多。一般来说,同一个界面上,颜色最好不要超过三种,主色和辅助色以及点缀色要明显区分开,当然,这里的“三种”并不是狭义的三个色值,同一个颜色有不同的饱和度、明度可以灵活使用。

发表评论

电子邮件地址不会被公开。 必填项已用*标注