唐代仕女畫元素在交互界面設(shè)計中的應用探析

于子艦 蔡穎君

摘要：隨著科技的發(fā)展，手機、電腦等電子產(chǎn)品成為人們生活中必不可少的東西，交互界面設(shè)計需求也不斷增加。我國交互界面設(shè)計發(fā)展起步較晚，并且大多數(shù)是模仿西方風格，尚未形成自身特色，也未在國際市場上產(chǎn)生足夠大的影響。在這樣的環(huán)境下，如何合理地運用中國傳統(tǒng)文化，將其與交互界面設(shè)計相融合，是當代設(shè)計師探討的主要課題。交互界面設(shè)計的整體風格或單獨的控制模塊、獨立構(gòu)件，都能體現(xiàn)中國傳統(tǒng)文化元素。唐代仕女畫是中國傳統(tǒng)文化的重要組成部分。文章將唐代仕女畫元素融入交互界面設(shè)計中，探析唐代仕女畫元素在交互界面設(shè)計中的應用。通過唐代仕女畫元素與交互界面設(shè)計的融合，達到傳播唐代仕女畫的目的。同時，將其融入當代交互界面設(shè)計中，形成有中國傳統(tǒng)文化特色的交互界面設(shè)計風格，促進當代交互界面設(shè)計的發(fā)展。

關(guān)鍵詞：唐代仕女畫；交互設(shè)計；界面設(shè)計；傳統(tǒng)文化元素

中圖分類號：J212；TP311 文獻標識碼：A 文章編號：1004-9436（2023）11-0-03

1 交互界面設(shè)計概述

交互界面設(shè)計又稱用戶界面設(shè)計，是指人與軟件之間的交互，界面美學設(shè)計是連接用戶與機器的媒介。目前我國的界面設(shè)計主要包括兩大部分，即網(wǎng)頁設(shè)計和軟件界面設(shè)計。隨著科技的發(fā)展，新的設(shè)計需求不斷涌現(xiàn)，界面設(shè)計作為人與機器之間交流互動的媒介，由于忽視了對這方面人才的培養(yǎng)，因此我國交互界面設(shè)計發(fā)展緩慢?？萍嫉陌l(fā)展帶來了人與機器交互的冗雜，為確保用戶易于使用，必須改進交互界面設(shè)計。因此，界面設(shè)計不僅要外觀簡單，而且操作要符合用戶的情感需求，更加簡單和舒適，充分體現(xiàn)設(shè)計的適用性。

2 交互界面設(shè)計應用中國傳統(tǒng)文化元素的意義

在互聯(lián)網(wǎng)高速發(fā)展的時代，全球化成為世界各領(lǐng)域發(fā)展的主流。即便如此，中國傳統(tǒng)文化仍然具有強大的生命力，成為形成我國各領(lǐng)域特色的重要因素。西方國家整合民族文化并融入界面設(shè)計，使自身特色成為設(shè)計主流。而中國界面設(shè)計發(fā)展較晚，在這種設(shè)計環(huán)境下，如果一味模仿西方的設(shè)計風格，就會在西方文化的沖擊下逐漸失去重塑民族風格的機會。因此，必須思考如何將傳統(tǒng)文化融入現(xiàn)代設(shè)計中，將中國傳統(tǒng)文化推向全世界，增強中華民族認同感，打造中華民族品牌，這些都是當今中國設(shè)計師需要思考的重要課題。這也是滿足我國人民群眾精神文化需要的最好方法之一，要在有中國傳統(tǒng)文化特色的設(shè)計創(chuàng)作中，傳承與弘揚中華優(yōu)秀傳統(tǒng)文化。

因此，在交互界面設(shè)計中結(jié)合與利用中國傳統(tǒng)文化符號是非常必要和重要的。中國傳統(tǒng)文化經(jīng)過幾千年的積累和沉淀，為現(xiàn)代設(shè)計提供了無限的靈感和資源，加上中國的民族多樣性，中國傳統(tǒng)文化聚集了多民族的文化符號。將這些傳統(tǒng)文化符號運用到交互界面設(shè)計中，能夠形成具有中國傳統(tǒng)文化特色的交互界面產(chǎn)品。除此之外，交互界面設(shè)計也與互聯(lián)網(wǎng)息息相關(guān)，將中國傳統(tǒng)文化元素與國際流行設(shè)計趨勢融合，能夠提高中國傳統(tǒng)文化在國際上的地位。

