摘要本文首先闡述和分析了界面設(shè)計(jì)的含義及其重要性，然后界定了什么是交互式學(xué)習(xí)網(wǎng)站及其特點(diǎn)，最后嘗試提出一個(gè)有效的交互式網(wǎng)站界面設(shè)計(jì)思路或者理論模型。

關(guān)鍵詞界面設(shè)計(jì)交互式網(wǎng)站結(jié)構(gòu)設(shè)計(jì)交互設(shè)計(jì)

中圖分類號(hào):TP393.02文獻(xiàn)標(biāo)識(shí)碼:A

網(wǎng)絡(luò)信息技術(shù)的發(fā)展使得人們?cè)絹?lái)越緊密地同網(wǎng)絡(luò)進(jìn)行接觸，各色網(wǎng)站是人們與網(wǎng)絡(luò)進(jìn)行親密接觸的門(mén)戶，而網(wǎng)站界面是實(shí)現(xiàn)“人機(jī)交互”的第一站，良好的界面設(shè)計(jì)將是為用戶營(yíng)造良好“第一印象”的第一重要工作。網(wǎng)站不再是將所有內(nèi)容平鋪在電腦屏幕上，而是將復(fù)雜的內(nèi)容以簡(jiǎn)單方式呈現(xiàn)在用戶的面前，讓用戶選擇自己感興趣的方面進(jìn)行深入的學(xué)習(xí)和了解。

1 網(wǎng)站界面設(shè)計(jì)及含義

網(wǎng)站的界面是網(wǎng)站與用戶交互的最直接的層，網(wǎng)站的形態(tài)就是從界面上體現(xiàn)出來(lái)的，因此網(wǎng)站的形態(tài)設(shè)計(jì)的關(guān)鍵就是界面設(shè)計(jì)。以往的界面設(shè)計(jì)大都從設(shè)計(jì)者的角度出發(fā)，以設(shè)計(jì)者的技術(shù)水平和審美來(lái)規(guī)劃網(wǎng)站，而忽視了用戶對(duì)網(wǎng)站的要求，沒(méi)有這個(gè)好的界面作為切入點(diǎn)，就不能很好的實(shí)現(xiàn)網(wǎng)站的價(jià)值。這里筆者從形態(tài)設(shè)計(jì)理念出發(fā)，給界面設(shè)計(jì)下一個(gè)定義:界面設(shè)計(jì)是為了方便用戶獲取信息以及吸引用戶的持續(xù)關(guān)注而對(duì)界面的結(jié)構(gòu)布局、交互形式和整體風(fēng)格進(jìn)行的設(shè)計(jì)。未來(lái)成功的學(xué)習(xí)網(wǎng)站，重要的是讓學(xué)習(xí)者體驗(yàn)到學(xué)習(xí)的樂(lè)趣和滿足，而不是從內(nèi)容上告訴他所學(xué)習(xí)的內(nèi)容是如何的有價(jià)值，學(xué)習(xí)后會(huì)考很高的分?jǐn)?shù)等。很明顯，教育網(wǎng)站的“提高分?jǐn)?shù)”功能已經(jīng)被放到了相對(duì)次要的位置，怎樣吸引學(xué)習(xí)者的關(guān)注，怎樣迎合學(xué)習(xí)者的學(xué)習(xí)興趣等等成了網(wǎng)站設(shè)計(jì)者首要關(guān)注的內(nèi)容。

2 交互式學(xué)習(xí)網(wǎng)站的界面設(shè)計(jì)

2.1交互式學(xué)習(xí)網(wǎng)站及其特點(diǎn)

交互式學(xué)習(xí)網(wǎng)站是以學(xué)習(xí)者為中心，依據(jù)一定的教學(xué)思想、教學(xué)理論和學(xué)習(xí)理論，以網(wǎng)站平臺(tái)為依托，提供豐富而生動(dòng)的學(xué)習(xí)內(nèi)容，促進(jìn)學(xué)習(xí)者有效的學(xué)習(xí)，并且學(xué)習(xí)者、教師、網(wǎng)站開(kāi)發(fā)人員之間保持實(shí)時(shí)的和非實(shí)時(shí)的信息交流和信息反饋，以幫助完善網(wǎng)站的學(xué)習(xí)功能。交互式學(xué)習(xí)網(wǎng)站不僅是對(duì)傳統(tǒng)的課堂教學(xué)的補(bǔ)充，還可以作為一個(gè)交流的平臺(tái)，強(qiáng)化學(xué)習(xí)者之間、學(xué)習(xí)者與教師之間的溝通，通過(guò)各種交互手段，學(xué)習(xí)者不再只是學(xué)習(xí)內(nèi)容的接受者，而是積極的參與到學(xué)習(xí)中來(lái)，脫離了課堂學(xué)習(xí)中的約束和緊張的氛圍，將自己完全融入這個(gè)環(huán)境里感受學(xué)習(xí)的滿足感和成就感。這些都是交互式學(xué)習(xí)網(wǎng)站所具有的特點(diǎn)和功能。

