利用早上的空余休息時(shí)間，25學(xué)堂的學(xué)堂君跟大家分享一下關(guān)于APP分類界面設(shè)計(jì)知識和布局。一個(gè)APP肯定會(huì)有一個(gè)分類的界面設(shè)計(jì)。不管是分類匯總還是分類模塊都是存在的。

所以，也是APP設(shè)計(jì)師必須要明白的一項(xiàng)APP分類界面設(shè)計(jì)的知識。之前分享了無線端最好的APP分類設(shè)計(jì)方式解讀和分類信息網(wǎng)站APP界面創(chuàng)新設(shè)計(jì)|交互和視覺做的非常完美

今天25學(xué)堂繼續(xù)跟大家分享看圖學(xué)APP設(shè)計(jì)，常見的四種APP分類界面設(shè)計(jì)。

第一種：叫做宮格布局的分類視覺界面，如下圖

這樣的APP分類界面也是目前我們最常見，也是最容易設(shè)計(jì)的一種方式。一個(gè)圖標(biāo)配上文字即可。

設(shè)計(jì)的重點(diǎn)在每一個(gè)分類項(xiàng)目的圖標(biāo)繪制上。 可以是擬物化的圖標(biāo)、也可以是線性圖標(biāo)或者是個(gè)性化圖標(biāo)設(shè)計(jì)。供APP設(shè)計(jì)師發(fā)揮的空間還是蠻大。

這樣的宮格布局的分類視覺界面常見與分類首頁居多?；蛘哒f是把分類當(dāng)做重要的欄目。也算是的導(dǎo)航欄目。

第二種：側(cè)邊欄式的APP分類界面設(shè)計(jì)。

這類大部分體現(xiàn)在分類比較多，層級也比較深的一些電商、旅游APP上。

比如下圖 的一些側(cè)邊欄式的APP分類界面設(shè)計(jì)

當(dāng)然這樣的側(cè)邊欄式的APP分類界面設(shè)計(jì)還有很多種形式的?；径际怯?級的。

左邊一欄，右邊一欄。比如刷選項(xiàng)目也是采用的方式。

第三種：列表式的分類導(dǎo)航菜單設(shè)計(jì)

這樣的分類界面設(shè)計(jì)是最原始的設(shè)計(jì)方式，也是最直接最便捷的分類。一目了然。

這一類應(yīng)用在微信H5設(shè)計(jì)方面會(huì)常見一點(diǎn)。

也是容易理解的一種APP分類導(dǎo)航界面

第四種，標(biāo)簽式的分類導(dǎo)航界面設(shè)計(jì)

這一種跟宮格式的分類導(dǎo)航設(shè)計(jì)很相似。

比如下圖：

類似標(biāo)簽一樣的，按組分類排列，顯得整個(gè)界面既簡潔，又舒暢！如果是極簡愛好者的設(shè)計(jì)師，就會(huì)喜歡采用這樣的標(biāo)簽導(dǎo)航分類界面。

以上就是今天25學(xué)堂跟大家分享的四種常見的APP分類導(dǎo)航界面設(shè)計(jì)。根據(jù)不同的場景、用戶、設(shè)計(jì)風(fēng)格來選擇合適自己的APP分類界面設(shè)計(jì)方案。

看圖學(xué)APP設(shè)計(jì)！10個(gè)優(yōu)秀的APP交互設(shè)計(jì)案例

也就是25學(xué)堂跟大家分享的看圖學(xué)APP設(shè)計(jì)系列的文章。