傳統(tǒng)文化類(lèi)APP界面視覺(jué)設(shè)計(jì)研究

劉鑰恒

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

【關(guān)鍵詞】設(shè)計(jì)心理學(xué)；APP界面；解讀心經(jīng)；傳統(tǒng)文化

中圖分類(lèi)號(hào)：J524 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：11007-0125（2018）30-0117-02

一、格式塔設(shè)計(jì)心理學(xué)指導(dǎo)界面設(shè)計(jì)可行性簡(jiǎn)述

設(shè)計(jì)心理學(xué)不是一個(gè)單一的絕對(duì)的理論，而是建立在心理學(xué)基礎(chǔ)上。它研究人們?cè)谠O(shè)計(jì)創(chuàng)造過(guò)程中的心態(tài)，和設(shè)計(jì)對(duì)社會(huì)及對(duì)社會(huì)個(gè)體所產(chǎn)生的心理反應(yīng)是如何反作用于設(shè)計(jì)的。本文的設(shè)計(jì)心理學(xué)的心理理論主要來(lái)自于格式塔心理學(xué)的一些研究成果。格式塔心理學(xué)又稱(chēng)“完形”心理學(xué)。另一方面，任何一種設(shè)計(jì)都離不開(kāi)色彩，設(shè)計(jì)者和觀者對(duì)設(shè)計(jì)產(chǎn)品色彩視知有豐富內(nèi)容，日本有些學(xué)者將人色彩感受概括為七種，即冷暖感，輕重感，軟硬感，強(qiáng)弱感，明暗感，寧?kù)o興奮感和質(zhì)樸華美感。心理和情感激發(fā)是鼓勵(lì)用戶付諸行動(dòng)一個(gè)的寶貴工具。從設(shè)計(jì)心理學(xué)的理論出發(fā)，我們可以看到設(shè)計(jì)心理學(xué)對(duì)APP界面設(shè)計(jì)布局，形態(tài)和色彩的執(zhí)導(dǎo)意義。

二、目標(biāo)用戶對(duì)于傳統(tǒng)文化類(lèi)APP界面的視覺(jué)需求

傳動(dòng)文化中的佛教文化是我們傳統(tǒng)文化的一部分，很多人很想了解他們學(xué)習(xí)其中的智慧?！缎慕?jīng)》是釋家經(jīng)典，是影響最為廣泛的傳統(tǒng)文化典籍之一。我們希望能夠通過(guò)一個(gè)輕松有趣，可見(jiàn)可感的方式，把以往一些分散的信息更加集中的通過(guò)APP的新平臺(tái)呈現(xiàn)出來(lái)，讓更多的人了解到它蘊(yùn)含的智慧。

文化經(jīng)典的歷史性決定其界面在整體風(fēng)格上須突出素雅的氣韻，傳達(dá)傳統(tǒng)文化的主旨。APP的icon及背景設(shè)計(jì)可以結(jié)合中國(guó)的傳統(tǒng)元素加以創(chuàng)新，如云紋、篆刻、書(shū)法、國(guó)畫(huà)山水等；APP在人機(jī)交互界面設(shè)計(jì)上不僅能準(zhǔn)確無(wú)誤地傳達(dá)信息，更應(yīng)注重界面的交互性，關(guān)注人的深切需求。

打開(kāi)一個(gè)APP，當(dāng)界面內(nèi)容映入用戶眼簾的第一刻起，用戶便能很快地對(duì)這個(gè)界面產(chǎn)生一個(gè)感受，即對(duì)這個(gè)界面是好惡，這便是設(shè)計(jì)心理學(xué)中情感化設(shè)計(jì)的第一個(gè)感情層次——本能層次。Donald Norman就根據(jù)情感在設(shè)計(jì)中的作用，在他的《情感化設(shè)計(jì)》一書(shū)中提出了關(guān)于情感化設(shè)計(jì)的三個(gè)層次的評(píng)價(jià)因素：即本能層次、行為層次和反思層次。當(dāng)人們?cè)谏钊氲亓私馀c接觸那款A(yù)PP的過(guò)程中逐漸關(guān)注到界面的效能與實(shí)用性，期間，情感因素也上升到了行為層次。隨著進(jìn)一步的深入，人們的情感體驗(yàn)就會(huì)上升到反思層次。

三、傳統(tǒng)文化APP界面視覺(jué)化設(shè)計(jì)——以“解讀心經(jīng)”為例

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

