移動(dòng)端UI設(shè)計(jì)中極簡(jiǎn)主義運(yùn)用趨勢(shì)研究及應(yīng)用

（上海出版印刷高等?？茖W(xué)校，上海 200093）

極簡(jiǎn)主義及扁平化設(shè)計(jì)風(fēng)格在UI中的運(yùn)用依舊是主流設(shè)計(jì)風(fēng)格，它不僅是一種單純的設(shè)計(jì)概念，更多則是表達(dá)出一種現(xiàn)代人直接簡(jiǎn)單，以更低成本完成更高功能的訴求，而在移動(dòng)端的UI設(shè)計(jì)當(dāng)中，從無裝飾的平面風(fēng)格到擬物化的演變，再到如今扁平化設(shè)計(jì)風(fēng)格重回主流設(shè)計(jì)，極簡(jiǎn)主義及扁平化設(shè)計(jì)風(fēng)格越來越受到大眾的青睞。

一、極簡(jiǎn)主義設(shè)計(jì)趨勢(shì)分析

（一）UI設(shè)計(jì)中極簡(jiǎn)主義的概念及特征

極簡(jiǎn)主義這個(gè)概念最早在繪畫藝術(shù)領(lǐng)域出現(xiàn)，具體是在二戰(zhàn)后的西方美術(shù)作品中，那時(shí)候它被稱作極少主義。極簡(jiǎn)主義這個(gè)單詞是在1965年，英國(guó)哲學(xué)家理查德·伍爾海姆(Richard Wollheim)在批評(píng)一群藝術(shù)家創(chuàng)作時(shí)出現(xiàn)的。而為大眾所熟知的極簡(jiǎn)主義理念更多的是關(guān)于“少即是多”這個(gè)詞匯，其源自現(xiàn)代主義建筑設(shè)計(jì)師密斯凡德羅提出的“Less is more”。設(shè)計(jì)中的極簡(jiǎn)主義，就是要讓設(shè)計(jì)回到最初的核心，一切都是關(guān)于功能的設(shè)計(jì)，在設(shè)計(jì)中不包含不必要的元素。極簡(jiǎn)主義在不同設(shè)計(jì)領(lǐng)域都廣泛受到追捧以及主流的追隨。而在UI設(shè)計(jì)中，極簡(jiǎn)主義也受到了眾多設(shè)計(jì)師以及主流互聯(lián)網(wǎng)公司的推崇。

極簡(jiǎn)主義的關(guān)鍵詞有很多，但在作者看來它在UI設(shè)計(jì)中最重要的特征有以下幾點(diǎn)：①簡(jiǎn)單且明晰；②每個(gè)元素都有功能；③大量留白；④核心細(xì)節(jié)的高關(guān)注度；⑤去無功能裝飾性。而所有這些特征，都指向一個(gè)目的，就是讓用戶操作以及用戶行為更加直觀，更加便利，更加有目的性。

（二）極簡(jiǎn)主義在UI設(shè)計(jì)中的趨勢(shì)分析

IOS7的發(fā)布拋棄了擬物化設(shè)計(jì)，大膽采用了扁平化設(shè)計(jì)，而在當(dāng)時(shí)這種變革卻引來一片討伐之聲。但是，蘋果在設(shè)計(jì)上并沒有因此改變自己的風(fēng)格，而是在不斷強(qiáng)化以及深化這種極簡(jiǎn)主義風(fēng)格。事實(shí)證明，偉大的設(shè)計(jì)終歸會(huì)得到歷史的認(rèn)可。時(shí)至2018年，極簡(jiǎn)主義風(fēng)格、扁平化設(shè)計(jì)已經(jīng)成為眾多移動(dòng)端APP的默認(rèn)設(shè)計(jì)規(guī)范。極簡(jiǎn)主義設(shè)計(jì)的所有目的都是為了突出內(nèi)容本身。而如何更好地突出內(nèi)容本身，這才是設(shè)計(jì)的發(fā)展與趨勢(shì)。

（1） 更大的字體。隨著IOS11的發(fā)布，新的設(shè)計(jì)趨勢(shì)也流行開來，在文字排版中，文字的字號(hào)、間距、顏色等大小對(duì)比和空間對(duì)比，都是用來建立層級(jí)關(guān)系，而不需要使用過多其他元素。在APP上，我們會(huì)發(fā)現(xiàn)當(dāng)圖形簡(jiǎn)化以后，文字就變得尤為重要。大字體在移動(dòng)端的出現(xiàn)，提高了字體的視覺感以及重量感。并且現(xiàn)如今大屏手機(jī)成為主流，在界面設(shè)計(jì)中，大字體、模塊化，都可以讓用戶停留的時(shí)間更長(zhǎng)，更大更醒目的字體符合這一需求和趨勢(shì)。

