“元宇宙”项目中色彩搭配步骤与解析

卢中琦/上海东方传媒技术有限公司

在过去的几年中，新冠病毒的反复爆发给人们平素习以为常的社会活动带来新的挑战。随着诸如虚拟现实、区块链、云计算、以及5G 技术的成熟与提升，一个构建可以映射于现实社会的被称为“元宇宙”的网络社会概念被科幻小说中重新创造了出来并被付诸实施。作为会务方面工作的从业人员，为解决线下会议人员聚集带来的不良影响，同时给传统会议增添身临其境的线上体验感，一款颠覆传统会议模式的“虚拟云会场”孕育而生。但是如何将传统的色彩搭配应用于元宇宙的构建中成了一个切实需要解决的问题。

1 分析“元宇宙”配色问题与难点

如果把这些现行色彩搭配规则用于“元宇宙”项目的创建中，我们首先要了解“元宇宙”这个虚拟社会与现实社会的异同。根据清华大学发布的《2020-2021 年元宇宙发展报告》给出的元宇宙定义：“元宇宙”是整合多种新技术而产生的新型虚实相融的互联网应用和社会形态，它基于扩展现实技术提供沉浸式体验，基于数字孪生技术生成现实世界的镜像，基于区块链技术搭建经济体系，将虚拟世界与现实世界在经济系统、社交系统、身份系统上密切融合，并且允许每个用户进行内容生产和世界编辑[1]。基于近来各相关研究人士对“元宇宙”相关阐述，不难看出“元宇宙”与传统互联网有两大不同。第一是“元宇宙”是脱胎于真实世界可视化但又不拘泥于现实世界的虚拟世界总和。第二是比起传统互联网，“元宇宙”更强调用户与虚拟世界的互动乃至整个虚拟的社会性。用户在“元宇宙”中不是简单地体验它而是创造出一种身临其境的体验，更有甚者有些用户可以影响它本身的进程。

但无论哪一类的产品，功能和收益都是人们追求的共有特性。随着人们不断对设计和美学的需求出现，色彩设计结合了商家对自身产品的解析与理念贯穿整个产品之中。色彩成为产品标签，成为传递精神理念的象征甚至成为区分性别的方式。久而久之，优秀的色彩搭配与色彩定位成为产品无声的品牌形象。一个好的色彩搭配设计能唤醒人们对产品的共鸣。当代心理学认为人们在看到某些颜色时，色彩对人们的大脑或者潜意识都会产生重要的作用。诸如看到蓝色和红色会引起冷和暖感、看到深色和淡色会产生重轻感、甚至牢固和脆弱等感觉，而由此感觉转而产生出情感，如愉悦的、朴实的或是迷茫的，或令人振奋的。随后伴随这些情感的则是一些直觉的意念，称为反射效应。纵观中西方色彩历史与色彩文化，色彩的象征性、象征性、仪式性和肖像化，在整个文化、艺术乃至于社会发展进程中都起着相当大的重要性。基于此，对于色彩设计而言，美学、印象、功能、风格、情绪必不可少，整体色相与色调为我们提供了功能化、信号化或是有价值的含义，我们需要审慎地使用它们作为指导方针，以及它们如何作为评估标准为我们所用。所以如何通过色彩搭配提高用户观赏感尤为重要。

基于上述的观点，我认为“元宇宙”色彩设计大致要遵循两个要点。第一“元宇宙”既然脱胎于实体世界，所以依然必须遵循实体世界对色彩及美感的普遍认同。第二在遵循一般美学认同的基础上，“元宇宙”项目设计还应该融入科技风格元素以加强用户的沉浸感。一个好的“元宇宙”配色方案不仅应该能让用户很快上手将自己置入虚拟环境，更要鼓励用户与产品之间互通交流，甚至可以让产品通过用户的影响对其做出细节上的裂变。

2 “元宇宙”项目的配色经验与解析

SMT 壹会展采用3D 引擎全新开发云会场APP 移动版，融入了当前领先的低延时直播流、云会场帧同步技术、线上同传技术，呈现出梦幻般的科技风格应用界面。虚拟会场为用户提供沉浸式交互直播体验，观众化身虚拟形象参与到虚拟会场观看实景直播，支持与其他虚拟观众聊天，鼓掌、点赞、等实时互动，最大程度地提升用户体验。

在此前提下，SMT 壹会展设计团队通过APP 运行期间客户反馈和设计团队的不断调整与提炼，为壹会展APP 所用色彩搭配进行了全新的调整。作者也有幸参与到这个APP 的色彩设计工作中，所以在此尝试提出一些“元宇宙”虚拟环境色彩设计的一些思路。