（一）布局設(shè)計(jì)。當(dāng)人們?cè)谑褂肁PP時(shí)，首當(dāng)其沖的時(shí)界面的布局，一個(gè)APP能否吸引顧客的眼球與之布局設(shè)計(jì)密切相關(guān)。界面設(shè)計(jì)的責(zé)任要理清條理，準(zhǔn)確的傳達(dá)信息。 “解讀心經(jīng)”從開(kāi)機(jī)畫(huà)面（圖1）就做出了整體風(fēng)格的明確，進(jìn)入主要菜單界面（圖2）更是在視覺(jué)上強(qiáng)調(diào)統(tǒng)一，在功能上重視清晰簡(jiǎn)單。頁(yè)面布局主要以四大功能為主，圖標(biāo)外框裝飾緩慢旋轉(zhuǎn)，暗示用戶點(diǎn)擊的互動(dòng)設(shè)定，將輔助功能統(tǒng)一放在更多的功能模塊下，保持主界面的簡(jiǎn)單。在二級(jí)界面中，從古代國(guó)畫(huà)白描風(fēng)格為參考，白描蓮花（圖3），抽象的云紋水紋山石這樣統(tǒng)一視覺(jué)元素，參照傳統(tǒng)紋樣中圓形意向性表達(dá)，強(qiáng)調(diào)簡(jiǎn)潔之美。在三級(jí)界面上，與內(nèi)容相結(jié)合，更多的使用圖形來(lái)表達(dá)信息，減少人們對(duì)文字的閱讀，符合現(xiàn)代人的閱讀習(xí)慣?？傮w布局設(shè)計(jì)中，希望能在保留藝術(shù)風(fēng)格審美趨向的基礎(chǔ)上，凝練地傳達(dá)出最準(zhǔn)確的信息。

（二）icon設(shè)計(jì)?！敖庾x心經(jīng)”中的圖標(biāo)和各類(lèi)icon設(shè)計(jì)均采用了扁平化設(shè)計(jì)風(fēng)格。

圖標(biāo)的設(shè)計(jì)（圖3-2-1），以佛教初傳入我國(guó)的漢代為時(shí)間定位，又以“文字般若”為造型起點(diǎn)，從漢代篆書(shū)中“心經(jīng)”提取重要元素進(jìn)行抽象化變形，其中提取“經(jīng)”的偏旁和篆書(shū)中的“水”進(jìn)行近似化變形，已體現(xiàn)出本APP的內(nèi)容是從“心中流出的甘露”。首先呼應(yīng)了《心經(jīng)》是大般若經(jīng)的中心闡釋?zhuān)涠磉_(dá)了佛教中從心出發(fā)“見(jiàn)性成佛”修心的思想并于現(xiàn)代提倡的提高思想道德，修身自省等理念不謀而合其。主要字體的使用，以第一次出現(xiàn)雕版印刷《金剛經(jīng)》的宋體為定位點(diǎn)?！敖庾x心經(jīng)”圖標(biāo)的力求從時(shí)間空間，意向造型整體的表達(dá)APP的內(nèi)涵和意義。

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

（三）色彩設(shè)計(jì)。文化經(jīng)典的了解其實(shí)是一個(gè)心與偉大智慧相碰撞的過(guò)程?！敖庾x心經(jīng)”在色彩搭配上APP中選擇金色為主色，舊宣紙的紙色和紋理為基底，符合了用戶以往對(duì)經(jīng)典閱讀的物理印象；金色代表圣潔、高貴、典雅，而且比較明快，作為舊紙色作為的底色，一方面較強(qiáng)的色差使得信息更容易出跳，另一方面，同色系的調(diào)性，在視覺(jué)上比較柔和，減少閱讀所帶來(lái)的視覺(jué)疲勞，更符合用戶的閱讀習(xí)慣。

四、總結(jié)

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

參考文獻(xiàn)：

[1]錢(qián)利贏，湯程心.古鎮(zhèn)旅游APP界面可用性研究[J].杭州電子科技大學(xué)數(shù)字媒體與藝術(shù)設(shè)計(jì)學(xué)院.

[2]孫娟.網(wǎng)頁(yè)游戲界面的設(shè)計(jì)與研究[J].中國(guó)地質(zhì)大學(xué).

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

[4][美]約翰遜.認(rèn)知與設(shè)計(jì)：理解設(shè)計(jì)準(zhǔn)則[M].人民郵電出版社，2012.