界面显示风格设计及要素优化

界面的显示风格，主要需要考界面的整体布局、色调以及各种要素的通用性显示特征。

一是整体布局区分。各种主功能界面的整体布局，不宜过于密集，也不能过于空旷，应该根据其主要功能需求，按照适当的比例合理分配空间。非特殊业务的页面，窗体应满足左右内容匀称、每列宽度相同、每行高度相等、内容框内的字体大小相同且对称的原则。功能区域按照内容主次从上到下依次排列，界面控件需根据业务含义分组设计，保证用户界面的清晰、规则、有序。在这一环节，通常应该根据逻辑架构、技术架构的总体设计，以及界面逻辑关系的划分，绘制出各个主功能界面不着色的布局示意图，军事人员与技术人员反复分析、确认是否能够满足相应的功能需求。

二是确定主要色调。首先应该确定各个对抗方界面的基本色。各个对抗方界面的基本色，通常与相应的棋子背景色保持一致，从而便于区别各席位所属对抗方，譬如，红色通常代表我方，蓝色代表主要的敌对方。在此基础上，根据几种基本色，在明亮度和饱和度等方面做相应的调整，形成几种典型的辅助色。根据撞色原理，确定一两种强调色，在需要强调某些特殊内容时使用强调色，不可大面积应用于界面设计中。在这个环节，美工人员应该先提出各对抗方基本色、辅助色和强调色的颜色代码表，再对主功能界面进行相应着色。军事人员则直接根据主功能界面的着色效果图，提出修改意见，在确定后，美工人员及时更新颜色代码表。应该避免一直采用“红一点”“蓝一点”“颜色亮一点”“颜色深一点”这样纯主观感受性的词语进行沟通。(www.xing528.com)

三是设计界面元素。界面元素包括字体、标签页、按钮、列表、图标、标题栏、导航按钮等。字体通常首选微软雅黑，次选宋体；一级标题和二级标题通常都加粗，字体大小递减，如一级标题字体大小14px，加粗，蓝色，二级标题字体大小13px，加粗，黑色；二级标题和三级标题字体大小通常一致，只是三级标题不再加粗。正文和超链接的字体大小通常与二级标题保持一致，但两者颜色不一样，可以直观看出来超链接。标签页的高度一般不超过30px，同一页面的标签页高度保持一致，标签被选中后的颜色应该与未选中标签具有明显的区别。按钮的高度一般保持26px～30px之间，外间距适度；越常用的按钮越往前排列；按钮的背景色调应与页面整体色调相搭配。列表头样式应统一；列表文字、行高、列表头应符合应用环境；表格内间距适度；表格的文本描述区域与输入区域的背景颜色应有所区别。图标的直观性较好，且比较美观，所以在界面上应用比较多，一般情况下导航菜单及标题图标尺寸为16∗16px，图标通常不与文字同时显示，报警类图标应该有明显报警提示，只有常用的操作项才用图标代替，图标的基本操作及用处应保持一致。标题栏高度通常不超过30px，可以和标签页保持一致，标题居左显示，居右显示配套的功能按钮。导航按钮的高度通常不应超过30px，多级菜单以上下层叠方式展现，相同级别的菜单风格应统一，并与其他级别菜单具有明显区别。

四是设计显示要素。上面三个方面主要是确定了各个主功能界面的总体显示效果，还需要进一步针对主要的显示要素进行设计，主要包括地图（态势）显示、单位棋子、行动注记（棋子）和状态注记（棋子）等要素。其中，地图（态势）显示方式，应该结合推演实施中的综合显示功能进行设计，尤其是地图（态势）信息具体如何分层选择和显示，需要根据推演的需要来确定；具体需要建立哪些单位棋子和行动注记、状态注记，以及上面的参数及具体数值，应该结合兵棋的规则研发一并确定，单位棋子和注记的基本形状在第一章第三节中已给出了示意图。在此，主要是确定地图（态势）显示默认的底图及比例尺，地图六边格量化的颜色设置和坐标值的字体、颜色，各对抗方单位棋子和行动注记、状态注记的正反面的底色和各参数值的字体、颜色等。并且需要重点设计好不同地图（态势）显示比例下，单位棋子和行动注记、状态注记相应的默认尺寸及放大/缩小比例。通常地图（态势）显示比例与棋子（注记）的显示比例会建立默认的对应关系，但两者具体放大/缩小的比例数值并不一定是完全一样的，同时也要支持只放大/缩小地图（态势）或棋子（注记）。