课件设计教程-屏幕界面 - 课件163

课件设计教程-屏幕界面
作者：佚名  来源：本站整理  发布时间：2007-07-10 17:43:54
（一）屏幕界面的整体设计
1、界面窗口的大小设计
界面中所开的窗口数量要适中，因为窗口的主要目的是帮助学习者能区分一画面上的资料，窗口过多、过于复杂就失却了区分的意义。有些课件在本来就不大的教学信息区窗口上又开了一个窗口以显示内容，结果显示的小而少，学习者阅读起来非常吃力。由于计算机屏幕有限，为了使教学信息的呈现清楚，教学信息窗口开的越大越好。对于内容较多的，可在窗口边缘采用滚动捧。
2．布局
教学信息区中有时包含很多内容，教学信息、讲解、练习、帮助信息、交互功能键，那么如何合理的布局这些信息呢？通过人限定位的研究表明：人们看到信息显示时，第一眼往往看显示屏左上部中间的位置，并迅速向顺时针方向移动。在这个过程之后，人眼视觉受对称均衡、标题重心、图像及文字的影响，因此可以说屏幕左上角是人视线的明显起动点。人的感觉机制总是寻求有序、有意的信息，在遭遇混乱时总是试图强行建立有序结构，因此无论一个屏幕是富有含义、具有明显格式，还是混乱、模糊，人总是迅速地辨认和理解。因此屏幕的编排应是均衡、规整、对称、有可预料性、经济、简明、连续、整体性强、比例谐调并编排合理的。在屏幕上要为诸如命令、错误信息、标题、数据区等特定信息保留特定的区域，并使这些区域在所有屏幕上保持一致。通常的屏幕构成元素一般都有其放置的规律，以下是推荐性的建议。
屏幕的标题一般位于屏幕上中部，有利于产生对称感。
屏幕标志符号、顺数等置于右上角，这是一个在大多数屏幕中使用频率较低的位置，如果还有其他如时间、日期等的参考信息，则可以在左右分别放置，以利于屏幕均衡。
屏幕主体常占用屏幕上的大部分区域，通常从中上部到底部稍上部分，这里的描述应简
短，图像质量要高。
有关信息项，如状况、情况、注释行等应该放在屏幕底部，刚好在命令区域功能键之上的位置，因为这个位置能空出相当的一份空间，并从视觉上在命令区和功能区上造成分割，当然信息也可以在信息窗中显示。
功能键区、按钮区等可放在屏幕底部。研究证明命令区位于屏幕底部和顶部的效果不同，在位于底部时，效果更好一些，并且能减少使用者头部移动的次数和范围。
莱单条等则应放在屏幕顶部。
一个屏幕只要设计得具有美感，令人赏心悦目，就对眼睛具有吸引力，能引起人潜意识的注意，快速准确地传递信息，相反则会带来误导，并造成思维等的混乱。那怎样才能具有艺术性引人注意呢？研究发现了大量关于能引发视觉愉悦处理的规则，它们是均衡、规整、对称、可预见性、简明、连贯、整体性、简单、编排合理。
（1）均衡
设计元素从左到右，从上到下具有相同比重。均衡的反面是不稳定，给人以不舒服的感觉。
暗色、不常见形状的物体给人的感觉是“沉重”，而亮色、常见规则形状的物体给人“轻快”的感觉，屏幕的均衡感是通过主要信息显示于中央且其他各部分在水平轴和垂直轴两边均保持相同比重而实现的。
（2）规整
规整是一种基于某些规则或计划的形式上的统一性，屏幕设计的规整性是通过建立标准并且一致性地安排行与列的起始位置以及各种屏幕组成因素的合适、统一的布局而实现的，反之在不存在明显的规则与计划时，就会造成不规整性。
（3）对称
对称是一种轴向“复制”，中轴线一侧的某个单元在轴的另一侧有其类似单元。这种布局也产生均衡感，不同的是均衡感也可不通过对称性获得。
（4）可预见性
可预见性表明一种高度传统的排列或组合。观察一幅图像，人们就可预测出相临一幅图像将是什么样，看一幅图示图像的一部分，人们可以预测剩余部分是怎样。在屏幕设计中，可预加是通过设计的一致性来实现的。
（5）简明
简明即简洁而明了地使用显示元素，以便尽可能简单地得到信息。错综复杂是一种偏离简洁明了的虚饰，经济的屏幕设计意味着调用尽可能少的显示元素来达到使用者所需求的目的。在屏幕元素的使用中往往违背这－规则，使整个屏幕看起来很复杂。
（6）连贯
连贯是一种引导眼睛有逻辑有节奏地扫过屏幕的布局方法，通常将最重要的信息放在显著位置。眼睛往往趋向从高度饱和的颜色移向不饱和颜色，从暗色移向亮色，从大物体移向小物体，从不规则形状移向规则形状。连贯性的反面是随机性，它不能产生上述效果。
（7）整体性
整体性是一种内在粘合性，即视觉上各元素形成一个整体。具有整体性的各元素，放在一起吻合得更完美，看起来是一个整体。其反面是支离破碎，每部分都有不同的特点。在屏幕设计中，相似的尺寸、形状和颜色以及“空白”——显示边缘处的边界都能产生整体性效果。屏幕显示中，宽度上的内容比高度上的内容大一些更能带来好的审美效果。古老的黄金分割规律，黄金矩形长和宽两边的长度之比是1.618:1，通常设计中可以用１:ｌ到１:２的比例。
（8）简单
简单指形式上的直接和单－，以便使用者容易地理解各种含义。根据应用信息论，图灵有一种检测屏幕复杂程度的方法，步骤如下。
第一步：沿屏幕各个区域画一个矩形，这些区域包含标题数据，大标题等。
第二步：计算区域的数目和水平方向对齐点的数目（即矩形内接的区域的起始行数目。）
第三步：计算区域的数目和垂直方向上的对齐点的数目（即矩形内接的区域的起始列数
目）。
通过各步计算之后的屏幕要比原始屏幕简单２８％，此外降低屏幕复杂程度可通过减少显示区域数目来达到，区域越少则屏幕的复杂程度越低，然而这样做是不现实的，因为不可能让必要的内容从屏幕上消失，我们只能通过减少对齐点数目，尤其是水平方向或移动行方向上的对齐点数目来使屏幕布局合理。