移動(dòng)端UI 設(shè)計(jì)中極簡(jiǎn)主義風(fēng)格的運(yùn)用

郭晗 南京林業(yè)大學(xué)藝術(shù)設(shè)計(jì)學(xué)院

引言

現(xiàn)如今，UI 中主流設(shè)計(jì)風(fēng)格依舊是極簡(jiǎn)主義及扁平化設(shè)計(jì)風(fēng)格，極簡(jiǎn)主義設(shè)計(jì)風(fēng)格不僅是一種藝術(shù)流派，更多則是遵循著“直接簡(jiǎn)單”的設(shè)計(jì)理念，以更低成本完成更高功能的要求。而在移動(dòng)端的UI 設(shè)計(jì)當(dāng)中，UI 的設(shè)計(jì)風(fēng)格處于一個(gè)不斷變化的狀態(tài)，從擬物風(fēng)格到扁平風(fēng)格，人們對(duì)視覺的要求趨向于簡(jiǎn)約而不簡(jiǎn)單，其原因是現(xiàn)如今在互聯(lián)網(wǎng)交互時(shí)代，信息泛濫，虛擬世界使人的心理產(chǎn)生了混沌。在這個(gè)快節(jié)奏的社會(huì)，人們渴望便捷的切入真正純凈的生活。極簡(jiǎn)主義風(fēng)格通過其自身的精煉，平和的特征，提高用戶體驗(yàn)，滿足用戶的精神需求。

1 移動(dòng)端UI 設(shè)計(jì)

UI 包含有視覺美觀設(shè)計(jì)、交互邏輯、用戶體驗(yàn)三大塊。視覺UI設(shè)計(jì)，又被稱作GUI圖形用戶界面，是指采用圖形方式顯示的用戶界面。它的存在是為了解決軟件產(chǎn)品風(fēng)格，例如簡(jiǎn)約風(fēng)，插畫風(fēng)之類的，對(duì)圖形及元素進(jìn)行風(fēng)格上的設(shè)計(jì)，保證界面的辨識(shí)度和統(tǒng)一。交互UI設(shè)計(jì)，又被稱作IXD,又稱互動(dòng)設(shè)計(jì)，它負(fù)責(zé)設(shè)計(jì)人和物之間交流的內(nèi)容和方式。負(fù)責(zé)解決人機(jī)交互上的頁(yè)面跳轉(zhuǎn)，操作邏輯和信息結(jié)構(gòu)。用戶體驗(yàn)設(shè)計(jì)，又被稱為UXD，指的是用戶對(duì)于某個(gè)UI 設(shè)計(jì)的視覺體驗(yàn)和使用感受，設(shè)計(jì)師需要了解到在用戶在使用前直至使用后，對(duì)于這款產(chǎn)品的全部感受，在這樣的基礎(chǔ)上有目的性地開展項(xiàng)目的設(shè)計(jì)工作。

2 極簡(jiǎn)主義風(fēng)格設(shè)計(jì)

2.1 極簡(jiǎn)主義風(fēng)格的含義

極簡(jiǎn)主義風(fēng)格(Minimalism), 還被叫做“Minimal Art”。是指上個(gè)世紀(jì)第二次世界大戰(zhàn)之后所興起的一種風(fēng)格，生產(chǎn)出來的物品結(jié)構(gòu)簡(jiǎn)單但是功能性很強(qiáng)，在當(dāng)時(shí)僅僅是為了批量化生產(chǎn)。而如今的極簡(jiǎn)主義風(fēng)格并不僅僅是人們口中的簡(jiǎn)約主義，它以物質(zhì)最原始的形態(tài)展現(xiàn)給人們的表現(xiàn)形式,試圖改變作者借著作品對(duì)觀看者意識(shí)的壓迫,減少作品出現(xiàn)時(shí)帶給人們的異樣觀感,開放作品自身在藝術(shù)上的發(fā)揮空間,調(diào)節(jié)大眾的審美，追求物質(zhì)本身的材料，肌理。顏色上也使用了單色或自然色，給人干凈舒適的視覺觀感。

從目前的交互設(shè)計(jì)中來看，極簡(jiǎn)主義風(fēng)格不只是一種視覺風(fēng)格，而是一種從用戶心理層面出發(fā)的，一種通過直觀清晰的方式展示各種的信息與事物。它在保留原本的設(shè)計(jì)骨架和概念的基礎(chǔ)上，通過不斷思考修改并簡(jiǎn)化掉多余的元素，紋樣與色彩，以簡(jiǎn)馭繁，從而凸顯了主要內(nèi)容。

