中國傳統文化元素在用戶界面設計中的應用研究

1 相關概念解析

1.1 中國傳統文化元素

中國傳統文化元素是指中國傳統文化中具有代表性的元素。它是在中國領土上產生的、在中華民族漫長歷史中發展和傳播的一種世界性元素，能讓人想到中國

。它既不是簡單的客觀描摹，也不是主觀意念的隨意拼合，它是中華民族五千年來從自然、生活、社會中高度凝練的主客觀統一，在歷史的長河中累積豐富的藝術形式，題材廣泛，意義豐富。不僅包括具體形態特征的各類實體元素，如傳統書法、傳統紋樣、傳統色彩等，還包括蘊含在具體形態特征中的文化內涵、價值觀念以及審美情趣等。

1.2 用戶界面設計

UI 是用戶界面的英文簡稱，是基于計算機技術順應時代發展而生的新的設計領域。UI 設計主要是指對軟件的人機交互、操作邏輯以及界面美觀的整體設計，其涉及設計學、圖形學、心理學、計算機科學等多個學科。作為人機互動交流的媒介與平臺，UI 是系統與用戶溝通的直接橋梁，它有著傳遞情感的功能。好的UI 設計不僅需要與產品的屬性相符合，在視覺上有美感；更要在用戶體驗上體現出科學性與合理性，讓用戶的操作變得舒適簡單。

2 中國傳統文化元素在用戶界面設計中的應用意義

2.1 傳承中國傳統文化

傳承中國傳統文化，是提高國家文化軟實力的重要內容，需要與現代社會、人們的需求相結合。互聯網時代UI 產品傳播性廣，接觸面大，但目前生活中人們所接觸到的UI 設計大多缺乏中國傳統文化元素的設計表現與文化內涵。中國傳統文化元素承載著千年的歷史，有著豐富的文化內涵，能為藝術設計提供靈感創新。因此，在UI 中融入中國傳統文化元素，能有效地提升設計的藝術價值與文化內涵，反映出時代特色，更好地傳承中國傳統文化。

2.2 形成中國化的設計風格

目前，市面上常見的UI 設計風格包括擬物化風格、扁平化風格及新擬態風格，中國化風格的UI 設計產品較少。隨著我國的經濟發展，用戶對互聯網產品不再停留在功能需求上，而是有了更多的精神及情感上的訴求，因此只有符合現代國人的審美需求與民族情懷的UI 設計作品才能增強人民群眾的民族認同感與自豪感。在設計領域中想要能夠盡可能地長遠發展，就需要找出自身的特色和定位

。將充滿中國傳統文化元素的視覺符號應用到UI 設計中能充分展現中國風貌、中國精神與中國文化，并形成獨樹一幟的中國設計風格。

(2)平時成績20%，主要由課堂考勤、課程項目小組考勤、網絡討論和課堂討論等各個教學環節中的表現情況構成，由教師綜合評分。

3 中國傳統文化元素在用戶界面設計中的應用現狀

3.1 缺少原創性

每種圖標、色彩、字體都有其特定的情感表現、深層次的象征意義以及在人們心中的特定含義

。UI 設計中傳統文化元素“意”的應用需要將界面中的每一個元素進行多層次的設計表達，使其既能傳遞中國哲學理念，又能具有時代特征。

3.2 缺少文化內涵

智慧校園擬采用服務器虛擬化和桌面虛擬化技術。服務器虛擬化是把服務器物理資源（如CPU、內存、磁盤、I/O等）抽象成一個可以動態管理的邏輯資源池，把單臺物理服務器變成多臺邏輯上相互隔離的虛擬服務器，實現資源按需分配，提高服務器資源的利用率，簡化服務器的管理，實現服務器整合。不僅能降低電力和冷卻能耗，節省物理空間和成本，而且能提高基礎架構的利用率，提高系統穩定性，減少宕機事件的發生。高校計算機機房使用的微機，報廢周期一般是5～8年。有些微機并沒有物理上的損壞，只是運行速度變慢，CPU和內存不能滿足現行軟件的運行而被淘汰，導致計算能力的巨大浪費。

