郗彩蓮 陳明江 吳澤曼

關(guān)鍵詞：書(shū)城APP 界面設(shè)計(jì) 蒙德里安風(fēng)格 交互設(shè)計(jì) 用戶(hù)體驗(yàn)

引言

古往今來(lái)，閱讀是人類(lèi)認(rèn)識(shí)知識(shí)的窗口，是文化交流與傳播的重要方式?；ヂ?lián)網(wǎng)時(shí)代的到來(lái)，手機(jī)成為人類(lèi)不可或缺的閱讀工具。傳統(tǒng)的紙質(zhì)閱讀已漸漸被數(shù)字化閱讀方式所替代[1] 。通過(guò)手機(jī)的閱讀方式極大地滿(mǎn)足了人類(lèi)隨時(shí)隨地進(jìn)行閱讀的需求，從而有效地提高了閱讀效率。這個(gè)時(shí)候，閱讀類(lèi)APP應(yīng)運(yùn)而生。然而目前市場(chǎng)上閱讀類(lèi)APP其產(chǎn)品本身的缺點(diǎn)：如界面設(shè)計(jì)簡(jiǎn)單粗糙、交互體驗(yàn)不佳等問(wèn)題導(dǎo)致了廣大用戶(hù)在試用期間產(chǎn)生的各種不滿(mǎn)。文章在分析現(xiàn)有的閱讀類(lèi)APP界面與交互設(shè)計(jì)諸多缺點(diǎn)的基礎(chǔ)上，提出了基于蒙德里安藝術(shù)風(fēng)格的書(shū)城閱讀APP的設(shè)計(jì)開(kāi)發(fā)，可解決上述存在的問(wèn)題，并提出新型閱讀APP在視覺(jué)與交互方面的創(chuàng)新設(shè)計(jì)。

一、閱讀類(lèi)APP界面交互設(shè)計(jì)現(xiàn)狀分析

閱讀類(lèi)APP作為用戶(hù)“移動(dòng)閱讀”的主要媒介，已成為大部分手機(jī)用戶(hù)的必備應(yīng)用。在國(guó)內(nèi)，一些互聯(lián)網(wǎng)公司憑借品牌優(yōu)勢(shì)和活躍的用戶(hù)群體進(jìn)入移動(dòng)閱讀市場(chǎng)，研發(fā)出了不同類(lèi)型的移動(dòng)閱讀平臺(tái)[2] 。例如：網(wǎng)易蝸牛讀書(shū)、QQ閱讀、掌閱、百度閱讀、微信讀書(shū)、豆瓣網(wǎng)等都是市面上常見(jiàn)的閱讀平臺(tái)。它們的出現(xiàn)，推動(dòng)了移動(dòng)閱讀市場(chǎng)的發(fā)展。然而由于閱讀類(lèi)APP數(shù)量眾多，各開(kāi)發(fā)商為了最大限度地?fù)寠Z用戶(hù)資源，導(dǎo)致其將大量精力投入到市場(chǎng)運(yùn)營(yíng)方面，而忽略了APP產(chǎn)品本身的界面交互設(shè)計(jì)的合理性，久而久之，用戶(hù)已習(xí)慣了千篇一律的界面和雜亂無(wú)章的交互設(shè)計(jì)，對(duì)閱讀體驗(yàn)期望度不高。其產(chǎn)品在界面交互設(shè)計(jì)方面的問(wèn)題，具體表現(xiàn)為設(shè)計(jì)風(fēng)格同質(zhì)化嚴(yán)重、界面的信息層級(jí)混亂、缺乏用戶(hù)情感體驗(yàn)，問(wèn)題研究由此展開(kāi)。

（一）設(shè)計(jì)風(fēng)格同質(zhì)化嚴(yán)重。一款A(yù)PP的界面設(shè)計(jì)主要用于將各種信息、視覺(jué)元素進(jìn)行分組和排列，合理化地呈現(xiàn)給用戶(hù)。在手機(jī)應(yīng)用商城中可搜索到大量的閱讀類(lèi)APP，它們?cè)趦?nèi)容和風(fēng)格方面，相互借鑒、彼此模仿。當(dāng)前大部分閱讀類(lèi)APP缺乏對(duì)用戶(hù)行為上的洞察與理解，缺少自身獨(dú)特的賣(mài)點(diǎn)，呈現(xiàn)“同質(zhì)化”特征。將嚴(yán)重降低用戶(hù)們對(duì)這些閱讀類(lèi)APP的品牌識(shí)別度。

