弹框体系总结

2018-12-12 15:49 来源:王M争 作者:王旭 点击: 评论:

A-A+

原标题:弹框体系总结

弹框是一种重要的交互方式,主要用于完成信息传递和用户反馈两大功能。弹框很常见,但并不见的每一个设计师都可以100%的弄明白弹框这个概念。这篇文章是对弹框体系的一个简单的梳理和总结,希望可以解决大家心中的一些疑惑。

我们日常所说的弹框是一个很笼统的概念。所有的对话框,浮层,提示条我们都习惯性的称之为弹框,其实弹框我们可以分为两种:模态弹框和非模态弹框。

模态弹框

模态弹框和非模态弹框最大的区别就是是否强制用户交互。模态弹框会打断用户的当前操作流程,用户不在弹框上操作的话,其余功能都使用不了。从这方面,我们可以看出来模态弹框的优缺点都十分的明显:优点是可以很好的获取的用户的视觉焦点,缺点是打断了用户的当前操作流程。模态弹框属于一种重量性反馈,一般用于用户进行重要的操作。常见的模态弹框种类有对话框(Dialog/Alter),动作栏(Actionbar/Actionsheet/ActionView)和浮层(Popover/Popup)。因为现在iOS和Android很多组件都是通用的,所以在接下来的文章里过于相似的组件我只介绍一种。

对话框

对话框一般用于用户进行一项很重要或者有风险的操作,这时会弹出一个对话框来给用户提示信息,用户根据提示来进行判断。一般会出现在屏幕的中间位置,会对界面的主要内容造成遮挡。

目前来说对话框的设计样式繁多,用户可以进行信息录入,也可以用于营销宣传。

动作栏

动作栏在我看来可以看成是对话框的一个加强版,因为无论是alert还是dialog一般都只有两个按钮。而动作栏可以提供多个功能按钮,而且展示的样式比较多变。

【易采站长站编辑:秋军】

App 里狂弹评分让你很郁闷?这样做就不同了 App 里狂弹评分让你很郁闷?这样做就不
A 君导读:上周灵感早读的一篇文章,跟大家分享了让人怒删 App 的三大理由,其中就包含弹出窗口。市面上很多 App 不厌其烦
弹框体系总结 弹框体系总结
弹框是一种重要的交互方式,主要用于完成信息传递和用户反馈两大功能。弹框很常见,但并不见的每一个设计师都可以10
为什么有些人做营销的样子那么讨厌? 为什么有些人做营销的样子那么讨厌?
“你真的待客户如初恋?” 很多人认为,做营销要让用户拿钱,那么......被用户抛来几个厌恶的眼神,甚至被咒骂几句都是
阿里3分钟破100亿,AliExpress 给了出海电商哪些启示 阿里3分钟破100亿,AliExpress 给了出海电
3 分 01 秒, 100 亿! 13 点 09 分 49 秒, 1207 亿!超过 2016 年双 11 全天成交额! 11 月 11 日,共完成交易额 1682 亿! 我们不得不
如果把网页设计成这样,你一定喜欢看 如果把网页设计成这样,你一定喜欢看
A 君导读: AppSo (微信公众号 AppSo )之前分享了丹麦籍设计师提出的几个设计原则,其中有一篇文章关于「避免功能蔓延」和「
为什么标题党总是有效? 为什么标题党总是有效?
来源 | 槽边往事(ID:bitsea) 作者 | 和菜头 首先,我要重申一个事实:大多数情况下,标题党总是有效的。 和大多数人的想
千人千面,称霸游戏武林的广告变现秘籍 千人千面,称霸游戏武林的广告变现秘
如今的游戏江山,各种游戏百家争鸣,加上广告的横空出世,一款游戏想要撇开广告而独善其身,结果就是淘汰。不想赚钱的
DataStory解锁品牌营销新趋势,迎接精准营销时代 DataStory解锁品牌营销新趋势,迎接精准
2017 年 11 月 24 日在上海虹桥万豪酒店,DataStory联合xx与 100 多家企业一起聚焦探讨企业和品牌应当如何以大数据分析为依托,
一文看懂国外视频网红们如何赚钱 一文看懂国外视频网红们如何赚钱
Youtube头号网红MichellePhan 据Cisco Forecast预测,到 2017 年底,视频流量会占全网流量的69%,并且在未来两年会继续增长, 2019 年
Facebook看重的UI/UX设计师技能 Facebook看重的UI/UX设计师技能
我的朋友Cynthia是一个不热衷社交网络的人,除了偶尔玩玩FB,你很难在任何圈子找到她的身影。前天她突然跟我说,她爱上了