许素君

（黄山学院，安徽 黄山 245000）

智能手机在人们生活中的地位越来越重要，适应各种需求而开发的APP层出不穷。用户的屏幕交互体验效果很大程度上取决于APP设计所使用的色彩。使用具有针对性和识别性色彩的智能手机屏幕可以使人获得更加全面的体验，这是人机交互体验的新视野[1]。本文以黄山旅游APP为例，研究屏幕交互下色彩在UI设计中的新视野。交互新技术的日新月异，研究基于屏幕交互下色彩在UI设计中的新视野显得尤为重要[2]。笔者之所以选择屏幕交互下色彩作为切入点，是因为色彩在黄山旅游APP中有着不可忽视的作用，以屏幕交互色彩为基础设计的黄山旅游APP不仅可以很好地再现黄山之美，进一步推动黄山旅游的发展，而且可以发掘徽州的色彩文化，进一步推动徽州色彩文化的传承创新。

1 屏幕交互下色彩的多元化呈现

色彩设计一直贯穿于UI设计的始终，在屏幕交互下设计师充分运用色彩的文化属性，致力于为用户带来高级的体验[3]。按色系分类，色彩可以分为无彩色系与有彩色系。无彩色系是黑、白、灰以及由三者所演化出的颜色；有彩色系是以红、橙、黄、绿、青、蓝、紫七色为基本色，及将这些基本色通过对比、调和、节奏、推移等手法演化出的颜色。

1.1 无彩色系与有彩色系的文化含义

艺术上使用以黑、白、灰构成的无彩色系，往往用以表达某种象征。白色包容性极强，可以与其他色彩实现“百搭”，亦即容万物而生；黑色则象征万物的开始和结束，常用于表现某种“神秘”，抑或表示魅力相随；灰色的灵魂是介于黑白之间的多向性，用在现当代即“中庸”，亦即格调雅致。徽文化的色彩元素总给人洁净素雅的感觉，流淌出崇尚古朴自然的审美情怀。这是无彩色系现实层面的含义。从理念层面看，老子的“五色令人目盲，五音令人耳聋”，对后世产生极大的审美影响，而黑白灰的色彩简约平静中和，不失大气，符合人们崇尚自然、追求真善美的意境，这便与徽州的色彩文化相吻合[4]。

有彩色系五彩纷呈，更接近大自然的本来面貌。色彩是自然给予人类最为珍贵的馈赠，每一种色彩倾向都具有独特的气质与特征，红色象征激情和理想；橙色象征温暖，是与能量有关的颜色，还能强化视觉感受；黄色象征着活力；绿色象征清新与生命；蓝色象征智力和理性；粉色象征可爱与童真。

1.2 智能时代色彩多元化的意义

我们生活在一个新的电子时代，即无时无刻不存在人机交互的智能时代，人们的生活方式发生了翻天覆地的变化。麦克卢汉认为：“我们塑造了工具，此后工具又塑造了我们。”[5]未来几十年，随着机器学习、生物传感器、脑机交互等技术的发展，这一融合过程将不断加速[6]。

在数字媒体交互时代，屏幕交互呈现出前所未有的丰富多元的状态。在电子计算机飞速发展的智能时代，仅仅运用传统的色彩设计语言是远远不够的，还需要融入现代色彩元素。徽文化黑白灰的经典色搭配家喻户晓，融入现代色彩元素后就能使之更具国际化风格。因此，笔者在设计黄山旅游APP时就在体现徽州色彩灵魂的同时加入西方色彩大师的艺术情趣，使用户体验更加友好。大众色彩心理会随时代的变化而变化，屏幕交互下的色彩在UI设计中也在发生着悄无声息的变化，用户的多元化色彩审美观越来越巩固。

1.3 屏幕交互下色彩的当代意义

信息技术的发展将我们带入了读图、读屏时代，这就要求UI设计必须更具人性化，更多考虑人们交互过程中的感受和体验。屏幕交互下色彩UI设计需要使用新的设计语言，以满足人们的需要。屏幕上的色彩要适应人们长时间阅读和长时间交互的视觉舒适度需求，因此，在UI设计中色彩的呈现需要注意对视觉舒适度与心理感受产生的影响[4]，避免因为色彩应用不当使用户产生疲劳与不适感。