（二）界面的信息層級(jí)混亂。界面中的“信息層級(jí)”指圖片、文字信息集的秩序感，正確的視覺(jué)設(shè)計(jì)層級(jí)可以使用戶(hù)迅速捕獲圖片文字間的相對(duì)重要性[3] 。界面的信息層級(jí)在閱讀類(lèi)APP 中起到了引導(dǎo)閱讀順序、體現(xiàn)APP品牌個(gè)性的作用。用戶(hù)習(xí)慣于“任務(wù)式”的進(jìn)行交互行為，當(dāng)用戶(hù)搜索相關(guān)書(shū)籍時(shí)，往往需要同時(shí)識(shí)別多個(gè)圖形來(lái)進(jìn)行信息定位。當(dāng)前眾多閱讀類(lèi)APP的界面信息層級(jí)主要以開(kāi)發(fā)商主觀感知為標(biāo)準(zhǔn)，進(jìn)行隨意混搭，使得用戶(hù)體驗(yàn)不理想。如QQ閱讀的各個(gè)模塊信息缺少合理分類(lèi)，無(wú)明顯層級(jí)區(qū)分，導(dǎo)致用戶(hù)尋找信息的時(shí)間成本增加。再如微信讀書(shū)，當(dāng)書(shū)架模塊的書(shū)較多時(shí)，無(wú)自動(dòng)分類(lèi)，容易使用戶(hù)產(chǎn)生視覺(jué)疲憊之感。

（三）缺乏用戶(hù)情感體驗(yàn)。用戶(hù)習(xí)慣通過(guò)視覺(jué)感官來(lái)獲取信息，在生活中早已形成了固定的認(rèn)知思維模式。無(wú)論是視覺(jué)還是交互行為，通過(guò)用戶(hù)對(duì)閱讀類(lèi)APP的交互反饋，我們不難發(fā)現(xiàn)，用戶(hù)的情感體現(xiàn)會(huì)影響閱讀質(zhì)量。然而當(dāng)前大部分閱讀類(lèi)APP界面、圖形等的色彩搭配雜亂，無(wú)法在用戶(hù)閱讀時(shí)，起到引導(dǎo)用戶(hù)情感與情緒的作用，缺乏獨(dú)特的閱讀氛圍營(yíng)造。且忽視用戶(hù)在閱讀時(shí)的趣味性，APP內(nèi)功能種類(lèi)已成固定化，無(wú)新模塊的添加，也沒(méi)有動(dòng)效、音效等的設(shè)計(jì)，無(wú)法滿(mǎn)足用戶(hù)多元化的閱讀方式、還包括交流溝通、購(gòu)買(mǎi)書(shū)籍等需求，忽視了用戶(hù)在使用閱讀APP期間的情感反饋。

二、蒙德里安風(fēng)格在設(shè)計(jì)界的應(yīng)用分析

20世紀(jì)幾何抽象大師蒙德里安的風(fēng)格，是以幾何圖形為基本元素，以表現(xiàn)抽象精神為目的，追求抽象化的藝術(shù)境界，具有獨(dú)特的設(shè)計(jì)風(fēng)格，多年來(lái)深受各大藝術(shù)大師的喜愛(ài)和追捧。最大的特點(diǎn)就是色彩使用紅黃藍(lán)三原色、構(gòu)圖使用直線(xiàn)以及直角等，它是極具個(gè)性、特色以及前衛(wèi)的藝術(shù)風(fēng)格[4] 。蒙德里安用其極度簡(jiǎn)潔的方式，前衛(wèi)的構(gòu)圖理念，嚴(yán)謹(jǐn)?shù)谋壤c固定的色彩將藝術(shù)脫離自然的外在形式，用抽象的形式表現(xiàn)出來(lái)，這種極富魅力的藝術(shù)思想，使其作品的影響力延續(xù)到現(xiàn)代藝術(shù)設(shè)計(jì)中。表現(xiàn)在室內(nèi)設(shè)計(jì)、家具設(shè)計(jì)、服裝設(shè)計(jì)等方面。