（2） 更多留白和空間分割。在之前很多移動(dòng)端的UI設(shè)計(jì)上，還是會(huì)用到色塊的空間區(qū)分，或者是分隔符等處理方法。但這些方法會(huì)使得元素顯得擁擠。而極簡(jiǎn)主義在UI設(shè)計(jì)中趨向于弱化這些視覺效果，弱化分割線等處理方式。而弱化的方法就是通過大量的空間留白，突出核心內(nèi)容。在極簡(jiǎn)主義設(shè)計(jì)中，負(fù)空間是增強(qiáng)核心元素被專注的有效途徑。

（3） 單色化的應(yīng)用。色彩是構(gòu)建用戶和產(chǎn)品情感聯(lián)系的重要紐帶。極簡(jiǎn)主義設(shè)計(jì)，會(huì)更多選用單色，或者數(shù)量較少的配色方案，讓所選色彩更加有凝聚力，出讓色彩的沖擊力更大。這樣的單色化設(shè)計(jì)或者說有限色的配色方案，會(huì)更具有凝聚力，色彩賦予的力量也會(huì)更大。這樣的配色和設(shè)計(jì)可以讓用戶注意力更加集中，并且更容易被引導(dǎo)到指定區(qū)域，關(guān)注指定內(nèi)容，讓界面功能更加有效。

二、極簡(jiǎn)主義在移動(dòng)端UI設(shè)計(jì)中的應(yīng)用及影響

（一）視覺風(fēng)格極簡(jiǎn)化

極簡(jiǎn)化在UI設(shè)計(jì)中經(jīng)常提到一個(gè)詞，扁平化。扁平化更多被認(rèn)為是一種設(shè)計(jì)風(fēng)格和技術(shù)手段。扁平化設(shè)計(jì)在視覺的表現(xiàn)上移除了擬物化設(shè)計(jì)中廣泛存在的高光、陰影和漸變紋理，也移除了界面中一些沒有實(shí)際作用的裝飾性元素。在極簡(jiǎn)主義設(shè)計(jì)理念中，扁平化設(shè)計(jì)體現(xiàn)了一個(gè)非常重要的設(shè)計(jì)因素，就是強(qiáng)化主體和增強(qiáng)效率。剔除了多余的立體感而添加的元素，剩下的按鈕、圖像和板塊之間都處于同一個(gè)維面，這使得整個(gè)界面干凈簡(jiǎn)單，讓用戶減少認(rèn)知障礙，降低學(xué)習(xí)成本。而在這一點(diǎn)上有一點(diǎn)必須要強(qiáng)調(diào)，扁平化設(shè)計(jì)是一種極簡(jiǎn)主義美學(xué)，而不是指設(shè)計(jì)后視覺的扁平。如果字體、圖標(biāo)等所有的一切都只是為內(nèi)容突出服務(wù)，而不是為了簡(jiǎn)化而簡(jiǎn)化，為了扁平而變成不需要設(shè)計(jì)的機(jī)械化線條，那么這是對(duì)視覺風(fēng)格扁平化一個(gè)很大誤解。因?yàn)镚UI的簡(jiǎn)化，移動(dòng)端的排版設(shè)計(jì)反而變得尤為重要。字體的選擇和設(shè)計(jì)，版塊與版塊間的連接，每一個(gè)部分都是傳遞情緒的重要元素。

移動(dòng)端設(shè)計(jì)本身就與PC端有非常大的不同。移動(dòng)端本身具有設(shè)備小，功能強(qiáng)的特點(diǎn)。扁平化視覺設(shè)計(jì)在較小的屏幕中可以突出展現(xiàn)出最核心的內(nèi)容信息，簡(jiǎn)化流程，使我們?cè)陂喿x和獲取信息上更加快捷、省力。這些矢量化元素的應(yīng)用，也使得移動(dòng)端界面加載速度更快，從而更好地適應(yīng)多平臺(tái)切換，也從根本上擺脫了之前不同的新設(shè)備，以及新系統(tǒng)帶來的局限性。