色彩会对人类的情感产生影响，所以在色彩UI设计中就要考虑这种影响，利用这种影响。如简单好看的配色更容易被儿童接受，他们会觉得更加可口，更易亲近。红色可以引起人们的购买欲望，青年是具有强烈消费冲动且有一定购买力的群体，在以引导消费为主要目的、针对青年群体的形象设计中，红色元素便不可或缺。黑色给人一种“高档”感，形象设计中的黑色元素可以满足青年人快餐主义的心理。中老年人则更需要化繁为简，交互模式需更加稳重与简化，运用稳重、具有高识别度的纯色可以给中老年人用户带来直观感。

2 黄山旅游APP中的视觉化设计

视觉化设计就是运用点、线、面等设计概念，配以字体、颜色、图形、版式等设计语言，作品以主要诉诸视觉方式呈现的设计方法[7]。遵循这样的设计程式，就能将作者的设计理念贯彻于UI设计中。

2.1 logo的黑、白、灰色彩运用

黄山旅游APP的logo图标（图1）选用代表黄山文化意象的黑、白、灰色彩搭配来设计，以使用户从中感受黄山文化特有的色彩气场。该logo以黑、白、灰为主体颜色，色调与徽州色彩文化相一致，使用经典仿生图形设计，山坡上冉冉升起的一轮红日为点睛之笔，这样一幅山间美景活灵活现地呈现在用户面前，让用户在屏幕交互中初步体验黄山旅游所带来的文化享受[8]。色彩可以影响人的心理，使人产生潜意识行为，这样一款简约的APP图标就会让用户体验到黄山旅游之大美。

图1 黄山旅游APP的图标设计

2.2 界面色彩的延伸设计

色彩是APP界面打开时的第一呈现，独特的色彩运用能够牢牢吸引用户的注意力[9]。色彩对用户的视觉刺激具有耐久性、直接性，所以在UI设计中色彩的运用要注意对视觉舒适度与心理感受产生的影响，避免发生因色彩应用不当而使用户产生视觉疲劳与不适感的情况。图2是黄山旅游APP界面局部，该设计背景为黑色打底，以红、白、灰三种颜色作为装饰，这种灰度较高、明度较低的色彩搭配显得较为柔和，整体观感舒适，这就减轻了用户长时间观看时的劳累感。

图2 黄山旅游APP的界面局部

图3为黄山旅游APP主要功能区界面局部，该设计采用了明度对比与调和对比以实现丰富而不失统一的协调感与识别性。该设计以黑色与灰色为衬托背景，底边菜单栏与关键功能按钮使用白色和色相明确的红色（门票预订）、绿色（特色美食）、紫色（交通出行）、蓝色（旅行团队），让用户在明度对立的色彩中便捷地使用这些关键功能。这一设计的颜色明度适中，有一定的灰度，并利用功能按钮方块形状单色渐变的灰色调来与背景无彩色的灰色组进行搭配，形成中差色对比（色相环上呈90度角的色彩组合），在提升颜色力度感的同时，也不会使某一种颜色显得突兀，缓解用户的视觉疲劳，增加黄山旅游APP整体古朴、厚重、含蓄的感觉。

图3 黄山旅游APP主要功能区界面局部

在黄山旅游APP背景色彩的可视化设计上，采用了由浅至深的色彩推移，画面变化有序，满足用户生理与心理上的整齐有序需要。黄山旅游APP界面的背景设计中运用形式美法则，按照黑→深灰→灰白的排列顺序设计，红色、灰色色条对称均衡，增添了色彩的秩序感和层次感。灰色与黑色之间采用灰红色隔离，用灰红色包围灰色形成颜色对比，减少了UI设计的单调感。黑、白、灰的色调表达出黄山朴实的文化环境，增加了黄山旅游APP的表意性。使用面积分配手法与纯度统筹手法，使画面更加耐看。使用偏灰的红色与黑、白、灰色作点缀式搭配，赋予了黑、白、灰偏红色的色彩倾向。红色具有温暖、热情、积极的色性，能使人产生正向心理暗示与消费冲动，该设计利用用户对红色的具象联想，强化了用户的消费购物心理。黄山旅游APP主要功能区界面运用了点、线、面的设计概念，和颜色分割、颜色走向的设计原理，同时揉入字体、颜色、图形、画面等设计语言，较好地将设计理念与UI风格以视觉化方式呈现给用户。