3 唐代仕女畫概述

唐代仕女畫是中國十大傳世名畫之一，“仕女”是指古代官宦人家的女子，后來發(fā)展成畫作中的美女，又稱“士女”。仕女畫屬于人物畫的范疇，特點是用線勾勒顏色，描繪的主體對象是形態(tài)優(yōu)美的女性，屬于工筆畫形式的繪畫作品。仕女畫的正式名稱始于北宋，最初的記載見于《宣和畫譜》中黃居寀所作的《寫真仕女圖》和徐崇嗣所作的《采花仕女圖》。

唐朝是中國古代封建社會發(fā)展的鼎盛時期，社會發(fā)展穩(wěn)定，政治氛圍開放，工商業(yè)發(fā)達，民族關(guān)系密切，經(jīng)濟的發(fā)展使文化更加繁榮，女性地位也得到了提高，同時是仕女畫發(fā)展的高峰期。由于文化上的開放、包容，因此藝術(shù)得到了超前發(fā)展，各種各樣的藝術(shù)百花齊放，繪畫也是如此。經(jīng)濟的繁榮給藝術(shù)帶來了更多享樂的氣息，因此繪畫題材變化很大，仕女畫不再拘泥于烈女故事和神話題材，更多地體現(xiàn)宮中貴族婦女嬉戲玩樂的場景，還有普通婦女的勞動場景。

唐代仕女畫從初期、盛世、中期至晚期，無論是人物造型、衣著裝飾，還是色彩、情調(diào)、風格，都發(fā)生了較大的變化。初唐時期的仕女畫大多為政治服務，整體風格較為淡雅、樸素，如閻立本的《步輦圖》《歷代帝王圖》《鎖諫圖》。隨著時間的推移，初唐仕女畫逐漸開始變化，人物體態(tài)修長、清秀飄逸、面部較為豐滿。

在盛唐時期，整個社會繁榮發(fā)展，宮廷專業(yè)畫家的數(shù)量隨之增多。張萱是最具代表性的仕女畫家，其所作的《虢國夫人游春圖》描繪了虢國夫人和韓國夫人一行人騎馬踏青的場景，虢國夫人與韓國夫人面容豐滿、豐肥姱麗，身邊的侍女隨從面容清秀，襯托兩名夫人的雍容爾雅，色彩艷麗，構(gòu)圖講究，線條刻畫細膩。與初唐時期的仕女畫相比，技法更成熟，推動唐代仕女畫的發(fā)展進入高峰時期。

到了中晚唐時期，唐朝遭遇安史之亂后逐漸走向衰敗，上層社會沉迷于奢華糜爛，此時的仕女畫整體呈現(xiàn)哀怨頹喪意味。周昉是晚唐時期仕女畫的代表畫家，他的畫作受到了張萱的影響，在其所作的《簪花仕女圖》中，描繪的人物千嬌百媚、儀態(tài)萬方，仕女們面容飽滿姣好。整幅畫的風格文雅高貴，將女性的優(yōu)美身姿和文雅形態(tài)充分地呈現(xiàn)出來。仕女畫在唐朝得到了出色的發(fā)展，與當時國家經(jīng)濟繁榮富強、人民生活安居樂業(yè)有很大的關(guān)系。

4 唐代仕女畫元素在交互界面設(shè)計中的定位

交互界面設(shè)計，歸根結(jié)底是為了滿足用戶的物質(zhì)與精神需求，因此要從中國傳統(tǒng)文化的角度審視界面設(shè)計，融合中國傳統(tǒng)文化元素，探索在交互界面設(shè)計領(lǐng)域融入中國傳統(tǒng)文化特色的新道路。想要實現(xiàn)該目標，首先要提取和整理唐代仕女畫中的優(yōu)秀文化元素，并尋找唐代仕女畫元素與交互界面設(shè)計相結(jié)合的方法。

4.1 唐代仕女畫元素的運用要與時代背景相融合

我國交互界面設(shè)計發(fā)展較晚，目前的交互界面設(shè)計大多模仿西方風格，造成我國交互界面設(shè)計領(lǐng)域產(chǎn)品單一化的現(xiàn)象。我國文化底蘊深厚，傳統(tǒng)文化博大精深，可以將傳統(tǒng)文化元素運用到交互界面設(shè)計領(lǐng)域。在提煉和利用唐代仕女畫元素時，要順應時代發(fā)展的要求，傳承與發(fā)展傳統(tǒng)文化，進行具有中國傳統(tǒng)文化特色的交互界面設(shè)計，使其與時代背景相融合［1］。

