在同等設(shè)計(jì)元素和設(shè)計(jì)要求的背景下，其實(shí)APP設(shè)計(jì)相對與web設(shè)計(jì)來說，相對容易一些。起碼在設(shè)計(jì)的時(shí)間上是有優(yōu)勢的。

原因在于APP設(shè)計(jì)，只有遵循一些常用的設(shè)計(jì)規(guī)則和技巧，即可高效的完成移動端的列表設(shè)計(jì)或者是主頁設(shè)計(jì)。

之前分享了《APP設(shè)計(jì)小技巧：如何進(jìn)行APP按鈕設(shè)計(jì)與排版》和《哪些APP界面使用了APP宮格設(shè)計(jì)，你還記得嗎》 移動端快速布局設(shè)計(jì)文章。

這一節(jié)課，學(xué)堂君繼續(xù)與大家分享如何利用圖標(biāo)的設(shè)計(jì)風(fēng)格來，快速進(jìn)行APP界面的宮格布局設(shè)計(jì)。

1、先看幾個(gè)善用圖標(biāo)風(fēng)格設(shè)計(jì)宮格布局的案例：

【一】cnzz的界面設(shè)計(jì)六宮格設(shè)計(jì)方案：

【二】巧用獨(dú)特的圖標(biāo)設(shè)計(jì)風(fēng)格來布局宮格設(shè)計(jì)。

目前移動APP圖標(biāo)設(shè)計(jì)風(fēng)格可以大致的分為以下三大類：

1、線性圖標(biāo)設(shè)計(jì)風(fēng)格

2、插畫設(shè)計(jì)風(fēng)格

3、扁平化設(shè)計(jì)風(fēng)格（色塊化為主）

線性圖標(biāo)是一種簡約，概括，可以說跟早期的印象主義有一些關(guān)系。細(xì)節(jié)相對比較少，一般都是線條來體現(xiàn)圖標(biāo)。

細(xì)節(jié)比較豐富，有一些裝飾元素、描邊風(fēng)格、色塊填充，材質(zhì)填充等一系列圖標(biāo)風(fēng)格都可以說是插畫圖標(biāo)。

扁平化圖標(biāo)讓整個(gè)APP界面干凈整齊，使用起來格外簡潔。可以更加簡單直接的將信息和事物的工作方式展示出來，減少認(rèn)知障礙的產(chǎn)生。去掉多余的透視，紋理，漸變等等能做出3D效果的元素等。

所以，有些APP設(shè)計(jì)師非常的大膽，采用自己獨(dú)特的圖標(biāo)設(shè)計(jì)風(fēng)格 + 宮格布局設(shè)計(jì)，非常快速的完成一個(gè)APP界面的設(shè)計(jì)工作。如下圖的APP界面設(shè)計(jì)欣賞：

上面這三張APP界面設(shè)計(jì)作品，都是以圖標(biāo)設(shè)計(jì)為主，采用宮格對稱的布局方式來完成的。

我想大家也很快識別了這三張分別采用了哪些APP圖標(biāo)設(shè)計(jì)風(fēng)格來完成的吧！

這里，25學(xué)堂只是給大家收集了這些優(yōu)秀的APP設(shè)計(jì)界面作品，讓大家更加容易理解和去設(shè)計(jì)自己的APP。