“元宇宙”項(xiàng)目中色彩搭配步驟與解析

盧中琦/上海東方傳媒技術(shù)有限公司

在過(guò)去的幾年中，新冠病毒的反復(fù)爆發(fā)給人們平素習(xí)以為常的社會(huì)活動(dòng)帶來(lái)新的挑戰(zhàn)。隨著諸如虛擬現(xiàn)實(shí)、區(qū)塊鏈、云計(jì)算、以及5G 技術(shù)的成熟與提升，一個(gè)構(gòu)建可以映射于現(xiàn)實(shí)社會(huì)的被稱為“元宇宙”的網(wǎng)絡(luò)社會(huì)概念被科幻小說(shuō)中重新創(chuàng)造了出來(lái)并被付諸實(shí)施。作為會(huì)務(wù)方面工作的從業(yè)人員，為解決線下會(huì)議人員聚集帶來(lái)的不良影響，同時(shí)給傳統(tǒng)會(huì)議增添身臨其境的線上體驗(yàn)感，一款顛覆傳統(tǒng)會(huì)議模式的“虛擬云會(huì)場(chǎng)”孕育而生。但是如何將傳統(tǒng)的色彩搭配應(yīng)用于元宇宙的構(gòu)建中成了一個(gè)切實(shí)需要解決的問(wèn)題。

1 分析“元宇宙”配色問(wèn)題與難點(diǎn)

如果把這些現(xiàn)行色彩搭配規(guī)則用于“元宇宙”項(xiàng)目的創(chuàng)建中，我們首先要了解“元宇宙”這個(gè)虛擬社會(huì)與現(xiàn)實(shí)社會(huì)的異同。根據(jù)清華大學(xué)發(fā)布的《2020-2021 年元宇宙發(fā)展報(bào)告》給出的元宇宙定義：“元宇宙”是整合多種新技術(shù)而產(chǎn)生的新型虛實(shí)相融的互聯(lián)網(wǎng)應(yīng)用和社會(huì)形態(tài)，它基于擴(kuò)展現(xiàn)實(shí)技術(shù)提供沉浸式體驗(yàn)，基于數(shù)字孿生技術(shù)生成現(xiàn)實(shí)世界的鏡像，基于區(qū)塊鏈技術(shù)搭建經(jīng)濟(jì)體系，將虛擬世界與現(xiàn)實(shí)世界在經(jīng)濟(jì)系統(tǒng)、社交系統(tǒng)、身份系統(tǒng)上密切融合，并且允許每個(gè)用戶進(jìn)行內(nèi)容生產(chǎn)和世界編輯[1]?；诮鼇?lái)各相關(guān)研究人士對(duì)“元宇宙”相關(guān)闡述，不難看出“元宇宙”與傳統(tǒng)互聯(lián)網(wǎng)有兩大不同。第一是“元宇宙”是脫胎于真實(shí)世界可視化但又不拘泥于現(xiàn)實(shí)世界的虛擬世界總和。第二是比起傳統(tǒng)互聯(lián)網(wǎng)，“元宇宙”更強(qiáng)調(diào)用戶與虛擬世界的互動(dòng)乃至整個(gè)虛擬的社會(huì)性。用戶在“元宇宙”中不是簡(jiǎn)單地體驗(yàn)它而是創(chuàng)造出一種身臨其境的體驗(yàn)，更有甚者有些用戶可以影響它本身的進(jìn)程。

