APP極簡風(fēng)格可以說是2017年移動端的設(shè)計趨勢。也是眾多知名APP主要的UI設(shè)計風(fēng)格。

比如nothing APP、極簡APP、留白APP、想去APP、余音APP等等。

當(dāng)然，關(guān)于APP極簡設(shè)計的干貨，學(xué)堂君也分享了不少，比如：

1、移動端極簡設(shè)計的修煉寶典：10條APP設(shè)計原則

2、極簡風(fēng)格的APP UI界面設(shè)計，你會喜歡嗎

3、KYUI設(shè)計師，讓你明白極簡主義！

而今天學(xué)堂君繼續(xù)舉例來說明一下如何教大家具體從哪些方面去塑造自己移動端APP產(chǎn)品的極簡風(fēng)格。

重溫一下什么是極簡風(fēng)格？為什么極簡風(fēng)格會火？

在內(nèi)容越來越多的前提下，設(shè)計師應(yīng)該減少無用信息的干擾讓用戶可以快速聚焦的到內(nèi)容本身，這種“少即是多”設(shè)計思路就是我們常說的極簡風(fēng)格。

塑造APP極簡風(fēng)格的最簡單粗暴的法則就是：刪減與用戶任務(wù)無關(guān)的非功能性元素，只保留重要的信息，減輕用戶的認(rèn)知負(fù)荷。

那么如何去判斷一個設(shè)計元素的取舍呢？APP UI設(shè)計師應(yīng)該問自己以下三個問題：

1、這個設(shè)計元素在當(dāng)前界面中是起什么作用的？能夠完成什么 ? 樣功能？

2、去掉以后是否會影響用戶正常操作？

3、如果影響用戶操作，可否有更簡潔的設(shè)計元素來替代？

下面學(xué)堂君就舉例來說明一下：

以微博 APP的如圖界面所示：

微博APP界面中每條動態(tài)下面的icon能否去掉呢？

這里icon的使用主要是用于提升信息的可讀性，因為相對于文本信息，具象元素可以更好的完成信息的傳達(dá)。但是這只是起到一個提升作用，即使我把icon拿走，用戶也會知道這三個是轉(zhuǎn)發(fā)、評論和點(diǎn)贊。

而上圖當(dāng)中轉(zhuǎn)發(fā)、評論、贊的icon可以去掉的嗎？

回答當(dāng)然不能，我們要考慮不同的使用場景。不同的界面交互策略等因素來衡量。

當(dāng)這條動態(tài)沒有任何人點(diǎn)贊，評論，轉(zhuǎn)發(fā)的時候，我們把icon拿走是沒有問題的。

但是一旦出現(xiàn)了互動，那么icon就完全取代了文字成為這個功能唯一的可識別性元素，后面的數(shù)目顯示的是互動強(qiáng)度。

即使我一直很推崇的“一個”應(yīng)用，它的界面設(shè)計簡單到不能再簡單，在這里還是保留了icon，所以我傾向于保留，當(dāng)然如果你有更好的方案可以交流。

如下圖所示，最好的APP案例證明：

第二種刪除是指將所有不必要的功能去掉，直到無法繼續(xù)刪減為止。

在進(jìn)行設(shè)計的過程中，經(jīng)常會想著萬一用戶需要這個功能卻找不到，所以還是留著比較好。其實這種想法是不需要的，只要這個功能對于產(chǎn)品的定位用戶而言，不是多數(shù)人所需要的就沒有存在的價值，有的時候刪除比留下更好。

這樣的情況很多。比如這樣的音樂播放器界面：

所以很多時候，我們在對APP界面進(jìn)行設(shè)計時，需要經(jīng)過反復(fù)的思考推敲。

如何通過不同的色彩和排版設(shè)計去實現(xiàn)簡約，讓用戶覺得層次清晰，重點(diǎn)突出，簡單又很專業(yè)，是每個設(shè)計師都想要知道的問題。

除了平常的多看、多想、多做，還有一些簡化APPUI界面的小技巧，也需要知道。

雖然說less is more，但是并不代表可以隨意減少功能，想要打造出簡約的產(chǎn)品設(shè)計，可以從刪除、組織、隱藏以及轉(zhuǎn)移這四個方面入手。

下一期跟大家講解APP極簡風(fēng)格的塑造法則之二：組織和隱藏。