用户打开APP，是为了完成某项任务，打开APP为了购物或者查看物流信息；

打开简书为了写文章或者浏览文章；打开微信是为了查看朋友圈、即时聊天......而这些任务都是基于APP的每个页面去完成的。不同的页面有着不同的作用，按照作用划分，可以将APP页面大致分为四种类型：聚合类；列表类；内容类；功能类。

聚合类

聚合类多见于APP的首页，用于功能入口的聚合展示。例如京东和得到APP将很多功能聚合在首页，用户可以在首页找到想要功能入口，点击就能进入该功能模块。聚合类相当于分流的作用，用户打开APP，进入首页，再通过首页的各个功能入口进入到其他的页面。

在设计聚合类页面的时候，根据用户的需求和产品功能的优先级进行排列，将优先级高的功能入口放在靠前的位置。

列表类

列表类是APP最常见的页面类型，目的是展示同类别的信息，供用户筛选。虽然我们将这类页面命名为列表页，但是其展示形式是多样的，可以是列表的形式、也可以是网格的形式、还可以是卡片的形式。

当设计列表页时，应根据展现信息的不同特点选择恰当的展示形式（列表型、网格型、卡片型），或者干脆提供多种浏览方式来供用户选择，淘宝京东的商品列表页既提供了列表和网格两种展示方式。同时要将用户关心的维度放在列表中展示出来（如标题、图片、销量、价格等），用户会根据这些维度的信息来进行选择，从而决定要不要点击进入下级页面。

内容类

打开APP进入首页（聚合页），搜索电脑进入搜索结果页（列表页），在列表页看中了苹果的iMac，点击进入商品详情页，即内容页。内容页是用来展示具体信息的页面，购物APP中的商品详情页，读书APP中的书籍阅读页，资讯APP中的正文页......这些都属于内容页。

设计内容页的时候，应注重用户的阅读体验，尽量提供沉浸式的环境，将不必要的信息暂时隐藏。如果涉及到工具栏，可以考虑将工具栏放在页面下方而不是上方。

功能类

第四类可以称为功能类，即为了完成某个功能而存在的页面，常见的有搜索页面；发布状态页面；收货信息的填写页面等等。

重点来了，按照作用把页面大致分为这四类有什么用呢？第一，目前的产品都是由一个个页面组成的，知道了页面的四种类型，会加深你对页面的理解，做设计时能够心中有数。第二，多一个角度思考产品设计，可以根据聚合类、列表类、内容类、功能类，分别思考每个类型的页面在设计时会有什么样的特点，应该注意什么。

转载于:https://my.oschina.net/u/3773544/blog/1614987

APP页面的四种类型，你都知道吗？相关推荐

  1. 展示型app用什么型号服务器,APP版式设计教程：信息展示型UI界面设计的四种类型...

    作为一名专业的APP设计师,版式设计也是我们日常设计当中的一项基本功. 那你到底对版式设计有多深的理解呢? 你现在可以摸着旁边妹子的手说,什么是版式设计ma ? 版式设计又分为哪几种呢? 这个时候妹子 ...

  2. 远程服务器读取dtu数据,DTU的四种类型，你都知道吗？

    原标题:DTU的四种类型,你都知道吗? 什么是DTU? DTU的中文名称为数据传输单元.它用于将数据从PLC和其他较低级别的设备透明地传输到远程服务器.它的主要功能是将串行数据转换成IP数据,或者将I ...

  3. C#中方法的参数的四种类型（转）

    转自:http://www.cnblogs.com/netlyf/p/3822956.html C#中方法的参数有四种类型: 1. 值参数类型  (不加任何修饰符,是默认的类型) 2. 引用型参数   ...

  4. 地铁闸门会夹伤人吗_西安地铁率先推出分类垃圾箱 四种类型你会放吗？

    垃圾分类就是新时尚[西安地铁率先推出分类垃圾箱 四种类型你会放吗?]近日,不少上海人已被垃圾分类"逼疯",各类段子刷爆网络."你是什么垃圾?"直击灵魂深处的拷问 ...

  5. C＃中方法参数的四种类型

    C#中方法的参数有四种类型: -值参数:不含任何修饰符.方法中的形参是实参的一份拷贝,形参的改变不会影响到内存中实参的的值,实参是安全的. -引用参数:以ref修饰符声明.传递的参数实际上是实参的指针 ...

  6. 四种类型的数据分析模式

    在这篇博文中,我们聚焦于在数据科学领域所遇到的四种类型的数据分析模式:描述型.诊断型.预测型和指导型. 当我与刚涉足数据科学领域的年轻分析师们交谈时,通常,我会问他们认为什么是数据科学家最重要的能力. ...

  7. 四种类型的人与管理智慧

    古时候一州之长称为"州牧",这一个"牧"字,道出了我们先人的管理智慧. 在一个企业中,至少需要4种类型的人,即牛型.驴型.猴型和羊型. 先说"牛&qu ...

  8. 【整理】Python中的re.search和re.findall之间的区别和联系 + re.finall中带命名的组，不带命名的组，非捕获的组，没有分组四种类型之间的区别

    之前自己曾被搞晕过很多次. 后来使用这些函数次数多了之后,终于比较清楚的弄懂了两者之间的区别和关系了. 尤其是一些细节方面的注意事项了. 在看下面的总结和代码之前,请先确保你对如下基本概念已经有所了解 ...

  9. 四种类型的数据节点 Znode

    四种类型的数据节点 Znode 1.PERSISTENT-持久节点 除非手动删除,否则节点一直存在于 Zookeeper 上 2.EPHEMERAL-临时节点 临时节点的生命周期与客户端会话绑定,一旦 ...

最新文章

  1. mysql封装成类_python操作mysql封装成类
  2. 【NET CORE微服务一条龙应用】开始篇与目录
  3. ajax代码编程题,关于AJAX管家代码的几个基本问​​题
  4. MySQL 备份与恢复
  5. 损失函数理解汇总，结合 PyTorch1.7 和 TensorFlow2
  6. POJ1410 Intersection
  7. linux思源黑体乱码,deepin终端使用思源黑体做中文字体
  8. XMind中文破解版
  9. AS/400数据同步专家
  10. 口腔科的固定修复计算机辅助设计收,3D打印技术在口腔种植修复中的应用进展...
  11. 阅读《资本论》简单思考和笔记
  12. 孔雀东南飞$追加x5淘宝JS
  13. Win10 解决电脑插入耳机没声音。
  14. QGuiApplication底层鼠标处理（二）QSocketNotifier在事件循环中触发activated信号
  15. python积木编程软件_积木编程下载-积木编程app下载v1.0.0-西西软件下载
  16. 万全r680g7配置raid_联想万全r680g7服务器系统用户手册v1.2
  17. win10系统Microsoft Edge连接不上Internet
  18. R语言批量提取excel当中的数据
  19. k8s源码分析--kube-scheduler源码（一）
  20. 计算机学院篮球队介绍,计算机学院研究生代表队获得篮球联赛冠军

热门文章

  1. Python3全面基础学习
  2. 记住c0000005 Access Violation 崩溃
  3. iOS Keychain(钥匙串)原理及使用
  4. 1-1 机器学习和深度学习综述
  5. z中国禽肉深加工市场盈利动态与竞争前景分析报告2022-2027年
  6. 【数据库修复】.Globeimposter-Alpha66qqz勒索病毒的数据库文件修复
  7. 刘润对话樊登：脑子里天天想着钱的人，干不出漂亮事儿
  8. 广电总局要求所有视频网站TV端APP下架
  9. 北京软件开发商城app系统软件开发大概多少钱
  10. javaScript 如何保留三位有效数字