但無(wú)論哪一類的產(chǎn)品，功能和收益都是人們追求的共有特性。隨著人們不斷對(duì)設(shè)計(jì)和美學(xué)的需求出現(xiàn)，色彩設(shè)計(jì)結(jié)合了商家對(duì)自身產(chǎn)品的解析與理念貫穿整個(gè)產(chǎn)品之中。色彩成為產(chǎn)品標(biāo)簽，成為傳遞精神理念的象征甚至成為區(qū)分性別的方式。久而久之，優(yōu)秀的色彩搭配與色彩定位成為產(chǎn)品無(wú)聲的品牌形象。一個(gè)好的色彩搭配設(shè)計(jì)能喚醒人們對(duì)產(chǎn)品的共鳴。當(dāng)代心理學(xué)認(rèn)為人們?cè)诳吹侥承╊伾珪r(shí)，色彩對(duì)人們的大腦或者潛意識(shí)都會(huì)產(chǎn)生重要的作用。諸如看到藍(lán)色和紅色會(huì)引起冷和暖感、看到深色和淡色會(huì)產(chǎn)生重輕感、甚至牢固和脆弱等感覺(jué)，而由此感覺(jué)轉(zhuǎn)而產(chǎn)生出情感，如愉悅的、樸實(shí)的或是迷茫的，或令人振奮的。隨后伴隨這些情感的則是一些直覺(jué)的意念，稱為反射效應(yīng)?？v觀中西方色彩歷史與色彩文化，色彩的象征性、象征性、儀式性和肖像化，在整個(gè)文化、藝術(shù)乃至于社會(huì)發(fā)展進(jìn)程中都起著相當(dāng)大的重要性。基于此，對(duì)于色彩設(shè)計(jì)而言，美學(xué)、印象、功能、風(fēng)格、情緒必不可少，整體色相與色調(diào)為我們提供了功能化、信號(hào)化或是有價(jià)值的含義，我們需要審慎地使用它們作為指導(dǎo)方針，以及它們?nèi)绾巫鳛樵u(píng)估標(biāo)準(zhǔn)為我們所用。所以如何通過(guò)色彩搭配提高用戶觀賞感尤為重要。

基于上述的觀點(diǎn)，我認(rèn)為“元宇宙”色彩設(shè)計(jì)大致要遵循兩個(gè)要點(diǎn)。第一“元宇宙”既然脫胎于實(shí)體世界，所以依然必須遵循實(shí)體世界對(duì)色彩及美感的普遍認(rèn)同。第二在遵循一般美學(xué)認(rèn)同的基礎(chǔ)上，“元宇宙”項(xiàng)目設(shè)計(jì)還應(yīng)該融入科技風(fēng)格元素以加強(qiáng)用戶的沉浸感。一個(gè)好的“元宇宙”配色方案不僅應(yīng)該能讓用戶很快上手將自己置入虛擬環(huán)境，更要鼓勵(lì)用戶與產(chǎn)品之間互通交流，甚至可以讓產(chǎn)品通過(guò)用戶的影響對(duì)其做出細(xì)節(jié)上的裂變。

2 “元宇宙”項(xiàng)目的配色經(jīng)驗(yàn)與解析

SMT 壹會(huì)展采用3D 引擎全新開發(fā)云會(huì)場(chǎng)APP 移動(dòng)版，融入了當(dāng)前領(lǐng)先的低延時(shí)直播流、云會(huì)場(chǎng)幀同步技術(shù)、線上同傳技術(shù)，呈現(xiàn)出夢(mèng)幻般的科技風(fēng)格應(yīng)用界面。虛擬會(huì)場(chǎng)為用戶提供沉浸式交互直播體驗(yàn)，觀眾化身虛擬形象參與到虛擬會(huì)場(chǎng)觀看實(shí)景直播，支持與其他虛擬觀眾聊天，鼓掌、點(diǎn)贊、等實(shí)時(shí)互動(dòng)，最大程度地提升用戶體驗(yàn)。

在此前提下，SMT 壹會(huì)展設(shè)計(jì)團(tuán)隊(duì)通過(guò)APP 運(yùn)行期間客戶反饋和設(shè)計(jì)團(tuán)隊(duì)的不斷調(diào)整與提煉，為壹會(huì)展APP 所用色彩搭配進(jìn)行了全新的調(diào)整。作者也有幸參與到這個(gè)APP 的色彩設(shè)計(jì)工作中，所以在此嘗試提出一些“元宇宙”虛擬環(huán)境色彩設(shè)計(jì)的一些思路。

2.1 色相選擇與色彩設(shè)計(jì)

作為一個(gè)以展現(xiàn)最新虛擬技術(shù)同時(shí)又需兼顧實(shí)體會(huì)議需求的APP，客戶提出了“科技讓會(huì)展更有趣”的產(chǎn)品理念。故在原先的色彩設(shè)計(jì)中，設(shè)計(jì)團(tuán)隊(duì)以“科技”為主要點(diǎn)，提出的色彩設(shè)計(jì)方案采用的色彩印象詞：

固有印象——科技、高端、互動(dòng)、新技術(shù)、金屬感

