網頁類信息技術課件界面視覺導向設計初探

劉小龍

摘 要：網頁類信息技術課件界面設計是一個多學科參與的復雜工作，界面設計注重視覺導向設計與信息技術學科相結合的特點，操作用戶不管在什么位置，都能夠簡便、快捷地找到導向標識，通過界面上的導向模塊所提示的信息準確、順利跳轉至目的界面，并使各界面之間的互相銜接通過導向模塊變得有序、合理。

關鍵詞：信息技術課件；網頁；視覺導向；界面設計

用戶訪問的網頁類信息技術課件界面設計是多媒體課件設計部分的重要組成？網頁類信息技術課件界面設計是一個多項學科參與的復雜工作，整個設計過程包含心理研究、美工設計、語言類等。網頁類信息技術課件界面設計應遵循以下幾個基本的原則：界面保持一致性、用戶界面友好性、視覺平衡性、色彩搭配和文字可閱讀性、個性化、界面與用戶之間具有交互性、具備信息技術學科特點。這些基本原則就是解決網頁類信息技術課件界面設計中如何引導用戶正確使用課件，引導就是視覺導向設計。導向設計的概念為：表明方向、區域的圖形符號或環境空間中導向符號的表現方式。導向設計可劃分為視覺角度和環境設計角度兩個領域，視覺角度用簡單、整潔、醒目的圖形符號來表達，環境設計角度用圖形符號與環境相融合。網頁類信息技術課件界面的設計當中也應注重視覺導向設計，使人機交互過程變得簡便、快捷，界面上的圖形、圖像、符號、顏色、文字等能準確表達信息含義，通過導向模塊使各界面之間的相互跳轉變得有條不紊，模塊中能充分體現信息技術學科的特點，準確把握用戶的心理和習慣，明確人機對話中視覺導向的重要性和用戶需求。用戶不僅包括授課者，還有學生。怎樣才算是從用戶的需求角度和視覺導向出發？我們從以下幾點來探討。

一、把握信息技術的學科特點

信息技術是一門培養學生信息技術素養的學科，不僅僅注重實踐能力，而且是學生終生有用的創造、發展、基礎能力。我認為這就是信息技術的特點，它是一種素養，是一種實踐能力，是一種終生有用的基礎能力。我們談信息技術離不開其存在使用的主體——人（在學校是學生）。認識到這個特點，對于網頁類信息技術課件在視覺導向設計方面是至關重要的，課件在視覺表達中要充分突出信息技術在學科中的獨特性。

二、把握網頁課件界面布局結構、元素的合理統一

1. 統一組織界面布局結構、元素，使其具備合理性

布局是內容組織的必然結果，合理、統一模式的布局結構是網頁課件必不可少的因素。我們對網頁類課件布局設計一般秉承基本的方法，視線往往趨向于從左上角移動到右下角，就好像界面的布局設計有某種自然的力量一樣。網頁課件界面的布局設計沒有固定的套用結構模式，都是根據網頁課件特性和學科特點開發的。通常上方或左側為導航欄，下方或右側為正文、主信息區。在整個設計中，主要是從用戶角度出發，考慮界面與用戶交互性、引導性等重要因素。界面中元素的合理統一，對整個的瀏覽過程起關鍵作用。主要從文字、圖形兩個元素來考慮？文字也是承載信息量大的一種元素，除了本身表達的信息之外，還常承載著導向功能，可考慮不同的字體、字號、顏色、狀態。圖形直觀明了，有視覺沖擊效果強、容易識別的特點，常見用于標注、提示等。

2. 課件界面尺寸的大小對展示效果的影響

因素分別有硬件和軟件兩個方面，一個顯示器分辨率，另一個是網頁瀏覽器。目前對網頁課件界面全屏大小基本上要求分辨率800×600或1 024×768就可以了，分辨率過小或過大都將影響課件最終的演示效果。

3. 瀏覽器對課件演示的影響

不同的瀏覽器會有不同的界面設計，瀏覽器占據了部分屏幕空間，剩余的空間才是網頁課件的展示區域。建議設計課件時減去瀏覽器占據空間，才能合理地進行布局。網頁課件界面尺寸是不是只能局限在一定的范圍內？答案是否。我們可以通過向下拖動頁面或左右拖動頁面這兩種辦法拓展空間，從用戶使用的角度出發，頁面內容最好不超過一屏。若內容多，應使用一定的視覺導向手段，充分考慮用戶的期望、需要。

4. 界面的整體設計對課件的影響

我們中國人最講究第一印象，網頁課件界面整體造型就是第一視覺印象。整體造型指的是界面上的各種元素所組成的一個整體視覺形態，是對于人機交互、操作邏輯、界面美觀的整體設計。好的界面設計不僅是讓課件變得有個性、有品味，還要讓課件的操作變得舒適、簡單、自由，充分體現課件的定位和特點。界面是人與物體互動的媒介，換句話說，界面就是設計者賦予課件的面孔，面孔由各種幾何圖形組成。不同的幾何圖形帶給用戶的視覺享受不同，都應遵循簡單、一致、記憶負擔小、人性化的原則。

三、把握網頁課件界面的視覺平衡

網頁課件設計時，要求各種元素（圖形、文字、空白區）都會有視覺效果。依據視覺原理，圖形與文字比較，圖形的視覺作用更大。所以，為了達到視覺平衡，在設計網頁課件時需要以更多的文字來平衡一幅圖片。網頁課件界面中，文字是主要元素，各個界面的文字必須要統一格式、風格，字體、段落等要修飾。其次要統一色彩，例如背景、主體色、文字顏色、圖片、按鈕等，色彩能夠給用戶帶來不同的想象、情感。

四、把握網頁課件設計的人性化與個性化統一

人性化是作者通過對課件形式和功能等方面的“人性化”因素的注入，賦予課件以“人性化”的品格，使其具有情感、個性。設計人性化的表達方式就在于以有形的物質去反映無形的精神。網頁課件在追求信息傳播和展現的同時，也要強調個性化發展，需求呈多樣化，單調的風格再也難以滿足學生個性化需求。

結合上述幾點，設計一個成功的網頁類信息技術課件，視覺導向模塊是重要的研究對象。優秀的網頁類信息技術界面設計除能夠傳達既定的信息外，還能夠解決訪問便利、產生更強的認知感、具備完全操控感、突出元素間的互動、充分發揮信息技術學科特點，使他們能順利地提高信息技術素養、增強實踐性技能、培養創新能力，那么，我們就可以說這就是優秀的網頁類信息技術課件界面的視覺導向設計了。

（通渭縣第二中學）