隨著國潮的興起，不少設計師都在嘗試將傳統文化中的視覺元素與自己的設計內容進行結合，整體上對中國傳統文化元素的應用較以往有所增加。目前國內UI 設計中體現了傳統文化元素的產品主要有國風游戲類產品、國風科普類產品、傳統文化元素設計風格類皮膚主題幾個方面。大多數產品都是將中國傳統文化元素通過視覺的方式展現在UI 設計中，如加入傳統繪畫、紋樣、京劇、書法、水墨等中國元素，具有一定的視覺藝術效果。但也存在一些問題：部分產品只重視表面視覺形式，習慣將中國傳統文化元素照搬堆砌，缺少文化內涵，在文化傳承上有所缺失，使得設計效果流于表面。

4 中國傳統文化元素在用戶界面設計中的應用方式

例如卜石APP，這是一款科普玉文化的移動應用，由卜石和tag Design 團隊悉心打造，幫助用戶了解玉石的形成、種類、雕刻工藝及玉文化的發展歷程，如圖2。其UI 首頁設計將場景設定為一座靈動的孤山，讓用戶在一進入APP 時就能感受到玉石文化的氛圍，伴隨著蟲鳴流水的音效，用戶可通過在屏幕上點觸任意角度旋轉孤山，APP 將孤山場景的氛圍營造與用戶實際把玩玉石的無我狀態相互匹配，高度契合，令用戶沉浸其中。在玉石歷史頁面，設計師通過線條的粗細、疏密、虛實進行排列組合，形成一幅既現代又傳統的層山疊嶂的自然景象，以此從“境”的出發點營造出玉石文化歷史的綿延與悠長。在玉石種類頁面，散發著溫潤光芒的玉石與深色背景形成鮮明對比，設計師輔以纖細的漢字編排，表達出一塊玉石不僅僅是一塊石頭，而是承載著一種歷史與文化的載體。卜石APP 的設計師沒有將玉石文化直接照搬給用戶，而是通過設計的手段將中國傳統文化元素轉換成另一種更為簡單的、有趣的交互體驗與視覺感受，UI 設計中體現出源于自然、取之自然、歸于自然的物我一體的精神，引導用戶在“把玩”卜石的過程中了解玉石文化，與愛玉石之人產生情感共鳴。整個UI 設計中各個部分相互呼應、和諧自然，讓用戶在使用產品的同時感受到視覺與情感的統一。

4.1 “形”的應用

“形”是指外在的物質形態，是中國傳統文化元素中有形的部分，包括傳統文化元素的造型、構圖、色彩等。UI 設計中傳統文化元素“形”的應用是指在進行UI 設計時對傳統文化進行視覺圖像化或符號化的過程，通過對圖形、文字及色彩等視覺要素進行抽象提煉，進而保留傳統文化的典型特征。

那是二OO二年，林強信去惠東，去看守所贖一個老家來的親戚。親戚因為沒辦暫住證被治安隊抓了。在看守所，他看到了一個約莫二十歲的女孩。女孩的清純和美麗吸引了他的眼球。他心里驀地一動，憐香惜玉地問女孩，有人贖你嗎？女孩不說話，淚兒涌了出來。林強信二話沒說，把女孩從看守所贖了出來，帶回深圳。

萍鄉春鑼一般是由一個人演唱，藝人用紅綢系上一個直徑約為15公分的小鑼鼓并在旁邊別上一個鑼槌，演唱者左手持鼓簽，右手拿鑼槌。在演唱的間歇中用鼓簽、鑼槌敲打出“咚咚咚嗆|咚咚咚嗆|咚嗆咚嗆|咚咚咚嗆”的節奏型，并由此作為萍鄉春鑼的一部分。

