恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反??!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计规范之弹窗
0.3°
原创文章 / 规范/资料 / / 举报
61 0 0 0

2021-09-18

  • 弹窗
  • ALERT


一.定义

用于询问、警示、提示以及完成某个插入任务,使用户有效聚焦于当前最紧急的信息,在不用离开当前页面的前提下,完成轻量的任务。


二.用途

用于询问、提示、警示以及完成某个插入任务。


三.类型

基础类、扩展类

1.基础类——对话框/moda

说明:对话框承载与当前状态有关的重要信息,常需要用户进行响应;对话框由标题、信息内容、一个或多个按钮、文本输入框四部分组成。除了上述可选元素以外,对话框的外观是固定的不可修改的。

使用场景:常用于询问、信息提示、操作二次确认等场景。

【交互说明】

(1).伴随蒙版从页面中间弹出;

(2).标题和信息内容需要简短能说明问题,弹窗根据内容长短自适应高度;

(3).按钮控制在3个以内,超出建议使用操作列表;

(4).文案要具体精准,不要使用“是”“否”等语意不明的词;

(5).主选按钮放右侧,次选按钮放左侧;

(6).当有破坏性的操作的时候,一方面要突出显示具有潜在破坏性的操作按钮,另一方面要确保有【取消】按钮,保证用户能够安全地取消破坏性操作;

(7).必须要获取用户明确的响应,因此只有选择按钮才能关闭弹窗(点击蒙版无法关闭弹窗);

(8).使用输入框时,可根据输入内容的属性唤起数字键盘或全键盘;


2.扩展类

2.1 活动对话框

【交互说明】

(1).一般进入页面后,从页面中间弹出;

(2).具体的形态由UI根据实际需求进行设计;

(3).提供关闭按钮用与关闭,关闭按钮位于右上角;

(4).不支持点击蒙版收起;


2.2 版本升级对话框【交互说明】

(1).有版本更新时,通常在首页弹出引导用户升级;

(2).标题部分固定显示标题+版本号+包大??;

(3).版本特性介绍内容显示固定行数(以高保真为准);超出可滑动内容区域查看;

(4).点击立即升级按钮,跳转升级流程;

(5).提供关闭按钮用与关闭,关闭按钮位于右上角;

(6).不支持点击蒙层收起;

(7).当为强制升级时,弹窗不支持关闭,不显示关闭按钮,不支持点击蒙层收起;


2.3 下载对话框【交互说明】

(1).从页面中间弹出;

(2).显示下载进度;

(3).提供取消按钮,点击后弹窗收起,停止下载


2.4 用户权益对话框

【交互说明】

(1).打开客户端后,从页面中间弹出,需点击【我已阅读并同意】按钮后才能进入客户端;

(2).不支持点击蒙版收起;


2.5 服务权益对话框

【交互说明】

(1).需要获取用户授权信息时,从页面中间弹出;

(2).授权内容显示固定行数(以高保真为准);超出可滑动内容区域查看;

(3).点击【确认授权】按钮后收起弹窗,并toast提示“授权成功”;

(4).右上角提供关闭按钮,点击【关闭】收起弹窗,放弃授权;

(5).不支持点击蒙版收起;


2.6 自定义对话框

【交互说明】

(1).从页面中间弹出;

(2).具体的形态由UI根据实际需求进行设计;

(3).按钮最多上下可显示3个;

(4).右上角提供关闭按钮,点击【关闭】收起弹窗;

(5).不支持点击蒙版收起;


Powered by Froala Editor

创建于:2021-09-18
收藏

0人已收藏

西溪设计天团

求新、求异、求变、求不同。

  • 44

    作品

  • 383

    粉丝

  • 3

    关注

  • 交互设计规范之下拉菜单
  • 交互设计规范之步进器
  • 交互设计规范之气泡
  • 交互设计规范之动作面板

猜你喜欢

    西溪设计天团

    西溪设计天团

    求新、求异、求变、求不同。

    小有见解一鸣惊人原创达人
    • 383

      粉丝

    • 9.9

      人气

    • 955

      颜值

    作品

      西溪设计天团

      点赞:0

      收藏:0

      评论:0

      交互设计规范之弹窗

      你确定要举报交互设计规范之弹窗?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年09月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      账号或密码错误

      发送验证码 120s 验证码错误

      登录
      全网福利资源合集搜索处解压码