NetCS软件系统.docVIP

.Net C/S软件系统 界面设计要求 说明书 交通运输部天津水运工程科学研究院 2012年07月 目 录 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方格分区式风格 6 2.3子系统界面 7 2.3.1数据采集页面 7 2.3.2系统控制页面 9 2.3.3采集控制混合页面 10 2.4参数设置界面 11 2.5数据处理界面 12 2.6数据报表界面 12 2.7帮助、关于界面 13 2.8多数据合并显示页面 13 3单位介绍 14 1概述 目的：此次系统界面美工设计的风格，能够引领我们部门未来软件界面设计的方向。 要求：针对我们部门的业务内容，结合我们以往开发软件的业务处理模式，根据我们的要求设计几套基于.Net开发环境的C/S系统的界面美工，美工设计风格不能脱离.net开发环境可实现的风格，设计师应该知道设计的效果能很简单的移植到软件系统。 参考：我们以往开发的软件系统可参考《以往软件设计风格》，我们以往应用较多的第三方控件风格可参考《常用第三方系统控件显示风格》。 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源代码，分层设置要明确，且分层要细。 设计盲区：设计要充分考虑到软件系统由于全屏显示或分辨率不同，而造成的一些设计上的盲区，例如，分辨率过大右侧可能出现空白，所以设计时要考虑右侧空白填充内容或渐变色的填充问题。 工期要求：暂定2102年8月10日前完成。 2界面设计要求 2.1启动界面 登录界面模式如下图： 要求：形式可借鉴上图，具备用户名密码，不需要“注册账号”“记住密码”“自动登录”之类的功能，只具备简单的登录功能即可。 系统缓存加载图如下： 要求：可以设计成长条式的结构，要有单位图标、系统名称、提示信息和加载滚动条等。 2.2主系统登录首页 2.2.1引导式风格 该模式的操作方式是，左侧为顶级子系统菜单，选中后右侧显示相应系统。当然右侧系统也应该是类似模式，至于子系统菜单是在左侧还是在顶部，看设计效果好坏而定。 要求：该风格界面要求专业、简洁，不追求花俏，以实用为主。 2.2.2方格分区式风格 将多个子系统菜单，均匀的分布在打开窗口内，子系统的多少是变动的，至少是4个，最多应该在12个以内。曾经的系统应用过的设计效果如下图： 要求：该风格界面的设计，关键要求是布局要合理，同一风格下，4个子系统和12个子系统，用同一风格布局应该无过大的效果差异。 2.3子系统界面 2.3.1数据采集页面 数据采集是我们的主要业务之一，如何将采集到的数据显示在界面上，及美观又功能齐全是我们未来软件设计的基本要求。我们的应用中主要的数据采集页面主要分一下两种显示模式。 表格类数据采集显示，如下图： 曲线图表类数据显示，如下图： 要求：该风格界面的设计，关键要求是布局要合理，同一风格下，4个子系统和12个子系统，用同一风格布局应该无过大的效果差异。 2.3.2系统控制页面 系统控制也是我们的主要业务之一，控制界面的设计要求简洁、易懂，并且设计要结合原型设计模式，力求显示效果逼真。我们的应用中主要的系统控制也分两种模式，如下： 单类型设备控制显示，如下图： 以上显示的是，只针对闸门这一单一设施的控制。 多类型设备控制显示，可能的模式如下： 要求：关键要求也是布局要合理，解决单类型