界面设计基础

《界面设计基础》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、界面设计基础媒体是信息的载体，多媒体包括图、文、声、像四大部分，我们今天所说的多媒体画面包含了其中的图、文、像三部分。对于多媒体课件来说，构成画面的这三大部分就是教学内容的载体，其表现形式直接决定了教学信息传播的通畅性，所以针对画面设计的研究非常必要。一、多媒体课件界面设计规律多媒体课件界面是画面的一种表现形式，是课件各画面要素的组合呈现模式和效果，其中往往包含着传达教学内容的画面。多媒体课件界面对于多媒体课件来讲是极其重要的，从某种程度上讲一系列的界面就代表了多媒体课件本身。多媒体课件的界面由多个画面要素组合而成，属于“图”范畴的画面要素包括背景、交互形象、装饰、教

2、学图片、图形表格等；属于“文”范畴的画面要素包括教学内容文字、装饰性文字、说明性文字等；属于“像”范畴的画面要素包括动画及模拟信号数字化了的视频等。下面我们把这些画面要素分类分别介绍。1、背景多媒体课件界面设计的第一步就是决定用户窗口的大小以及长宽比例，普通人对于屏幕的视觉心理习惯于水平边缘大于竖直边缘的矩形（如显示器窗口的形状），在具体设计中，这种矩形长宽的比例是可以根据情况有一些变化的。多媒体课件组合了多种媒体表现的教学内容，为了美观，也为了主体表现不让人感觉突兀，安排适当的背景非常必要。背景的颜色、图案要根据软件整体形象风格的要求来制作，原则是色彩尽量单一，形象

3、尽量简洁，避免喧宾夺主。背景可以是单色；可以是图案性简单排列；可以是某种环境；也可以是根据其它画面要素比如说标题、主体文字、图形、按钮等的安排在适当的位置突出的某种图案，对教学内容的主体在一定程度上起到包围、装饰的效果。2.交互形象多媒体课件与传统教学媒体相比突出的特点就是能够实现人机交流，所以，多媒体课件的交互是非常重要的。交互形象设计的原则是简洁、明了、操作方便。常见的有菜单交互、按钮交互、热字交互、图形（像）交互等。菜单交互的优点是：使用简便；可隐可现，一般作为菜单栏或按钮放置在界面的某一个位置，基本不影响界面整体的美观按钮交互是在实际制作中是使用得最多的一种交

4、互方式。按钮交互是的优点是：制作简便；用户一目了然，操作便捷；可以根据界面的整体风格和形象来制作与界面融于一体的按钮。按钮形象设计另一个问题是按钮的本身，按钮本身必须是变化或具有一定动感的。产生变化和动感要靠按钮悬浮时、指针指向时和鼠标按下时三种情况的互相配合，一般不外乎以下几种方法：按钮悬浮时下部有阴影，鼠标按下时阴影消失；按钮悬浮时是凸出浮雕的效果,鼠标按下时是凹下浮雕的效果；按钮悬浮时按钮较大，鼠标按下时按钮较小；指针指向时按钮变色、发光、发声或出现相应文字。热字交互一般用于对定义、名词等的解释，也可以用于高层次章节目录性的跳转。热字设计的原则是：突出于其它没有

5、跳转链接的文字又不影响整体文字块的整体性，一般采取字体、字号不变只对文字颜色稍加变化的方法，颜色变化时要参照界面的整体风格和颜色，以不影响本界面整体形象的完整性为准。在软件交互设计中，遇到有热字的情况应使鼠标指针有所变化，提醒用户这里是热字交互区域；可能的情况下热字可以采用部分重叠的弹出式窗口方式，用户阅读后可随时消失，如果热字是跳转到其它层次中，还应能够简便地跳转回来。图形（像）交互有两种，一种是图形（像）本身就是教学内容，通过交互操作或可以调出对本图形（像）的解释，或可以局部放大进行说明，或可以跳转到相关内容，目的是为了教学操作方便，视具体情况而定。另一种是为了美

6、观，图形（像）本身不包含教学内容，图形（像）只不过是交互形象的一种变化，目的是使界面更加美观富有吸引力。3、装饰装饰物可以是软件的整体标识，可以是图案边框，也可以是空挡处的装饰。在多媒体课件界面的设计中，装饰物并不是必须的。装饰物设计的原则是：与教学内容有一定的关联性；与界面的整体风格统一；与背景有某些一致性，如颜色一致；不可过于醒目，喧宾夺主。4、图形图像这里所说的图形图像是属于教学内容范畴的，这些图形图像具有形象生动、信息量大、现场感强、容易记忆、便于理解和发挥想象力等特点，图形图像与文字的优势互补，形成了理论与感性相得益彰的教学方式，丰富了教学内容，提高了教学质

7、量，能够激发起学生的学习兴趣。图形图像出现在多媒体课件的界面上有两层含义：第一它传达教学信息是必不可少的，第二要尽量使其形象美观并与整体界面交融协调。图形可以理解成矢量图形，包括各种图纸、表格、柱状图、饼状图以及各种矢量图等。科学明确性是图形的基本属性，在设计和制作时要以保证基本属性为前提，达到可辨认性和美观性的统一。矢量图形作为传输信息的手段，常常比图像更为有效，因为完全如实的位图画面常常含有太多冗余的视觉信息，会分散学生的注意力。图像可理解为照片一类的色彩细节丰富细腻的平面静止媒体。图像的真实度比较高，通过图像学生可以很容易地获得直观信息，但是,