2.2 極簡(jiǎn)主義風(fēng)格的興起

從目前人們喜愛的無印良品，優(yōu)衣庫(kù)還有蘋果這些品牌；從建筑到家具，再到生活用品中，這種風(fēng)格已經(jīng)存在在人們身邊的每個(gè)角落。如《設(shè)計(jì)中的設(shè)計(jì)》這本書中，設(shè)計(jì)師原研哉所展示的火柴的再設(shè)計(jì)。這個(gè)設(shè)計(jì)與大批量生產(chǎn)出來的整齊劃一的傳統(tǒng)火柴不同的是，火柴使用的是一節(jié)枯木枝的自然形態(tài)，他將枯木枝頂部涂上了點(diǎn)燃火柴的可燃物，讓人在使用時(shí)重新思考火、人與自然之間的關(guān)系。而枯枝是自然的產(chǎn)物，它的不規(guī)則中帶有一種蒼老、簡(jiǎn)約而又不廉價(jià)的美感。打破了工業(yè)化的批量生產(chǎn)方式，賦予了小枯枝最后的新意義。蘋果一直受人矚目的是其iOS 系統(tǒng)的設(shè)計(jì)，iOS 系統(tǒng)簡(jiǎn)約，清晰，是真正的內(nèi)容載體，而不單是繁雜，單純?yōu)榱俗非竺烙^的設(shè)計(jì)。iPhone以它簡(jiǎn)潔的外觀，考究的系統(tǒng)設(shè)計(jì)，成為現(xiàn)在人不斷追捧的品牌，也是極簡(jiǎn)主義走進(jìn)現(xiàn)代人們視線中的一個(gè)重要的標(biāo)志。

3 UI 設(shè)計(jì)中的“極簡(jiǎn)”

3.1 簡(jiǎn)約化的字體設(shè)計(jì)

隨著文字的出現(xiàn)，字體經(jīng)歷著各種各樣的變化，文字憑借自身的特征識(shí)別性和美感使文字發(fā)展到今天，由復(fù)雜的象形文字發(fā)展到今天的簡(jiǎn)體字。在現(xiàn)代，文字通過設(shè)計(jì)師，運(yùn)用美學(xué)原理，配合文字本身的含義，對(duì)文字的大小，筆畫結(jié)構(gòu)等方面加以設(shè)計(jì)，就會(huì)傳達(dá)出更深層次的含義，帶給人們不一樣的主觀感受。因此在極簡(jiǎn)主義設(shè)計(jì)中的字體，應(yīng)該選擇更加利于用戶閱讀的字體，確保用戶可以快速瀏覽到重要信息。不管是選擇襯線體還是非襯線體，都最好選用裝飾性較弱的。將字重和行高，還有字的間距都控制在一個(gè)合適的度上。適當(dāng)?shù)姆糯笞煮w，但是要保持在一定的基礎(chǔ)上，不能盲目的放大，以便于用戶能更加“一目了然”。

3.2 減少元素堆積

在極簡(jiǎn)主義風(fēng)格的移動(dòng)界面中，設(shè)計(jì)師不會(huì)去使用多余的元素，而是去選擇表達(dá)力較佳，整體視覺突出的元素，每個(gè)元素的存在都肩負(fù)著其特殊的功能。總而言之，每個(gè)操作、每個(gè)交互命令都有其獨(dú)特的設(shè)計(jì)意圖在其中，沒有一個(gè)是多余的。以最低限度的語言表達(dá)更加直觀的信息，減少讓用戶混亂的內(nèi)容和元素。這樣的設(shè)計(jì)可以讓用戶更加清晰自己的目的，注意到對(duì)的元素，并且單一的圖片所傳達(dá)的信息和情緒也不會(huì)被干擾。元素或圖片應(yīng)遵循一個(gè)原則，不然將會(huì)破壞整體風(fēng)格的統(tǒng)一。

3.3 簡(jiǎn)約的色彩搭配

色彩往往是影響人們觀感的重要條件之一，在UI 設(shè)計(jì)中運(yùn)用不同的色彩搭配會(huì)使人的心理產(chǎn)生不同的變化，比如我們都知道紅色代表著熱情，興奮，危險(xiǎn)，引人注目等。藍(lán)色代表著科技，誠(chéng)信，寂靜的感覺。但是，太多的色彩也會(huì)讓人們產(chǎn)生混亂的負(fù)面影響，不過極簡(jiǎn)主義風(fēng)格下的色彩并不意味著只能使用黑白或者單一的色彩。它的色彩要求簡(jiǎn)潔有力，以少勝多。使用必要的顏色，經(jīng)過巧妙地組合，表現(xiàn)出一種更單純，更強(qiáng)烈的意念，將這些信息傳達(dá)給使用者，并給他們留下強(qiáng)烈的印象。

