“非遺類APP”界面交互設計問題及發展策略研究

【摘要】隨著多感官設計和數字技術的發展，非物質文化遺產可以通過泰山皮影數字博物館的虛擬展覽進行傳播。非物質文化遺產博物館數字化系統的建立將有助于實現非物質文化資源的共享，促進非物質文化遺產博物館功能的充分發揮。從非傳統泰山皮影數字博物館的用戶心理需求和用戶特點出發，基于用戶體驗的非傳統泰山皮影數字博物館用戶界面視覺層設計，探討非傳統泰山皮影數字博物館在使用非傳統數字平臺過程中的文化心理、視知覺和舒適性，并探討非傳統泰山皮影數字博物館的界面層。它主要集中在視覺層次設計的三個方面： 色彩、文本和布局。同時，我們可以利用網格系統來創造一個良好的視覺氛圍，使用戶在視覺上體驗更好。通過界面的文化元素展示和美感，使設計帶給用戶美好的用戶體驗，引導用戶完成交互過程。通過保持界面的可用性，有效地控制界面的文本、顏色和圖像，確保它可以很容易地使用。這項研究試圖為用戶創建一個身臨其境的過程，以獲得一個難忘的體驗。

【關鍵詞】界面交互設計 發展策略 泰山皮影 非遺類APP

中圖分類號：J9? ? ? ? ? ? ? ? ? ? ?文獻標識碼：A? ? ? ? ? ? ? ? ? ? ? DOI：10.12246/j.issn.1673-0348.2021.02.086

1. 非遺類APP設計發展需求概述

非物質文化遺產是人類的特殊遺產。與人類的物質文化遺產相比，它有其自身的特殊性。這種特殊性不僅表現在外在形式上，而且表現在內涵上。它具有繼承性、社會性、無形性、多元性和生存性等特征。在信息時代，泰山皮影數字博物館必須突出非物質文化遺產在內容和形式上的特點。

泰山皮影數字博物館的體驗設計是以用戶的心理需求為基礎的。它充分考慮了用戶在使用過程中的視知覺和舒適度，并試圖為用戶創造一種流暢的感覺，讓他們沉浸在過程中，這樣用戶可以充分調動他們的熱情，獲得一個難忘的體驗。泰山皮影非遺產數字博物館是為不同需求的用戶提供的服務。因此，確保用戶想要哪種內容和功能可以幫助決定以何種方式呈現內容和功能。本文重點介紹三類非物質文化遺產泰山皮影數字博物館的使用者：

1.1 休閑和觀光用戶

在現代，旅游者通常選擇瀏覽信息和安排旅行通過互聯網。因此，通過泰山皮影非遺產數字博物館網站的入口，人們可以對當地文化和這個非物質文化遺產有一個深刻和詳細的了解，并將留下深刻的印象。這類用戶需要參觀、旅游共享等服務的指導，因此泰山皮影數字博物館可以規劃和設計地圖定位、地圖導游、旅游線路、票務預訂、社交平臺等功能。

1.2 學習和研究的使用者

教育一直是博物館的核心功能。泰山皮影數字博物館的出現，不僅為一般學習者提供了高質量的學習資源，而且為專業研究教育的專家學者和各級各類學生提供了教育研究的新途徑。在泰山皮影數字博物館的觀眾群中，龐大的學生群體不容忽視。他們的認知和情感是非遺產成長的土壤，是非遺產可持續發展的基石。非物質文化遺產博物館需要為科教人員和學生團體提供快速獲取知識、欣賞和社會分享的渠道。

1.3 博物館管理的使用者

（1）非遺產項目的數量很大，相關從業人員也很多。從業人員在職業技能、職業素質和職業標準等方面存在較大差異。由于時間、地點和一些經濟問題，工業通信多年來一直沒有順利發展。泰山皮影數字博物館的建設極大地解決了這一問題。非相關從業人員可以在自己的行業中找到專業知識，也可以了解其他非遺產項目的發展和趨勢，學習他人的經驗，彌補自己的不足。我們就交流非文物產業達成共識，促進非文物產業的共同發展和進步。（2）作為一個泰山皮影數字博物館，傳遞給用戶的信息主要依賴于界面，界面是視覺可見的部分。為了營造一個良好的視覺氛圍，我們需要在視覺上給用戶提供一個良好的體驗，從而對泰山皮影數字博物館產生一種心理上的興趣和對網站內容的信任。

2. 非傳統泰山皮影數字博物館的視覺層次設計

（1）交互式體驗必須建立在“觀看和重新執行”的生物過程之上。因此，有必要滿足視覺設計的交互性設計。用戶界面的最終目標是“愿景”。著名設計師 g · 弗拉斯卡認為，視覺傳達強調將文本和圖像轉化為圖形結果的過程中的方法（設計）、目標（傳播）和媒介（視覺表現）。這表明它對用戶界面美學的可能性起著至關重要的作用，并貫穿于界面設計的全過程。（2）層級是一種用于管理的組織，可以理解為一種管理模式，即集權和地方分權的異質組織結構。用戶需要分離標題、導航、內容和界面選項，以形成視覺層次結構。層次結構根據重要性對界面元素進行可視化分類。當用戶界面的信息以簡潔和結構化的方式呈現時，就更容易理解和瀏覽界面。用戶界面設計中的每個視覺元素都要提示重要信息，每個元素都有存在的原因，否則會給用戶帶來麻煩，因此視覺層次不僅有助于界面導航中重要信息的傳達，而且減少了傳達的錯誤。

