看圖學APP設計,常見的四種APP分類導航界面設計

利用早上的空余休息時間,25學堂的學堂君跟大家分享一下關于APP分類界面設計知識和布局。一個APP肯定會有一個分類的界面設計。不管是分類匯總還是分類模塊都是存在的。

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

今天25學堂繼續(xù)跟大家分享看圖學APP設計,常見的四種APP分類界面設計。

 

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

app分類界面設計學習

這樣的APP分類界面也是目前我們最常見,也是最容易設計的一種方式。一個圖標配上文字即可。

設計的重點在每一個分類項目的圖標繪制上。 可以是擬物化的圖標、也可以是線性圖標或者是個性化圖標設計。供APP設計師發(fā)揮的空間還是蠻大。

這樣的宮格布局的分類視覺界面常見與分類首頁居多。或者說是把分類當做重要的欄目。也算是的導航欄目。

 

第二種:側邊欄式的APP分類界面設計。

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

比如下圖 的一些側邊欄式的APP分類界面設計

側邊欄分類設計

途牛APP分類設計

當然這樣的側邊欄式的APP分類界面設計還有很多種形式的?;径际怯?級的。

左邊一欄,右邊一欄。比如刷選項目也是采用的方式。

 

第三種:列表式的分類導航菜單設計

這樣的分類界面設計是最原始的設計方式,也是最直接最便捷的分類。一目了然。

這一類應用在微信H5設計方面會常見一點。

app分類

 

也是容易理解的一種APP分類導航界面

 

第四種,標簽式的分類導航界面設計

這一種跟宮格式的分類導航設計很相似。

比如下圖:

APP分類界面設計2222

類似標簽一樣的,按組分類排列,顯得整個界面既簡潔,又舒暢!如果是極簡愛好者的設計師,就會喜歡采用這樣的標簽導航分類界面。

 

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

看圖學APP設計!10個優(yōu)秀的APP交互設計案例

也就是25學堂跟大家分享的看圖學APP設計系列的文章。

 

 

 

每天更新,
全站高品質(zhì)素材免費下載!