看图学APP设计，常见的四种APP分类导航界面设计

利用早上的空余休息时间，25学堂的学堂君跟大家分享一下关于APP分类界面设计知识和布局。一个APP肯定会有一个分类的界面设计。不管是分类汇总还是分类模块都是存在的。

所以，也是APP设计师必须要明白的一项APP分类界面设计的知识。之前分享了无线端最好的APP分类设计方式解读和分类信息网站APP界面创新设计|交互和视觉做的非常完美

今天25学堂继续跟大家分享看图学APP设计，常见的四种APP分类界面设计。

第一种：叫做宫格布局的分类视觉界面，如下图

这样的APP分类界面也是目前我们最常见，也是最容易设计的一种方式。一个图标配上文字即可。

设计的重点在每一个分类项目的图标绘制上。 可以是拟物化的图标、也可以是线性图标或者是个性化图标设计。供APP设计师发挥的空间还是蛮大。

这样的宫格布局的分类视觉界面常见与分类首页居多。或者说是把分类当做重要的栏目。也算是的导航栏目。

第二种：侧边栏式的APP分类界面设计。

这类大部分体现在分类比较多，层级也比较深的一些电商、旅游APP上。

比如下图 的一些侧边栏式的APP分类界面设计

当然这样的侧边栏式的APP分类界面设计还有很多种形式的。基本都是有2级的。

左边一栏，右边一栏。比如刷选项目也是采用的方式。

第三种：列表式的分类导航菜单设计

这样的分类界面设计是最原始的设计方式，也是最直接最便捷的分类。一目了然。

这一类应用在微信H5设计方面会常见一点。

也是容易理解的一种APP分类导航界面

第四种，标签式的分类导航界面设计

这一种跟宫格式的分类导航设计很相似。

比如下图：

类似标签一样的，按组分类排列，显得整个界面既简洁，又舒畅！如果是极简爱好者的设计师，就会喜欢采用这样的标签导航分类界面。

以上就是今天25学堂跟大家分享的四种常见的APP分类导航界面设计。根据不同的场景、用户、设计风格来选择合适自己的APP分类界面设计方案。

看图学APP设计！10个优秀的APP交互设计案例

也就是25学堂跟大家分享的看图学APP设计系列的文章。