（3）設計師經常在視覺元素的層次結構中使用網格結構，通過對稱、節奏和重復的方式處理和平衡視覺元素，幫助用戶理解指令的內容和執行步驟。模式、顏色和紋理幫助用戶識別用戶內容塊的變化、空間的平衡、元素的接近程度、線條、形狀、圖形、文本和布局，所有這些都有助于避免視覺上的混亂。通過在不可見網格上構建視覺層次結構，我們可以引導用戶快速查找當前頁面中的內容。

（4）視覺層次通過界面中的視覺元素引導用戶，合理的層次結構和理性思維使界面更加美觀，這也是非傳統泰山皮影數字博物館用戶界面設計的關鍵。其次，根據泰山皮影數字博物館視覺層次的構成要素，將泰山皮影數字博物館視覺層次劃分為色彩層次、文本層次和布局層次，并對其進行了具體分析。顏色可以用來連接重要的塊和區分塊，不同的字體為界面提供不同的鍵注釋。

2.1 顏色的順序和排列

（1）色彩在泰山皮影數字博物館APP界面設計中起著重要作用。色彩影響人們的感知，幫助用戶感知界面的設計、導航和內容，以及界面的感受、理解、瀏覽和閱讀。因此，通過色彩搭配的界面設計來滿足用戶的視覺體驗。除了技術和數學結構，它還可以影響用戶的情感在潛意識的水平。色彩是心理學和文化的定義。它在不同的文化背景下有著不同的含義。通常，人們認為暖色調會更加清晰和主導，這將導致拉，擴大和跳出背景的效果。相反，冷色會有一種退卻的感覺，而中性會有較小的影響、情感和感知。因此，在博物館的用戶界面設計中，必須把握色彩所傳達的情感和意義。

2.2 文本的選擇和應用

（1）讀者閱讀和理解屏幕文字的能力是不同的。人們閱讀屏幕的速度比閱讀印刷媒體的速度慢10% ，而掃描的內容比完整閱讀的內容要多得多。用戶界面文本以多種方式顯示： 導航、標題、文本內容塊等。文本內容塊位于層次化的用戶界面中，讀者可以知道最重要的內容和讀取順序。導航元素、圖像和視頻的內容需要清晰地顯示，其中使用“列”來分割文本內容非常關鍵。設計師借助于“柱”將文本分成若干層次的視覺區域，這也是界面布局與內部網格布局共生的原因。（2）網格中的字體水平對于提高網格中字體的視覺水平起著重要作用。各種基于字體的界面元素包括文本的高度，最大圖像（36px）字體到最小像素（11px） ，以及不同字體（黑體，大寫，標準字體）的視覺重量。在任何情況下，通過調整行間距和確保文本可讀性的基線來對齊每一行，從而實現視覺層次的標準化。（3）為了避免將網格列中的文本設置為右邊、中間和大小寫，文本塊應該易于識別和掃描。為了保證文本塊的清晰度，最好在左對齊的網格中設計一個文本塊，因為左對齊的使用頻率在文本中較高，而且視覺處理的規則是左對齊的，所以這種方法符合一般用戶的閱讀習慣。每個段落以兩個字符的空行（中文）開始，每個段落有一個行間距，這將幫助用戶掃描界面文本。處理字體層次結構的另一種方法是更改字體的大小。粗體字可以用來吸引用戶的標題導航，因為它與一般字體的強烈對比。

2.3 界面組合的分層處理

成功的界面組合將滿足審美和層次滿足，但泰山皮影數字博物館APP應用程序的布局和網格系統依賴于組合實驗、心理學、合理性、技術約束和交互原則的綜合考慮。本部分重點介紹了視覺傳達設計的規劃以及網格在泰山皮影數字博物館應用界面空間規劃中的應用。版式是視覺設計元素的綜合安排，包括圖像、符號、文本、標題、顏色、色調、圖像和空間。泰山皮影數字博物館界面布局的目的是在界面的字符、顏色和圖形之間創造一個有吸引力的視覺和視覺層次。網格是設計者為了促進視覺傳達和設置用戶界面的視覺焦點，對內容和導航進行可控安排的內部框架。網格的功能是以和諧有序的方式組織一系列分散的內容。它是一個支持頁面內容傳輸設計的骨架結構。在界面設計中，首先，網格在布局中引入系統的順序，以區分不同類型的信息。其次，用戶瀏覽界面信息更加方便、簡單。

3. 用戶界面審美意識的建構

（1）美感是圖形用戶界面不可或缺的一部分。通過它引導用戶完成交互過程，保證界面的可用性，有效地控制界面的文本和圖像，從而保證用戶能夠方便地實現目標的使用。審美感受所傳達的行為和內容，關系到用戶的愿望和交互結果。每個人都有美的本能。當對事物的認識與本能相一致時，就會產生一種美好的感覺。因此，在視覺層面的設計中，要想獲得用戶的青睞，就必須注重形式的審美感受，引導美好的用戶體驗。（2）對于非傳統泰山皮影數字博物館的界面設計，在博物館門前論述的方法和原則的基礎上，要在大方向上把握形式美，尊重形式美的規律。一般來說，正確的形式美規律會使人們同時感受到身心的舒適。整體風格的統一、層次的鮮明、規律的變化、要素的統一，都是形式美規律的追求。

4. 結束語

本文從視覺傳達設計的角度出發，通過對界面視覺元素的順序和順序方法的分析，對非傳統泰山皮影數字博物館界面設計中視覺元素的順序和順序進行了排列和順序，以“非傳統泰山皮影數字博物館”的突破作為界面視覺層次設計的突破口。最后，通過優化界面的視覺設計，提高用戶的操作體驗。

參考文獻：

[1]田莎莎. 互聯網視域下“非遺類APP”界面交互設計研究——以泰山皮影為例[J]. 產業科技創新，2020，2（30）：57-58.

[2]孫妍. 數字媒體在皮影藝術中的應用研究[D].南京藝術學院，2019.