站长之家首页 > 交互 > 弹框设计最新资讯 > 正文

弹框体系总结

2017-11-06 09:25 · 稿源:王M争

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

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

模态弹框

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

对话框

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

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

动作栏

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

但是也有例外,有的动作栏只有两个选项。以网易云音乐为例,你要删除歌曲时,“确认删除”提示就是通过动作栏来完成的(如左图)。其实这里使用对话框也是完全可以的(如右图),网易云音乐的设计师在这里使用的动作栏的理由我不得而知。但是我的个人猜测是,动作栏位于屏幕下方,相对来说对界面内容的遮盖会小一点。

  • 大家在看
  • 相关推荐
  • 个车3年服务40万用户 汽车融资租赁的潜力有多大?

    随着汽车融资租赁模式在国内的普及,越来越多人的生活被改变。一方面,对于用户来说,汽车融资租赁以低门槛的购车方式,满足了部分缺乏资金但急需用车人的需求;另一方面,汽车融资租赁在国内的发展还处于初级阶段,由于了解不深入而产生的误解和争议普遍存在。最近,一封用户来信道出了汽车融资租赁在国内的发展现状。近日,有媒体在微博收到一封私信,内容大意是:他是一位弹个车车主,去年4月购车,距今已快满一年。彼时因为毕业

  • 网页设计有哪些技巧,鱼爪设计来助你

    当我们打开一个网页的时候,相信很多人对于这个网页的美观度都会有一个基本的评价,有的网页设计的十分大气,有的网页设计的杂乱无章,同样都是网页,但是带给用户的视觉体验却是大不相同的,一个新奇且具有创意的网页可以让整个网站都散发出一种活力,能吸引用户在网站上花费更多时间去驻足浏览,那么如何才能做好网页设计呢?网页设计有哪些技巧?一、选择合适的配色方案色彩带来的视觉体验是非常直接的,强烈的色彩可以给人的眼球

  • 宝马发布全新LOGO设计,采用扁平化设计够养眼

    扁平化设计已然成为UI设计的主流,这也促使越来越多公司重新设计自家的LOGO,更符合当代的审美需求。继去年大众推出新的LOGO之后,宝马也紧随步伐,在 2020 年发布了新设计的LOGO。

  • 2020车市危中有机,个车等新零售平台开拓市场增量

    2020年初,一场猝不及防的新冠肺炎疫情席卷全国,给汽车流通行业也带来了巨大冲击,令本就处于调整期的车市雪上加霜。危机之下,整个行业也需从中找到发展之路。令人欣慰的是,日前有消息显示,商务部将研究出台进一步稳定汽车消费措施,并鼓励各地因地制宜增加限购指标,一些地方亦出台了相关措施,对提振车市释放出了积极信号。与此同时,业界积极开拓应对困境的努力,也从未停止。作为国内领先的汽车新零售品牌,弹个车以汽车融

  • iF设计奖揭晓 安克创新再添2项国际工业设计大奖

    近日,全球工业设计界最权威的奖项之一——iF Design Award正式公布了 2020 年的获奖名单,知名消费电子品牌企业安克创新旗下 2 款产品获奖。这是安克创新在近 3 年包揽德国红点设计奖、iF设计奖、G-Mark设计奖等 30 多个奖项以来,再度在国际性工业设计奖项获得荣誉。安克创新此次获奖的产品均来自其名下的智能创新品类产品,分别是Soundcore Liberty 2 Pro真无线耳机和Nebula Soundbar-Fire TV Edition智能条形音箱, 2 款产品除

  • 雷军:小米设计的环保包装方法「一纸盒」斩获日、德两项设计大奖

    One Paper Box,「一纸盒」,是小米设计的环保包装方法。简单说,一个包装盒,只需要使用一张卡纸或瓦楞纸板折叠而成,里面不需要多余的辅料来支撑。甚至不需要使用胶水,组装过程更加节省劳力。根据计算,「一纸盒」的设计,最高能降低原传统包装成本的 40%,还能避免过度包装给地球带来的浪费。

  • Google Photos推重大设计更新:汉堡菜单消失

    据外媒报道,Google Photos近日进行了重大设计更新,这款应用现在去掉了汉堡菜单并带来了一些漂亮的用户界面调整。虽然这款应用在最近几年不断增加新功能,但这次重新设计却算是是它在一段时间内获得的较大更新之一。

  • 极简设计如何能与精致生活共存?

    逛博物馆的时候感触最深的就是古人的精细劲儿,富贵闲人的生活充斥着各种美丽的雕花与纹饰,从生活用具到家居装修,华丽肉眼可见。尽管随着经济的发展,我们也与老祖宗一样追求精是极简设计成为了大势。无论是风靡的苹果系列产品,流行的北欧风、MUJI风,亦或是各种高端家用电器,“少即是多”的设计理念越来越深入人心。虽然简洁的设计让人们得以从嘈杂的信息流和浮躁的情绪中获得片刻解脱,但与此相对的是,也产生了一个问题,对

  • NASA希望让学生帮忙设计探索月球和火星的技术

    美国NASA正在争取一切可能的帮助,以确保其载人登月和探索火星任务顺利进行,这可能包括寻求学生的帮助。

  • 华为新款真无线蓝牙耳机专利曝光,采用入耳式设计

    3月19日消息,华为已经向世界知识产权组织申请了一个新的真无线耳机的专利。本次曝光的图片来看,华为TWS真无线蓝牙耳机采用了入耳式设计,类似三星Galaxy Buds + 设计,耳机里一侧有多颗传感器。主体采用了圆形设计,预计耳机表面支持触摸操控,可以用来控制音量大小、切换歌曲等。这款华为全新TWS真无线耳机有望在 3 月 26 日跟华为P40系列手机一同发布。

  • 专利揭示小米新机或采用独特的翻转摄像头设计

    ​此前,我们已经在三星 Galaxy A80 和华硕 6Z 等设备上见到过趣味的翻转摄像头设计。不过近日曝光的一项小米新专利,表明该公司有意在打孔柔性屏上实现带有 LED 闪光灯 + 双摄像头的可翻转设计。通过翻转机制,设备可灵活地切换前后摄像头,为用户带来独特的拍摄体验。

  • 再获殊荣,松下ALPHA洗衣机荣膺2020iF国际设计大奖

    近日,世界顶级设计大奖德国iF设计奖揭晓,凭借着顶尖设计和精工制造,松下ALPHA洗衣机成功问鼎。这也是松下ALPHA洗衣机继“ 2018 年红顶奖设计奖”、“ 2019 年艾普兰金奖”,“ 2019 年德国红点最佳设计奖”、“ 2019 日本G-Mark设计奖”之后的又一殊荣,再次印证了松下ALPHA洗衣机深受认可的强劲实力。德国iF Product Design Award简称iF设计奖,创立于 1953 年,作为目前全球最权威、影响力最大的工业设计奖项之一,吸引着来自

  • 专注原创设计 我乐家居整体橱柜获广泛关注

    随着人们对生活质量的要求和审美水平的提高,消费者在选购整体橱柜时越来越多考量橱柜的外观设计、细节功能设计、品牌口碑等方面。我乐整体橱柜,近年来凭借着原创设计优势、国际前沿的设计理念迅速突出重围,成为整体橱柜行业的黑马。其高颜值的新品和和苛刻的环保要求,均获得了业内同行及消费者的认可。本篇文章,小编就和你一起认识一下我乐家居和我乐整体橱柜。图:我乐家居品牌形象代言人高圆圆数十项原创专利设计 高颜值厨?

  • 哪个家居品牌注重原创设计?我乐家居“独领风骚”

    哪个家居品牌注重原创设计?相信不少消费者都听说过这样一种原创设计,叫“我乐设计”。在中国定制家居行业,我乐家居的原创专利设计长期以来都“独领风骚”。作为一家从整体厨柜行业延伸至全屋定制的企业,我乐家居给中国定制家居行业带来了更多的可能。图:我乐家居品牌形象代言人高圆圆本着坚持“我乐,设计让家更美”的品牌理念,我乐不断创造设计美好的家居产品,让居住者时刻体验美好,不断刷新行业设计标准。今天本文以几个?

  • 有颜值又实用,我乐家居的原创设计,谁不爱?

    家具产品时尚又实用,整体装潢高端又大气,这样经常出现在影视剧中的家居设计,现实中真的存在吗?那要怎样才能把家装修的如剧中一样,既漂亮又实用?今天,就来介绍一家格外注重原创设计的家居品牌——我乐家居(股票代码:603326),想把家装修的高端大气上档次的朋友们,别错过。图:我乐家居品牌形象代言人高圆圆我乐家居对于产品的原创要求极高,自品牌于2005年成立起,我乐家居就主攻“原创设计”,签约了8位获得过红点奖等国际?

  • 小米壁画电视75英寸首发开卖:9999元极致分体设计

    小米壁画电视 75 英寸来了,今日正式开售,售价 9999 元,小米商城买电视抽K30 5G手机。

  • LOL云顶之弈新赛季银河战争设计师官方答疑汇总

    英雄联盟官方在3月5日发布了云顶之弈拳头设计师的相关答疑,大家对于云顶之弈新赛季银河战争这个主题肯定有很多疑问,下面就来为大家分享一下。

  • 华盛顿大学发布智力游戏 玩家设计蛋白质抑制新冠病毒

    华盛顿大学发布了一款智力游戏,玩家在游戏中可以设计蛋白质,阻止新冠肺炎病毒攻击人体细胞。这款游戏发布在Foldit平台上。Foldit借助逾 20 万名注册玩家进行蛋白质研究工作。

  • 华为P40 Pro曝光:戴上保护壳后神似保时捷设计

    图中P40 Pro与此前evleaks曝光的渲染图一致:矩阵相机、徕卡五摄(包含一枚潜望镜头)、双孔四曲面全面屏等等。

  • 华为 Mate Xs 折叠屏手机官方图赏:首创鹰翼折叠设计

    在日前的华为终端和战略布局线上发布会上,华为正式发布 Mate Xs 折叠屏手机,采用了首创的鹰翼折叠设计,展开时是一款厚度为 5.4 毫米的极薄 8 英寸无界屏幕,闭合后则成为 6.6 英寸和 6.38 英寸的双屏手机。搭载麒麟 990 5G 处理器,8GB 内存+512GB 存储,国行售价 16999 元。目前官方也带来了 Mate Xs 的最新图赏:

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议