基于用戶體驗的鳳凰紙扎APP界面色彩設(shè)計研究

宋薇/吉首大學(xué)美術(shù)學(xué)院

鳳凰紙扎作為擁有悠久歷史的傳統(tǒng)手工藝。當下，由于缺乏宣傳等問題使得保護和傳播鳳凰紙扎進行的并不理想，因此需要我們通過創(chuàng)新研究來保護。隨著移動互聯(lián)網(wǎng)的飛速發(fā)展，手機已經(jīng)成為人們生活中的必備物品。手機APP因其方便、快捷、個性化等優(yōu)點被廣泛應(yīng)用于信息服務(wù)和知識傳播領(lǐng)域。其成本性低、應(yīng)用性高、準確性強、可持續(xù)性好等特點，勢必成為傳播手工藝資源的新平臺。但是，現(xiàn)如今APP界面同質(zhì)化嚴重，導(dǎo)致鳳凰紙扎APP無法在眾多APP中脫穎而出。通過色彩來對其APP界面進行設(shè)計，加強其視覺沖擊性，提高用戶對其關(guān)注度，進而提升鳳凰紙扎的知名度。

1 用戶體驗概述

用戶體驗說的是用戶在使用產(chǎn)品時心理上的主觀感受。基于用戶體驗的界面設(shè)計是把用戶當作主體，圍繞用戶在使用過程中所面臨的問題進行研究。好的用戶體驗可以增加用戶對產(chǎn)品的認同感，又能夠輕松滿足用戶的情感需求。關(guān)注用戶體驗不僅可以增加產(chǎn)品用戶的直觀評價，還可以更確切地通曉產(chǎn)品設(shè)計思路，促進軟件設(shè)計的長遠發(fā)展。在用戶體驗中，最主要的是以下三種體驗。

1.1 感官體驗

感官體驗是指通過感官接受信息時的反應(yīng)，是一種直接的情感，與產(chǎn)品的顏色、形狀、材質(zhì)、質(zhì)地等相關(guān)。它的訴求是用戶對產(chǎn)品的色彩、形態(tài)等所能感受到的事物的一種追求。感官體驗具體表現(xiàn)為好的界面設(shè)計能讓用戶在感官上就能了解產(chǎn)品的特質(zhì)，通過有趣的方式給用戶傳遞可知的內(nèi)容和信息，帶給用戶更好的閱讀體驗感。同時，能夠拉近用戶和產(chǎn)品之間的距離，提升用戶對品牌的認知。

1.2 情感體驗

情感體驗是指用戶在使用產(chǎn)品時會對產(chǎn)品產(chǎn)生一種情感方面的訴求。是用戶對產(chǎn)品的色彩、形態(tài)等所能感受到的事物的一種追求。因此在APP的界面設(shè)計中要察覺用戶心理，設(shè)計出能讓用戶產(chǎn)生情感共鳴的產(chǎn)品界面。好的界面設(shè)計能讓用戶在感官上就能了解產(chǎn)品的特質(zhì)，并通過有趣的方式給用戶傳遞可知的內(nèi)容和信息，帶給用戶更好的使用體驗感。進而增強用戶與產(chǎn)品之間的情感羈絆，使用戶喜歡上產(chǎn)品，并對產(chǎn)品產(chǎn)生依賴，這是情感體驗的最終目的。

1.3 行為體驗

行為體驗指的是用戶在與產(chǎn)品的互動過程中所產(chǎn)生的一系列感受。用戶的體驗會影響到用戶對產(chǎn)品的看法與態(tài)度。例如，界面中按鍵的手感影響了信息輸入過程中的用戶體驗，雖然只是用戶體驗中的一個短小過程，但會最終影響到整個APP帶給用戶的全局體驗。因此，我們在界面設(shè)計中，要研究透徹用戶的操作流程和使用習(xí)慣，要及時跟進用戶的反饋和感受。通過不斷調(diào)研改進并設(shè)計出更符合用戶操作習(xí)慣的界面，提升用戶體驗感。

2 鳳凰紙扎簡介及色彩分析

2.1 鳳凰紙扎簡介

鳳凰紙扎又名彩扎，是流行于湖南省鳳凰縣一帶的民間彩扎技藝，國家級非物質(zhì)文化遺產(chǎn)之一。鳳凰紙扎起源于湖南省湘西土家族苗族自治州鳳凰縣，具有濃厚的湘西地域特色，匯聚了濃郁的湘西民俗風(fēng)情。鳳凰紙扎最初主要被應(yīng)用于祭拜、巫術(shù)等活動中，現(xiàn)在引入了大量的娛樂內(nèi)容，成為游藝活動中廣泛使用的道具[1]。在不同活動中存在不同種類的紙扎，分類特別清晰明確。

