極簡(jiǎn)主義風(fēng)格在手機(jī)APP界面設(shè)計(jì)中的應(yīng)用

吳懿凡 高明珍

【摘 要】本文在收集和研究原始資料及設(shè)計(jì)文獻(xiàn)的基礎(chǔ)上，以經(jīng)典APP案例分析和討論為研究方法，挖掘出現(xiàn)有極簡(jiǎn)主義風(fēng)格APP的特點(diǎn)，并與其它風(fēng)格對(duì)比得出高交互性、高識(shí)別性等優(yōu)勢(shì)，總結(jié)出更完善、高效的設(shè)計(jì)原則及方法。從中發(fā)現(xiàn)當(dāng)下存在的問(wèn)題并且提出應(yīng)用過(guò)程中的誤區(qū)及改進(jìn)方法，即極簡(jiǎn)并不是盲目追求形式上的簡(jiǎn)單，而是復(fù)雜的升華，是充滿人情味的精簡(jiǎn)設(shè)計(jì)。

【關(guān)鍵詞】極簡(jiǎn)主義；界面設(shè)計(jì)；手機(jī)APP

中圖分類號(hào)：TP311.5 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1007-0125（2019）08-0115-02

傳達(dá)效率對(duì)于當(dāng)今快節(jié)奏生活的人們來(lái)說(shuō)至關(guān)重要，一些APP產(chǎn)品設(shè)計(jì)得過(guò)于復(fù)雜使不必要的問(wèn)題和操作在無(wú)形中產(chǎn)生，增加了用戶的使用難度。而極簡(jiǎn)主義風(fēng)格APP以簡(jiǎn)約的新方式將受眾的目光重新抓住，簡(jiǎn)約而不簡(jiǎn)陋，使界面設(shè)計(jì)既高效合理又簡(jiǎn)潔美觀。在這樣的情況下，極簡(jiǎn)主義風(fēng)格在APP界面設(shè)計(jì)中的應(yīng)用是十分具有前景的。

一、極簡(jiǎn)主義風(fēng)格概論

（一）極簡(jiǎn)主義風(fēng)格定義。極簡(jiǎn)主義風(fēng)格不僅是一種藝術(shù)上的風(fēng)格，更是一種生活態(tài)度和價(jià)值觀，它的核心目的是極致簡(jiǎn)約且富含意義。極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)方式具有高效性、客觀性、合理性，藝術(shù)表達(dá)力強(qiáng)。它被廣泛應(yīng)用于平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、展示設(shè)計(jì)等多種媒體上，近年在手機(jī)APP界面設(shè)計(jì)上也開(kāi)始引領(lǐng)風(fēng)潮。行業(yè)內(nèi)普遍認(rèn)為極簡(jiǎn)主義風(fēng)格從藝術(shù)概念上講，是使用最純粹的樣式還原設(shè)計(jì)本身最基本的屬性，去除多余裝飾，不過(guò)多添加創(chuàng)作者個(gè)人主觀意識(shí)。從表現(xiàn)力方面講，是作品元素的簡(jiǎn)潔集中，放大了文本符號(hào)或圖形的表現(xiàn)張力，增強(qiáng)了畫面的美感和界面的清晰感。從交互上講，極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)簡(jiǎn)化了交互步驟，直接向用戶展示了更深層次的內(nèi)容。極簡(jiǎn)主義風(fēng)格的作品整體清爽明晰，其最主要的目的是幫助用戶迅速找到關(guān)注的焦點(diǎn)，并且盡快實(shí)現(xiàn)他們的需求。

（二）極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)特點(diǎn)。極簡(jiǎn)主義風(fēng)格的特點(diǎn)是不以形式作為設(shè)計(jì)的出發(fā)點(diǎn)。相反，設(shè)計(jì)的目的和界面中心又回到了功能上，強(qiáng)調(diào)了設(shè)計(jì)的便利性和科學(xué)性。特別注重整體設(shè)計(jì)的效果，注重空間上的合理布局。極簡(jiǎn)主義風(fēng)格應(yīng)用于界面設(shè)計(jì)時(shí)最核心的特點(diǎn)是清晰。除此之外還有許多其它特點(diǎn)，例如：界面簡(jiǎn)約、組件與比例均具有高對(duì)比度、每個(gè)運(yùn)用的元素都有其功能、視覺(jué)信息的表現(xiàn)力強(qiáng)大、大量的留白空間、擁有高關(guān)注度的核心細(xì)節(jié)、移除無(wú)功能的裝飾性元素等。

