B端 浮层、弹窗、抽屉区别

最新推荐文章于 2024-06-25 10:18:16 发布
最新推荐文章于 2024-06-25 10:18:16 发布
阅读量530 收藏
点赞数
文章标签： 产品经理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mwenhui/article/details/132478800
版权

浮层：气泡、提示框、下拉菜单、隐藏式侧边栏、搜索栏展开

浮层特点：和触发它的元素具有非常紧密的位置关系，而不是像弹窗一样无差别显示在界面或者浏览器视图的固定区域

使用场景：想要显示的内容，完全没到用一个新的页面展示的程度，且与触发元素有紧密位置关系

**弹窗：**居中固定的显示区域，包含更多的内容

使用场景：对原触发页面的使用和关注并没有结束，需要支持快速关闭当前的窗口并返回原来的页面中去

**抽屉：**不强制用户聚焦

全国青少年熬夜大赛冠军
关注
表单页面风格如何选择？弹窗 or 抽屉 or 页面?
科技D人生
10-13 384
是属于国外产品传入中国，因此在使用习惯上，更偏向于专注去做一件事，比如Hubspot上，在其客户详情页能够直接进行添加日程、拨打电话、发送邮件等几十项操作，并且一切围绕着Marketing、Sales展开，因此使得页面需要更加专注，需要看到更加全量的信息，再次国外Saas用户也是对完整流程的操作更加青睐（一个操作只干一件事），而国内喜欢有很多快捷操作，因此造成Hubspot都采取页面跳转的形式查看数据。只是在字段数量上会有所增多，导致字段的高度会随之增加，因此满足上面要求的交互控件只有抽屉和页面。
3.8、气泡提示（Popup）
lujianfeiccie2009的专栏
04-23 222
开发者可以使用构建器创建自定义气泡，@Builder中可以放自定义的内容。除此之外，还可以通过popupColor等参数控制气泡样式。})builder: this.popupBuilder(), // 气泡的内容placement:Placement.Bottom, // 气泡的弹出位置popupColor:Color.Pink, // 气泡的背景色onStateChange: (e)=> { // 返回当前的气泡状态if (!// popup构造器定义弹框内容。
app浮层html,App设计之五：弹窗与浮层
weixin_29001683的博客
06-19 1682
之前在一篇文章里抛出来一个关于弹窗与浮层的问题，当时的背景是这样的，微信和京东在关于密码错误时采用的提示方式是完全不同的。微信采用的是警告框，而京东采用的则是浮层，由于当时自己也是心存疑惑，所以后来查看了一些资料和文章，于是就有了这篇文章。至于这两种方式哪个更合理一点，现在依然没有得出来结论。在iOS 9 人机界面指南中关于不需要使用警告框的情况中有这么一条：若使用警告框来告知用户发生了无法解决的...
B端系统：选抽屉弹出还是弹窗，是时候挑明了。
最新发布
2401_82943878的博客
06-25 722
B端抽屉弹出页面是指在B端应用中，通过点击或滑动操作，将一个侧边栏或底部栏从屏幕边缘弹出来展示更多的内容或进行相关操作的页面。
浮层弹框点击切换
从入门到入狱
05-13 399
主页面代码 int [] img = {R.mipmap.bg_float1,R.mipmap.bg_float2,R.mipmap.bg_float3}; ImgDialog imgDialog = ImgDialog.newInstance(img); imgDialog.show(getSupportFragmentManager(),"MainActivi...
B端组件：你真了解弹窗吗？未必，教你分清模态、非模态、吐司等
贝格前端工场的博客
01-19 2692
Hi，我是贝格前端工场，又到了和大家分享B端设计的时候，本次带来最不起眼的弹窗，把这个概念给大家讲清楚。其实在B端设计中，是没有弹窗这个概念的，英文概念叫Dialog，叫对话或者会话更合适。到了中国就得中国话，大家都叫弹窗，就跟着叫开了，本文分享几种常见的弹窗。
Android PopupWindow 实现微信样式浮层弹窗
"PopupWindow仿微信浮层弹出框效果" 在Android开发中，有时我们需要创建类似于微信中的浮层弹出框，这样的效果可以用于显示更多的功能选项或者进行交互操作。PopupWindow是Android SDK提供的一种轻量级的弹出窗口，...
网页设计中的弹窗与浮层的设计
09-22
在从传统的Software逐渐转换到Webware的大潮中，设计模式与技术实现双重变革和推进下。我们提倡页面中的任务对应用户群明确，任务少而精。回到我们传统的后台软件系统中，对于面对系统与流程再造。...
JS弹出DIV浮层.
02-20
JS弹出DIV浮层.
【uniapp】自定义抽屉和弹窗
Qxn530的博客
01-18 2077
使用了uni-drawer，但是当我点击两次内容之后，发现关闭不了抽屉，一直也没找到原因，后来我就自己写了一个简单的抽屉。
弹出层，遮罩层，浮层菜单
csmzl的博客
10-28 1848
现在随便打开个网页都能见到浮层菜单，不会弄都说不过去了！直接上代码，一切尽在代码中。<html> <head> <meta charset="utf-8"></meta> <script type="text/javascript" src="jquery-1.12.1.js"></script> <style type="text/css"> #global
弹窗浮层mask
rainbow_677294的博客
03-08 711
&lt;div id="callout" class="button callout_button"&gt;&lt;a href="#"&gt;弹出对话框&lt;/a&gt;&lt;/div&gt; &lt;div id="mask" class="mask"&gt;&lt;/div&gt; &lt;d
jquery 弹出浮层(div) + 遮蔽层
ntc10095的博客
10-21 3401
.pop-box {               z-index: 9999; /*这个数值要足够大，才能够显示在最上层*/             margin-top: 30px;               display: none;               position: absolute;               background: #FFF;      
模态弹窗与非模态弹窗
热门推荐
Calvert的博客
07-22 1万+
在手机app应用中各种格式的弹窗效果相信大家都看过，也可能反感过某些弹窗，本文就来谈谈关于app弹窗设计以及弹窗的适用情景。 一、弹窗的定义 1、弹窗作用 弹窗是为了让用户回应，需要用户与之交互的窗口。 非模态弹窗一般被设计成用来告诉用户信息内容，而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。 2、模态弹窗 会打断用户的操作行为，强制用户必须进行操作，否则不可以进行其他操作...
android PopupWindow和AlertDialog区别
hangdianyizhihua的专栏
06-25 424
本质区别为：AlertDialog是非阻塞式对话框：AlertDialog弹出时，后台还可以做事情；而PopupWindow是阻塞式对话框：PopupWindow弹出时，程序会等待，在PopupWindow退出前，程序一直等待，只有当我们调用了dismiss方法的后，PopupWindow退出，程序才会向下执行。这两种区别的表现是：AlertDialog弹出时，背景是黑色的，但是当我们点击背景，A
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值