1965年，來(lái)自法國(guó)的服裝設(shè)計(jì)師伊夫-圣-羅蘭，以蒙德里安的作品《紅、黃、藍(lán)的構(gòu)成》為創(chuàng)作靈感，創(chuàng)作了著名的蒙德里安裙，它們的色彩清新明快，外形簡(jiǎn)單、極富張力，在當(dāng)時(shí)引起了極大轟動(dòng)。另外，里特維德1917年設(shè)計(jì)的“紅藍(lán)椅”，用方形、長(zhǎng)方形木條和木板進(jìn)行組合，單純明亮的色彩來(lái)強(qiáng)化結(jié)構(gòu)，不加掩飾的純粹色彩，是極簡(jiǎn)風(fēng)的象征。近些年來(lái)，蒙德里安風(fēng)格在室內(nèi)空間設(shè)計(jì)方面也有著深遠(yuǎn)影響，相對(duì)于時(shí)尚和產(chǎn)品設(shè)計(jì)，可謂數(shù)不勝數(shù)，幾何樣式的設(shè)計(jì)讓空間變得線(xiàn)條利落簡(jiǎn)單，極富特色，如圖1。多年來(lái)，蒙德里安風(fēng)格深受廣大民眾的喜愛(ài)，但其風(fēng)格在UI界面設(shè)計(jì)領(lǐng)域卻鮮有應(yīng)用，這一領(lǐng)域是值得我們?nèi)ヌ剿鞯摹?/p>

三、基于蒙德里安風(fēng)格的書(shū)城閱讀APP界面交互設(shè)計(jì)的創(chuàng)新之處

界面交互設(shè)計(jì)包括視覺(jué)方面的設(shè)計(jì)以及交互、動(dòng)效、音效等方面的設(shè)計(jì)?！队脩?hù)體驗(yàn)要素》一書(shū)中，Jesse James Garrett 將交互設(shè)計(jì)定義為用戶(hù)體驗(yàn)的結(jié)構(gòu)層，界面視覺(jué)設(shè)計(jì)定義為用戶(hù)體驗(yàn)的表現(xiàn)層[5] 。一款受歡迎的閱讀類(lèi)APP，首先界面視覺(jué)設(shè)計(jì)要符合用戶(hù)的審美，且對(duì)用戶(hù)有足夠的吸引力;其次，交互設(shè)計(jì)必須符合用戶(hù)習(xí)慣，操作方便;再次，添加一些新功能，使APP更富有趣味性。書(shū)城APP是一款美觀與實(shí)用并存，集購(gòu)書(shū)、閱讀、社交、導(dǎo)入TXT等功能為一體的綜合性手機(jī)閱讀APP。針對(duì)前面講到的市面上大部分閱讀類(lèi)APP設(shè)計(jì)風(fēng)格同質(zhì)化嚴(yán)重、界面的信息層級(jí)混亂、缺乏用戶(hù)情感體驗(yàn)的問(wèn)題，分以下三個(gè)部分進(jìn)行創(chuàng)新性的闡述。

（一）個(gè)性化的界面視覺(jué)元素設(shè)計(jì)，增加品牌識(shí)別度：針對(duì)市面上閱讀類(lèi)APP的視覺(jué)風(fēng)格同質(zhì)化這一問(wèn)題，書(shū)城APP延續(xù)了蒙德里安的美學(xué)手法，將蒙德里安的繪畫(huà)元素進(jìn)行提取和拆分，并延伸為界面設(shè)計(jì)的形態(tài)。根據(jù)APP的功能性與需求，進(jìn)行重組構(gòu)建，注重氛圍的營(yíng)造，體現(xiàn)界面的秩序美。圖形設(shè)計(jì)方面，采用蒙德里安風(fēng)格的極簡(jiǎn)線(xiàn)條，結(jié)合純粹的三原色與黑白，達(dá)到與同類(lèi)閱讀APP在視覺(jué)上較大的區(qū)別，且容易讓用戶(hù)印象深刻。點(diǎn)、線(xiàn)、面的交錯(cuò)，以三原色、黑白色為主的色彩搭配，減少漸變等復(fù)雜紋理，給人清爽的視覺(jué)體驗(yàn)。在按鈕的設(shè)計(jì)方面，采用功能性的圖形符號(hào)進(jìn)行引導(dǎo)，增加APP的品牌識(shí)別度。

