（上海出版印刷高等專科學(xué)校，上海 200093）

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

一、極簡主義設(shè)計趨勢分析

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

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

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

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

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

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

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

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

二、極簡主義在移動端UI設(shè)計中的應(yīng)用及影響

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

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

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

（二）交互設(shè)計極簡化

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

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

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

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

三、結(jié)語

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