擴(kuò)展印象——思維的、自我意識(shí)、人性化、貼近人文生活的最初因客戶受“元宇宙”等新概念的影響提出的色彩概念要體現(xiàn)出“宇宙”與“科技”感，故在第一版的色彩搭配中，設(shè)計(jì)團(tuán)隊(duì)提出使用銀灰色及藍(lán)色為主要色相?？紤]到在色彩搭配中常以銀灰色來(lái)體現(xiàn)產(chǎn)品或?qū)嵨锏目萍几校栽O(shè)計(jì)團(tuán)隊(duì)最后選用了藍(lán)色調(diào)作為主色相與主色調(diào)。在搭配中使用深銀色和淺銀色作為輔助配色（圖1）。在整體搭配變化中多以較為平緩的漸變搭配及類似搭配手法，少有對(duì)比及強(qiáng)調(diào)。整體色彩設(shè)計(jì)搭配有較強(qiáng)的科技感。但在APP 后期使用過(guò)程中，我們發(fā)現(xiàn)整體畫面色調(diào)偏灰暗，雖然體現(xiàn)出了宇宙的深邃感，但過(guò)于壓抑的色彩氣氛不僅不能體現(xiàn)出科技帶來(lái)的新氣象或者新生活，同時(shí)也缺少人文感和一種積極向上的精神氣氛。

圖1 APP第一版色彩設(shè)計(jì)圖及色彩設(shè)計(jì)方案

于是，設(shè)計(jì)團(tuán)隊(duì)進(jìn)行色彩調(diào)整，最后建議在原有的色彩理念的基礎(chǔ)上調(diào)整了藍(lán)色及灰色的明度與純度，讓整體畫面明亮起來(lái)。但在后期的使用及測(cè)試過(guò)程中，設(shè)計(jì)團(tuán)隊(duì)感覺(jué)到，整體畫面相對(duì)于前一稿突出了科技感的同時(shí)，缺少了色彩的指向性與引導(dǎo)作用，讓整體畫面沒(méi)有層次與主次之分。此外大片青藍(lán)色調(diào)的物體景色疊加到一起，畫面冷冰冰，缺少活力（圖2）。

圖2 APP第二版色彩設(shè)計(jì)圖及色彩設(shè)計(jì)方案

基于以上2 種色彩搭配，我們發(fā)現(xiàn)在進(jìn)行APP 畫面色彩搭配時(shí)為了體現(xiàn)“元宇宙”和“科技元素”卻把色彩搭配走進(jìn)配色誤區(qū)：在前二版的色彩搭配中雖以藍(lán)色與灰色為主色，這一色彩方案選擇的確體現(xiàn)出了科技和技術(shù)感，但藍(lán)色與灰色由于選取色相偏冷，色調(diào)整體偏深，并且輔色與點(diǎn)綴色和強(qiáng)調(diào)色少用不用暖色調(diào)，故會(huì)場(chǎng)整體畫面展現(xiàn)出冰冷感，由于色調(diào)偏深，灰色使用面積過(guò)大，讓畫面在深邃神秘的同時(shí)帶有迷茫，未知，不確定的壓抑感。雖然整體畫面在接下來(lái)的設(shè)計(jì)中有所提升，增加了亮度，但科技的冰冷感并沒(méi)有消除。這和我們之前提出的“科技讓會(huì)展更有趣”的理念不符。

此后，設(shè)計(jì)團(tuán)隊(duì)與客戶展開“頭腦風(fēng)暴”通過(guò)查詢市面上與“科技”“人工智能”有關(guān)的信息，包括電影、游戲等產(chǎn)品進(jìn)行色彩分析并發(fā)現(xiàn)，目前市面上對(duì)科技色彩的分類基本有兩種：技術(shù)科技和智能科技。技術(shù)科技的配色一般體現(xiàn)高科技的技術(shù)產(chǎn)品，色彩表現(xiàn)以藍(lán)、灰、銀為主。而智能科技感配色一般展示的是人類對(duì)高科技技術(shù)下帶來(lái)的思考，色彩表現(xiàn)也多種多樣。

在此前提下，色彩設(shè)計(jì)團(tuán)隊(duì)在不斷嘗試色彩調(diào)整，提出了全新的色彩搭配方案。在客戶提出的“科技讓會(huì)展更有趣”的理念不變的前提下，我們調(diào)整色彩搭配印象詞，由原先的“科技、高端、互動(dòng)、新技術(shù)、金屬感”調(diào)整成“科技、人工智能、智慧”并將“智能”一詞提煉出來(lái)，成為APP 色彩搭配的主要關(guān)鍵詞。