二、極簡(jiǎn)主義風(fēng)格運(yùn)用于APP界面設(shè)計(jì)上的優(yōu)勢(shì)

當(dāng)下主流的扁平化界面設(shè)計(jì)風(fēng)格主要分為三種——以簡(jiǎn)單易用為原則的極簡(jiǎn)主義風(fēng)格、擅用色塊堆砌且層次分明的微軟Metro風(fēng)格、以卡片化設(shè)計(jì)為代表的谷歌Material Design風(fēng)格。這三種界面風(fēng)格各自有優(yōu)缺點(diǎn)，適用于不同類型的移動(dòng)設(shè)備和應(yīng)用程序。而相比其它風(fēng)格，極簡(jiǎn)主義風(fēng)格的優(yōu)勢(shì)更突出，它將次要內(nèi)容最小化使主次關(guān)系非常明顯，所以具有更層次化的信息傳達(dá)效率。界面的核心主題有較強(qiáng)的表現(xiàn)力，用戶不再需要在其它元素中做出選擇，所需要的內(nèi)容便直觀地呈現(xiàn)在眼前，這一理念非常符合用戶體驗(yàn)的舒適度。

從功能上來(lái)看，極簡(jiǎn)主義風(fēng)格APP的設(shè)計(jì)具有高度可識(shí)別性和較好的人機(jī)互動(dòng)性。從美學(xué)角度上看，極簡(jiǎn)主義風(fēng)格設(shè)計(jì)符合當(dāng)今社會(huì)的審美需求。在提倡環(huán)保的綠色設(shè)計(jì)理念中，極簡(jiǎn)主義風(fēng)格可以直觀地給人一種簡(jiǎn)單、低碳的感覺(jué)。極簡(jiǎn)主義風(fēng)格設(shè)計(jì)強(qiáng)調(diào)對(duì)主題概念的有力表達(dá)，其清晰的特點(diǎn)正是用戶在當(dāng)今琳瑯滿目的界面中所需要的。主要優(yōu)勢(shì)有以下四點(diǎn)：（一）界面采用直觀引導(dǎo)，滿足高效簡(jiǎn)潔的要求；（二）極簡(jiǎn)主義風(fēng)格能更好地適應(yīng)移動(dòng)端的響應(yīng)式界面，操作更敏捷；（三）有利于提升用戶生活品質(zhì)與效率，節(jié)約用戶注意力，充分迎合現(xiàn)代生活的需求；（四）極簡(jiǎn)主義風(fēng)格使界面設(shè)計(jì)成為一種更高層次的藝術(shù)表現(xiàn)形式。

三、總結(jié)極簡(jiǎn)主義風(fēng)格應(yīng)用于APP界面的設(shè)計(jì)方法

（一）使用簡(jiǎn)約圖形和元素。首先是對(duì)圖形的簡(jiǎn)化。在APP界面設(shè)計(jì)中，圖標(biāo)是信息圖形最重要的表達(dá)方式之一，也是界面必不可少的一種元素。它具有高度集中性，能夠快速地傳遞信息，方便用戶記憶。界面設(shè)計(jì)中的大多數(shù)圖標(biāo)都應(yīng)采用簡(jiǎn)約風(fēng)格，消除不必要元素使用戶一目了然。例如，如今百度搜索的圖標(biāo)是從相對(duì)具象化的原始表達(dá)方式中簡(jiǎn)化出來(lái)的，在美觀度上提升了圖標(biāo)的整體品質(zhì)，也助于理解記憶。

