利用早上的空余休息時間,25學堂的學堂君跟大家分享一下關于APP分類界面設計知識和布局。一個APP肯定會有一個分類的界面設計。不管是分類匯總還是分類模塊都是存在的。
所以,也是APP設計師必須要明白的一項APP分類界面設計的知識。之前分享了無線端最好的APP分類設計方式解讀和分類信息網(wǎng)站APP界面創(chuàng)新設計|交互和視覺做的非常完美
今天25學堂繼續(xù)跟大家分享看圖學APP設計,常見的四種APP分類界面設計。
第一種:叫做宮格布局的分類視覺界面,如下圖
這樣的APP分類界面也是目前我們最常見,也是最容易設計的一種方式。一個圖標配上文字即可。
設計的重點在每一個分類項目的圖標繪制上。 可以是擬物化的圖標、也可以是線性圖標或者是個性化圖標設計。供APP設計師發(fā)揮的空間還是蠻大。
這樣的宮格布局的分類視覺界面常見與分類首頁居多。或者說是把分類當做重要的欄目。也算是的導航欄目。
第二種:側邊欄式的APP分類界面設計。
這類大部分體現(xiàn)在分類比較多,層級也比較深的一些電商、旅游APP上。
比如下圖 的一些側邊欄式的APP分類界面設計
當然這樣的側邊欄式的APP分類界面設計還有很多種形式的?;径际怯?級的。
左邊一欄,右邊一欄。比如刷選項目也是采用的方式。
第三種:列表式的分類導航菜單設計
這樣的分類界面設計是最原始的設計方式,也是最直接最便捷的分類。一目了然。
這一類應用在微信H5設計方面會常見一點。
也是容易理解的一種APP分類導航界面
第四種,標簽式的分類導航界面設計
這一種跟宮格式的分類導航設計很相似。
比如下圖:
類似標簽一樣的,按組分類排列,顯得整個界面既簡潔,又舒暢!如果是極簡愛好者的設計師,就會喜歡采用這樣的標簽導航分類界面。
以上就是今天25學堂跟大家分享的四種常見的APP分類導航界面設計。根據(jù)不同的場景、用戶、設計風格來選擇合適自己的APP分類界面設計方案。
也就是25學堂跟大家分享的看圖學APP設計系列的文章。
全站高品質(zhì)素材免費下載!