（二）清晰的層級(jí)分類(lèi)，提升用戶(hù)交互效率：用戶(hù)在應(yīng)用市場(chǎng)中選擇閱讀類(lèi)APP時(shí)，美觀與實(shí)用并存是其永恒不變的標(biāo)準(zhǔn)。針對(duì)市面上眾多閱讀類(lèi)APP的信息層級(jí)混亂問(wèn)題，避免一次性的任務(wù)信息層級(jí)，根據(jù)用戶(hù)需求合理規(guī)劃與設(shè)計(jì)、準(zhǔn)確引導(dǎo)界面交互;運(yùn)用蒙德里安藝術(shù)風(fēng)格中的直線(xiàn)、直角布局，簡(jiǎn)潔、美觀地將那個(gè)信息進(jìn)行分類(lèi)、整合。同時(shí)，呈現(xiàn)給用戶(hù)的視覺(jué)元素需合理化，也要考慮用戶(hù)“任務(wù)式”的操作習(xí)慣，界面的視覺(jué)畫(huà)面還需注意主次與順序的呈現(xiàn)，層級(jí)分明，突出視覺(jué)中心，從而達(dá)到舒適的交互體驗(yàn)，提高用戶(hù)的交互效率，提升體驗(yàn)好感度。

（三）新模塊的添加、動(dòng)效結(jié)合音效，營(yíng)造趣味性的交互體驗(yàn)：交互設(shè)計(jì)是對(duì)用戶(hù)行為響應(yīng)的設(shè)計(jì)[6] 。比如點(diǎn)擊彈出下拉菜單，瀏覽過(guò)的部分會(huì)變色，提示用戶(hù)無(wú)需重復(fù)進(jìn)行無(wú)效操作等。雖然這些都是很細(xì)微的交互呈現(xiàn)方式，但卻處處體現(xiàn)著用戶(hù)交互體驗(yàn)的重要性。然而毫無(wú)驚喜的內(nèi)容、枯燥的閱讀界面，無(wú)論讀什么內(nèi)容的書(shū)籍，都是千篇一律的視覺(jué)感受，這樣的交互體驗(yàn)無(wú)疑是失敗的。APP的主界面、分界面之間，除了要確保它們之間切換的流暢性、觸覺(jué)交互的合理性，還需要增加閱讀體驗(yàn)的趣味性，讓閱讀不再索然無(wú)味。運(yùn)用紅黃藍(lán)、黑白對(duì)用戶(hù)情感的引導(dǎo)作用，針對(duì)不同功能、圖形、書(shū)籍內(nèi)容主題等進(jìn)行分類(lèi)應(yīng)用。購(gòu)書(shū)、社交、導(dǎo)入文案等功能的導(dǎo)入，與其他市面上已有的閱讀APP相比，可以增加其可玩性和趣味性，不再只有單一的閱讀功能，還可以聽(tīng)書(shū)、買(mǎi)書(shū)、交流，給予用戶(hù)新的體驗(yàn)。

四、基于蒙德里安風(fēng)格的書(shū)城閱讀APP界面交互設(shè)計(jì)實(shí)踐

由于閱讀類(lèi)APP的使用并沒(méi)有固定的使用場(chǎng)景和時(shí)間限制。書(shū)城閱讀APP也不例外，從場(chǎng)景來(lái)看，碎片化時(shí)間利用率較高，用戶(hù)在使用該APP時(shí)，可能站在擁擠的地鐵里、也可能躺在床上、還有可能在食堂排隊(duì)打飯;從時(shí)間來(lái)看，白天與晚上的閱讀需求也是截然不同的。因此，APP的界面視覺(jué)設(shè)計(jì)除了美觀性，實(shí)用性也是需要考慮的重要因素。此項(xiàng)目是筆者主持并與團(tuán)隊(duì)一起開(kāi)發(fā)的，在設(shè)計(jì)過(guò)程中，成功地將蒙德里安風(fēng)格融入該APP的視覺(jué)元素中，并增加了許多閱讀類(lèi)APP沒(méi)有的新功能模塊，達(dá)到了預(yù)期的效果，為同類(lèi)閱讀類(lèi)APP的設(shè)計(jì)與開(kāi)發(fā)提供了有利經(jīng)驗(yàn)。