4.2 唐代仕女畫的色彩提取

在唐代，繪畫在貴族家庭中起著裝飾作用，因此色彩應用十分廣泛，有石青、胭脂、朱砂和金色等。比如《揮扇仕女圖》的整體色調(diào)為暖色。在《簪花仕女圖》中，主色調(diào)為紅色和白色，貴族婦女們的穿著多為溫暖的紅色，艷而不妖，色彩上有明顯的條理感，白色與紅色的飽和度中和，人物看起來嚴肅莊重而又通透。在《搗練圖》中，整幅畫卷的色彩相互呼應，以白色貫穿始終，仕女們身上所著的衣裙秀麗而淡雅，有緋紅、石青、草綠、米黃色等顏色并帶有圖案印花［2］。

從這幾幅仕女畫中，可以總結(jié)出唐代仕女畫能夠給人帶來強烈的視覺沖擊感，并且非常注重整體結(jié)構(gòu)。仕女畫對空間結(jié)構(gòu)的安排、人物之間的大小排比，并不是依據(jù)西方的近大遠小，而是根據(jù)形象內(nèi)容，主觀組織人物大小，突出人物形象，引起藝術(shù)家對所表現(xiàn)人物精神世界的關(guān)注［3］。

4.3 唐代仕女畫的圖形提取

在交互界面設(shè)計中，傳統(tǒng)文化元素的運用一般簡化為抽象圖形電路，通過方向、意義、標志等表達主題，抽象圖形比原始圖形更能體現(xiàn)精神和文化內(nèi)涵。將唐代仕女畫元素簡化提取成抽象圖形，更加簡潔明了，更易于識別和記憶。

在唐代仕女畫元素的圖形提取上，可以從人物妝飾、服飾等方面著手。在仕女畫中，人物發(fā)式以梳鬢為主，要么梳在頭頂，要么挽在腦后。在妝飾方面，比較有代表性的是仕女臉上的花鈿。花鈿是用來修飾眉間的，有紅、黃、綠這三種顏色，以紅色居多。制作花鈿的材料十分豐富，有用金箔紙剪成的，還有魚鱗、紙、茶油花餅，甚至用蜻蜓的翅膀來制作。

在服飾方面，仕女的上衣多為窄袖短襦，搭配束腰及腰部以上的長裙，長裙圍在胸部附近，能夠展現(xiàn)仕女修長姣好的身材。披帛是用銀花或者金銀粉繪花的薄紗羅制成，材質(zhì)輕盈，通常掛在肩膀或者纏繞在雙臂之間。這樣能夠延伸身形的視覺效果，營造出生動活潑、風姿綽約的外形效果。可以在專業(yè)繪畫中修正和再現(xiàn)這些特征，提煉形式、表現(xiàn)色彩傳統(tǒng)等，使仕女畫元素更符合現(xiàn)代審美。

5 唐代仕女畫元素在交互界面設(shè)計中的應用

交互界面設(shè)計以用戶需求為中心，要在滿足用戶需求的基礎(chǔ)上，設(shè)計出好的作品，給用戶帶來有趣的交互體驗。

5.1 界面整體的風格設(shè)計

在提取、改進傳統(tǒng)圖案時，要深刻理解傳統(tǒng)圖案的文化特點，明確把握文化走向。以小程序“云游敦煌”為例，該小程序的主題是敦煌文化，其圖標設(shè)計的特點尤為突出，簡化的線條與敦煌文化的特點相融合。例如，首頁圖標運用了敦煌佛像圖案，探索圖標運用了敦煌莫高窟的建筑元素，游覽圖標運用了敦煌壁畫中的九色鹿形象，保護圖標運用了佛手的形象并加以簡化，表現(xiàn)出對“非遺”的保護，新文創(chuàng)圖標則運用了蓮花的形狀，體現(xiàn)了中國傳統(tǒng)文化百花齊放的寓意。

整體圖標設(shè)計運用的是非常簡單的線條，背景顏色飽和度高、明度低，與敦煌莫高窟建筑、壁畫、彩塑用色一致，具有較強的文化代表性。

