在APP的產(chǎn)品設(shè)計上，極簡并不是盲目追求形式上的簡單，而是復(fù)雜的升華，是充滿人情味的精簡設(shè)計。本文重點介紹了幾種極簡主義風(fēng)格APP的界面設(shè)計方法。

一、我們?yōu)槭裁雌珢蹣O簡主義？

極簡主義在產(chǎn)品設(shè)計上的萌芽和發(fā)展，并非源自審美上的需求或風(fēng)潮。在上世紀(jì)初期，隨著工業(yè)制造體系的變革，以包豪斯為代表的眾多機(jī)構(gòu)、公司和設(shè)計師開始在全新的制造體系中，尋找更適合工業(yè)化生產(chǎn)的設(shè)計方法與審美體系。

在今天，極簡主義早已演變成了一種潮流、一種文化、一種生活方式、一種價值觀，被應(yīng)用在各行各業(yè)的方方面面。

對于APP的設(shè)計而言，極簡主義風(fēng)格的APP摒棄了復(fù)雜的操作界面，降低了用戶的使用難度，以簡約但不簡單的設(shè)計和功能，使整個產(chǎn)品既高效合理又簡潔美觀。

二、極簡主義風(fēng)格APP有哪些優(yōu)點？

從功能上來看，極簡主義風(fēng)格APP的設(shè)計具有高度可識別性和較好的人機(jī)互動性。從美學(xué)角度上看，極簡主義風(fēng)格設(shè)計符合當(dāng)今社會的審美需求。

極簡主義風(fēng)格設(shè)計強(qiáng)調(diào)對主題概念的有力表達(dá)，其清晰的特點正是用戶在當(dāng)今琳瑯滿目的界面中所需要的。

1. 主要優(yōu)勢包含了三點

1. 界面更加直觀，有一種更高層次的藝術(shù)感；
2. 極簡主義風(fēng)格能更好地適應(yīng)移動端的響應(yīng)式界面，操作更敏捷；
3. 有利于提升用戶生活品質(zhì)與效率，節(jié)約用戶注意力，充分迎合用戶現(xiàn)代快節(jié)奏的生活需求。

三、極簡主義風(fēng)格APP界面的5種設(shè)計方法

1. 使用簡約圖形和元素

在APP界面設(shè)計中，圖標(biāo)是信息圖形最重要的表達(dá)方式之一，也是界面必不可少的一種元素。它具有高度集中性，能夠快速地傳遞信息，方便用戶記憶。

界面設(shè)計中的大多數(shù)圖標(biāo)都應(yīng)采用簡約風(fēng)格，消除不必要元素使用戶一目了然。

例如，網(wǎng)易云音樂的APP圖標(biāo)是從音符具象化而來的，在美觀度上提升了圖標(biāo)的整體品質(zhì)，也助于理解記憶，讓用戶從圖標(biāo)就可以看出這個APP的主要用途。

2.?對文字的簡化

文字作為信息的載體，不僅能傳達(dá)思想，還能表達(dá)情感，所以在各種設(shè)計中，文字都是不可或缺的重要元素，而在界面設(shè)計中更為重要。

可對字體的大小、顏色和結(jié)構(gòu)進(jìn)行變形或夸張的方法來體現(xiàn)簡化字的魅力，必要時需與圖形進(jìn)行有機(jī)結(jié)合增強(qiáng)整體視覺表現(xiàn)力，以此增加用戶記憶點。

例如，支付寶APP的圖標(biāo)中的“支”，無他相機(jī)APP圖標(biāo)中的“無”，簡化文字的同時達(dá)到使用戶印象深刻的效果。

3.?對視覺元素進(jìn)行合理分組

視覺元素包含了文本、按鈕、表單、圖形和菜單等，每個界面必須定一個主旋律。

然后按此對元素合理劃分、組合，但切忌同一界面出現(xiàn)太多相似主題，以免分散用戶注意力。

