电网公司桌面可视化设计规定培训教程.pptx

《桌面可视化设计规范》培训 交互部分 Interaction design;目录;系统登录的作用可概括为以下三点： ;1.1原则;1.1原则;1 登录;4）应在用户输入格式错误时，进行错误提示。;7）应将“用户名”和“密码”标签的对齐方式设置为“非字形”对齐方式。;10）应使用户名输入框的长度容纳系统中最长用户名长度 。;1 登录;目录;2 表单;【对齐原则】将表单中信息按照业务和用户需求进行组织，保证界面工整，便于用户扫视和填写。;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;2 表单;目录;3 表格;【对齐原则】表格中的各类元素应按照业务及用户需求进行组织，保证界面工整，信息呈现有序，便于用户扫视 。;【相近性原则】表格中信息应根据相近性原则进行布局设计，即将相关元素相近放置，引导用户将其归为一组 。;1）展示类表格：;3）操作类表格：;3 表格;3 表格;3 表格;3 表格;3 表格;3 表格;3 表格;目录;4 导航;4.1 导航 - 全局导航;垂直导航栏：;工作台模式 普通工作台模式：;水平导航栏;为什么导航不宜超过三级？为什么三级使用全展开的形式？;5）导航栏目应包含“默认状态”、“悬浮状态”、“点击状态”。;1）导航栏目字号，建议下一级标题不大于上一级标题。;水平导航栏;1）、2）、3）、5