閱讀類APP界面中極簡主義風(fēng)格探究

陶若男

摘 要：在追求高效率、快節(jié)奏的社會背景下，手機(jī)網(wǎng)絡(luò)閱讀已經(jīng)被大眾接受，簡潔干凈的APP界面減輕了用戶的視覺負(fù)擔(dān)，受到了主流市場的認(rèn)可并被廣泛應(yīng)用。本文從閱讀APP出發(fā)，分析探討極簡主義APP界面的優(yōu)勢，并總結(jié)出極簡主義APP界面的設(shè)計原則。

關(guān)鍵詞：極簡主義;界面設(shè)計;用戶體驗

1 極簡主義風(fēng)格的APP界面概述

“極簡主義”本著“少即是多”的原則，用最簡單的形式和手法展現(xiàn)物體的本質(zhì)。極簡不是一味地削減，它簡約而不簡單。極簡主義的設(shè)計使用戶參與其中，與作品直接互動，這是界面設(shè)計中的核心要素，即注重用戶體驗。科學(xué)技術(shù)帶動了APP的發(fā)展，基于用戶的需求產(chǎn)生了許多閱讀類APP。快節(jié)奏的社會背景下，簡潔干凈的界面設(shè)計更受用戶青睞。極簡主義的界面設(shè)計帶給人簡潔、整體、易懂、清新的視覺感受;剔除一切不必要的信息，保留最本質(zhì)的內(nèi)容，快速吸引用戶群是其獨(dú)有特點(diǎn)。

2 極簡主義風(fēng)格設(shè)計在閱讀類APP界面中的優(yōu)勢

2.1 省時間、高效率

極簡主義風(fēng)格的閱讀APP通過信息層的簡化，縮短了用戶操作消耗的時間，提高了用戶獲取信息的效率。靈活的留白、簡化的文字和圖形，使界面內(nèi)容變得更清晰，在視覺上給人很舒服的感覺。例如閱讀APP“一個”，與同類軟件通篇圖片、文字大小不一的情況相比，它的界面顯得清晰整潔，用戶可快速地找到自己中意的閱讀類型。

2.2 圖形化直觀引導(dǎo)

圖形化已成為現(xiàn)代設(shè)計的一種重要手段，簡潔、抽象的圖形符號成為新的審美標(biāo)準(zhǔn)。在APP界面中運(yùn)用圖形符號來代替多而雜的文字被設(shè)計者普遍應(yīng)用。以圖書閱讀類APP“10個”為例，進(jìn)入頁面后工具欄上僅有“電影”“文章”“圖片”等圖標(biāo)，分別對應(yīng)影評、小短文及畫家作品，一目了然，直觀引導(dǎo)用戶使用。

2.3 符合用戶心理需求

極簡主義的閱讀類APP由于傳達(dá)的信息多而雜，所以更加注重功能要求。在符合用戶心理需求的前提下，讓簡潔易懂的界面更符合用戶的認(rèn)知規(guī)律和視覺習(xí)慣，減少人們的認(rèn)知障礙。亞伯拉罕·馬斯洛把人的需求層面從低到高依次排列為：初級（生理需求、安全需求）、中級（社交需求）、高級（尊重需求、自我實(shí)現(xiàn)需求）。極簡主義的閱讀APP界面不僅滿足人的生理需求，而且滿足用戶的自我實(shí)現(xiàn)需求，有用且讓人想用。

3 極簡主義風(fēng)格的閱讀APP界面設(shè)計原則

3.1 基與用戶體驗的設(shè)計

