劉鑰恒

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

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

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

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

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

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

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

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

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

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

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

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

（二）icon設(shè)計。“解讀心經(jīng)”中的圖標(biāo)和各類icon設(shè)計均采用了扁平化設(shè)計風(fēng)格。

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

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

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

四、總結(jié)

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

參考文獻(xiàn)：

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

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

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

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