陶若男
摘 要:在追求高效率、快節(jié)奏的社會(huì)背景下,手機(jī)網(wǎng)絡(luò)閱讀已經(jīng)被大眾接受,簡(jiǎn)潔干凈的APP界面減輕了用戶的視覺負(fù)擔(dān),受到了主流市場(chǎng)的認(rèn)可并被廣泛應(yīng)用。本文從閱讀APP出發(fā),分析探討極簡(jiǎn)主義APP界面的優(yōu)勢(shì),并總結(jié)出極簡(jiǎn)主義APP界面的設(shè)計(jì)原則。
關(guān)鍵詞:極簡(jiǎn)主義;界面設(shè)計(jì);用戶體驗(yàn)
1 極簡(jiǎn)主義風(fēng)格的APP界面概述
“極簡(jiǎn)主義”本著“少即是多”的原則,用最簡(jiǎn)單的形式和手法展現(xiàn)物體的本質(zhì)。極簡(jiǎn)不是一味地削減,它簡(jiǎn)約而不簡(jiǎn)單。極簡(jiǎn)主義的設(shè)計(jì)使用戶參與其中,與作品直接互動(dòng),這是界面設(shè)計(jì)中的核心要素,即注重用戶體驗(yàn)??茖W(xué)技術(shù)帶動(dòng)了APP的發(fā)展,基于用戶的需求產(chǎn)生了許多閱讀類APP??旃?jié)奏的社會(huì)背景下,簡(jiǎn)潔干凈的界面設(shè)計(jì)更受用戶青睞。極簡(jiǎn)主義的界面設(shè)計(jì)帶給人簡(jiǎn)潔、整體、易懂、清新的視覺感受;剔除一切不必要的信息,保留最本質(zhì)的內(nèi)容,快速吸引用戶群是其獨(dú)有特點(diǎn)。
2 極簡(jiǎn)主義風(fēng)格設(shè)計(jì)在閱讀類APP界面中的優(yōu)勢(shì)
2.1 省時(shí)間、高效率
極簡(jiǎn)主義風(fēng)格的閱讀APP通過信息層的簡(jiǎn)化,縮短了用戶操作消耗的時(shí)間,提高了用戶獲取信息的效率。靈活的留白、簡(jiǎn)化的文字和圖形,使界面內(nèi)容變得更清晰,在視覺上給人很舒服的感覺。例如閱讀APP“一個(gè)”,與同類軟件通篇圖片、文字大小不一的情況相比,它的界面顯得清晰整潔,用戶可快速地找到自己中意的閱讀類型。
2.2 圖形化直觀引導(dǎo)
圖形化已成為現(xiàn)代設(shè)計(jì)的一種重要手段,簡(jiǎn)潔、抽象的圖形符號(hào)成為新的審美標(biāo)準(zhǔn)。在APP界面中運(yùn)用圖形符號(hào)來代替多而雜的文字被設(shè)計(jì)者普遍應(yīng)用。以圖書閱讀類APP“10個(gè)”為例,進(jìn)入頁面后工具欄上僅有“電影”“文章”“圖片”等圖標(biāo),分別對(duì)應(yīng)影評(píng)、小短文及畫家作品,一目了然,直觀引導(dǎo)用戶使用。
2.3 符合用戶心理需求
極簡(jiǎn)主義的閱讀類APP由于傳達(dá)的信息多而雜,所以更加注重功能要求。在符合用戶心理需求的前提下,讓簡(jiǎn)潔易懂的界面更符合用戶的認(rèn)知規(guī)律和視覺習(xí)慣,減少人們的認(rèn)知障礙。亞伯拉罕·馬斯洛把人的需求層面從低到高依次排列為:初級(jí)(生理需求、安全需求)、中級(jí)(社交需求)、高級(jí)(尊重需求、自我實(shí)現(xiàn)需求)。極簡(jiǎn)主義的閱讀APP界面不僅滿足人的生理需求,而且滿足用戶的自我實(shí)現(xiàn)需求,有用且讓人想用。
3 極簡(jiǎn)主義風(fēng)格的閱讀APP界面設(shè)計(jì)原則
3.1 基與用戶體驗(yàn)的設(shè)計(jì)
(1)色彩搭配與情感體驗(yàn)。為高效地獲取文章內(nèi)容,簡(jiǎn)潔的色彩在閱讀類APP界面中被廣泛使用。老子曾說:五色使人盲。現(xiàn)代社會(huì)隨處可見各種各樣的色彩,而簡(jiǎn)約單純的色彩給人平靜的感覺以緩解生活中的壓力。如閱讀APP“一個(gè)”的正文界面,整個(gè)界面底色為白色,圖片黑白,標(biāo)題文字是黑色,正文文字為灰色,黑白灰的運(yùn)用簡(jiǎn)化了色彩,給人極強(qiáng)的視覺沖擊力。同時(shí),閱讀APP的設(shè)計(jì)也要注意色彩的飽和度,飽和度高的色彩容易吸引人的眼球,但長(zhǎng)時(shí)間注視會(huì)導(dǎo)致注意力下降、眼睛疲勞。而文字閱讀需要我們?cè)谝欢螘r(shí)間內(nèi)集中精神去看,所以飽和度較高的色彩不適宜作為大片背景出現(xiàn)在正文頁面。飽和度高的色彩可以小面積地用在APP界面的導(dǎo)航欄和工具欄,與APP主色調(diào)相呼應(yīng)。
(2)圖形符號(hào)與用戶思考模式。圖形符號(hào)是所有設(shè)計(jì)中最基礎(chǔ)的構(gòu)成要素,它可以給用戶提供最直觀的信息。例如閱讀APP“ZAKER”首頁界面的圖標(biāo),就是以圖形符號(hào)的形態(tài)展現(xiàn)給用戶,幾乎沒有人會(huì)點(diǎn)體育頻道的符號(hào)去查看電影資訊。這種簡(jiǎn)單的圖形將信息傳遞給人的大腦,在大腦中進(jìn)行轉(zhuǎn)化,指導(dǎo)用戶做出正確操作方式。這種思考模式利用簡(jiǎn)單豐富的圖形符號(hào),指導(dǎo)用戶與產(chǎn)品進(jìn)行交流互動(dòng)。我們?cè)趯?duì)閱讀類APP界面進(jìn)行設(shè)計(jì)時(shí),也可以運(yùn)用這種符號(hào)元素,加快用戶的正確思考速度,提高效率,增強(qiáng)用戶體驗(yàn)的舒適度。
(3)排版布局與用戶日常習(xí)慣。版式設(shè)計(jì)對(duì)閱讀界面至關(guān)重要,會(huì)直接影響界面的整體視覺效果,具有舉足輕重的作用。
第一,主次之分。界面中所有元素大小相同或無變化時(shí),整體無主次之分、無節(jié)奏。人的閱讀規(guī)律一般來說是從上到下、從左至右,因而在進(jìn)行APP界面設(shè)計(jì)時(shí),也要遵循相應(yīng)規(guī)律,將主體或重要內(nèi)容放置在視覺中心,接著再排列次重點(diǎn),依次類推;文字大小也應(yīng)有相應(yīng)變化。如此布局,在瀏覽過程中明顯有了層次,減少閱讀枯燥感。
第二,視覺習(xí)慣。在進(jìn)行間距與大小相同的正方形和圓形隨機(jī)排列時(shí),人們視覺上看上去總會(huì)覺得兩個(gè)圓的距離大于兩個(gè)正方形的距離,這是由于形狀不同而產(chǎn)生的錯(cuò)視。APP界面中的標(biāo)簽欄的位置都是不變的,在用戶心中就產(chǎn)生了固定模式,用戶很容易產(chǎn)生錯(cuò)視;所以在設(shè)計(jì)圖形符號(hào)時(shí),一定要注意各個(gè)圖形之間的外輪廓差異,避免用戶產(chǎn)生錯(cuò)視,讓用戶在體驗(yàn)時(shí)感到不和諧。
第三,操作習(xí)慣。APP的界面布局與操作習(xí)慣也有著密不可分的聯(lián)系。為使操作方式快捷簡(jiǎn)單,設(shè)計(jì)師必須合理分析用戶的操作習(xí)慣,找到最舒適的操作體驗(yàn)。受到視覺規(guī)律的影響,圖書閱讀類應(yīng)用大多界面布局都是自上而下,也有從左到右的界面布局,許多APP在啟動(dòng)界面運(yùn)用動(dòng)畫效果,使整體看起來不會(huì)單一。
3.2 少即是多
(1)空靈。極簡(jiǎn)主義的設(shè)計(jì)都帶有空靈之氣,自由、韻律之感,給人以巨大的想象空間。在設(shè)計(jì)中,“空靈”通過畫面留白來表現(xiàn),例如無印良品的海報(bào),巧妙的留白令觀眾產(chǎn)生無盡的想象。在多圖多文字的APP界面中,圖片與文字信息豐富且色彩明亮,為了使整體和諧,背景只能留白。版式的留白平衡了圖形、文字、色彩之間的關(guān)系,使界面疏密有致,更顯高品位,符合“少即是多”的設(shè)計(jì)原則。
(2)意象?!耙庀蟆奔赐ㄟ^物體來表達(dá)思想感情,化繁為簡(jiǎn),通過簡(jiǎn)單事物傳達(dá)意圖,易于理解?!吧偌词嵌唷钡臉O簡(jiǎn)主義的設(shè)計(jì)原則要求在進(jìn)行APP界面設(shè)計(jì)時(shí),將圖形刪繁就簡(jiǎn),以最本質(zhì)的形式表現(xiàn)其特征,使界面看起來干凈、舒服,內(nèi)涵清晰、明了。
(3)清凈?!扒屐o”指淡雅、清新之美。在極簡(jiǎn)主義的設(shè)計(jì)中,色彩選用力求“干凈”,一般不超過兩種色彩,反對(duì)繁雜濃郁的色彩;可配以黑白灰加以調(diào)和,有時(shí)甚至只用黑白灰三種顏色。色彩雖少,卻以一當(dāng)十,清新淡雅有格調(diào),視覺沖擊力極強(qiáng),主題突出,注意力更集中。
(4)“無感”?!盁o感”顧名思義是毫無感覺,即自然。設(shè)計(jì)師在設(shè)計(jì)界面時(shí)要考慮到用戶的體驗(yàn),保持客觀事物或客觀情感的“真”,盡可能遵循用戶的視覺和操作習(xí)慣,使其在體驗(yàn)過程中無任何違和感。
3.3 平衡
極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)以“少即是多”為設(shè)計(jì)原則,追求簡(jiǎn)約、樸素的生活態(tài)度;但簡(jiǎn)約不等于越簡(jiǎn)單越好,也要考慮事物的平衡。飽和度低的色彩可以緩解視覺疲勞,但久而久之就會(huì)導(dǎo)致注意力分散,這時(shí),若要使注意力集中,就需要加入較為明亮的顏色進(jìn)行調(diào)和,以此達(dá)到視覺的平衡。若一味地追求簡(jiǎn)單,則會(huì)導(dǎo)致畫面的不平衡或空乏無內(nèi)涵,降低用戶體驗(yàn)的舒適感。所以在設(shè)計(jì)過程中,要注意文字、色彩、圖形之間的協(xié)調(diào)關(guān)系,要進(jìn)行適度調(diào)和。
4 結(jié)語
極簡(jiǎn)主義的界面設(shè)計(jì)以用戶體驗(yàn)為出發(fā)點(diǎn),考慮用戶操作習(xí)慣、視覺規(guī)律、認(rèn)知心理學(xué)等因素,盡可能地使用戶體驗(yàn)更為舒適。極簡(jiǎn)主義的界面設(shè)計(jì)還具有許多優(yōu)勢(shì),如省時(shí)高效、直觀引導(dǎo)、符合用戶心理需求等。作為設(shè)計(jì)者,我們應(yīng)極力遵循“以人為本”的設(shè)計(jì)理念,要考慮到色彩給用戶帶來的情感體驗(yàn),考慮到圖形符號(hào)使用戶產(chǎn)生的思考模式,考慮到布局排版是否符合用戶的操作習(xí)慣與視覺規(guī)律。在謹(jǐn)記“少就是多”的設(shè)計(jì)原則的同時(shí)顧慮到平衡,在致力于設(shè)計(jì)出創(chuàng)新、美觀的APP的同時(shí),也帶給用戶舒適的體驗(yàn)。
參考文獻(xiàn):
[1] 唐納德·A .諾曼(美).情感化設(shè)計(jì)[M].何笑梅,歐秋杏,譯.中信出版社,2015.
[2] 科爾伯恩.簡(jiǎn)約至上:交互式設(shè)計(jì)四策略[M].人民郵電出版社,2011.
[3] 黃慧敏.最簡(jiǎn)單的圖形與最復(fù)雜的信息:如何有效建立你的視覺思維[M].浙江人民出版社,2013.
[4] 原研哉(日).設(shè)計(jì)中的設(shè)計(jì)[M].山東人民出版社,2006.
[5] 柳沙.設(shè)計(jì)心理學(xué)[M].上海人民美術(shù)出版社,2013.
[6] 周天嬌.基于移動(dòng)用戶體驗(yàn)的極簡(jiǎn)化設(shè)計(jì)研究[D].華東理工大學(xué),2014.
[7] 楊義.老子評(píng)注[M].岳麓書社,2007.