4000-888-103

资讯动态看图学APP设计,常见的四种APP分类导航界面设计资讯详情

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

2019-07-10 16:08:47

  利用早上的空余休息时间分享一下关于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设计系列的文章。


上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png