（一）界面視覺(jué)設(shè)計(jì)：該閱讀APP的界面視覺(jué)設(shè)計(jì)，將蒙德里安風(fēng)格中紅黃藍(lán)的配色與幾何極簡(jiǎn)風(fēng)構(gòu)圖融入到設(shè)計(jì)中，巧妙地將UI界面的美觀與實(shí)用性結(jié)合起來(lái)。讓用戶(hù)在交互過(guò)程中得到了視覺(jué)上和心理上的滿(mǎn)足。

1.極簡(jiǎn)的圖形與圖像設(shè)計(jì)：圖形也稱(chēng)圖標(biāo)，極簡(jiǎn)的設(shè)計(jì)風(fēng)格，將會(huì)降低長(zhǎng)時(shí)間閱讀給用戶(hù)帶來(lái)的疲倦感，同時(shí)也是廣受用戶(hù)喜愛(ài)的風(fēng)格。少即是多，就是我們通常所說(shuō)的極簡(jiǎn)風(fēng)格，該APP啟動(dòng)圖標(biāo)是在視覺(jué)方面最先反饋給用戶(hù)的部分，所以其設(shè)計(jì)既要美觀，也要需要符合書(shū)城閱讀APP特性、便于識(shí)別。啟動(dòng)圖標(biāo)以極簡(jiǎn)風(fēng)格進(jìn)行設(shè)計(jì)，采用藍(lán)色、淡藍(lán)色、白色搭配，帶給用戶(hù)理性、清爽、時(shí)尚的視覺(jué)感受，扁平風(fēng)的筆畫(huà)組合成一個(gè)“書(shū)”字，下方是翻開(kāi)的一本書(shū)的形狀，體現(xiàn)了APP屬性;在實(shí)用方面，可將圖形放大或縮小放置在不同規(guī)格、環(huán)境中進(jìn)行應(yīng)用，如圖2。導(dǎo)航欄圖形的設(shè)計(jì)，需要用戶(hù)在沒(méi)有任何外界指引的情況下，也能高效地進(jìn)行操作。因此，應(yīng)該使用最適合的、最明確的、最簡(jiǎn)約的視覺(jué)元素作為標(biāo)簽欄圖形的構(gòu)成元素，將信息直截了當(dāng)?shù)貍鬟_(dá)給用戶(hù)。運(yùn)用蒙德里安藝術(shù)風(fēng)格的幾何圖形進(jìn)行組合，根據(jù)不同功能屬性進(jìn)行色彩搭配，簡(jiǎn)潔明快、易于識(shí)別。字體采用“微軟雅黑”字體，粗細(xì)均勻、便于閱讀與識(shí)別，如圖3。

相關(guān)圖像的繪制，采用了扁平風(fēng)的插畫(huà)，如起始頁(yè)內(nèi)容圖案的設(shè)計(jì)，共分為四個(gè)頁(yè)面，以介紹書(shū)城閱讀APP的“海量圖書(shū)”、“優(yōu)質(zhì)書(shū)圈”、“豐富功能”為主要畫(huà)面內(nèi)容的插畫(huà)，最后一個(gè)為進(jìn)入主界面的頁(yè)面，讓用戶(hù)直觀地了解該APP的產(chǎn)品特色。繪畫(huà)用筆干凈、簡(jiǎn)單，沒(méi)有過(guò)多的裝飾，居中構(gòu)圖的方式，虛實(shí)結(jié)合，富有層次感;一頁(yè)一頁(yè)地翻閱，到最后一頁(yè)的時(shí)候，點(diǎn)擊按鈕“立即體驗(yàn)”直接可進(jìn)入登錄界面，如圖4。

