软件界面设计规范-V1.0---视觉部分.pdf

精品文档 软件界面设计规范 _V1.0 1 概要 界面设计中一定要保持界面的 一致性 。 一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、 术语、显示错误信息等方面确保一致。 界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。 功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明 确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能 一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。 2 色调风格 2.1 色调： 软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色 蓝色 ：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主 色调来设计软件。 红色 ：在政府单位运用比较多。 绿色 ：一般运用于教育、医疗、农林等行业。 黑色 ：能源、石油、房地产行业有时候会用中性的黑色作为主色调。 表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于 长时间阅读，不容易形成视觉疲劳。 。 1 欢迎下载 精品文档 2.2 风格： 软件界面的风格通常比较简约。不同行业，使用的环境不同稍有差异。 3 登录界面 基本元素： logo 、系统名称、输入框、提交按钮。如下： 4 页面逻辑结构 首页 功能页面 功能页面 弹出页面 弹出页面 弹出页面 软件界面通常是上面这样的逻辑结构 首页： 宏观预览各项设备管理数据，快速访问期望的数据功能 功能页面： 查看某一功能模块的全部数据，查看某一对象的各类相关数据 弹出页面： 填写和提交表单，对功能中的某一单项数据进行增加 / 删除 / 查询 / 修改 / 审核/ 打印 / 导出 等功能操作。 。 2 欢迎下载 精品文档 5 页面的基本属性 页面宽度： 属性值为 auto ，最小值 1024 像素。默认状况下无横向滚动条。 注意：宽度、位置、边距为不可变数据 背景： 页面整体为白色背景 #FFFFFF 或者浅灰、浅蓝等，总之是非常接近白色的颜色。 注：白色为常用色值，对于特殊个性化页面可根据特殊要求变更色彩；背景色彩尽量少用饱和度高 的颜色， 减少用户视觉疲劳；背景图片遵循原则尽量选择可复用的图片，减少页面文件量 页面位置： 居中 页面边距： 上 0px ；下 0px ；左 0 px ；右 0 px ； 注意：有时候会专门设置一定数值的边距，这时通常 与模块间的间距相同，如上下左右都是 5px 。 。 3 欢迎下载 精品文档 6 导航菜单 常见的软件导航菜单有：左侧树状菜单、左侧伸缩菜单、 windows 标准的定制导航 6.1 左侧树状菜单 适用于多级结构庞大的软件架构。