其次是對(duì)文字的簡(jiǎn)化。文字作為信息的載體，不僅能傳達(dá)思想，還能表達(dá)情感，所以在各種設(shè)計(jì)中，文字都是不可或缺的重要元素，而在界面設(shè)計(jì)中更為重要?？蓪?duì)字體的大小、顏色和結(jié)構(gòu)進(jìn)行變形或夸張的方法來(lái)體現(xiàn)簡(jiǎn)化字的魅力，必要時(shí)需與圖形進(jìn)行有機(jī)結(jié)合增強(qiáng)整體視覺(jué)表現(xiàn)力，以此增加用戶記憶點(diǎn)。例如，手機(jī)百度APP的圖標(biāo)中的“du”，只用“度”的拼音就完美詮釋了百度，簡(jiǎn)化文字的同時(shí)達(dá)到使用戶印象深刻的效果。

最后，要對(duì)視覺(jué)元素進(jìn)行合理分組。每個(gè)界面必須定一個(gè)主旋律，然后按此對(duì)元素合理劃分、組合，但切忌同一界面出現(xiàn)太多相似主題，以免分散用戶注意力。視覺(jué)元素的合理組織對(duì)用戶快速掌握界面的主要功能起積極作用，在進(jìn)行APP后期維護(hù)或更新時(shí)，也便于開(kāi)發(fā)者輕松修改，大大降低了工作量與成本。

（二）簡(jiǎn)化用色。色彩是APP產(chǎn)品與用戶進(jìn)行情感溝通的重要紐帶，在進(jìn)行極簡(jiǎn)主義風(fēng)格設(shè)計(jì)的時(shí)候，應(yīng)該采用單色或者色彩數(shù)量較少的配色方案。這樣能將色彩在界面上的凝聚力最大化，正確合理地運(yùn)用色彩即可輕松引起用戶視覺(jué)上的關(guān)注，將用戶的需求集中實(shí)現(xiàn)到元素上?？蛇_(dá)到不添加多余的設(shè)計(jì)元素和圖形，也能順利傳遞信息和功能的效果。首先，這樣的界面需要具有高效性，把用戶的注意力引導(dǎo)到需要被關(guān)注的區(qū)域或內(nèi)容上，從而觸發(fā)用戶交互（比如關(guān)注，購(gòu)買，關(guān)閉，打開(kāi)等）。其次，從心理學(xué)角度上來(lái)說(shuō)，特定的色彩關(guān)聯(lián)特定的情緒，恰到好處地使用色彩搭配則可以放大情緒。使用過(guò)程中需要注意的是：色彩的選擇數(shù)量不宜過(guò)多，界面主要色彩搭配不超過(guò)三種，由于使用顏色數(shù)量的限制，所以必須選擇具有創(chuàng)意的視覺(jué)層次效果的顏色進(jìn)行搭配。且APP需要選擇一個(gè)主色調(diào)串聯(lián)每個(gè)界面使整體得以協(xié)調(diào)。

（三）優(yōu)化排版布局。優(yōu)化排版布局對(duì)于極簡(jiǎn)主義風(fēng)格的APP界面設(shè)計(jì)來(lái)說(shuō)最關(guān)鍵的一步是留白設(shè)計(jì)，但并非只能留出白色，而是指留出空間。留白設(shè)計(jì)對(duì)于吸引目光集中于主要元素上有著積極作用，由于界面上沒(méi)有其它東西的干擾，所以留白的空間所包圍的內(nèi)容很容易就成為視覺(jué)焦點(diǎn)，此時(shí)便有效地把用戶的注意力引導(dǎo)到特定的元素上，效果類似于寫作手法中的“開(kāi)門見(jiàn)山”。此外，留白設(shè)計(jì)還能塑造出區(qū)域的空間層次感，從而清晰地呈現(xiàn)出界面的整體框架和布局。使用過(guò)程中需要注意幾點(diǎn)：首先，每個(gè)界面只留下一個(gè)視覺(jué)焦點(diǎn)。因?yàn)楫?dāng)界面上留下的內(nèi)容越少，保留下的內(nèi)容才能越容易被關(guān)注。若是有多個(gè)視覺(jué)焦點(diǎn)，由于手機(jī)界面的局限性，還是造成不必要的視覺(jué)記憶負(fù)擔(dān)。其次，因?yàn)闃O簡(jiǎn)主義風(fēng)格的設(shè)計(jì)哲學(xué)是“內(nèi)容為王”，所以所有界面的排版布局都應(yīng)圍繞內(nèi)容展開(kāi)。

