软件界面模型.docVIP

软件界面随着软件本身功能的不同有着很大的差距。但是多种多样的软件界面也体现了一定的规律。本文试图将这些规律进行一定的总结，以此为基础在风格上提出一些引导原则，这样就能够使软件界面设计有方法可循，轻易的创作出和谐、友好、美观的界面，使产品的界面风格保持一定的一致性，同时又不会过多的抑制开发人员的创造和发挥的空间。 UI分类 UI的风格虽多，但不外乎划分为如下几类： 常规、通用UI(简称“通用UI”)这是出现频率最多的一种UI类别，可以称之为常规软件UI。任何常规的面向业务逻辑的、管理型软件，以及普通工具软件的UI都应该划入这个UI设计范畴。通常在各种业务软件、数据库相关的软件开发中所指的界面设计，几乎都应归为这个类别的UI风格。在这种UI风各种，界面要素都是常规的UI要素，界面很少涉及视觉特效。例如：各种数据库相关的软件是这类UI风格的典型体现。在这些界面中，尽管可以看到各种界面样式，但界面基本都是由表格、按钮、工具条、菜单、导航栏等元素组成，界面中很少见到大幅的图片。  媒体化UI这是一种面向视觉特效的UI风格。视觉效果在界面风格上的展现非常突出，界面的媒体色彩很浓。例如： 服务软件UI这种UI风格是专门针对持续运行的服务型程序的。它的特点是力求最为简化、健壮，且耗费资源少，运行迅速。例如：又如： 不同的软件功能应采用不同的界面风格。软件界面风格的界定直接取决于软件本身的性质。在一个软件产品或软件项目中往往会同时出现多种界面类型。即使是同一个可执行文件中，也往往涉及到同时使用不同的UI风格，上述三个界面风格在实际的开发中往往是混合运用的，只不过软件本身有其主导风格。就目前研发中心的软件产品而言，矩阵视频播放软件的UI都应划入“媒体化UI”类别。而IC卡部历史产品中的人力资源管理、售饭软件、工资管理等的UI都应划入“常规、通用UI”类别。UI设计规范的具体论述将根据三个类别的具体情况进行分别阐述。 通用UI设计规范 进行这类UI设计，一个前提目标就是界面布局的和谐性。具体的目标就是清晰、有条理。经初步的实践，针对Delphi/C++Builder开发工具而言，我们总结出了以下几个原则供参考： 界面空间的切割、分块很关键。 界面的分块界限要明显。在不同的界面分块之间，应该有明显的线条或色差等，使用户在视觉上的感觉很明朗。 界面的外边缘应简洁，文雅。不应有过于突兀的边缘、边框，或者显出太多层的边框。例如：  不同的界面块都应该设定Align属性，使得界面分块能够适应窗体或父容器大小的改变，而不应出现变形情况。正确的方法： TForm对象的预设定属性 Font应设为宋体9号字 Position属性应为poDesktopCenter，使其默认位置为屏幕中央 Caption不应为“Form1”等字样，应为有意义的标题 Constraints属性最好作一定的设定。根据界面特点的不同应设定合理的最小款、高，最大宽、高，防止用户过度拉拽窗体使布局变形。 常用的界面布局相关的手法、元件、属性 Panel是重要的布局设置工具。用Panel能够将界面空间自如的切割成各种布局模式。同时，Panel的边框也能够当作不同区域的边界。在开发复杂界面布局的时候，往往采用Panel嵌套的方法进行空间预切割 Bevel元件是有用的边框和线条工具。这个元件经常用于充当界面区域之间的线条界限。 分隔条元件能够使界面的区块之间能够改变大小。无论是VCL自身的Splitter还是第三方的元件，都能够达到这个效果。 GroupBox能够对界面内容体现视觉上的分组。 理解Anchors属性  色调搭配规范。默认状态下，Delphi和C++Builder的颜色风格是浅灰色。普通的软件产品可以遵循这个颜色。但使界面更富有一定的特色，往往UI元素需要设置为其他颜色。在这种情况下，应谨慎处理颜色的搭配，以达到良好的视觉效果。 UI元素主体一般采用饱和度很低、很浅（亮）的颜色，忌讳使用大红、大绿、亮蓝等颜色。 UI元素主体的颜色不可过多，整体上最好能体现一定的风格 UI区域之间的颜色差异应该柔和，一般情况下不宜有过大落差 标题面板这样的元素着色相反，可以使用非常深的颜色，上面的内容、文字则采用醒目的浅色。 适当的采用渐变效果能够使界面趋于明快和活泼。但渐变色差不应过大、过怪。 模块化UI设计。将OO理念贯彻到UI设计上，同样能够获取良好的代码可重用性和可维护性，并很好的减轻开发的劳动量 充分运用Component Template功能能够方便的将有价值的组件属性设定保存起来重复使用。 Delphi/C++Builder中的Frame机制是UI设计模块化重用机制的关键。Frame不仅有利于在设计复杂界面时将整体界面的独立部分挪出拥挤