[交互设计]UI模式库
最后更新时间：2010-01-17
01 对话框（Diglog）
|—— 确认框： 常用于删除或批量操作，再次确认使用。
|———— 交互规则：直接显示对话框，点击按钮后直接消失。
|———— 标题：操作+目标，例如删除日志，删除照片专辑，解除好友关系……
|———— 按钮：确定+取消
|—— 操作框： 常用于步骤较多的进一步操作，比如加好友，隐私设置等
|———— 交互规则：直接显示对话框，确认完毕后，变为通知框。
|———— 标题：操作+目标，一般为操作的名字，例如新建照片专辑，修改真心话，添加选项……
|———— 按钮：保存（行为）+取消，行为例如加为好友，添加，分享……
|—— 通知框： 常用于确认框和操作框的确认后，通知用户结果，一般只有一个按钮。
|———— 交互规则：点击按钮立即消失，如果不点击按钮，1秒后渐隐消失。
|———— 标题：沿用之前操作框的标题
|———— 按钮：关闭
|—— 提示框： 常用于表单提交后的验证，通知用户哪些信息不完整或者操作步骤不对。多条信息提示使用1、2、3……的序号排列
|———— 交互规则：点击按钮立即返回原操作。
|———— 标题：提示
|———— 按钮：确定
|—— 未保存提示框： 常用于表单未保存就跳转的提示，提示用户未保存信息是否需要保存。
|———— 标题：未保存+目标，例如未保存日志，未保存个人档案，未保存隐私设置……
|———— 按钮：保存+不保存+取消
快捷键支持： 支持键盘的enter操作框上的主操作，一般为”确定””保存”等，支持键盘的esc操作框上的取消/关闭操作，一般为”取消””关闭XX”等。
没有评论 ▼