（1）色彩搭配與情感體驗。為高效地獲取文章內(nèi)容，簡潔的色彩在閱讀類APP界面中被廣泛使用。老子曾說：五色使人盲。現(xiàn)代社會隨處可見各種各樣的色彩，而簡約單純的色彩給人平靜的感覺以緩解生活中的壓力。如閱讀APP“一個”的正文界面，整個界面底色為白色，圖片黑白，標(biāo)題文字是黑色，正文文字為灰色，黑白灰的運(yùn)用簡化了色彩，給人極強(qiáng)的視覺沖擊力。同時，閱讀APP的設(shè)計也要注意色彩的飽和度，飽和度高的色彩容易吸引人的眼球，但長時間注視會導(dǎo)致注意力下降、眼睛疲勞。而文字閱讀需要我們在一段時間內(nèi)集中精神去看，所以飽和度較高的色彩不適宜作為大片背景出現(xiàn)在正文頁面。飽和度高的色彩可以小面積地用在APP界面的導(dǎo)航欄和工具欄，與APP主色調(diào)相呼應(yīng)。

（2）圖形符號與用戶思考模式。圖形符號是所有設(shè)計中最基礎(chǔ)的構(gòu)成要素，它可以給用戶提供最直觀的信息。例如閱讀APP“ZAKER”首頁界面的圖標(biāo)，就是以圖形符號的形態(tài)展現(xiàn)給用戶，幾乎沒有人會點(diǎn)體育頻道的符號去查看電影資訊。這種簡單的圖形將信息傳遞給人的大腦，在大腦中進(jìn)行轉(zhuǎn)化，指導(dǎo)用戶做出正確操作方式。這種思考模式利用簡單豐富的圖形符號，指導(dǎo)用戶與產(chǎn)品進(jìn)行交流互動。我們在對閱讀類APP界面進(jìn)行設(shè)計時，也可以運(yùn)用這種符號元素，加快用戶的正確思考速度，提高效率，增強(qiáng)用戶體驗的舒適度。

（3）排版布局與用戶日常習(xí)慣。版式設(shè)計對閱讀界面至關(guān)重要，會直接影響界面的整體視覺效果，具有舉足輕重的作用。

第一，主次之分。界面中所有元素大小相同或無變化時，整體無主次之分、無節(jié)奏。人的閱讀規(guī)律一般來說是從上到下、從左至右，因而在進(jìn)行APP界面設(shè)計時，也要遵循相應(yīng)規(guī)律，將主體或重要內(nèi)容放置在視覺中心，接著再排列次重點(diǎn)，依次類推;文字大小也應(yīng)有相應(yīng)變化。如此布局，在瀏覽過程中明顯有了層次，減少閱讀枯燥感。

第二，視覺習(xí)慣。在進(jìn)行間距與大小相同的正方形和圓形隨機(jī)排列時，人們視覺上看上去總會覺得兩個圓的距離大于兩個正方形的距離，這是由于形狀不同而產(chǎn)生的錯視。APP界面中的標(biāo)簽欄的位置都是不變的，在用戶心中就產(chǎn)生了固定模式，用戶很容易產(chǎn)生錯視;所以在設(shè)計圖形符號時，一定要注意各個圖形之間的外輪廓差異，避免用戶產(chǎn)生錯視，讓用戶在體驗時感到不和諧。

第三，操作習(xí)慣。APP的界面布局與操作習(xí)慣也有著密不可分的聯(lián)系。為使操作方式快捷簡單，設(shè)計師必須合理分析用戶的操作習(xí)慣，找到最舒適的操作體驗。受到視覺規(guī)律的影響，圖書閱讀類應(yīng)用大多界面布局都是自上而下，也有從左到右的界面布局，許多APP在啟動界面運(yùn)用動畫效果，使整體看起來不會單一。

3.2 少即是多

（1）空靈。極簡主義的設(shè)計都帶有空靈之氣，自由、韻律之感，給人以巨大的想象空間。在設(shè)計中，“空靈”通過畫面留白來表現(xiàn)，例如無印良品的海報，巧妙的留白令觀眾產(chǎn)生無盡的想象。在多圖多文字的APP界面中，圖片與文字信息豐富且色彩明亮，為了使整體和諧，背景只能留白。版式的留白平衡了圖形、文字、色彩之間的關(guān)系，使界面疏密有致，更顯高品位，符合“少即是多”的設(shè)計原則。