例如節氣時光APP，這是一款詮釋二十四節氣的移動應用，其UI 設計別出心裁，通過抽象提取再設計的二十四節氣視覺元素結合界面動效告訴用戶當下的節氣與日期，用戶拖動界面下方的太陽元素模擬時間的前后流轉，就能看到不同時期所對應的節氣，如圖1。節氣時光APP 整個UI 設計簡約現代，將具有傳統意味的二十四節氣主題與現代字體設計相結合，并在不同的節氣中提取相應的視覺元素，將其抽象化與再設計。如在谷雨節氣中提取了雨滴這一元素，結合下雨的動效場景與清新的音樂，一幅雨量充沛、作物生長的畫面便在用戶的腦海中出現；在清明與春分節氣中各自提取了清風浮云與逐漸開放的花朵作為視覺元素，寥寥數筆、簡潔的幾何圖形，既有傳統元素的韻味，又有現代設計的美感。其UI 設計沒有照搬傳統文化元素的視覺語言，而是將傳統文化元素進行年輕化塑造，結合動效，使用簡單的線條表達出谷雨的雨生百谷、清明的氣清景明、春分的溫和明媚，可以說節氣時光APP 的案例是UI 設計中傳統文化元素“形”的應用較為生動的案例。

從目前市場上融合了傳統文化元素的UI 設計來看，絕大多數都在“形”的應用上有所體現，但多數設計作品與傳統文化元素結合較為生硬，其原因多是元素的簡單疊加與堆砌，未能深入了解元素背后的文化內涵，也未能較好地結合現代審美對傳統文化元素進行再設計。因此，設計師需要深刻解讀傳統文化元素，結合時代背景與審美，創新傳統文化元素視覺形式，融合現代多媒體技術，使傳統文化元素在UI 設計中表現得既有現代設計的美感與科技感，又有傳統文化的內涵，反映出產品的時代特色與文化精神，這才是對傳統文化元素“形”的正確應用。

4.2 “境”的應用

“境”與“形”在概念上是互補的，“形”表示實體的存在，“境”則是情感與情緒對應的元素，“境”需要“形”的輔助表達，因此“境”較之“形”更進一步。傳統文化承載著豐富的、抽象的情感，有著天然地將“形”深化為“境”的基礎條件，中國傳統文化元素大多具有象征吉祥、寄托祈福的意義與情感，在UI 設計中融入傳統文化的情感意趣，能讓原本單一的功能性應用產品具備豐富的情感價值。

UI 界面作為設計對象與文化載體，依然遵循著中國傳統造物所提倡的“器以載道”，強調通過形態語言及人機互動的過程來反映時代的文化、審美、價值等意識形態

。傳統文化元素“境”的應用不僅需要設計師對UI 中各類構成要素如圖形、色彩、文字等進行組合運用，編排出具有意境感的畫面；還需要通過人機互動的過程讓用戶體驗到產品傳達的情感與氛圍。成功的情感體驗可以讓用戶沉浸到體驗之中

，因此“境”的應用較之“形”的應用還需要設計師有著洞察用戶內心情感的能力。

中國傳統文化元素在UI 設計中的應用方式有“形”“境”“意”三種形式。文章中所描述的“形”是人們所熟悉的傳統文化元素的外在表現，“境”是傳統文化元素情感與情緒的表達，“意”則涵蓋了傳統文化元素背后的哲學美學思想與文化理念。三者在實際應用中不是獨立存在的，更多的時候是相互融合、層層遞進、相輔相成的關系。

4.3 “意”的應用

例如每日故宮APP，如圖3。“讓觀眾隨時隨地看到故宮藏品”是每日故宮APP 推出的目的。其UI 設計既有著淡雅清新的靈動之美，又有著大氣磅礴的恢弘之美：打開每日故宮APP，映入眼簾的是日期、物候以及鏤空數字下的珍藏品，其界面是一幅朦朧的山水畫，亦是一塊透著絕美風景的印章，展現出傳統文化的氣韻之美。用戶點擊數字，便出現文物的全貌，高清的文物圖片無論從哪一個角度欣賞都無可挑剔，每一件館藏珍品都對應著當下的歲時節氣，統一整體的設計讓用戶自然地沉浸在文化氛圍中。用戶可以將每日心情通過界面上的毛筆圖標記錄在分享里，APP 便自動生成有著今日展品的書簽分享卡片，現代的一天便與歷史上的某件珍藏品產生了聯系。不僅如此，APP 的封面色彩會隨著季節而產生相應的變化，APP 中的鐘聲音效將用戶代入博大深邃的傳統文化世界，設計師使用這一系列的象征手法將展覽主題、時節、傳統文化理念與UI 設計融為一體，每一個視覺元素、音效、體驗細節不僅是APP 界面的組成部分，也是APP 傳達文化與精神的載體，反映出了中國傳統文化的精神風貌。