2.1 色相选择与色彩设计

作为一个以展现最新虚拟技术同时又需兼顾实体会议需求的APP，客户提出了“科技让会展更有趣”的产品理念。故在原先的色彩设计中，设计团队以“科技”为主要点，提出的色彩设计方案采用的色彩印象词：

固有印象——科技、高端、互动、新技术、金属感

扩展印象——思维的、自我意识、人性化、贴近人文生活的最初因客户受“元宇宙”等新概念的影响提出的色彩概念要体现出“宇宙”与“科技”感，故在第一版的色彩搭配中，设计团队提出使用银灰色及蓝色为主要色相。考虑到在色彩搭配中常以银灰色来体现产品或实物的科技感，所以设计团队最后选用了蓝色调作为主色相与主色调。在搭配中使用深银色和浅银色作为辅助配色（图1）。在整体搭配变化中多以较为平缓的渐变搭配及类似搭配手法，少有对比及强调。整体色彩设计搭配有较强的科技感。但在APP 后期使用过程中，我们发现整体画面色调偏灰暗，虽然体现出了宇宙的深邃感，但过于压抑的色彩气氛不仅不能体现出科技带来的新气象或者新生活，同时也缺少人文感和一种积极向上的精神气氛。

图1 APP第一版色彩设计图及色彩设计方案

于是，设计团队进行色彩调整，最后建议在原有的色彩理念的基础上调整了蓝色及灰色的明度与纯度，让整体画面明亮起来。但在后期的使用及测试过程中，设计团队感觉到，整体画面相对于前一稿突出了科技感的同时，缺少了色彩的指向性与引导作用，让整体画面没有层次与主次之分。此外大片青蓝色调的物体景色叠加到一起，画面冷冰冰，缺少活力（图2）。

图2 APP第二版色彩设计图及色彩设计方案

基于以上2 种色彩搭配，我们发现在进行APP 画面色彩搭配时为了体现“元宇宙”和“科技元素”却把色彩搭配走进配色误区：在前二版的色彩搭配中虽以蓝色与灰色为主色，这一色彩方案选择的确体现出了科技和技术感，但蓝色与灰色由于选取色相偏冷，色调整体偏深，并且辅色与点缀色和强调色少用不用暖色调，故会场整体画面展现出冰冷感，由于色调偏深，灰色使用面积过大，让画面在深邃神秘的同时带有迷茫，未知，不确定的压抑感。虽然整体画面在接下来的设计中有所提升，增加了亮度，但科技的冰冷感并没有消除。这和我们之前提出的“科技让会展更有趣”的理念不符。

此后，设计团队与客户展开“头脑风暴”通过查询市面上与“科技”“人工智能”有关的信息，包括电影、游戏等产品进行色彩分析并发现，目前市面上对科技色彩的分类基本有两种：技术科技和智能科技。技术科技的配色一般体现高科技的技术产品，色彩表现以蓝、灰、银为主。而智能科技感配色一般展示的是人类对高科技技术下带来的思考，色彩表现也多种多样。

在此前提下，色彩设计团队在不断尝试色彩调整，提出了全新的色彩搭配方案。在客户提出的“科技让会展更有趣”的理念不变的前提下，我们调整色彩搭配印象词，由原先的“科技、高端、互动、新技术、金属感”调整成“科技、人工智能、智慧”并将“智能”一词提炼出来，成为APP 色彩搭配的主要关键词。

2.2 设计团队提出全新的色彩搭配方案

（1）搭配主题联想：智能

智能感包含了科技与人类智慧，整体色相偏中性，暖色调。增加了如黄、橙等暖色作为搭配色。也可增加整体画面的对比度与色彩指向性。

（2）搭配色相选择

在主色的选择上，我们还是选用2 款蓝色系与一款绿色系作为主色相。

蓝色系中（CNCSCOLOR1045522P）蓝色色相清晰，明度与纯度适中，在整体APP 色彩搭配概念中代表了“功能清晰”感，也能展现出一种直觉清晰简洁性。此外为了日后不同场景的开发给予观众更好的色彩感官体验，我们同时又选择蓝色（CNCSCOLOR1204522P）代表“技术”感，与绿色（CNCSCOLOR0885522P）“持久发展”感在后期为多场景下的主色，配合蓝色（CNCSCOLOR1045522P）进行搭配或单独使用[2]。

（3）搭配色调选择

