使用Dialog，功能按钮最好只有两个，...
采集 评论
查看来源 woshipm.com
art_wang从a61JaBenRaCa
转采于2018-11-15 00:03:05
使用Dialog，功能按钮最好只有两个，让用户选择“是”或“非”的功能操作（“是”指对内容描述的确认操作，比如确认删除、确认付费；“非”一般指取消操作，然后关闭弹窗）；也常被设计成只有一个“确认”按钮，目的是让用户阅读内容后点击关闭弹窗（这种样式的Dialog，信息内容必须非常有必要性以至于需要打断用户的操作进行信息内容阅读确认，否则请用Toast进行非模态弹窗提示）。
表单素材
art_wang
工单管理界面移动端
工单管理长图包装
工单系统界面设计-后台界面
工单系统界面设计-后台界面
工单中心 - 工单详情
工单列表
工单列表
京东金融
使用Dialog，功能按钮最好只有两个，让用户选择“是”或“非”的功能操作（“是”指对内容描述的确认操作，比如确认删除、确认付费；“非”一般指取消操作，然后关闭弹窗）；也常被设计成只有一个“确认”按钮，目的是让用户阅读内容后点击关闭弹窗（这种样式的Dialog，信息内容必须非常有必要性以至于需要打断用户的操作进行信息内容阅读确认，否则请用Toast进行非模态弹窗提示）。
用户主动中断任务，破坏性操作等： 用户中断当前任务，对之前的操作有一定的影响，或者一些无法挽回的破坏性操作，故需强干扰的弹窗通知，避免用户因为失误有了不可挽回的损失。如退出账号；删除订单，活动消息等；放弃编辑。
对于新用户的功能引导或者新功能的引导： 此类场景也属于浮出层的衍生应用，主要通过带指向箭头的浮层引导用户学习某个功能，一般需要学习的功能是高亮的，且箭头指向它。
呈现页面中一些折叠的信息： 属于浮出层的衍生应用，和上个场景一样，节约屏幕空间，显露出一部分，并将剩余信息折叠起来，不影响用户理解功能，又解决了屏幕空间，若用户有需求，即可展开探索更多的信息，同样也会用箭头等指向出处
Toast Message - jQuery Notification Plugin
弹窗分类：阻断式和非阻断式
1.1 下拉弹窗（界面顶部，少量出现在界面中间） 如下图，点击某按钮后，从顶部弹出的弹窗叫做下拉弹窗。此时用户必须要操作弹窗上的某个功能或者点击空白处才能消除弹窗，从而进行其它操作。
1.2 对话框（界面中间） 对话框（Dialog）就是我们最常见的从界面中间弹出的提示弹框，需要用户对此弹框进行操作后才能继续执行其他任务。如下图： 而对话框也有很多形式：不同维度会有不同的分类，比如以操作按钮的多少来分类、是否可以输入内容来分类、系统样式还是自定义样式等等，我们可以根据具体项目来制定对话框的样式与规则。 此类弹窗大多数用于信息提示及操作的二次确认，设计师在使用前一定要谨慎选择，综合场景角度、用户价值及平台价值多个维度进行考虑。
1.3 动作列表（界面底部） 动作列表会向用户展示多个功能按钮，形式有纯文字、文字加图标、甚至纯图标。对于警示性选项会标出红色，推荐性选项可标示蓝色，可根据实际情况自行定义。
2.1 Toast/HUD（界面顶部或中间） Toast提示框是一种非阻断式（非模态）弹窗，它弹出状态信息给予用户及时反馈，确保用户知晓自己所处的状态，并做出相应的措施。 而Toast的样式也分顶部和中部 这里值得一提的是，Toast其实是安卓系统的一个控件名词，iOS 并没有，IOS有一个类似的控件叫做HUD，但是行业内大部分已经将Toast弹窗通用到两个系统内，所以对于HUD大家了解即可。
2.3 snackbar（界面底部，可交互） 虽然snackbar弹窗也是出于安卓系统，但是目前也已经通用到iOS系统中，它就是一种底部非阻断式弹窗，也会自行消失，但和toast不同的是它是可交互的，并且一定是在底部出现，如下图邮件归档后的状态：
同采自
woshipm.com
该采集也在以下画板
加载更多
推荐给你的采集
采集
meigongyun.com
伊岚分享采集到png素材

冬日冷色调圣诞手绘花卉系列元素 Scandi Fest collection

335

伊岚分享 采集到
png素材
采集
海盐荔枝的夏日采集到动漫

动漫

62

海盐荔枝的夏日 采集到
动漫
采集
melodySixi采集到祛湿

湿气-微营销海报

22

melodySixi 采集到
祛湿
该采集待公开
采集
hidepink采集到素材–街景小场景

33

hidepink 采集到
素材–街景小场景
采集
mp.weixin.qq.com
菓仔fish采集到练习

【绘画参考】Hong SoonSang 的角色设定图（人物设计必学）

389

菓仔fish 采集到
练习
采集
惜朝采集到绘画

206

惜朝 采集到
绘画
采集
静候好戏采集到人像

泽捻知

610

静候好戏 采集到
人像
采集
weibo.com
Lily名字十七画采集到场景素材

极简主义摄影。

361

Lily名字十七画 采集到
场景素材
采集
behance.net
顺物荣枯采集到主题活动

夏日逃离/SUMMER MUSIC FESTIVAL : 夏日逃离音乐会 | Summer...

69

顺物荣枯 采集到
主题活动
采集
l0XI4gBo晓风残月采集到皇室

7

l0XI4gBo晓风残月 采集到
皇室
采集
峰言风语采集到醉美身材

95

峰言风语 采集到
醉美身材
采集
weibo.com
Lily名字十七画采集到场景素材

摄影 · 极简主义

445

Lily名字十七画 采集到
场景素材
该采集待公开
采集
雨ˋ滴滴答答采集到二次元

417

雨ˋ滴滴答答 采集到
二次元
采集
xiachufang.com
Dora爱幻想采集到面包片

如何做超厚的沼三明治~详细tip！牛油果鸡蛋午餐肉三明治~

1151

Dora爱幻想 采集到
面包片
采集
alpha.wallhaven.cc
菇凉&采集到地产配图

General 1920x1080 Greece hotels mountain swim...

90

菇凉& 采集到
地产配图
采集
pixiv.net
〃梦落雨`笑╰︶采集到二次元美图

しぶりん

215

〃梦落雨`笑╰︶ 采集到
二次元美图
采集
pinterest.com
罗菩堤rowe采集到【色谱】装修配色

#Coastal #Colors Fashionable Coastal Living R...

27

罗菩堤rowe 采集到
【色谱】装修配色