3 当代流行色彩与黄山旅游APP新视野

当代流行色彩与黄山旅游APP新视野主要体现在应用色彩的针对性和识别性进行设计方面。版面构图学的文字、插图、装饰图样等元素在APP中的呈现效果与色彩的使用紧密相关。

3.1 康定斯基色彩的应用

俄裔法国艺术家康定斯基认为，色彩是一个能够表达生理和心理情感经验的角色。笔者设计的黄山旅游APP下方的总菜单栏（图4），是一个小螃蟹的抽象造型，使用了红色、绿色、黄色、蓝色块面填充，整体色调采用马卡龙色，色彩风格吸了取康定斯基五颜六色、丰富多色彩的审美情调[10]。深灰→浅灰→灰红→黑的对比凸显方向感与注目性，排版位置的方向感可以引导用户的观看顺序，形成适合受众传统阅读顺序的导向型视觉流程，同时，柔和的背景图案不会过于喧宾夺主，从而能够更好地突出界面的主体信息。

图4 黄山旅游APP总菜单栏

在黄山旅游APP功能图标的排版设计与色彩选择中，笔者将最基本的形式美法则融入其中。功能图标颜色上的对比强化了其辨识性，和对比与调和的形式美感。一直存在于界面下方的总菜单栏的版式与多数APP的长方形菜单形状相比更具新颖感，强化了自身的风格，是屏幕交互下色彩在UI设计中新视野的一个亮点。

3.2 蒙德里安色彩的应用

不同年龄的人对色彩的感受是不同的，儿童喜欢鲜艳活泼的色调，老年人喜欢简洁沉稳的色调，因此要根据不同年龄段的不同需求设计色彩。黄山旅游APP设计出了两种针对性强的颜色模式，一种是儿童模式（图5），一种是中老年模式（图6）。

图5 儿童模式UI设计局部

图6 中老年模式UI设计局部

儿童模式UI色彩搭配是适应儿童喜欢大自然的年龄特征设计的，较多考虑红、黄、蓝等鲜艳色彩对儿童视觉的吸引力，功能图标的设计灵感来自于小朋友热欢的鲸鱼、水母、蜗牛、蝴蝶和小鸟等动物，并对动物原本的色彩作了降调处理，这样既考虑了色彩的识别性、整体性和平衡性，又做到了冷暖色、低饱和纯色的和谐。

老人模式UI色彩设计更加重视信息的辨识度与易懂性。与康定斯基的“圆”不同，荷兰著名抽象派画家蒙德里安最常使用直线和方块，他删除繁杂留下精简的色彩艺术风格正适合中老年人审美需求。笔者将蒙德里安式的单纯色彩风格应用在UI色彩搭配设计中，以白色打底，以彩色为内容框，用少量的红、黄、蓝色搭配提升美感，利用较小面积的黑色压制整体的艳丽，能在提升辨识性的同时兼顾审美情趣[11]。

4 结束语

在手机智能化水平越来越高背景下，屏幕交互下色彩在UI设计中的新视野有着跨时代的发展前景。UI设计从简单的交互体验单向操作转变为推荐挑选的双向关系，为屏幕交互下的色彩设计提供了新的思路。我们尝试按照这一设计思路，利用色彩本身存在的特性，赋予色彩语言更能丰富用户体验的表现力，将传统的色彩文化与流行色彩文化相结合，设计了这款黄山旅游APP。这一案例塑造了色彩个性化的UI界面，运用色彩的重复、对比和强调等手法，突出了界面主题，让用户获得更加友好的体验效果。