2.個(gè)性鮮明的色彩搭配：整體色彩搭配和諧而統(tǒng)一，不同模塊根據(jù)信息的重要程度所占面積不同，所安排的位置也有著一定的區(qū)別。頭像下的背景圖，由于面積較大，考慮到用戶(hù)的閱讀舒適度，并沒(méi)有使用容易引起視覺(jué)疲勞的紅色，也沒(méi)有使用過(guò)于刺眼的黃色，而使用了比較護(hù)眼的藍(lán)色，且藍(lán)色代表冷靜、科技，符合閱讀需求。色彩的明度、純度方面的人性化、細(xì)節(jié)化設(shè)計(jì)，可以很好地引導(dǎo)用戶(hù)的交互順序。點(diǎn)擊相應(yīng)按鈕，可準(zhǔn)確找到相關(guān)功能，且其他部分界面會(huì)做降低明度處理，突出視覺(jué)主體，讓用戶(hù)明確自己所處位置，從而降低交互時(shí)間成本，告別“東奔西跑”，如圖5。

色彩作為界面視覺(jué)設(shè)計(jì)的主要元素之一，對(duì)整個(gè)產(chǎn)品的基調(diào)和氛圍營(yíng)造有著重要的作用[7] 。采用蒙德里安這一獨(dú)特風(fēng)格，在這三個(gè)頁(yè)面之間的風(fēng)格有所區(qū)別的同時(shí)，也需要在設(shè)計(jì)風(fēng)格的整體上達(dá)到統(tǒng)一，最大限度地體現(xiàn)該APP的品牌辨識(shí)度。比如：登錄頁(yè)是最常見(jiàn)的、也是最重要的頁(yè)面之一，是每位用戶(hù)必用的界面。各種登錄方式和注冊(cè)輸入框的排版主次分明、比例適合。色彩方面不宜太刺眼、也不宜太亮，仍然使用藍(lán)色。當(dāng)需要注冊(cè)時(shí)，點(diǎn)擊右上方的注冊(cè)按鈕，即可進(jìn)入注冊(cè)頁(yè)面，注冊(cè)頁(yè)面為黃色;若已有賬號(hào)而忘記了密碼，還可以點(diǎn)擊忘記密碼，進(jìn)入找回密碼頁(yè)面，此頁(yè)面運(yùn)用富有警告、提醒作用的紅色。注冊(cè)和找回密碼頁(yè)面的左上角，設(shè)有返回按鈕，點(diǎn)擊可回到登錄界面，實(shí)現(xiàn)頁(yè)面之間的跳轉(zhuǎn)。最終完成的書(shū)城APP 界面設(shè)計(jì)一部分視覺(jué)效果如圖6、7、8，從產(chǎn)品的各個(gè)層面提升了用戶(hù)體驗(yàn)。蒙德里安藝術(shù)風(fēng)格最大限度地統(tǒng)一了不同頁(yè)面模塊的風(fēng)格，給用戶(hù)營(yíng)造了不同的閱讀氣氛，有利于交互的引導(dǎo)，同時(shí)提高了用戶(hù)的交互效率，讓用戶(hù)獲得舒適的交互體驗(yàn)。

3. 清晰的界面層級(jí)設(shè)置：該APP共有五個(gè)主界面，每個(gè)主要界面內(nèi)又由多個(gè)界面組成，要確保界面之間可以相互切換，需進(jìn)行原型設(shè)計(jì)。為了提高層級(jí)秩序，每個(gè)主要界面最多只向下延伸三個(gè)切換界面，不做過(guò)多分界面，以免層級(jí)太多太長(zhǎng)，否則用戶(hù)容易忘記操作路徑，而降低交互效率。無(wú)論哪種APP產(chǎn)品都需要遵循用戶(hù)的操作行為習(xí)慣，在此基礎(chǔ)上進(jìn)行交互設(shè)計(jì)，在書(shū)城閱讀APP中以高保真原型圖進(jìn)行全部UI界面設(shè)計(jì)中的交互設(shè)計(jì)操作。第一部分為引導(dǎo)頁(yè)、起始頁(yè)、登錄頁(yè)、注冊(cè)頁(yè)、修改密碼頁(yè)之間的交互設(shè)計(jì)，另一部分為書(shū)架界面的交互設(shè)計(jì)，連接兩個(gè)部分交互的是登錄按鈕，而書(shū)架界面與社區(qū)界面、書(shū)城界面、購(gòu)物車(chē)界面與用戶(hù)中心頁(yè)界面的交互以標(biāo)簽欄按鈕進(jìn)行切換，便于用戶(hù)操作。