（二）交互設(shè)計(jì)極簡(jiǎn)化

UI這個(gè)詞是User Interface的縮寫。UI設(shè)計(jì)是基于人機(jī)交互、操作流程、界面美觀的整體性設(shè)計(jì)。在移動(dòng)端UI設(shè)計(jì)中，交互設(shè)計(jì)成為尤為重要的部分。我們隨時(shí)隨地打開手機(jī)或者其他移動(dòng)設(shè)備，都會(huì)面臨軟件上界面和按鈕的交互。

（1） 提高用戶操作效率。伴隨著用戶增多，以及日益發(fā)展的快節(jié)奏生活，在交互設(shè)計(jì)上最重要的就是要提高用戶的操作效率。因此在提高用戶操作效率的方法中，第一步就是要減少操作步驟，以最為簡(jiǎn)潔的方式完成所有的功能性操作。在交互設(shè)計(jì)上，我們首先要學(xué)會(huì)做減法，不要人為制造不符合用戶習(xí)慣的功能以及按鍵。因?yàn)榇蟛糠钟脩粼谥笆褂靡苿?dòng)端軟件時(shí)，已經(jīng)經(jīng)歷了多次操作，潛移默化中已經(jīng)有了用戶習(xí)慣，這些用戶習(xí)慣是用戶在使用這些軟件時(shí)花了很多時(shí)間成本去進(jìn)行學(xué)習(xí)產(chǎn)生的，而在UI設(shè)計(jì)中，應(yīng)該減少用戶的學(xué)習(xí)時(shí)間，遵從用戶習(xí)慣，用極簡(jiǎn)化的思路去簡(jiǎn)化交互設(shè)計(jì)。

（2） 減少信息層級(jí)。除了提高用戶操作效率，極簡(jiǎn)化的另一個(gè)體現(xiàn)就是減少用戶在軟件中的點(diǎn)擊次數(shù)，換言之就是信息層級(jí)的扁平化設(shè)計(jì)。信息層級(jí)的扁平化是對(duì)于內(nèi)容更直接地呈現(xiàn)，例如我們看到的google移動(dòng)端界面，把用戶可能需要的信息都放在首頁(yè)，比如搜索功能以及一些關(guān)鍵詞。讓用戶可以用更少的點(diǎn)擊獲得自己需要的信息。減少信息層級(jí)直觀看來減少了用戶的工作量，但從另一方面來看，其實(shí)是對(duì)于用戶的一種關(guān)懷，對(duì)用戶體驗(yàn)的深入了解。這樣的設(shè)計(jì)用戶會(huì)把產(chǎn)品推薦給更多的人，擴(kuò)大用戶范圍。

（3） 微交互。在移動(dòng)端的軟件動(dòng)效設(shè)計(jì)上，隨著極簡(jiǎn)主義以及扁平化設(shè)計(jì)的流行，微交互更符合移動(dòng)端的操作流程和操作習(xí)慣。動(dòng)效和動(dòng)畫本身有本質(zhì)性的區(qū)別，移動(dòng)端的動(dòng)效更多是為了引導(dǎo)用戶了解有動(dòng)作和任務(wù)需要完成，他們需要更簡(jiǎn)單、更自然、更適合移動(dòng)端的尺寸和網(wǎng)絡(luò)要求。通過微動(dòng)效來更好地給予用戶反饋，增強(qiáng)了親和力以及產(chǎn)品的豐富程度，讓極簡(jiǎn)化的頁(yè)面更加鮮活和豐富。

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

移動(dòng)端的UI設(shè)計(jì)越來越成為當(dāng)今互聯(lián)網(wǎng)數(shù)字媒體產(chǎn)品設(shè)計(jì)中極其重要的一個(gè)部分。它對(duì)于設(shè)計(jì)師的要求也越來越高，需要設(shè)計(jì)師在設(shè)計(jì)上時(shí)刻關(guān)注用戶體驗(yàn)，并且基于用戶體驗(yàn)和用戶的情感等各方面的因素，不斷對(duì)設(shè)計(jì)進(jìn)行革新，進(jìn)行再設(shè)計(jì)，極簡(jiǎn)不等于簡(jiǎn)單，反而是作為設(shè)計(jì)師，要在流程優(yōu)化和細(xì)節(jié)處理上花更多時(shí)間、更多心血，投入的時(shí)間和精力也會(huì)越多。