JAVA CS软件系统.doc

JAVA C/S软件系统 界面设计要求 说明书 2012年08月 目 录 1概述 3 1.1设计内容 3 1.2设计目标 4 1.3其他要求 4 2界面设计要求 5 2.1启动界面 5 2.2主系统登录首页 6 2.2.1引导式风格 6 2.2.2方格分区式风格 7 2.3子系统界面 7 2.3.1用户管理界面 7 2.3.2配置管理界面 8 2.3.3统计图表显示 9 2.4即时告警界面 10 2.7帮助、关于界面 11 2.8多数据合并显示页面 11 3单位介绍 12 1概述 目的：此次系统界面美工设计的风格，能够引领我们部门未来软件界面设计的方向。 要求：针对我们部门的业务内容，结合我们以往开发软件的业务处理模式，根据我们的要求设计几套基于JAVA开发环境的C/S系统的界面美工，美工设计风格不能脱离JAVA开发环境可实现的风格，设计师应该知道设计的效果能很简单的移植到软件系统。 参考：我们以往开发的软件系统可参考《以往软件设计风格》，我们以往应用较多的第三方控件风格可参考《常用第三方系统控件显示风格》。 注意：浅白色文字无须关注 1.1设计内容 序号 名称 子项 解释 数量 1 启动界面 包括登录界面和免登录的系统缓存加载界面（可选） 1 2 主系统登录首页 引导式风格 1 3 方格分区式风格 1 4 子系统界面 数据采集页面 以数据显示为主 2 5 系统控制页面 以操作控制为主 2 6 采集控制混合页面 既有数据显示又有控制 1 7 参数设置界面 属于系统数据编辑界面 1 8 数据处理界面 以数据表格形式显示为主 1 9 数据报表界面 以图表为主，如：曲线、柱状图、图表等 1 10 帮助、关于界面 1 11 多数据合并显示页面 可能的形式如下： 数据1 图表1 图表2 数据2 1 合计 13 1.2设计目标 不追求色彩绚丽、设计色调不易过多，主色调所占比例不能太小。 设计要以产品化的软件系统设计要求进行，不能偏离市场主流。 设计要结合我们以往的软件设计内容，符合我们的业务处理模式。 设计要体现出专业化的软件美工设计水平。 1.3其他要求 设计量：跟格1.1提到的设计内容，各设计三套方案。 设计风格：建议设计一套浅色调方案（如：浅蓝色系），一套深色调方案（如：深灰色），一套以你们专业角度自动设计的方案。 暂只设计一套浅色调方案。 特殊要求：设计分辨率不能低于1440*900，需要全部PS源代码，分层设置要明确，且分层要细。 设计盲区：设计要充分考虑到软件系统由于全屏显示或分辨率不同，而造成的一些设计上的盲区，例如，分辨率过大右侧可能出现空白，所以设计时要考虑右侧空白填充内容或渐变色的填充问题。 工期要求：暂定2012年8月20日前完成。 2界面设计要求 2.1启动界面 登录界面模式如下图： 要求：形式可借鉴上图，具备用户名密码，不需要“注册账号”“记住密码”“自动登录”之类的功能，只具备简单的登录功能即可。 系统缓存加载图如下： 要求：可以设计成长条式的结构，要有单位图标、系统名称、提示信息和加载滚动条等。 2.2主系统登录首页 2.2.1引导式风格 该模式的操作方式是，上方为菜单栏和工具栏；左侧为树型导航，包含拓扑、配置、MIB三块；右侧为拓扑区域，菜单和左侧导航显示的界面也显示在该区域，以选项卡的方式呈现，可以参考浏览器。下方为告警显示区域；最下方增加一个状态栏，显示服务器连接状态，当前登录用户等。具体看设计效果好坏而定。 要求：该风格界面要求专业、简洁，不追求花俏，以实用为主。 2.2.2方格分区式风格 将多个子系统菜单，均匀的分布在打开窗口内，子系统的多少是变动的，至少是4个，最多应该在12个以内。曾经的系统应用过的设计效果如下图： 要求：该风格界面的设计，关键要求是布局要合理，同一风格下，4个子系统和12个子系统，用同一风格布局应该无过大的效果差异。 2.3子系统界面 2.3.1用户管理界面 用户管理基于角色和用户实现，每一个用户可以从属于多种角色。 用户管理显示，如下图： 要求：该风格界面的设计，关键要求是布局要合理，各子系统风格统一。 2.3.2配置管理界面 配置管理是软件的主要业务之一，要求简洁、易懂，并且设计要结合原型设计模式，力求显示效果逼真。 某设备配置管理显示，如下图： 另一设备配置界面如下： 要求：关键要求也是布局要合理，显示方式可以不依据我方原图，只要显示效果好即可，我方开发人员可以自行调整界面,主要还是布局设计。 2.3.3统计图表显示 统计图表作为系统的核心业务之一，是客户最为关注的焦点。要求界面直观以及美观，可以考虑折线图，柱状图和仪表等显示手段。当前系统效果如下图所示： 要求：设计要求界面上至少涵盖折线图，柱状图和仪表盘等元素，并且