美文网首页
产品设计之页面弹出方式

产品设计之页面弹出方式

作者: 不会游泳的树懒 | 来源:发表于2016-05-18 23:18 被阅读125次

在进行页面跳转设计的时候,由于操作繁多会进行多级页面跳转,当页面级数越来越多时,

1.父子级页面跳转

最常见的是父子级页面跳转,最常见的处理方式是,点击父级页面的条目或内容,从右至左滑入子级页面。

2.临时操作弹出页面

此类型页面通常会在用户正在做一件事的时候,忽然有另一件事情插入打断当前事件,此类情况,从下往上弹出事件页面,完成当前事件的时候或者点击页面上的×,由上往下收回当前页面,用户得以继续进行原来的动作。

最典型的就是登录操作,比如当用户在未登录状态下浏览文章时,想评论该文章,通常是要进行登录的,此时就可采取这样的设计方法,登录完毕后继续进行评论。

读读日报推荐弹出页面

3.弹窗

除了弹出页面,还有一种方式是弹窗。弹窗相较于弹页面,首先:只占据屏幕的一部分,其他部分为半透明效果,呈遮罩效果,对于上一操作内容清晰可见;其次:关闭弹窗后,还展示原界面,可继续进行其他操作(如果有)。

一品资讯捐赠阅读数

相关文章

  • 产品设计之页面弹出方式

    在进行页面跳转设计的时候,由于操作繁多会进行多级页面跳转,当页面级数越来越多时, 1.父子级页面跳转 最常见的是父...

  • Chrome浏览器默认打开无痕模式

    1.首先、在桌面上找到Chrome的快捷方式,右键并选择属性,弹出如下所示的页面 2. 弹出页面中选择快捷方式,并...

  • JS基础一

    输出消息的几种方式 alert 在页面弹出一个对话框 confirm在页面弹出对话框有确定和取消,有返回值(boo...

  • 网易云音乐APP交互方式吐槽

    一、网易云音乐APP歌词页面,歌词报错的交互方式 交互方式:网易云音乐APP歌词页面,①用户点击问号后,②弹出报错...

  • iOS Modal出半透明控制器

    在最近的开发需求里,有一个半透明的页面,从上到下弹出方式,然后在该弹出视图上再Modal和Push其他的页面,之前...

  • 第4章coreldraw新建文件和保存

    打开页面,点击黄线位置的文件,点击后,就会弹出页面,选择新建页面后,软件制动会弹出一个页面。 本图就是弹出页面的新...

  • APP多弹窗排序总结

    由于产品设计的问题,现在存在进入播放页面有多个弹窗可能同时弹出的问题,于是存在重叠遮挡,而且由于提示是异步回调的,...

  • 小程序集合

    目录 问题集合页面弹出背景滚动表单绑定bindsubmit无效 问题集合 页面弹出背景滚动 在页面中弹窗弹出,对弹...

  • 利用Python+Selenium+AutoIt模拟键盘操作!表

    前言 在web页面中,可以使用selenium的定位方式来识别元素,从而来实现页面中的自动化,但对于页面中弹出的文...

  • 另外一种默认不弹出键盘的方式

    在页面中存在EditText的时候,进入默认会弹出键盘,解决方式: 1.设置windowSoftInputMode...

网友评论

      本文标题:产品设计之页面弹出方式

      本文链接:https://www.haomeiwen.com/subject/uxnwrttx.html