利用早上的空余休息时间,xd素材中文网的学堂君跟大家分享一下关于APP分类界面设计知识和布局。一个APP肯定会有一个分类的界面设计。不管是分类汇总还是分类模块都是存在的。
所以,也是APP设计师必须要明白的一项APP分类界面设计的知识。之前分享了无线端最好的APP分类设计方式解读和分类信息网站APP界面创新设计|交互和视觉做的非常完美
今天xd素材中文网继续跟大家分享看图学APP设计,常见的四种APP分类界面设计。
第一种:叫做宫格布局的分类视觉界面,如下图
这样的APP分类界面也是目前我们最常见,也是最容易设计的一种方式。一个图标配上文字即可。
设计的重点在每一个分类项目的图标绘制上。 可以是拟物化的图标、也可以是线性图标或者是个性化图标设计。供APP设计师发挥的空间还是蛮大。
这样的宫格布局的分类视觉界面常见与分类首页居多。或者说是把分类当做重要的栏目。也算是的导航栏目。
第二种:侧边栏式的APP分类界面设计。
这类大部分体现在分类比较多,层级也比较深的一些电商、旅游APP上。
比如下图 的一些侧边栏式的APP分类界面设计
当然这样的侧边栏式的APP分类界面设计还有很多种形式的。基本都是有2级的。
左边一栏,右边一栏。比如刷选项目也是采用的方式。
第三种:列表式的分类导航菜单设计
这样的分类界面设计是最原始的设计方式,也是最直接最便捷的分类。一目了然。
这一类应用在微信H5设计方面会常见一点。
也是容易理解的一种APP分类导航界面
第四种,标签式的分类导航界面设计
这一种跟宫格式的分类导航设计很相似。
比如下图:
类似标签一样的,按组分类排列,显得整个界面既简洁,又舒畅!如果是极简爱好者的设计师,就会喜欢采用这样的标签导航分类界面。
以上就是今天xd素材中文网跟大家分享的四种常见的APP分类导航界面设计。根据不同的场景、用户、设计风格来选择合适自己的APP分类界面设计方案。
看图学APP设计!10个优秀的APP交互设计案例
也就是xd素材中文网跟大家分享的看图学APP设计系列的文章。
XD素材中文网 » 看图学APP设计,常见的四种APP分类导航界面设计
常见问题FAQ
- 关于我们
- 我们是一家服务广大ui设计师的素材平台,提供包括UI、平面设计、ppt模版,网页素材、png素材、设计插件、设计软件等一些列优质资源免费分享给到设计师,有效提升工作效率。
- 免费下载或者VIP会员专享资源能否直接商用?
- 百度网盘为什么下载慢?
- 找不到素材资源介绍文章里的示例图片?