傳統文化類APP界面視覺設計研究

劉鑰恒

【摘 要】傳統文化和現代技術的融合是文化發展的新趨勢，尤其是信息化和大數據時代的到來，推動著傳統文化與現代生活的有效融合。APP作為一種以智能終端為平臺的表現形式，為傳統文化的進一步推廣提供了更為廣闊的創作空間和傳播空間。移動應用的界面是與用戶進行互動的最為關鍵的一環，本文從視覺心理學的角度出發，以“解讀心經”為例，分析討論APP界面下設計的三個基本方面：布局設計，icon設計和色彩搭配，進一步論證了一個APP的設計應緊扣以上四個方面，以人為本，從目標用戶的角度出發增進服務設計的可視化，真正讓新的技術手段成為我們傳承文化，傳播思想的方式。

【關鍵詞】設計心理學；APP界面；解讀心經；傳統文化

中圖分類號：J524 文獻標志碼：A 文章編號：11007-0125（2018）30-0117-02

一、格式塔設計心理學指導界面設計可行性簡述

設計心理學不是一個單一的絕對的理論，而是建立在心理學基礎上。它研究人們在設計創造過程中的心態，和設計對社會及對社會個體所產生的心理反應是如何反作用于設計的。本文的設計心理學的心理理論主要來自于格式塔心理學的一些研究成果。格式塔心理學又稱“完形”心理學。另一方面，任何一種設計都離不開色彩，設計者和觀者對設計產品色彩視知有豐富內容，日本有些學者將人色彩感受概括為七種，即冷暖感，輕重感，軟硬感，強弱感，明暗感，寧靜興奮感和質樸華美感。心理和情感激發是鼓勵用戶付諸行動一個的寶貴工具。從設計心理學的理論出發，我們可以看到設計心理學對APP界面設計布局，形態和色彩的執導意義。

二、目標用戶對于傳統文化類APP界面的視覺需求

傳動文化中的佛教文化是我們傳統文化的一部分，很多人很想了解他們學習其中的智慧。《心經》是釋家經典，是影響最為廣泛的傳統文化典籍之一。我們希望能夠通過一個輕松有趣，可見可感的方式，把以往一些分散的信息更加集中的通過APP的新平臺呈現出來，讓更多的人了解到它蘊含的智慧。

文化經典的歷史性決定其界面在整體風格上須突出素雅的氣韻，傳達傳統文化的主旨。APP的icon及背景設計可以結合中國的傳統元素加以創新，如云紋、篆刻、書法、國畫山水等；APP在人機交互界面設計上不僅能準確無誤地傳達信息，更應注重界面的交互性，關注人的深切需求。

打開一個APP，當界面內容映入用戶眼簾的第一刻起，用戶便能很快地對這個界面產生一個感受，即對這個界面是好惡，這便是設計心理學中情感化設計的第一個感情層次——本能層次。Donald Norman就根據情感在設計中的作用，在他的《情感化設計》一書中提出了關于情感化設計的三個層次的評價因素：即本能層次、行為層次和反思層次。當人們在深入地了解與接觸那款APP的過程中逐漸關注到界面的效能與實用性，期間，情感因素也上升到了行為層次。隨著進一步的深入，人們的情感體驗就會上升到反思層次。

三、傳統文化APP界面視覺化設計——以“解讀心經”為例

“解讀心經”是一款以心經為主體內容為重心的視覺化表達的文化教育類APP。包含四個板塊禪學故事、解讀經典、素生活和佛歷，通過三個層次向受眾表達以《心經》為中心的佛教文化天人合一、敬天愛人的普世思想。從用戶的角度出發，“解讀心經”在移動互聯網模式大發展的背景下充分發揮了該軟件的界面可用性。

（一）布局設計。當人們在使用APP時，首當其沖的時界面的布局，一個APP能否吸引顧客的眼球與之布局設計密切相關。界面設計的責任要理清條理，準確的傳達信息。 “解讀心經”從開機畫面（圖1）就做出了整體風格的明確，進入主要菜單界面（圖2）更是在視覺上強調統一，在功能上重視清晰簡單。頁面布局主要以四大功能為主，圖標外框裝飾緩慢旋轉，暗示用戶點擊的互動設定，將輔助功能統一放在更多的功能模塊下，保持主界面的簡單。在二級界面中，從古代國畫白描風格為參考，白描蓮花（圖3），抽象的云紋水紋山石這樣統一視覺元素，參照傳統紋樣中圓形意向性表達，強調簡潔之美。在三級界面上，與內容相結合，更多的使用圖形來表達信息，減少人們對文字的閱讀，符合現代人的閱讀習慣。總體布局設計中，希望能在保留藝術風格審美趨向的基礎上，凝練地傳達出最準確的信息。

（二）icon設計。“解讀心經”中的圖標和各類icon設計均采用了扁平化設計風格。

圖標的設計（圖3-2-1），以佛教初傳入我國的漢代為時間定位，又以“文字般若”為造型起點，從漢代篆書中“心經”提取重要元素進行抽象化變形，其中提取“經”的偏旁和篆書中的“水”進行近似化變形，已體現出本APP的內容是從“心中流出的甘露”。首先呼應了《心經》是大般若經的中心闡釋，其二表達了佛教中從心出發“見性成佛”修心的思想并于現代提倡的提高思想道德，修身自省等理念不謀而合其。主要字體的使用，以第一次出現雕版印刷《金剛經》的宋體為定位點。“解讀心經”圖標的力求從時間空間，意向造型整體的表達APP的內涵和意義。

Icon（圖3-2-2）的設計是在一個云紋抽象造型的基礎上進行圖底互補。從功能內容出發，提取“禪師、蓮花、樹葉、日晷、山水”代表模塊功能，使用扁平化的藝術風格進行凝練，與整體風格貼近，進一步呼應主題。

（三）色彩設計。文化經典的了解其實是一個心與偉大智慧相碰撞的過程。“解讀心經”在色彩搭配上APP中選擇金色為主色，舊宣紙的紙色和紋理為基底，符合了用戶以往對經典閱讀的物理印象；金色代表圣潔、高貴、典雅，而且比較明快，作為舊紙色作為的底色，一方面較強的色差使得信息更容易出跳，另一方面，同色系的調性，在視覺上比較柔和，減少閱讀所帶來的視覺疲勞，更符合用戶的閱讀習慣。

四、總結

APP的界面視覺設計對于一個應用是否可以達到目標用戶的需求起著至關重要的作用，而與平面視覺設計不同，應用的視覺設計涵蓋了功能模塊的交互和主要信息專遞的功能。本文希望從對界面視覺設計的研究角度出發，論證APP界面設計、icon設計和色彩設計方面在APP整體使用推廣中占據重要地位，提高APP視覺設計上的美觀性的同時，把握其可操作性和實用性，滿足客戶的實際需求，從而為APP在市場上站住腳打好基礎，在激烈的APP市場中獨樹一幟。

參考文獻：

[1]錢利贏，湯程心.古鎮旅游APP界面可用性研究[J].杭州電子科技大學數字媒體與藝術設計學院.

[2]孫娟.網頁游戲界面的設計與研究[J].中國地質大學.

[3]Noman.A.D.設計心理學3：情感設計[M].何笑梅，歐秋杏譯.北京中信出版社，2012.

[4][美]約翰遜.認知與設計：理解設計準則[M].人民郵電出版社，2012.