第五章 界面设计

一个好的课件不仅需要其功能完善，而且应做到构图合理、美观，画面清晰、稳定，色彩分明、色调悦目。同时，各个界面最好风格统一，不要太过于花哨，这样回影响学生的视觉效果。在设计界面的时候，我们选用的是PhotoShopcs。因为Photoshop是目前PC机上公认的最好的通用平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。

比如本课件我才用的是蓝色调界面。在开始设计时，因为我考虑到计算机的构造比较复杂，所以学习计算机时需要安静、舒适的环境。通过在PhotoShop对众多图层的处理，产生一格子状、清淡的效果。由于主体色调是蓝色，因此上面的按钮我也采用的蓝色，同样也是在PhotoShop里处理过的水晶的效果。通过主界面同学就会大致了解本章的学习提纲，对于本节的学习有个整体的思路，也体现了课件的交互性。如果单纯是静态的页面似乎会显得太过于死板，因此我在界面的中间加了个flash动画。使其在界面中间不停的活动，使得界面看起来更生动点。如下图所示：

同时，在界面设计时，我考虑到为了不使界面看起来比较单调。我就在authorware中善用了热对象来进行设计。使得当鼠标在物体之间移动时，界面左边会出现相应的图片展示，（比如：当鼠标放在主板上时，在界面的左面就有一个主板的图片展示。其它的部件也是一样的。）并在按纽上加入声音，可以增加使用者的听觉感染力。同时也引起使用者的注意。这样就可以给人以视觉上的享受。然而点击该物体时就可以进入到每个内容了这部分代表了每个部分的影子。这所以，这里我们设计的电脑主机部件的图标有两方面的功能。