近年來UI 設計在我國發展勢頭迅猛，但大部分企業、設計師對UI 設計的認知還停留在視覺設計的層面，缺乏對產品交互及體驗的設計。在設計風格上存在模仿國外設計作品的情況，未能形成具有獨特的中國風格。雖然國內有騰訊、小米等企業進行了積極的探索，在一定程度上彌補了UI 設計原創性的不足，但在全球市場上未能展現出明顯的競爭優勢。整體而言，UI 設計的原創性仍有較大的發展空間。

“意”，《說文解字》釋為“志也。從心，察言而知意也。從心從音”，將“意”視為從心里發出的聲音，是思想觀點、想法看法。中國傳統文化元素的“意”依托于文化，是基于文化底蘊的聯想；在于“氣韻生動”，富含生命力；傳統文化元素之“意”的傳承不僅在于形，更在于內核；不僅在形象上有所表達，在神韻氣質上同樣要有所體現。

綜上，在UI 設計中傳統文化元素之“形”“境”“意”三者的應用側重點各有不同。“形”的應用更多體現的是傳統文化元素的外在表現，注重元素的提取與再設計；“境”的應用則是在“形”的應用基礎上進行深化，包含了情感與情緒的表達，用以強調氛圍與體驗；“意”的應用是前兩者的升華，結合時代精神傳達出中國傳統哲學美學思想與文化。

5 結語

將中國傳統文化元素應用到UI 設計中，不僅能傳承中國傳統文化，還能形成具有中國風格的UI 設計作品，使UI 設計具有更為豐富的藝術價值與文化內涵。文章圍繞中國傳統文化元素在UI 設計中的應用進行研究，以三款具有代表性的UI 設計作品為切入點，分析了在UI 設計中傳統文化元素之“形”“境”“意”的應用。時代是變化的，傳統文化元素也是動態發展的，設計師需要結合時代背景思考如何將設計元素進行精神情感與文化內涵的傳遞，將大國風范自然流露在數字屏幕之中，體現出中國的哲學美學思想、精神風貌與時代特色。

肋骨骨折患者因為骨折疼痛會引起患者的呼吸道分泌物增加,不易排出和肺部感染癥狀。如果肋骨骨折斷端指向體內,還會對胸膜、血管、肺組織造成損傷,引起血氣胸。有多根肋骨骨折時,患者呼吸反常,可能是呼吸衰竭和循環衰竭,嚴重患者還會有生命危險[4]。當發生肋骨骨折后,患者需要及時的接受處理,減輕的患者的疼痛,讓患者的呼吸道通暢,預防并發癥出現[5]。最重要的就是對胸廓進行固定,臨床中有內固定和外固定兩類,都是以限制肋骨斷端的活動,減輕患者的疼痛。

[1]張雨欣.中國傳統文化元素在平面設計中的應用研究[J].工業設計，2020（08）：143-144.

[2]于海嬌.UI 設計中傳統文化的應用研究[J].藝術品鑒，2021（06）：82-83.

[3]魏力敏.舊貌換新顏——中國傳統文化元素符號在UI 設計中的應用與創新[J].藝術科技，2017，30（05）：8-9.

[4]丁金虎，吳祐昕.自然用戶界面用戶體驗設計研究[J].設計，2019，32（23）：65-67.

[5]曹粲.基于文化轉譯的傳統文化類APP 界面視覺設計研究[J].工業設計，2020（05）：127-130.