UI设计, 弹出对话框 设计(区分强调按钮和普通按钮,给用户一个 正向建议的强调按钮)
来源:互联网 发布:苹果cms自带采集插件 编辑:程序博客网 时间:2024/05/21 13:09
在UI设计时,经常会需要 设计 弹出对话框,以下是个样式设计:
0.标准对话框
说明
Title space : 标题区
contents space : 内容区
function space: 功能区
在功能区的 user decision making 箭头表示:“用户决策方向”,有两个方向 ”正向“或者”负向“ 或者说 ”肯定“和”否定“。 在这里,期望用户点击的方向,有利于用户操作的方向,为正向。
使用明显的 易于引起注意的 颜色标识 正向 的操作,更容易被关注和点击,甚至会被习惯性点击。
负向 和 可选项(Optional) 采用不已引起注意的颜色。
我绘制了常见的页面 弹出对话框的 更多样式
1.警告 Warring 有图标
2.信息 Info 有图标
3.提醒 无图标
4.提醒 有标题栏
5.选择对话框- 带按钮
-------------------------------------------------
参考:书籍 《神一样的产品经理》 第270页,第284页
0 0
- UI设计, 弹出对话框 设计(区分强调按钮和普通按钮,给用户一个 正向建议的强调按钮)
- 弹出一个含有确定和取消按钮的对话框
- 在对话框上设计一个三角形的按钮
- Button按钮的使用和弹出对话框
- Android 点击一个按钮,弹出一个对话框
- 普通按钮和图片按钮
- 点击按钮弹出对话框
- 点击按钮弹出对话框
- MFC 按钮弹出对话框
- 点击按钮,弹出对话框
- 按钮设计
- 按钮设计
- 轻松搞定权限设计1-页面按钮控制(精确到某个用户和某个按钮)
- 在删除数据库记录前弹出一个对话框,和确认按钮和取消按钮
- ProgressDialog 通过点击按钮,弹出一个对话框
- 按钮设计的方方面面
- 设计一个开关样式的双项单选按钮。
- MFC对话框中单击一个按钮弹出另外一个对话框
- 国际主流商业BI产品对比分析报告
- [前端] 输入统计超出禁止输入
- android开发(31) 动画演示 - 从页面底部向上弹出dialog,消失时逐渐向下
- android 中遇到 imageView getWidth 始终为0 时 ,设置 setImageBitmap 的方法
- EntityFramework中常用的数据修改方式
- UI设计, 弹出对话框 设计(区分强调按钮和普通按钮,给用户一个 正向建议的强调按钮)
- UI设计,使用感知分层技术
- UI设计,使用 线框图(页面示意图或页面布局图)
- 微信公众平台开发 - 动手篇。使用weinxinFundation开始一个微信公众平台的开发
- UI设计 - 手机列表风格总结
- UI设计 - 首页(主页)的任务
- 构造方法 //将文件封装成对象,可以将已有的和未出现的文件或文件夹封装成对象。 File f = new File(“文件夹及文件路径”); // File f = new File(“文件目录”
- android开发(32) android 中 actionbar 常用方法。设置标题,隐藏图标等
- android开发(33) 让 actionbar 透明2