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

吳懿凡 高明珍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、結(jié)語

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

參考文獻(xiàn)：

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

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

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

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

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

[6]張寧.極簡主義藝術(shù)理念在當(dāng)代中國設(shè)計(jì)中的運(yùn)用[J].中國美術(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.