作為傳統(tǒng)手工藝非物質(zhì)文化遺產(chǎn)，鳳凰紙扎有著獨特的傳統(tǒng)工藝制作方法。其制作工藝主要分為四部分，分別是扎骨、裱紙、彩繪和裝組。每一個步驟都是由工匠手工制作的。隨著制作工藝的不斷進步和發(fā)展，工匠們制作鳳凰紙扎的技術(shù)和方法越來越多樣，鳳凰紙扎的形態(tài)也越來越豐富獨特[2]。同時，鳳凰紙扎的造型多樣，有著各種各樣的形狀和品種。隨著時代的變化、多元文化的沖擊，造型上也緊隨時代潮流大膽創(chuàng)新，造型更加豐富多變。

鳳凰紙扎在紋飾方面的創(chuàng)作代表著湘西人民的無限智慧，人們創(chuàng)造出了上百種紋飾，這些紋樣是湘西人民對于大自然的崇拜以及對理想生活的追求體現(xiàn)。人們通過藝術(shù)化的表現(xiàn)手法，傳遞一種求吉納祥、禳兇辟邪的觀念，承載著湘西人們對美好生活的愿景。例如云紋、水紋等紋飾，有著祈禱豐收、降水的愿望，體現(xiàn)出了湘西人民對于大自然的依賴和崇拜心理。

2.2 鳳凰紙扎色彩分析

鳳凰紙扎與湘西民俗活動有關(guān)，并且常用在祭祀或節(jié)日中彰顯喜慶吉祥。因此，它的色彩非常豐富，包括赤、橙、黃、綠、青、藍、紫等各種顏色，還根據(jù)不同的用途調(diào)整不同的冷暖對比。比如，游藝型的紙扎強調(diào)的是幸福祥和，所以多用大紅、明黃等明度極高的顏色來進行裝飾，如小獅子頭紙扎（圖1）。祭祀、喪俗中的紙扎用于莊嚴肅穆甚至帶有神秘恐怖的場景，這些紙扎的顏色就以中性色彩和冷性色彩構(gòu)成，多為黑色、藍色等顏色。同時，手藝人還會通過調(diào)整色彩的明度、面積大小、純度，讓鳳凰紙扎的色彩變得更加豐富多彩，使鳳凰紙扎呈現(xiàn)出別具一格的色彩特征。

圖1 《小獅頭》（圖片來源：網(wǎng)絡(luò)）

這些色調(diào)被工匠們賦予了情感，有機地組合在紙扎造型的表面，黑白相間，紅綠相映，單純中顯示豐富，對比中見到和諧，使紙扎工藝品更具有鮮明的民族特色和強烈的裝飾風(fēng)格。

3 色彩設(shè)計要素分析

3.1 色彩理論闡釋

色彩是設(shè)計中不可缺少的元素，它是一種視覺形態(tài)，比圖形和文字更容易給人留下深刻印象。色彩在用戶體驗的感官體驗中占據(jù)很大一部分，所帶來的視覺影響力和沖擊力也是最大的。色彩有三個基本屬性，即明度、色相和純度。根據(jù)色相、明度和純度，顏色又通常分為冷色和暖色。冷色是會給人帶來寒冷感覺的顏色，如青色、藍色；暖色是會給人帶來溫暖感覺的顏色，如紅色、橙色。每一種顏色都有著它所代表的視覺意義和象征意義，所以我們在設(shè)計中要合理地運用好每一種顏色。

3.2 色彩設(shè)計要素

3.2.1 色相

色相（圖2）是色彩的首要特征，是區(qū)別各種不同色彩的最準確的標準。事實上任何黑白灰以外的顏色都有色相的屬性，而色相也就是由原色、間色和復(fù)色來構(gòu)成的[3]。最初的基本色相為：紅、橙、黃、綠、藍、紫?；旧嘀g相互過渡，形成首尾相接的色相環(huán)。APP界面在確定主色調(diào)時，應(yīng)從色相中挑出符合APP特質(zhì)的顏色，然后再從中搭配選取輔助色，共同組成界面顏色的基調(diào)。

圖2 色相、明度、純度色表（圖片來源：網(wǎng)絡(luò)）

