当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文

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

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

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

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

 

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

app分类界面设计学习

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

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

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

 

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

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

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

侧边栏分类设计

途牛APP分类设计

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

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

 

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

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

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

app分类

 

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

 

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

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

比如下图:

APP分类界面设计2222

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

 

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

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

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

 

 

 



无觅相关文章插件,快速提升流量

本文标题:看图学APP设计,常见的四种APP分类导航界面设计

本文地址:http://www.25xt.com/appdesign/12865.html

本文关键词: , ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。