网页类信息技术课件界面视觉导向设计初探

刘小龙

摘 要：网页类信息技术课件界面设计是一个多学科参与的复杂工作，界面设计注重视觉导向设计与信息技术学科相结合的特点，操作用户不管在什么位置，都能够简便、快捷地找到导向标识，通过界面上的导向模块所提示的信息准确、顺利跳转至目的界面，并使各界面之间的互相衔接通过导向模块变得有序、合理。

关键词：信息技术课件；网页；视觉导向；界面设计

用户访问的网页类信息技术课件界面设计是多媒体课件设计部分的重要组成？网页类信息技术课件界面设计是一个多项学科参与的复杂工作，整个设计过程包含心理研究、美工设计、语言类等。网页类信息技术课件界面设计应遵循以下几个基本的原则：界面保持一致性、用户界面友好性、视觉平衡性、色彩搭配和文字可阅读性、个性化、界面与用户之间具有交互性、具备信息技术学科特点。这些基本原则就是解决网页类信息技术课件界面设计中如何引导用户正确使用课件，引导就是视觉导向设计。导向设计的概念为：表明方向、区域的图形符号或环境空间中导向符号的表现方式。导向设计可划分为视觉角度和环境设计角度两个领域，视觉角度用简单、整洁、醒目的图形符号来表达，环境设计角度用图形符号与环境相融合。网页类信息技术课件界面的设计当中也应注重视觉导向设计，使人机交互过程变得简便、快捷，界面上的图形、图像、符号、颜色、文字等能准确表达信息含义，通过导向模块使各界面之间的相互跳转变得有条不紊，模块中能充分体现信息技术学科的特点，准确把握用户的心理和习惯，明确人机对话中视觉导向的重要性和用户需求。用户不仅包括授课者，还有学生。怎样才算是从用户的需求角度和视觉导向出发？我们从以下几点来探讨。

一、把握信息技术的学科特点

信息技术是一门培养学生信息技术素养的学科，不仅仅注重实践能力，而且是学生终生有用的创造、发展、基础能力。我认为这就是信息技术的特点，它是一种素养，是一种实践能力，是一种终生有用的基础能力。我们谈信息技术离不开其存在使用的主体——人（在学校是学生）。认识到这个特点，对于网页类信息技术课件在视觉导向设计方面是至关重要的，课件在视觉表达中要充分突出信息技术在学科中的独特性。

二、把握网页课件界面布局结构、元素的合理统一

1. 統一组织界面布局结构、元素，使其具备合理性

布局是内容组织的必然结果，合理、统一模式的布局结构是网页课件必不可少的因素。我们对网页类课件布局设计一般秉承基本的方法，视线往往趋向于从左上角移动到右下角，就好像界面的布局设计有某种自然的力量一样。网页课件界面的布局设计没有固定的套用结构模式，都是根据网页课件特性和学科特点开发的。通常上方或左侧为导航栏，下方或右侧为正文、主信息区。在整个设计中，主要是从用户角度出发，考虑界面与用户交互性、引导性等重要因素。界面中元素的合理统一，对整个的浏览过程起关键作用。主要从文字、图形两个元素来考虑？文字也是承载信息量大的一种元素，除了本身表达的信息之外，还常承载着导向功能，可考虑不同的字体、字号、颜色、状态。图形直观明了，有视觉冲击效果强、容易识别的特点，常见用于标注、提示等。

2. 课件界面尺寸的大小对展示效果的影响

因素分别有硬件和软件两个方面，一个显示器分辨率，另一个是网页浏览器。目前对网页课件界面全屏大小基本上要求分辨率800×600或1 024×768就可以了，分辨率过小或过大都将影响课件最终的演示效果。

3. 浏览器对课件演示的影响

不同的浏览器会有不同的界面设计，浏览器占据了部分屏幕空间，剩余的空间才是网页课件的展示区域。建议设计课件时减去浏览器占据空间，才能合理地进行布局。网页课件界面尺寸是不是只能局限在一定的范围内？答案是否。我们可以通过向下拖动页面或左右拖动页面这两种办法拓展空间，从用户使用的角度出发，页面内容最好不超过一屏。若内容多，应使用一定的视觉导向手段，充分考虑用户的期望、需要。

4. 界面的整体设计对课件的影响

我们中国人最讲究第一印象，网页课件界面整体造型就是第一视觉印象。整体造型指的是界面上的各种元素所组成的一个整体视觉形态，是对于人机交互、操作逻辑、界面美观的整体设计。好的界面设计不仅是让课件变得有个性、有品味，还要让课件的操作变得舒适、简单、自由，充分体现课件的定位和特点。界面是人与物体互动的媒介，换句话说，界面就是设计者赋予课件的面孔，面孔由各种几何图形组成。不同的几何图形带给用户的视觉享受不同，都应遵循简单、一致、记忆负担小、人性化的原则。

三、把握网页课件界面的视觉平衡

网页课件设计时，要求各种元素（图形、文字、空白区）都会有视觉效果。依据视觉原理，图形与文字比较，图形的视觉作用更大。所以，为了达到视觉平衡，在设计网页课件时需要以更多的文字来平衡一幅图片。网页课件界面中，文字是主要元素，各个界面的文字必须要统一格式、风格，字体、段落等要修饰。其次要统一色彩，例如背景、主体色、文字颜色、图片、按钮等，色彩能够给用户带来不同的想象、情感。

四、把握网页课件设计的人性化与个性化统一

人性化是作者通过对课件形式和功能等方面的“人性化”因素的注入，赋予课件以“人性化”的品格，使其具有情感、个性。设计人性化的表达方式就在于以有形的物质去反映无形的精神。网页课件在追求信息传播和展现的同时，也要强调个性化发展，需求呈多样化，单调的风格再也难以满足学生个性化需求。

结合上述几点，设计一个成功的网页类信息技术课件，视觉导向模块是重要的研究对象。优秀的网页类信息技术界面设计除能够传达既定的信息外，还能够解决访问便利、产生更强的认知感、具备完全操控感、突出元素间的互动、充分发挥信息技术学科特点，使他们能顺利地提高信息技术素养、增强实践性技能、培养创新能力，那么，我们就可以说这就是优秀的网页类信息技术课件界面的视觉导向设计了。

（通渭县第二中学）