3.2.2 明度

明度（圖2）可以簡單理解為顏色的亮度，不同的顏色具有不同的明度。任何色彩都存在明暗變化[4]。其中黃色明度最高，紫色明度最低，綠、紅、藍、橙的明度相近，為中間明度。我們在進行界面顏色設(shè)計的設(shè)計時，應(yīng)避免使用明度過高的顏色和過低的顏色，這兩種顏色會使用戶在使用時眼睛感到不舒服，進而影響用戶體驗[5]。但同時，我們要選取一些能適當提亮畫面的色彩，給用戶帶來明快的心理感受和審美體驗。

3.2.3 純度

純度（圖2）是指色彩的鮮艷度，通常是用顏色的深淺來區(qū)分純度的高低。不同的色相明度不同，純度也不相同。一種顏色純度越高，顏色便會越鮮艷，就會給人呈現(xiàn)出一種活潑向上的感覺。相反，純度越低的顏色，呈現(xiàn)出的感覺也會有些低沉肅穆。

在APP界面中的顏色通常會選取純度較高的顏色與低純度顏色進行對比，以此來強調(diào)重點內(nèi)容，提高畫面的有趣性，增添畫面設(shè)計感。

4 APP界面色彩設(shè)計原則

4.1 整體性原則

APP的界面設(shè)計應(yīng)在布局結(jié)構(gòu)、頁面風(fēng)格、設(shè)計語言、設(shè)計色彩上都保持一致。具體在色彩設(shè)計中，即表現(xiàn)為界面的主色調(diào)以及副色調(diào)應(yīng)當在每個層次的頁面中都具有一致性，要具有聯(lián)系性。要確保用戶從看到APP的啟動圖標，到界面內(nèi)部的某個操作頁面，所感受到的色彩是風(fēng)格相同的、有關(guān)聯(lián)的，不會出現(xiàn)過于突兀的、影響頁面搭配的色彩，要確保用戶在感官體驗上獲得美的享受。

例如，網(wǎng)易云音樂APP，從啟動圖標到頁面背景包括icon設(shè)計，全都運用了APP的主色紅色，滿足了整體性的原則，使用戶使用起來具有舒適和諧感。

4.2 簡潔性原則

APP的界面需要簡潔明了，簡潔簡易的頁面能夠減少用戶對該產(chǎn)品的學(xué)習(xí)時間。從視覺角度上來說，簡潔性的色彩會給予用戶一種干凈整潔的感覺，不會使界面呈現(xiàn)出一種復(fù)雜的感覺。從使用角度上來說，簡潔的色彩會給用戶帶來直觀的感受，不會妨礙APP的使用。顏色過多會打擾用戶的思緒，打斷使用進度。醒目、簡潔的色彩設(shè)計，可以給用戶提供最直觀、最準確的視覺效果界面的“簡潔性”即“簡化”，不是信息傳遞減少或缺少，而是將復(fù)雜信息進行整合和重新組織。但是，簡潔并不意味著簡化，如果過度簡潔的話，會容易造成界面顏色單一，缺乏趣味性。

以抖音APP為例，抖音的音符logo設(shè)計是模擬受到電波干擾后，在抖動的視頻里截取的其中一幀。APP的logo設(shè)計背景選用了黑色，有沉浸式體驗用意。在黑色主色調(diào)的背景下，彩色logo簡潔又生動地呈現(xiàn)出來，給人一種有趣的感覺。

4.3 平衡性原則

平衡性原則，是指色彩在APP界面的布局上要有合理性，所占面積要適度、顏色對比要適度。界面中主色調(diào)與輔助色的面積搭配與占比要有一定的節(jié)奏性，不能將色彩大面積地堆積在一起，也不能一種顏色運用到底毫無變化，應(yīng)進行一個合理的規(guī)劃，使顏色之間搭配和諧、排列有序。同時，要合理地運用互補色、對比色，展現(xiàn)出色彩的設(shè)計之美。

例如在閑魚APP的界面中，除了主色調(diào)黃色貫穿于整個APP界面中，它的互補色藍色也被運用于界面中，用來作為主題banner。這種顏色的搭配與互補的利用，就會使整個頁面更加生動有趣。

5 鳳凰紙扎APP界面色彩設(shè)計策略

5.1 強調(diào)主題

