UI设计, 弹出对话框 设计(区分强调按钮和普通按钮,给用户一个 正向建议的强调按钮)
在UI设计时,经常会需要 设计 弹出对话框,以下是个样式设计:
0.标准对话框
说明
Title space : 标题区
contents space : 内容区
function space: 功能区
在功能区的 user decision making 箭头表示:“用户决策方向”,有两个方向 ”正向“或者”负向“ 或者说 ”肯定“和”否定“。 在这里,期望用户点击的方向,有利于用户操作的方向,为正向。
使用明显的 易于引起注意的 颜色标识 正向 的操作,更容易被关注和点击,甚至会被习惯性点击。
负向 和 可选项(Optional) 采用不已引起注意的颜色。
我绘制了常见的页面 弹出对话框的 更多样式
1.警告 Warring 有图标
2.信息 Info 有图标
3.提醒 无图标
4.提醒 有标题栏
5.选择对话框- 带按钮
-------------------------------------------------
参考:书籍 《神一样的产品经理》 第270页,第284页