四、極簡(jiǎn)主義風(fēng)格APP界面設(shè)計(jì)的誤區(qū)及注意點(diǎn)

（一）極簡(jiǎn)主義風(fēng)格在實(shí)際應(yīng)用中的誤區(qū)

當(dāng)下在極簡(jiǎn)主義風(fēng)格手機(jī)APP界面設(shè)計(jì)中存在一些問(wèn)題。首先，通過(guò)調(diào)查發(fā)現(xiàn)很多人沒(méi)有充分理解極簡(jiǎn)主義風(fēng)格的內(nèi)涵，誤認(rèn)為極簡(jiǎn)代表著過(guò)分簡(jiǎn)單的廉價(jià)設(shè)計(jì)，把產(chǎn)品做成了毫無(wú)價(jià)值的簡(jiǎn)陋設(shè)計(jì)。這樣的APP產(chǎn)品很空洞沒(méi)有意義，與設(shè)計(jì)初心相違背。其次，一味地強(qiáng)調(diào)化繁為簡(jiǎn)，為了做到極簡(jiǎn)而刪除了重要信息，導(dǎo)致用戶在使用時(shí)產(chǎn)生障礙。此外，還有一些人對(duì)極簡(jiǎn)主義風(fēng)格存在理解上的偏差，認(rèn)為是單純地追求界面形式的簡(jiǎn)單而忽略功能性和用戶體驗(yàn)，導(dǎo)致APP產(chǎn)品冰冷無(wú)情而失去了很大的用戶市場(chǎng)。

（二）應(yīng)用極簡(jiǎn)主義風(fēng)格的注意點(diǎn)

1.極簡(jiǎn)是正確的減法。極簡(jiǎn)主義風(fēng)格是復(fù)雜的升華，是簡(jiǎn)化甚至減去多余元素，同時(shí)精準(zhǔn)地提煉出需要表達(dá)的主要內(nèi)容，提煉的過(guò)程并非一蹴而就，需要通過(guò)深入的市場(chǎng)調(diào)研和精準(zhǔn)的分析概括而來(lái)。這意味著極簡(jiǎn)主義風(fēng)格其實(shí)更加費(fèi)時(shí)費(fèi)力，是通過(guò)設(shè)計(jì)者反復(fù)推敲提煉才得出的正確減法。一個(gè)能獲得用戶認(rèn)可的APP一定需要充分做好前期市場(chǎng)調(diào)研，了解用戶對(duì)于這個(gè)APP的真實(shí)需求，該在頁(yè)面上留下哪些主要內(nèi)容是尤為關(guān)鍵的。此外，需要對(duì)于這一類APP進(jìn)行痛點(diǎn)分析，有了前車之鑒再進(jìn)行設(shè)計(jì)會(huì)避免很多用戶已經(jīng)踩過(guò)的雷區(qū)。例如，對(duì)界面主要元素過(guò)分地刪繁就簡(jiǎn)、去除浮華，而導(dǎo)致按鈕不明顯或無(wú)法辨識(shí)等問(wèn)題。不過(guò)谷歌和微博做了很好的示范，他們雖然采用了扁平化的風(fēng)格，但很巧妙地保留了陰影和紋理等設(shè)計(jì)手法，結(jié)合了扁平化設(shè)計(jì)和復(fù)合效果的優(yōu)勢(shì)，二者相輔相成，不僅簡(jiǎn)潔美觀，更能給用戶帶來(lái)高效又舒適的使用感受。這一做法帶給設(shè)計(jì)者們很多啟發(fā)，極簡(jiǎn)主義風(fēng)格的設(shè)計(jì)在未來(lái)的發(fā)展很大可能性會(huì)向著這一趨勢(shì)行進(jìn)。

