傻大方


首页 > 人文 >

『弹窗』弹窗究竟怎么设计才能不被骂?



按关键词阅读:

在工作中是否一遇到提示和反馈时,会在设计中不假思索地使用弹窗?是否能有理有据的说出为什么会用这个控件的理由?
工作场景:在设计一个列表的刷新状态的时候,你会想到用什么控件?我理所当然的使用Toast控件。
小伙伴:为什么要用这个黑乎乎的好丑啊!
我:心里冒出的第一个想法就是,刷新当然是用Toast啊!!!但是我突然说不出用这个控件的理由,就是想当然的用这个。
这个时候关于弹窗我们就需要了解在什么场景中用弹窗以及需要什么类型的弹窗,如何有理有据的使用弹窗?学习弹窗控件的正确打开方式。
我们为什么用弹窗?弹窗的定义、分类?
弹窗在APP中的表现形式?
弹窗有什么优点吗?
一、我们为什么用弹窗?弹窗的分类有哪些?
弹窗是用户在系统中进行操作时系统给予的回应。目的是遵循用户心里预期,告知用户当前状况,给予用户有效反馈。如引导用户如何操作、提示用户在操作后会发生什么。
弹窗的分类根据iOS和MD规范,可以将弹窗分为模态弹窗和非模态弹窗。在一般情况下,非模态弹窗用来告诉用户信息内容;模态弹窗除了告诉用户信息内容外还需要用户进行功能操作。
很多人不了解弹窗的具体分类和使用方法,接下来我们需要了解的弹窗控件分类:
1、模态弹窗:警告/对话弹窗 iOS_Alert&MD_Dialog
『弹窗』弹窗究竟怎么设计才能不被骂?
文章图片
功能:iOS_Alert&MD_Dialog用来传达重要信息,告知用户当前发生的状况,通常情况下伴随着需要用户进行操作。
场景:一般用于承载非常重要的附加操作或警示信息,如退出、删除、清空。
设计规范:对控件设计组成进行拆解。在IOS规范中,警告框包含的元素:1标题(必选)、2内容(可选)、3操作按钮(必选)。
『弹窗』弹窗究竟怎么设计才能不被骂?
文章图片
除了系统控件外,我将这些运营、升级、活动弹窗都归类为对话弹窗,一般以好看的元素搭配吸引用户点击。此类弹窗需要特别注意需要保留关闭按钮,不可隐藏。
『弹窗』弹窗究竟怎么设计才能不被骂?
文章图片
2、模态弹窗:操作列表 iOS_Aciton Sheet
『弹窗』弹窗究竟怎么设计才能不被骂?
文章图片
功能:是一个响应控件,一般在用户执行操作出现此窗口,提供更多的功能选择来完成当前任务的操作。
场景:一般包含两个及以上的按钮,用于操作项多于三个的操作。与Alert最大的区别就是位置:Alert 出现在屏幕中心,但 Action Sheet 由屏幕底部向上滑出。
设计规范:用户进行危险性操作的按钮(如删除),应该使用红色高亮显示,并置于顶端。取消按钮始终在底端显示。避免滚动操作,若需要滑动操作,建议选择使用Activity Views控件。


稿源:(ZAKER汽车)

【傻大方】网址:http://www.shadafang.com/c/zj111JE9292020.html

标题:『弹窗』弹窗究竟怎么设计才能不被骂?


上一篇:[将要]将要报废的手机会出现这三个信号,你出现了吗?

下一篇:「手机产品」假如给你10W,并且30天不让你用电子产品,能行吗?


人文

#Galaxy#三星Galaxy Z Fold2 5G:屏幕更好,铰链升级

阅读(30)

对于一款折叠屏手机而言,最重要的无疑是设计,而设计的关键点显然是屏幕和解链,而三星Galaxy Z Fold2 5G手机之所以可以或许成为当下折叠屏手机“一哥”同样与此分不开关系。与第一...

人文

在都江堰,如何把“五湖四海”装进胃里?

阅读(37)

浙江龙网提示您,本文原题为 -- 在都江堰 , 如何把“五湖四海”装进胃里? 生活在都江堰的一方土地中 , 常常忍不住想出去看看五湖四海的美食与美景 都想一个个体验一遍 。 然而...