（二）新功能模塊的交互設(shè)計(jì)：蒙德里安風(fēng)格的視覺(jué)設(shè)計(jì)，是書(shū)城閱讀APP提高辨識(shí)度的重要條件。而提高用戶(hù)交互效率，營(yíng)造趣味性交互體驗(yàn)是其不可忽視的最大優(yōu)勢(shì)[8] 。刪減與用戶(hù)任務(wù)無(wú)關(guān)的非功能性元素，只保留重要的信息，減輕用戶(hù)的認(rèn)知負(fù)荷。增加一些方便用戶(hù)使用的功能模塊：增加購(gòu)書(shū)與社區(qū)頁(yè)面。這兩個(gè)頁(yè)面是市面上已有的閱讀類(lèi)APP所沒(méi)有的，屬于新加的功能。購(gòu)書(shū)頁(yè)面，用戶(hù)如果在閱讀過(guò)程中遇到自己喜歡的書(shū)籍還可以進(jìn)行購(gòu)買(mǎi)，無(wú)需切換另外的購(gòu)書(shū)APP再進(jìn)行購(gòu)買(mǎi)，快捷方便。購(gòu)書(shū)頁(yè)面中，由于很多書(shū)籍封面的色彩較雜亂，因此背景主色調(diào)采用白色，結(jié)賬采用了黃色，刪減書(shū)籍采用了蒙德里安主色調(diào)中的紅色，用來(lái)警示用戶(hù)是否確定刪掉這本書(shū)。點(diǎn)擊垃圾桶按鈕，便可以刪除相應(yīng)的書(shū)籍，放在用戶(hù)常用的右側(cè)，面積比較大，適合手指操作。刪除相應(yīng)書(shū)籍后，會(huì)有漸隱的直觀交互效果，如圖9。當(dāng)購(gòu)書(shū)頁(yè)面需要選擇購(gòu)買(mǎi)并付款的書(shū)籍時(shí)，點(diǎn)擊相應(yīng)黃色對(duì)勾，即可看到總結(jié)，并付款。另外，新增的社區(qū)頁(yè)面，是用來(lái)供用戶(hù)們?cè)谠撈脚_(tái)進(jìn)行交流的，增加了閱讀APP的趣味性，可以發(fā)布動(dòng)態(tài)、編輯書(shū)單、搜索好友、還可以找到自己的社區(qū)和熱門(mén)的社區(qū)，書(shū)友們可以各抒己見(jiàn)，互相推薦喜歡看的書(shū)籍，還能看看其他閱讀圈的熱門(mén)話(huà)題等。當(dāng)下拉列菜單出現(xiàn)時(shí)，頁(yè)面其他部分會(huì)進(jìn)行半透明暗調(diào)處理，突出主體，方便選擇，如圖10。

（三）動(dòng)效與音效交互設(shè)計(jì)：該APP中的動(dòng)效設(shè)計(jì)豐富、合理、便捷，對(duì)于用戶(hù)來(lái)說(shuō)，可以帶來(lái)一定的閱讀趣味性和舒適度。多處運(yùn)用到了動(dòng)效的交互設(shè)計(jì)，點(diǎn)擊標(biāo)簽欄的圖標(biāo)進(jìn)行頁(yè)面切換時(shí)主要以過(guò)渡為主，為了用戶(hù)在切換界面時(shí)不會(huì)感到遲緩故無(wú)多余動(dòng)效。界面所涉及的所有動(dòng)效，主要有在每個(gè)主要功能下界面切換時(shí)的動(dòng)效與圖標(biāo)變換動(dòng)效，直觀、簡(jiǎn)約。以社區(qū)界面為例，點(diǎn)擊右上角的功能鍵，將按鈕旋轉(zhuǎn)45°，變成關(guān)閉的按鈕樣式，且附加功能在右上角逐漸向左延伸，既增加了趣味性，又方便了用戶(hù)找到相應(yīng)功能。再以購(gòu)書(shū)界面為例，在購(gòu)物車(chē)頁(yè)面點(diǎn)擊右上角的管理按鈕后，購(gòu)物車(chē)內(nèi)的書(shū)向左邊移動(dòng)，隨之滑動(dòng)出現(xiàn)的是每本書(shū)籍的刪除按鈕。點(diǎn)擊刪除按鈕，被點(diǎn)擊的書(shū)籍向左滑動(dòng)消失，0.5秒之內(nèi)顏色由深到淺漸變直到消失。底部書(shū)籍向上滑動(dòng)，由模糊變清晰，這種類(lèi)型的動(dòng)效設(shè)計(jì)，可以讓用戶(hù)更容易找到所需功能、快捷操作。