2.極簡(jiǎn)需富含人情味。極簡(jiǎn)并不代表著簡(jiǎn)簡(jiǎn)單單、冰冷無(wú)情。恰恰相反，極簡(jiǎn)主義風(fēng)格APP是富含人情味的設(shè)計(jì)，需要極富人性化的界面和交互設(shè)計(jì)來(lái)滿足用戶舒適的交互需求。設(shè)計(jì)者可以通過(guò)添加一些擬物、翻轉(zhuǎn)等動(dòng)態(tài)效果，在頁(yè)面跳轉(zhuǎn)、錯(cuò)誤頁(yè)提示等其他細(xì)節(jié)方面體現(xiàn)出情感化設(shè)計(jì)。但需要注意一點(diǎn)：這些動(dòng)態(tài)效果的添加應(yīng)適時(shí)適當(dāng)適合，因?yàn)檫^(guò)于密集反復(fù)的動(dòng)效會(huì)形成視覺(jué)垃圾，反而增加用戶視覺(jué)負(fù)擔(dān)。例如，《去哪兒》APP的界面做了一個(gè)很好的示范，界面上每個(gè)圖標(biāo)在點(diǎn)擊之后都會(huì)出現(xiàn)指紋的標(biāo)記，這是采用了一種既仿真又有趣的人性化處理方式，形象直觀地給用戶一個(gè)點(diǎn)擊反饋。

五、結(jié)語(yǔ)

極簡(jiǎn)主義風(fēng)格簡(jiǎn)練純粹、還原了產(chǎn)品原有的功能特質(zhì)，這樣的設(shè)計(jì)更貼近現(xiàn)代人的內(nèi)心，更能體現(xiàn)出精致優(yōu)雅的設(shè)計(jì)品位，讓人感受到簡(jiǎn)約與自然的設(shè)計(jì)精神。極簡(jiǎn)主義風(fēng)格的APP界面設(shè)計(jì)簡(jiǎn)約但不簡(jiǎn)單，在設(shè)計(jì)過(guò)程中巧妙運(yùn)用設(shè)計(jì)方法來(lái)簡(jiǎn)化視覺(jué)元素，用最少的元素呈現(xiàn)出最重要的信息，同時(shí)使用創(chuàng)新元素和新技術(shù)跟上時(shí)代的步伐。當(dāng)前手機(jī)界面設(shè)計(jì)中的極簡(jiǎn)主義風(fēng)格確實(shí)存在一些誤區(qū)和不足，其實(shí)極簡(jiǎn)主義風(fēng)格APP是在做正確的減法，也是充滿人情味的。相信通過(guò)設(shè)計(jì)者不斷地探索創(chuàng)新、改進(jìn)解決方法，極簡(jiǎn)主義風(fēng)格一定會(huì)迎來(lái)更加成熟廣闊的發(fā)展前景。

參考文獻(xiàn)：

[1]朱曉陽(yáng)，朱華，歐永和.極簡(jiǎn)主義在手機(jī)APP啟動(dòng)圖標(biāo)設(shè)計(jì)中的運(yùn)用[J].包裝工程，2014，21（08）：10-12.

[2]于瑩.極簡(jiǎn)主義風(fēng)格的平面設(shè)計(jì)探究[J].《文藝生活》文藝?yán)碚摚?013，2（3）：26-30.

[3]裴培.極簡(jiǎn)主義風(fēng)格的平面設(shè)計(jì)研究[J].中國(guó)包裝工業(yè)，2014，31（4）：5-8.

[4]謝云峰，劉蘇，黃奕佳.從深澤直人設(shè)計(jì)探討極簡(jiǎn)主義的本質(zhì)[J].藝術(shù)百家，2009，32（7）：20-26.

[5]宋曉華.簡(jiǎn)約理念下現(xiàn)圖形設(shè)計(jì)中的應(yīng)用及表現(xiàn)[J].山西大學(xué)，2013，20（3）：2-5.

[6]張寧.極簡(jiǎn)主義藝術(shù)理念在當(dāng)代中國(guó)設(shè)計(jì)中的運(yùn)用[J].中國(guó)美術(shù)館，2011，31（26）：25-28.

[7]陶薇薇.張小玲.UI界面中扁平化設(shè)計(jì)的原則與技巧[J].科技傳播，2014，3（14）：3-8.

[8]張美珍.淺析色彩在UI設(shè)計(jì)中的應(yīng)用[J].設(shè)計(jì)，2014，15（7）：23-26.