（2）意象。“意象”即通過物體來表達(dá)思想感情，化繁為簡，通過簡單事物傳達(dá)意圖，易于理解。“少即是多”的極簡主義的設(shè)計原則要求在進(jìn)行APP界面設(shè)計時，將圖形刪繁就簡，以最本質(zhì)的形式表現(xiàn)其特征，使界面看起來干凈、舒服，內(nèi)涵清晰、明了。

（3）清凈。“清靜”指淡雅、清新之美。在極簡主義的設(shè)計中，色彩選用力求“干凈”，一般不超過兩種色彩，反對繁雜濃郁的色彩;可配以黑白灰加以調(diào)和，有時甚至只用黑白灰三種顏色。色彩雖少，卻以一當(dāng)十，清新淡雅有格調(diào)，視覺沖擊力極強(qiáng)，主題突出，注意力更集中。

（4）“無感”。“無感”顧名思義是毫無感覺，即自然。設(shè)計師在設(shè)計界面時要考慮到用戶的體驗，保持客觀事物或客觀情感的“真”，盡可能遵循用戶的視覺和操作習(xí)慣，使其在體驗過程中無任何違和感。

3.3 平衡

極簡主義風(fēng)格的設(shè)計以“少即是多”為設(shè)計原則，追求簡約、樸素的生活態(tài)度;但簡約不等于越簡單越好，也要考慮事物的平衡。飽和度低的色彩可以緩解視覺疲勞，但久而久之就會導(dǎo)致注意力分散，這時，若要使注意力集中，就需要加入較為明亮的顏色進(jìn)行調(diào)和，以此達(dá)到視覺的平衡。若一味地追求簡單，則會導(dǎo)致畫面的不平衡或空乏無內(nèi)涵，降低用戶體驗的舒適感。所以在設(shè)計過程中，要注意文字、色彩、圖形之間的協(xié)調(diào)關(guān)系，要進(jìn)行適度調(diào)和。

4 結(jié)語

極簡主義的界面設(shè)計以用戶體驗為出發(fā)點(diǎn)，考慮用戶操作習(xí)慣、視覺規(guī)律、認(rèn)知心理學(xué)等因素，盡可能地使用戶體驗更為舒適。極簡主義的界面設(shè)計還具有許多優(yōu)勢，如省時高效、直觀引導(dǎo)、符合用戶心理需求等。作為設(shè)計者，我們應(yīng)極力遵循“以人為本”的設(shè)計理念，要考慮到色彩給用戶帶來的情感體驗，考慮到圖形符號使用戶產(chǎn)生的思考模式，考慮到布局排版是否符合用戶的操作習(xí)慣與視覺規(guī)律。在謹(jǐn)記“少就是多”的設(shè)計原則的同時顧慮到平衡，在致力于設(shè)計出創(chuàng)新、美觀的APP的同時，也帶給用戶舒適的體驗。

參考文獻(xiàn)：

[1] 唐納德·A .諾曼（美）.情感化設(shè)計[M].何笑梅，歐秋杏，譯.中信出版社，2015.

[2] 科爾伯恩.簡約至上：交互式設(shè)計四策略[M].人民郵電出版社，2011.

[3] 黃慧敏.最簡單的圖形與最復(fù)雜的信息：如何有效建立你的視覺思維[M].浙江人民出版社，2013.

[4] 原研哉（日）.設(shè)計中的設(shè)計[M].山東人民出版社，2006.

[5] 柳沙.設(shè)計心理學(xué)[M].上海人民美術(shù)出版社，2013.

[6] 周天嬌.基于移動用戶體驗的極簡化設(shè)計研究[D].華東理工大學(xué)，2014.

[7] 楊義.老子評注[M].岳麓書社，2007.