視覺元素的合理組織對用戶快速掌握界面的主要功能起積極作用，在進(jìn)行APP后期維護(hù)或更新時，也便于開發(fā)者輕松修改，大大降低了工作量與成本。

如果需要展示的視覺元素和模塊確實不能刪減了，可以嘗試卡片排序的方式，將每個元素條目寫在卡片上，使形式更加實體化、獨立化，便于操作。

例如在線會議軟件快會matein，因為需要在同一個界面展現(xiàn)正在進(jìn)行的會議及歷史會議，因此他們采用了卡片的形式，既突出了當(dāng)前會議，也展現(xiàn)了此前開過的每一場會議。

4.?簡化用色

色彩是APP產(chǎn)品與用戶進(jìn)行情感溝通的重要紐帶，在進(jìn)行極簡主義風(fēng)格設(shè)計的時候，應(yīng)該采用單色或者色彩數(shù)量較少的配色方案。

這樣能將色彩在界面上的凝聚力最大化，正確合理地運(yùn)用色彩即可輕松引起用戶視覺上的關(guān)注，將用戶的需求集中實現(xiàn)到元素上?？蛇_(dá)到不添加多余的設(shè)計元素和圖形，也能順利傳遞信息和功能的效果。

從心理學(xué)角度上來看，特定的色彩關(guān)聯(lián)特定的情緒，恰到好處地使用色彩搭配則可以放大情緒。

使用過程中需要注意的是：

色彩的選擇數(shù)量不宜過多，界面主要色彩搭配不超過三種，由于使用顏色數(shù)量的限制，所以必須選擇具有創(chuàng)意的視覺層次效果的顏色進(jìn)行搭配。

比如，早期的Instagram 圖標(biāo)由 CEO Kevin Systrom 參照 Polaroid OneStep SX-70 相機(jī)畫出，雖然很寫實，但卻離極簡設(shè)計有點遠(yuǎn)。

2016年，Instagram經(jīng)過了重新改版，將其APP的圖標(biāo)換成了極簡的風(fēng)格，顏色明顯單一了許多。在設(shè)計過程中，INS讓公司員工在5秒鐘時間里憑記憶畫出Instagram圖標(biāo)，幾乎所有人都畫出了彩虹、鏡頭和取景器，新圖標(biāo)完全融合了這幾種元素，讓用戶的印象更加深刻。

5. 優(yōu)化排版布局

優(yōu)化排版布局對于極簡主義風(fēng)格的APP界面設(shè)計來說最關(guān)鍵的一步是留白設(shè)計，但并非只能留出白色，而是指留出空間。

留白設(shè)計對于吸引目光集中于主要元素上有著積極作用，由于界面上沒有其它東西的干擾，所以留白的空間所包圍的內(nèi)容很容易就成為視覺焦點，此時便有效地把用戶的注意力引導(dǎo)到特定的元素上。

此外，留白設(shè)計還能塑造出區(qū)域的空間層次感，從而清晰地呈現(xiàn)出界面的整體框架和布局。

使用過程中需要注意幾點：

首先，每個界面只留下一個視覺焦點。因為當(dāng)界面上留下的內(nèi)容越少，保留下的內(nèi)容才能越容易被關(guān)注。若是有多個視覺焦點，由于手機(jī)界面的局限性，還是造成不必要的視覺記憶負(fù)擔(dān)。

其次，因為極簡主義風(fēng)格的設(shè)計哲學(xué)是“內(nèi)容為王”，所以所有界面的排版布局都應(yīng)圍繞內(nèi)容展開。其實只要用好留白，任何APP的可讀性與易讀性都會得到改善。如果一個頁面上的文字過于擁擠，它就會妨礙舒適的閱讀體驗，從而阻礙整體用戶體驗。

以下幾種APP界面是筆者認(rèn)為留白設(shè)計做的很優(yōu)秀的，值得參考。

希望這篇文章可以為你在設(shè)計極簡主義風(fēng)格APP界面的過程中，提供一些靈感和幫助。

本文由 @張半城 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議