2.2 設(shè)計(jì)團(tuán)隊(duì)提出全新的色彩搭配方案

（1）搭配主題聯(lián)想：智能

智能感包含了科技與人類智慧，整體色相偏中性，暖色調(diào)。增加了如黃、橙等暖色作為搭配色。也可增加整體畫面的對(duì)比度與色彩指向性。

（2）搭配色相選擇

在主色的選擇上，我們還是選用2 款藍(lán)色系與一款綠色系作為主色相。

藍(lán)色系中（CNCSCOLOR1045522P）藍(lán)色色相清晰，明度與純度適中，在整體APP 色彩搭配概念中代表了“功能清晰”感，也能展現(xiàn)出一種直覺(jué)清晰簡(jiǎn)潔性。此外為了日后不同場(chǎng)景的開發(fā)給予觀眾更好的色彩感官體驗(yàn)，我們同時(shí)又選擇藍(lán)色（CNCSCOLOR1204522P）代表“技術(shù)”感，與綠色（CNCSCOLOR0885522P）“持久發(fā)展”感在后期為多場(chǎng)景下的主色，配合藍(lán)色（CNCSCOLOR1045522P）進(jìn)行搭配或單獨(dú)使用[2]。

（3）搭配色調(diào)選擇

在輔色的選擇上，調(diào)整輔色的冷色調(diào)屬性，改用偏暖色調(diào)色相。體現(xiàn)出科技帶來(lái)的人文情懷，溫暖的淡奶黃色帶來(lái)智慧象征。橘色、紅色等色彩進(jìn)行搭配時(shí)會(huì)使整體畫面有晨曦、黎明、希望之感既擴(kuò)大了色相選擇范圍，讓整體畫面色彩豐富起來(lái)，同時(shí)也體現(xiàn)了開放性與包容性。整體色彩搭配建議偏暖色調(diào)，削弱了畫面藍(lán)色所帶來(lái)的孤獨(dú)感，也更好地體現(xiàn)出科技以人為本（圖3）。

圖3 APP最終使用色彩設(shè)計(jì)方案

明度的選擇上，原色彩畫面明度在50%～75%之間，在原先的APP 畫面設(shè)想中意圖體現(xiàn)出科技神秘穩(wěn)重之感，但在APP 上架使用后，我們發(fā)現(xiàn)，因客戶多用手機(jī)使用此系統(tǒng)，在畫面大小被手機(jī)大小局限的前提下，畫面整體顯得幽暗色彩不清晰。雖然后期我們?cè)?.0 版本中提升了色彩明度，但卻又使畫面感到冰冷感。

在使用APP 時(shí)，對(duì)于使用者來(lái)說(shuō)，其觀看距離幾乎是保持恒定不變的，我們發(fā)現(xiàn)比較鮮亮的顏色，亮度是表現(xiàn)顏色距離的關(guān)鍵性線索。顏色的亮度越高，看起來(lái)離得越近。也會(huì)產(chǎn)生視覺(jué)不適感，故在此次色彩選擇上，我們把主色調(diào)明度控制在55% 輔色在控制好色彩面積的同時(shí)明度最大深色控制在25%最亮色控制在80%。