用戶在使用APP時，色彩所帶給用戶的感官體驗是很重要的，第一眼憑借顏色就可以確定APP的主題。因此在設(shè)計前，我們需要根據(jù)APP的主題來選取合適的色彩，用色彩來表達內(nèi)容，強化主題，呈現(xiàn)出與其他APP不一樣的界面設(shè)計。通過色彩來吸引用戶，引導(dǎo)用戶進行瀏覽。例如小紅書APP，它的主色調(diào)紅色十分鮮明的表達出了主題，并與產(chǎn)品名稱也結(jié)合到了一起，人們看到其第一眼就會被其紅色的啟動所吸引，其圖標顏色與其正能量與美好生活的主題完美吻合。

5.2 引導(dǎo)視覺

在APP的界面設(shè)計中，顏色還可以用來劃分不同的頁面區(qū)域。用不同的顏色來分割版面不同的內(nèi)容，區(qū)分內(nèi)容的主次，使整個頁面的布局結(jié)構(gòu)更加清晰、合理。同時，還可以用鮮艷的色彩來突出主要內(nèi)容，引起用戶的注意，刺激用戶的感官體驗。例如，電商平臺的首頁：推薦商品的banner、產(chǎn)品分類的圖文導(dǎo)航它們的顏色互有聯(lián)系但卻不一樣。推薦商品的banner的顏色會比產(chǎn)品分類的圖文導(dǎo)航更加鮮艷亮眼，在整幅頁面中有著很好的宣傳效果，會輕而易舉地獲得用戶的關(guān)注。

5.3 引起共鳴

在APP的界面中，能給人們留下第一印象的往往是色彩，不同的顏色會向用戶傳遞出不同的情感，比如：沉悶的黑色，熱情的紅色。同時，由于用戶年齡和性別不同原因，喜歡的顏色也有著一定的差別，比如女生喜歡粉色、白色、天藍色等，男孩喜歡黑色、綠色等顏色，而兒童喜歡純凈、明亮的顏色。所以在APP界面設(shè)計中要多運用能吸引用戶、引發(fā)用戶共鳴的色彩，使用戶在使用APP的時候會有愉快、輕松的感覺。

5.4 表達特性

在APP界面設(shè)計中，色彩除了強調(diào)主題、引導(dǎo)視覺、引發(fā)共鳴外，還要表達APP品牌的特性。例如美團APP，黃色的界面會給人一種快捷與充滿激情、熱情好客的感覺。黃色是激情，代表著溫暖，象征著致力于為用戶提供更有品質(zhì)、更有溫度的一站式生活，幫助人們走近更美好的生活的品牌理念。所以我們要合理地使用好顏色，在吸引用戶注意力的同時，還要體現(xiàn)出APP的特性，符合APP的調(diào)性。

結(jié)合以上設(shè)計策略，在鳳凰紙扎APP界面設(shè)計中，界面的顏色以從鳳凰紙扎中提取的紅色、明黃色為主，在明黃色的基礎(chǔ)上，引入鳳凰紙扎中的冷性色彩搭配使用，合理地調(diào)整色彩的純度、大小以及明度（圖3）。紅色、明黃色可以明確地表達出鳳凰紙扎古老、但又充滿著活力的氣息，不同純度的紅色和紅色可以很好地區(qū)分主次，互補冷色可以用來強調(diào)重點。通過合理地分析設(shè)計后運用到鳳凰紙扎APP界面中，將會具有不錯的藝術(shù)效果。

圖3 鳳凰紙扎APP界面色彩設(shè)計（圖片來源：作者設(shè)計）

6 總結(jié)

色彩具有獨特的魅力，是設(shè)計中不可或缺的元素，在界面設(shè)計中更是占據(jù)非常重要的地位。一個優(yōu)秀的APP的界面，它的色彩運用不能僅從設(shè)計師的方面去考慮，還要結(jié)合用戶的多方位的感受去進行設(shè)計，符合用戶體驗的色彩運用，才稱得上是好的色彩設(shè)計。

本文以鳳凰紙扎為研究載體，對其進行色彩研究與分析，然后基于用戶體驗的基礎(chǔ)上，探討其APP界面色彩的設(shè)計準則，研究其APP界面色彩的設(shè)計策略，科學(xué)合理地運用色彩。對非遺APP界面的色彩搭配提供一定的參考意義。希望通過本課題能夠引起鳳凰紙扎在設(shè)計中有更深層的思考，讓用戶去更廣泛地傳播學(xué)習(xí)鳳凰紙扎技藝，以達到對鳳凰紙扎藝術(shù)進行保護及傳承的目的。