在音效設(shè)計(jì)中，針對(duì)一些小說(shuō)提供有聲書(shū)的服務(wù)，還包括書(shū)籍內(nèi)容的其他語(yǔ)音播放、語(yǔ)音提示音、動(dòng)效的音效、背景音樂(lè)等都可以使用戶(hù)讀者感受到趣味性和豐富的閱讀體驗(yàn)。語(yǔ)音播放可以使用戶(hù)在閱讀時(shí)解放雙眼，讓眼睛休息片刻，傾聽(tīng)書(shū)籍內(nèi)容;閱讀聲音還可以根據(jù)不同的閱讀內(nèi)容與背景切換不同的人物角色設(shè)定，如著名藝術(shù)家、演員等的聲音，讓用戶(hù)可以聽(tīng)到專(zhuān)業(yè)的、有趣的聲音。除此之外，交互時(shí)的滑動(dòng)、翻頁(yè)、點(diǎn)擊、刪除等操作都會(huì)有不同的富有特色的音效來(lái)區(qū)分。除此之外，在閱讀頁(yè)面，會(huì)根據(jù)不同的書(shū)籍內(nèi)容，播放相應(yīng)的音樂(lè)，帶用戶(hù)進(jìn)入書(shū)中的世界，營(yíng)造不同的閱讀氛圍?？傊?，搭配合理、有趣化的音效設(shè)計(jì)，讓“閱讀”方式變得更加多元，讓閱讀更加有趣。

結(jié)語(yǔ)

近幾年，各式各樣手機(jī)APP的開(kāi)發(fā)與使用，呈現(xiàn)出了迅猛增長(zhǎng)的態(tài)勢(shì)，這也從側(cè)面反映出了APP市場(chǎng)競(jìng)爭(zhēng)日益激烈，其發(fā)展前景十分廣闊。隨著 kindle（電子閱讀器）、微信閱讀、豆瓣閱讀和掌閱iReader等品牌的閱讀應(yīng)用不斷涌現(xiàn)，越來(lái)越多的同類(lèi)型閱讀APP紛紛上市。面對(duì)眾多琳瑯滿(mǎn)目、同質(zhì)化的閱讀APP產(chǎn)品，企業(yè)在開(kāi)發(fā)與設(shè)計(jì)時(shí)，個(gè)性化的凸顯、美觀與實(shí)用并存的界面交互設(shè)計(jì)是多么重要，對(duì)以上幾方面的改善、以及新功能的創(chuàng)新，可以大大改善用戶(hù)體驗(yàn)感。文章通過(guò)以蒙德里安藝術(shù)風(fēng)格在書(shū)城閱讀APP界面交互的個(gè)性化設(shè)計(jì)為例，驗(yàn)證了這個(gè)研究結(jié)論的可行性，不僅對(duì)該APP界面交互設(shè)計(jì)做了一定的探索，同時(shí)也為其他閱讀類(lèi)APP產(chǎn)品界面交互設(shè)計(jì)提供了一定的參考。本項(xiàng)目的階段性研究成果“書(shū)城閱讀APP”在2020年全國(guó)大學(xué)生“互聯(lián)網(wǎng)+”創(chuàng)新大賽暨第七屆“發(fā)現(xiàn)杯”全國(guó)大學(xué)生互聯(lián)網(wǎng)軟件設(shè)計(jì)大獎(jiǎng)賽中獲得了華南賽區(qū)二等獎(jiǎng)的成績(jī)，同時(shí)也為課題今后的深入研究奠定了一定的基礎(chǔ)。