配色選擇，因顏色搭配在整個(gè)設(shè)計(jì)創(chuàng)作空間感中起著重要作用，特別是在平面視覺(jué)設(shè)計(jì)中長(zhǎng)度、寬度、高度、深度以及面積感都可以通過(guò)顏色來(lái)掩蓋或強(qiáng)調(diào)?？偹苤?，在空間感知中，越是飽和度高的顏色，看起來(lái)的視覺(jué)距離越近。顏色在視覺(jué)感知空間上引導(dǎo)作用，更多依賴于色彩與色彩之間的對(duì)比能力，而不是特定顏色的固有色。在進(jìn)行平面色彩視覺(jué)設(shè)計(jì)中色彩明度也是重要考慮因素之一。因客戶不喜對(duì)比配色，但又要求配色是要體現(xiàn)出畫面色彩豐富感。原APP配色，多用漸變配色，與明度對(duì)比配色。雖在配色上避免了色彩的對(duì)比碰撞感，但整體畫面色彩單一，枯燥感強(qiáng)，缺乏生氣。在更改配色方案后，設(shè)計(jì)人員提出了“單色場(chǎng)景看冷暖，多色場(chǎng)景看色調(diào)”的搭配理念來(lái)提高客戶對(duì)色彩的要求（圖4）。即在進(jìn)行統(tǒng)一色系搭配過(guò)程中，利用色彩受光面與陰影面為界，利用色彩冷暖感進(jìn)行色彩搭配。在使用同色系的基礎(chǔ)上，在明亮面使用暖色系，在陰面使用冷色系。通過(guò)電腦光照效果渲染，既能很好過(guò)渡色彩搭配，也能產(chǎn)生色彩變化，避免了畫面整體色彩無(wú)層次。以藍(lán)色物體為例：受光面為暖藍(lán)背光面為冷藍(lán)。同時(shí)在多色彩場(chǎng)景下，通過(guò)統(tǒng)一色調(diào)來(lái)讓色彩搭配在視覺(jué)明度上進(jìn)行統(tǒng)一，減少色彩明度和純度帶來(lái)的視覺(jué)跳躍感。

圖4 APP最終使用色彩設(shè)計(jì)1

3 色彩空間感引導(dǎo)

3.1 空間視覺(jué)引導(dǎo)

通過(guò)不同色相與明度的組合區(qū)分場(chǎng)景中的前后左右及上下關(guān)系，做出景深與空間感。通過(guò)對(duì)比色制作出空間延伸感。引導(dǎo)觀眾沿著指定“路線”游覽（圖5）。

圖5 APP最終使用色彩設(shè)計(jì)2

3.2 通過(guò)強(qiáng)調(diào)色對(duì)比

引導(dǎo)觀眾快速捕捉畫面關(guān)鍵信息。如廣告牌、特定人物等。

色彩空間引導(dǎo)搭配概念，在未來(lái)的虛擬云會(huì)場(chǎng)使用過(guò)程中，使整體畫面色彩更豐富，提升畫面感和指向性。此外整體色彩搭配對(duì)比、強(qiáng)調(diào)與明確指向性的色彩搭配在未來(lái)更適合小屏幕使用，為將來(lái)H5頁(yè)面設(shè)計(jì)奠定了良好的色彩搭配基礎(chǔ)。

4 總結(jié)

當(dāng)為“元宇宙”項(xiàng)目做配色的時(shí)候，其實(shí)主要美學(xué)原理與現(xiàn)實(shí)配色原則不盡相同，但要注意的是需要在原有基礎(chǔ)上對(duì)虛擬應(yīng)用場(chǎng)景融入更多所需虛擬元素。但是切記一切虛擬現(xiàn)實(shí)美學(xué)和配色原則是建立在現(xiàn)實(shí)基礎(chǔ)上的?，F(xiàn)實(shí)中不自然地，不符合大眾審美的配色在虛擬現(xiàn)實(shí)世界里依然令人感覺(jué)不舒適。當(dāng)為虛擬場(chǎng)景配色的時(shí)候我們大致需要分三步來(lái)進(jìn)行。首先要根據(jù)虛擬現(xiàn)實(shí)的應(yīng)用場(chǎng)景來(lái)設(shè)定主色和輔助色。第二步，根據(jù)所需要調(diào)動(dòng)用戶的情緒來(lái)定色調(diào)。第三步，根據(jù)虛擬場(chǎng)景所需要互動(dòng)場(chǎng)景和項(xiàng)目來(lái)設(shè)計(jì)視覺(jué)空間引導(dǎo)。當(dāng)大家遵循以上三個(gè)步驟來(lái)為一個(gè)“元宇宙”項(xiàng)目做配色，相信每個(gè)人都能達(dá)到一個(gè)令人滿意的結(jié)果。而作為色彩搭配師，我們更要用開放的心態(tài)對(duì)每一個(gè)色彩搭配方案反復(fù)推敲，特別是在做虛擬產(chǎn)品的時(shí)候，在進(jìn)行項(xiàng)目的前期色彩定位時(shí)多和客戶溝通，盡可能多方位了解客戶對(duì)自己產(chǎn)品的想法和理念，后期多與設(shè)計(jì)師與工程師溝通，對(duì)色彩在屏幕中呈現(xiàn)的效果進(jìn)行分析比對(duì)，建立起客戶與最終成品之間的溝通橋梁。