3.4 適當(dāng)留白

使用留白是極簡(jiǎn)主義的設(shè)計(jì)特點(diǎn)之一，它并不是指的白色，而是空間。也是日系設(shè)計(jì)中常說的呼吸感。使用恰當(dāng)?shù)牧舭卓梢宰屇愕腢I界面變得更加清爽，透明，這也是一種負(fù)空間的設(shè)計(jì)?？瞻撞糠謱⒑芏嗟脑睾臀淖址珠_，留下了一個(gè)想象的空間，讓界面更加聚焦，提升界面的質(zhì)感，簡(jiǎn)化界面層級(jí)，減少元素突出視覺焦點(diǎn)，縮小主體面積從而提高界面的空間感。這種設(shè)計(jì)方式也體現(xiàn)在了很多的海報(bào)和廣告中。

4 從用戶體驗(yàn)的角度分析極簡(jiǎn)主義風(fēng)格的特點(diǎn)及其影響

對(duì)于軟件開發(fā)者來說，極簡(jiǎn)主義的UI 風(fēng)格所占用的內(nèi)容少，對(duì)于不同的設(shè)備兼容性高。對(duì)于設(shè)計(jì)者而言，極簡(jiǎn)主義風(fēng)格更能體現(xiàn)一個(gè)好的設(shè)計(jì)師所擁有的強(qiáng)大表現(xiàn)力，讓設(shè)計(jì)師把重點(diǎn)放在設(shè)計(jì)上而并非工具上，這也是設(shè)計(jì)師對(duì)于自己的挑戰(zhàn)。對(duì)于用戶而言，極簡(jiǎn)主義風(fēng)格的UI 設(shè)計(jì)加載速度快，流量占用低，減少信息層級(jí)，提高信息的查詢速度。

4.1 信息查詢速度快

由于極簡(jiǎn)主義風(fēng)格設(shè)計(jì)減少了很多不必要的元素和信息，因此軟件運(yùn)行的速度會(huì)更快，加載的效率更高，對(duì)于不同設(shè)備的兼容性較大，設(shè)備的運(yùn)行更為流暢，從而使用戶的信息查詢速度變的更快。在查詢同意信息時(shí)，極簡(jiǎn)主義風(fēng)格的UI 設(shè)計(jì)可以減少用戶等待過程中所花費(fèi)的時(shí)間，降低跳出率。

4.2 提高用戶滿意度

極簡(jiǎn)主義風(fēng)格下的UI 設(shè)計(jì)，可以更簡(jiǎn)單，清晰，智能地以用戶為中心，傳達(dá)給用戶準(zhǔn)確的信息。極簡(jiǎn)風(fēng)格的UI 界面突出重要信息，弱化次要部分，界面的元素協(xié)調(diào)統(tǒng)一。通過易于閱讀的文字和干凈的色彩搭配，簡(jiǎn)單的界面分布，使用戶更易于瀏覽界面，能夠?qū)?yè)面的整體進(jìn)行觀察，帶給用戶積極的使用體驗(yàn)。

5 結(jié)語

每天人們都要從不同設(shè)備上接收到數(shù)不清的信息，在不少界面的使用中，不斷出現(xiàn)的廣告和隨意跳出的彈窗使得人的心情變得更加煩躁。交互互聯(lián)網(wǎng)時(shí)代，信息泛濫，生活在快節(jié)奏社會(huì)的人們，渴望輕松而又舒適的生活方式，為了滿足人們的精神需求，移動(dòng)端UI界面也在向著符合現(xiàn)代用戶需求的方向發(fā)展，極簡(jiǎn)主義風(fēng)格的UI 界面設(shè)計(jì)憑借信息查詢速度快、 使用簡(jiǎn)單、用戶滿意度高等優(yōu)勢(shì)，貼合了用戶與開發(fā)商兩方面的要求。在以用戶為中心的設(shè)計(jì)中，極簡(jiǎn)主義風(fēng)格的界面設(shè)計(jì)更加符合用戶的期望。在未來的UI 設(shè)計(jì)中，極簡(jiǎn)主義風(fēng)格將會(huì)成為一個(gè)使用者和設(shè)計(jì)者都互相滿意的橋梁，更多的走進(jìn)用戶的視線中。