2.2交互式學(xué)習(xí)網(wǎng)站的界面設(shè)計(jì)

在進(jìn)行界面設(shè)計(jì)時(shí)必須明確學(xué)習(xí)者即網(wǎng)站的適用人群，進(jìn)行界面設(shè)計(jì)之前必須要明確學(xué)習(xí)者是誰(shuí)。界面設(shè)計(jì)應(yīng)該遵循整體到局部的順序，先制定出頁(yè)面的整體布局和結(jié)構(gòu)，確定導(dǎo)航類型和位置，再確定整體的風(fēng)格和顏色的變換。

(1)結(jié)構(gòu)設(shè)計(jì)。結(jié)構(gòu)設(shè)計(jì)是界面設(shè)計(jì)的骨架，通過(guò)對(duì)內(nèi)容分析和用戶分析，制定出產(chǎn)品的整體架構(gòu)，需要對(duì)整體布局有一個(gè)清晰的輪廓。界面的結(jié)構(gòu)一般分為多窗體、單窗體以及資源管理器等多種風(fēng)格。根據(jù)內(nèi)容的組合和設(shè)計(jì)要求及設(shè)計(jì)者的審美觀點(diǎn)來(lái)進(jìn)行選擇。資源管理器的窗體設(shè)計(jì)清新明朗，最上邊的橫向?qū)Ш綏l將網(wǎng)站的內(nèi)容分為幾個(gè)大類型，左側(cè)則是所選類型的細(xì)化分類，客戶可根據(jù)自己的需要來(lái)選擇閱讀和了解自己感興趣的文章或模塊。用戶可以很快選擇自己喜歡的內(nèi)容進(jìn)行學(xué)習(xí)，其他的內(nèi)容不會(huì)占用僅有的屏幕和頁(yè)面空間，影響學(xué)習(xí)的心情。

(2)交互設(shè)計(jì)。交互設(shè)計(jì)的目的是使網(wǎng)站讓用戶能簡(jiǎn)單的使用。 任何網(wǎng)站功能的實(shí)現(xiàn)都是通過(guò)人和機(jī)器的交互來(lái)完成的。因此，用戶的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來(lái)，使得用戶在使用產(chǎn)品時(shí)愉悅、符合自己的邏輯、有效完成并且是高效使用產(chǎn)品。用于交互功能的主要有導(dǎo)航條、選擇按鈕、出錯(cuò)提示，兼用鼠標(biāo)鍵盤(pán)，當(dāng)前位置報(bào)告等等，總之交互的目的就是讓學(xué)生在網(wǎng)站里來(lái)去自由，盡快達(dá)到自己的目的。在所有交互的設(shè)計(jì)中，導(dǎo)航條的設(shè)計(jì)尤為重要。同樣使用了導(dǎo)航條，網(wǎng)頁(yè)給人的感覺(jué)就有很大的差別，同樣是內(nèi)容很多的分類，豎向排列就要比橫向排列更有層次性和條理性。

(3)視覺(jué)設(shè)計(jì)。視覺(jué)設(shè)計(jì)首先要確立網(wǎng)站的整體風(fēng)格，是明快鮮艷型的、是古典樸素型的、還是清新素雅型的，確立整體風(fēng)格后可以依據(jù)風(fēng)格進(jìn)行色彩的選擇和搭配，二者是相互融合的。此外，文字的字體、大小、顏色等樣式也要配合整體的顏色和風(fēng)格，圖像和動(dòng)畫(huà)雖可以增加注意力，但要控制圖文比例，不能給人以眼花繚亂的感覺(jué)，而且太多了會(huì)大大降低網(wǎng)頁(yè)的瀏覽速度。

做好以上設(shè)計(jì)工作，一個(gè)網(wǎng)站的基本結(jié)構(gòu)和格調(diào)就已經(jīng)確立了，即確立了大方向后還要對(duì)界面的東西進(jìn)行細(xì)化的調(diào)整和修改。網(wǎng)站的設(shè)計(jì)不是一個(gè)一蹴而就的任務(wù)，需要在進(jìn)行網(wǎng)站建設(shè)時(shí)不斷的改進(jìn)和創(chuàng)新，本文探討了有關(guān)交互式學(xué)習(xí)網(wǎng)站的界面設(shè)計(jì)的一些問(wèn)題，并對(duì)具體的界面設(shè)計(jì)提出了一些流程和規(guī)劃，相信會(huì)對(duì)進(jìn)行交互式學(xué)習(xí)網(wǎng)站的界面設(shè)計(jì)的教師和開(kāi)發(fā)者有些幫助。