Photoshop智能手机APP界面设计之道
上QQ阅读APP看书,第一时间看更新

1.4 手机界面的色彩搭配与视觉效果

色彩的搭配是否恰当,决定着你的设计品味的高低。本节将介绍几种常见的色彩搭配方法,全面提升你的色彩搭配感知力。

1.4.1 色彩的重要性

有科学人员研究表明,人们对色彩的反应高于文字。这是一项有趣的研究。

设计中最具表现力和感染力的因素来源于色彩,它可以让人在视觉感官上产生一些生理、心理和类似物理的效应,并形成丰富的联想效果、深刻的意义,还有独特的象征性。人的视觉效果的反应来自色彩的物理性质方面,比如冷暖、远近、轻重、大小等。

(1)温度感:在色彩学上,不同色相的色彩可以化分为热色、冷色和温色,热色是由红紫、红、橙、黄到黄绿色的称呼,其中以橙色为最热。冷色是从青紫、青至青绿色的称呼,其中以青色为最冷。红与青色混合而成紫色,黄与青混合而成绿色,所以这些是温色。红色、黄色,让人觉得看到太阳、火、炼钢炉等,是人类长期适应的感觉,这样会感觉到热,而青色、绿色,让人好像看到江河湖海、绿色的田野、森林,感觉凉爽。

(2)距离感:进退、凹凸、远近可以使人感觉到不同的色彩,具有前进、凸出、接近的效果一般是由暖色系和明度高的色彩显示出来的,相反具有后退、凹进、远离的效果一般是由冷色系和明度较低的色彩显示出的。

(3)重量感。色彩重量感的形成是因为有明度和纯度的存在,明度和纯度高的显得轻,如桃红、浅黄色。

(4)尺度感。色相和明度这两个因素的形成是由于色彩对物体大小产生的作用。暖色和明度高的色彩具有扩散作用,所以物体就会显得大一些,而冷色和暗色则具有内聚作用,所以物体就会显得小一些。有时不同的明度和冷暖也可以通过对比作用显示出来,比如室内的一些不同家具、物体的大小和整个室内空间的色彩处理有着密切的关系,可以利用色彩来改变物体的尺度、体积和空间感,使室内各部分之间关系更为协调。图1-38所示为冷色系的效果,图1-39所示是金属质感浓厚的APP图标,图1-40所示是扁平化APP图标的设置。

图1-38

图1-39

图1-40

1.4.2 色彩的分类

色彩的分类:色彩分为原色、间色、复色和补色4类。按色彩的色调色系(冷、暖、明、暗、软、硬)、色彩的感情表达(喜、怒、哀、乐)、色彩的呈现状态(安静的、活泼的、典雅的、清新的)可以划分出多种不同的类别组合。

图1-41所示中展现的春夏秋冬,在画面中,色彩的转换能变换出别样的情绪状态。

图1-41

春天:微寒却点缀有生机的绿——清新。

秋天:热未散尽带点哀愁的黄——典雅。

冬天:冷清沉寂纯洁如雪的白——安静。

夏天:热闹欢乐铺满世界的蓝——活泼。

1.4.3 色彩搭配方法

颜色切忌滥用,在实际搭配中,如果对自己的色彩搭配水平没有把握,可以采用3个简单的方法:参考同类APP案例、使用配色软件和在线配色网站。色彩为第一视觉语言,具有影响受众心理、唤起受众感情的作用,它能左右我们的感情和行动。

1.参考同类APP案例

参考同类APP案例是指根据APP行业、风格和定位,去寻找同类APP的常用色彩搭配组合。使用APP色彩搭配组合图,具体操作室采用吸管工具,将APP界面中采用面积最大的几种颜色提取出来。这种方法可以快速有效地找出使用的色彩搭配方案。

2.配色软件

现下有很多配色软件可以用来实现色彩捕捉分析,ReaI CoIors Pro就是一款手机上使用的色彩代培工具。除支持直接调用图片进行色彩分析外,还可通过摄像头实拍功能进行外界色彩的抽取与搭配。遇到喜欢的搭配,可以保存到库中,需要的时候调取出来作为参考。

3.配色网站

参考别人的APP始终有不方便之处,现在配色网站很多,它们推荐的搭配总有一款适合你,其中省去了很多操作步骤,让色彩搭配变得很容易。

1.4.4 简约明快型

简洁明快、实用大方是简约明快型特点。因为“极简主义”的生活理念普遍存在于当今社会流行的文化中,所以才会有这个概念。

简约明快型的界面适合色彩支持数量较少的彩屏手机。其由于大块颜色和线条组合的构成方法,使界面不缺少大气、简约的特点。点线面基本原色的形状构成是结合了色彩的纯净搭配,这样做的方法是为了让画面显得干净利落,给用户的操作带来轻松的感受。

同种色搭配能创造简约明快的效果。这种色彩搭配是一种最简单便捷、最基本基础的配色方法。同种色是指一系列的色相相同或相近,由明度变化而产生的浓淡深浅不同的色调。如果需要端庄、沉静、稳重的效果,也可以选用同种色搭配的方法的,但必须要注意同种色搭配时,颜色之间的明度区别要适当,太接近的色调容易相互混淆,缺乏层次感,版面的颜色就会显得相差太小。对比太强烈的色调容易使整体效果显得分裂,版面的颜色就会显得相差太大。同种色搭配时最好有深、中、浅3个层次变化,少于3个层次的搭配显得比较单调,而层次过多则容易产生琐碎、分散的效果。同种色搭配如图1-42所示。

图1-42

1.4.5 趣味与独创型

形式上的情趣表现手机界面设计中的趣味性。这是一种活泼并具有跳跃感的版面视觉效果。制造趣味性可以使本没有多少精彩内容的版面更加有趣,这是在构思中动用了艺术手段后起到的作用。版面充满趣味性,会使传媒信息更上一层楼,起到画龙点睛的作用,从而更吸引用户,打动用户。

独创性实际上是突出个性化特征的。版面设计的创意点就是鲜明的个性特点。版面的简单化和概念化大致相同,那么,它所记录的东西就很少,也就谈不上可以用意料不到的方法去取胜了。所以设计师要敢于思考,敢于别出心裁,要想赢得用户的青睐,就要在排版设计上多一点个性,多一点独创性,多一点趣味性。

1.4.6 高贵华丽型

高贵华丽的效果适合支持色彩数量较多的彩屏手机,最好支持带8位AIpha通道的PNG透明图,如图1-43所示。

图1-43

其基于饱和的色彩和华丽的质感,塑造超酷超炫的视觉感受,利用羽化了的像素对图形图像进行仿真设计,不仅塑造界面色彩、形状,还进一步在元素的质感和体积感上下功夫,给用户一种高贵华丽的视觉享受。