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

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

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

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

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

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

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

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

1. 主要優(yōu)勢(shì)包含了三點(diǎn)

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

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

1. 使用簡(jiǎn)約圖形和元素

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

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

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

2.?對(duì)文字的簡(jiǎn)化

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

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

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

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

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

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

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

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

例如在線會(huì)議軟件快會(huì)matein，因?yàn)樾枰谕粋€(gè)界面展現(xiàn)正在進(jìn)行的會(huì)議及歷史會(huì)議，因此他們采用了卡片的形式，既突出了當(dāng)前會(huì)議，也展現(xiàn)了此前開過的每一場(chǎng)會(huì)議。

4.?簡(jiǎn)化用色

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

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

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

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

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

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

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

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

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

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

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

使用過程中需要注意幾點(diǎn)：

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

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

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

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

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

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