浅谈用户交互“通知”、“浮层”

用户交互_通知

此处所讲述的通知为站内通知,不含puch等;


页面通知




用户交互_浮层

浮层通常不带标题,只有轻便型的快捷操作;出现在操作位置附近;需设定最宽、最高值。


浮层的特点

阻塞:模态窗口,聚焦于当前操作;

遮罩:下方页面需搭配30%透明度;

跟随:一般情况下,会固定在发起位置


浮层的使用说明

位置:触发区域左/右下点位置下方,具体出现位置根据按钮在页面位置而定;

唤起:点击触区

退出:内容区任意区域、执行浮层任务、离开当前页




总结

以上为本次针对“通知与浮层”做出的归类和总结;

在整理公司移动端交互规范指南时,突发奇想发篇文章与大家进行交流;如有不足,还请各位看官加以指正;

后续小编将持续更新关于,交互设计指南用户交互章节的相关设计要点。

注:图片资源来源于网络,设计资料内容来自于个人的相关看法及一些相关资料的总结。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,037评论 25 709
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,026评论 3 119
  • 每天早上都会用耳温枪给女儿量体温。今天给她量完体温后,女儿一定要来拿耳温枪。以前也会这样玩,但都是摆弄摆弄,今天,...
    快快妈妈育儿说阅读 276评论 1 0
  • 突然好后悔当初一气之下删掉了你所有的联系方式,以至于现在只能靠想象来模拟你的生活。想知道你过得怎么样?会不会也...
    寂静里安然阅读 243评论 0 0
  • 一、首先简单的说下UIView的CALayer. UIView之所以能显示在屏幕上,完全是因为它内部的一个图层,在...
    phzean阅读 21,430评论 4 13