【产品经理修炼之道】- 页面框架层级

编辑导语:有些同学可能将页面框架层级和页面信息层级混为一谈,其实它们是不一样的。那么,页面层级到底是什么?有什么用?该怎么用呢?本文作者对此作出了分析,一起来看一下吧。

最近收到一个读者朋友的提问:

“我的老板在看完我的设计稿子之后,问我能不能讲一讲页面的框架层级是怎么划分的。我直接懵在那儿了!页面框架层级是什么呀?有什么用?该怎么用呢?“

相信很多朋友也都有类似的疑问。还有同学会直接把页面框架层级页面信息层级混为一谈。本文就和大家聊聊关于页面框架层级相关的知识和应用。

01 什么是页面框架层级?

每一个页面其实并不是我们看到的扁平的状态。我们可以将页面依据交互行为和功能特点等方面进行层级的划分。以保证用户操作的顺畅性和确定性。

页面框架层级的划分目前并没有严格的规范,以阿里巴巴的 Fusion Design 的规范为例,可以将页面分为以下 4 层:

  1. 背景层
  2. 内容层
  3. 全局控制层
  4. 临时层

详解|一文带你了解页面框架层级!

1. 背景层

背景层永远置于页面的

  • 19
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiaoli8748_软件开发

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值