5.2 頁面布局中的圖標設(shè)計

頁面布局中的圖標設(shè)計應用分為三個部分，一是包含仕女畫元素的圖標應用，二是跳轉(zhuǎn)按鈕、翻頁按鈕等仕女畫元素圖標應用，三是統(tǒng)一主題的仕女畫元素圖標應用。

跳轉(zhuǎn)按鈕和圖標設(shè)計中的傳統(tǒng)圖標應用方式相似，是符號含義的應用和顏色的選擇，但與傳統(tǒng)圖標設(shè)計不同，跳轉(zhuǎn)按鈕簡潔易懂，體積較小，只占據(jù)頁面布局的很小一部分，不妨礙使用者的閱覽。因此，跳轉(zhuǎn)按鈕中應用的仕女畫元素不能過于冗雜，否則不能清楚地表達圖標的含義，從而無法達到預期的效果。

統(tǒng)一主題是交互界面的總體效果，包括封面設(shè)計、圖標設(shè)計等，是多個交互界面的結(jié)合，可以從不同的角度應用仕女畫元素。例如，根據(jù)仕女的五官特點、服飾特點，設(shè)計不同的圖標［4］。

5.3 交互界面中的操作設(shè)計

交互界面中的操作設(shè)計可以應用較多的傳統(tǒng)文化元素。

首先是歡迎界面，目前歡迎界面的交互設(shè)計有兩種，一種是直接顯示應用內(nèi)容的圖標，另一種是圖標解鎖，這兩種方式都可以將仕女畫元素應用到交互界面設(shè)計中。例如，圖標解鎖可以應用仕女畫中的花卉圖案，加入動態(tài)的蝴蝶，增強界面趣味性。

其次是首頁界面，首頁界面根據(jù)不同的內(nèi)容具有不同的風格。以小程序“云游敦煌”為例，該小程序應用了許多傳統(tǒng)文化元素，整體色調(diào)是敦煌低飽和度的色調(diào)，無論是卡通的飛天舞女還是界面，都非常具有敦煌的特色。

再次是探索界面，探索界面的應用設(shè)計體現(xiàn)在兩個方面，一是視頻動畫的形式，如卡通動畫或者紀錄片等，二是圖片的形式。

最后是新文創(chuàng)周邊界面，可以將仕女畫元素融入界面設(shè)計中，例如在圖標設(shè)計中運用仕女畫元素［5］。

6 結(jié)語

隨著時代的發(fā)展，中國傳統(tǒng)文化受到了外來文化的沖擊，交互界面設(shè)計有責任保護和發(fā)展傳統(tǒng)文化。中國傳統(tǒng)文化為交互界面設(shè)計提供了源源不斷的靈感和思路，唐代仕女畫元素展現(xiàn)著中華民族的精神內(nèi)涵，將唐代仕女畫元素運用到交互界面設(shè)計中，能夠創(chuàng)造出具有中國傳統(tǒng)文化特色的交互界面設(shè)計風格。應根據(jù)中國傳統(tǒng)文化，設(shè)計出結(jié)合傳統(tǒng)和時代特征的優(yōu)秀交互界面。

參考文獻：

［1］ 石代嬌，賀優(yōu)，張亞軍.本土化元素在UI界面設(shè)計領(lǐng)域中的應用［J］.遼寧科技學院學報，2019（6）：52-54.

［2］ 宋彥蓉.中國唐代仕女畫形象元素在現(xiàn)代插畫設(shè)計中的創(chuàng)新應用研究［D］.沈陽：沈陽師范大學，2021：5-6.

［3］ 袁鈺然.中國古代仕女畫的藝術(shù)元素在女性題材插畫中的應用研究［D］.重慶：四川美術(shù)學院，2021：8-9.

［4］ 梁黎.中國傳統(tǒng)圖案在手機UI界面中的設(shè)計應用研究［J］.藝術(shù)評論，2016（3）：98-99.

［5］ 薛寧.敦煌藻井圖案元素在UI設(shè)計中的應用［D］.南京：南京信息工程大學，2019：4-14.

作者簡介：于子艦（1997—），女，山東淄博人，碩士在讀，研究方向：視覺傳達。

蔡穎君（1983—），女，山東高密人，碩士，講師，研究方向：工業(yè)設(shè)計、平面設(shè)計、產(chǎn)品設(shè)計。