在辅色的选择上，调整辅色的冷色调属性，改用偏暖色调色相。体现出科技带来的人文情怀，温暖的淡奶黄色带来智慧象征。橘色、红色等色彩进行搭配时会使整体画面有晨曦、黎明、希望之感既扩大了色相选择范围，让整体画面色彩丰富起来，同时也体现了开放性与包容性。整体色彩搭配建议偏暖色调，削弱了画面蓝色所带来的孤独感，也更好地体现出科技以人为本（图3）。

图3 APP最终使用色彩设计方案

明度的选择上，原色彩画面明度在50%～75%之间，在原先的APP 画面设想中意图体现出科技神秘稳重之感，但在APP 上架使用后，我们发现，因客户多用手机使用此系统，在画面大小被手机大小局限的前提下，画面整体显得幽暗色彩不清晰。虽然后期我们在2.0 版本中提升了色彩明度，但却又使画面感到冰冷感。

在使用APP 时，对于使用者来说，其观看距离几乎是保持恒定不变的，我们发现比较鲜亮的颜色，亮度是表现颜色距离的关键性线索。颜色的亮度越高，看起来离得越近。也会产生视觉不适感，故在此次色彩选择上，我们把主色调明度控制在55% 辅色在控制好色彩面积的同时明度最大深色控制在25%最亮色控制在80%。

配色选择，因颜色搭配在整个设计创作空间感中起着重要作用，特别是在平面视觉设计中长度、宽度、高度、深度以及面积感都可以通过颜色来掩盖或强调。总所周知，在空间感知中，越是饱和度高的颜色，看起来的视觉距离越近。颜色在视觉感知空间上引导作用，更多依赖于色彩与色彩之间的对比能力，而不是特定颜色的固有色。在进行平面色彩视觉设计中色彩明度也是重要考虑因素之一。因客户不喜对比配色，但又要求配色是要体现出画面色彩丰富感。原APP配色，多用渐变配色，与明度对比配色。虽在配色上避免了色彩的对比碰撞感，但整体画面色彩单一，枯燥感强，缺乏生气。在更改配色方案后，设计人员提出了“单色场景看冷暖，多色场景看色调”的搭配理念来提高客户对色彩的要求（图4）。即在进行统一色系搭配过程中，利用色彩受光面与阴影面为界，利用色彩冷暖感进行色彩搭配。在使用同色系的基础上，在明亮面使用暖色系，在阴面使用冷色系。通过电脑光照效果渲染，既能很好过渡色彩搭配，也能产生色彩变化，避免了画面整体色彩无层次。以蓝色物体为例：受光面为暖蓝背光面为冷蓝。同时在多色彩场景下，通过统一色调来让色彩搭配在视觉明度上进行统一，减少色彩明度和纯度带来的视觉跳跃感。

图4 APP最终使用色彩设计1

3 色彩空间感引导

3.1 空间视觉引导

通过不同色相与明度的组合区分场景中的前后左右及上下关系，做出景深与空间感。通过对比色制作出空间延伸感。引导观众沿着指定“路线”游览（图5）。

图5 APP最终使用色彩设计2

3.2 通过强调色对比

引导观众快速捕捉画面关键信息。如广告牌、特定人物等。

色彩空间引导搭配概念，在未来的虚拟云会场使用过程中，使整体画面色彩更丰富，提升画面感和指向性。此外整体色彩搭配对比、强调与明确指向性的色彩搭配在未来更适合小屏幕使用，为将来H5页面设计奠定了良好的色彩搭配基础。

4 总结

当为“元宇宙”项目做配色的时候，其实主要美学原理与现实配色原则不尽相同，但要注意的是需要在原有基础上对虚拟应用场景融入更多所需虚拟元素。但是切记一切虚拟现实美学和配色原则是建立在现实基础上的。现实中不自然地，不符合大众审美的配色在虚拟现实世界里依然令人感觉不舒适。当为虚拟场景配色的时候我们大致需要分三步来进行。首先要根据虚拟现实的应用场景来设定主色和辅助色。第二步，根据所需要调动用户的情绪来定色调。第三步，根据虚拟场景所需要互动场景和项目来设计视觉空间引导。当大家遵循以上三个步骤来为一个“元宇宙”项目做配色，相信每个人都能达到一个令人满意的结果。而作为色彩搭配师，我们更要用开放的心态对每一个色彩搭配方案反复推敲，特别是在做虚拟产品的时候，在进行项目的前期色彩定位时多和客户沟通，尽可能多方位了解客户对自己产品的想法和理念，后期多与设计师与工程师沟通，对色彩在屏幕中呈现的效果进行分析比对，建立起客户与最终成品之间的沟通桥梁。