[工学]软件工程-8-UI.ppt

可用性测试-1 在进行可用性测试前，设计者需要制订出具体详细的测试计划，包括任务列表、主观满意标准以及所要询问的相关问题。同时，必须确定参与测试的用户数目、类型和来源。 可用性测试可以要求用户完成一系列任务，对用户的完成过程进行记录，再对记录进行评审。这可以给设计人员很大的启发，及时发现缺陷并改正。 柳宏波. 感谢收看! MVC的不足 增加了系统结构和实现的复杂性。 视图与控制器间的过于紧密的连接，妨碍了他们的独立重用。 视图对模型数据的访问效率低。。 目前，一般高级的界面工具或构造器不支持MVC架构。从而造成使用MVC的困难。 留言板分析例子 模型(M)：包含 数据库链接、生成数据集、数据库更新操作。 视图(V)：包含 获取模型的数据集，将数据集内填充到各种显示界面内，如（留言板列表，管理控制页面，添加修改删除界面等一切用户看得到的页面。） 控制(C)：包含 数据库更新的数据校验，将更新完毕后的结果转交给视图进行呈现。 色彩设计 色彩基础 色彩感觉 色调和色彩搭配 计算机色彩 网页色彩搭配的原则 搭配技巧 色彩的魅力 在人机界面设计中，色彩较之形往往具有先声夺人的魅力，同一种界面设计由于色彩的差异可以给人截然不同的感受和印象。如何才能最大限度地发挥色彩的美学功能和视觉效益，创造良好的界面效果，仍是人机界面色彩设计的关键问题。 色彩的性质 色相(Hue)：也叫色泽，是颜色的基本特征，反映颜色的基本面貌。可以理解成颜色的名字。比如，“红”。 明度(Brightness，Lightness或Luminosity)：也叫亮度，体现颜色的明暗度。 饱和度(Saturation)：色彩的鲜浊称为饱和度，鲜艳的色彩饱和度比较高，所以饱和度比较高的色彩一般都不用在背景上。 色彩环 色环：我们将色彩按红-黄-绿-蓝-红依次过度渐变，就可以得到一个色彩环。 在24色色环中，根据位置的不同，颜色间可构成四种关系 同类色 邻近色 对比色 互补色 互补色 色环中相隔180度的两个色相，均为互补色关系，如红与绿，橙与蓝，黄与紫等。互补色组成的色组，是对比最强的色组，富于刺激性，不安定，有极强的视觉冲击力和热烈感。如果搭配不当，容易产生生硬、浮夸、急躁等效果，使用时要注意处理面积的大小和分散形态的方法来调节、缓和过于激烈的效果。如橙色面积大而且加入红色，起到了主导色调的作用，与蓝色对比效果既艳丽、辉煌又恰到好处。 对比色 色环中相隔135度的两个色相，为对比色关系，属中强对比效果。 邻近色 色环中相隔90度的两个色相，为邻近色关系，色彩倾向近似，冷色组或暖色组较明显，色调统一和谐，感情特征一致。 同类色 色环中相隔45度的两个色相，为同类色关系，属较弱对比效果，主调十分明确，是极为协调、单纯的色调。 色彩设计的一些原则 在一帧屏幕上的色彩种类数目，在非真实感图形显示时，应加以限制，一般少于7种。因为人们在观察屏幕时很难同时分辨多种色彩。 根据对象的重要性来选择颜色，对于重要的对象应选取醒目的颜色。 一个系统中各种颜色设计应该一致。例如错误信息用红色表示时，都应前后一致用红色表示，黄色表示警告，绿色表示运行正常。 色彩的选取 在色彩的选取上尽可能符合人们的习惯用法。例如，在财务上红色表示赤字；化工上红色代表热，绿色表示冷；地图上蓝色表示水，黄色代表沙漠，绿色代表平原。 背景色一般选用饱和度低的浅色，如灰色或带有网格点的浅色。蓝色对人眼不敏感，对于大面积的区域或背景来说比较合适；但蓝色不宜用在小区域、细的线段或文字上。 表示温暖的颜色（如红、桔红、黄）接近用户，表示冷的颜色（如蓝、绿、紫）远离用户。 为了使色彩醒目，便于区分对象，应选用好的背景色与前景色搭配。 基本色 控制色 图标色 欢迎屏幕色彩 网页色彩搭配 色彩搭配应以大众的欣赏习惯为标准，同时兼顾网站专业特点和艺术规律。网页的色彩搭配应遵循以下几个原则： 1、色彩的合理性 网页的色彩要漂亮、引人注目，同时还要照顾到人的眼睛的生理特点，不要用大面积的高纯度色相，它容易使人的眼睛疲劳。 2、色彩的独特性 要有与众不同的色彩搭配，衬托出网站的个性，使得大家对你的印象深刻。 HP 屏幕色彩搭配 色彩搭配技巧 网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：从人的记忆效果看，我们对彩色的记忆是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。 非彩色的搭配 黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。 一般印刷品较少用大面积的黑色，而网页设