界面設(shè)計(jì)是計(jì)算機(jī)輔助教學(xué)中的重要組成部分,是一個(gè)計(jì)算機(jī)設(shè)計(jì)中復(fù)雜且有不同學(xué)科參與的系統(tǒng)工程。在這個(gè)系統(tǒng)體系中,認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此扮演著重要的角色。加強(qiáng)計(jì)算機(jī)輔助教學(xué)時(shí)界面的設(shè)計(jì),應(yīng)遵從以下幾個(gè)基本準(zhǔn)則:保持界面的一致性、滿足不同目標(biāo)用戶的創(chuàng)意需求、用戶界面的友好性、圖標(biāo)識(shí)別的平衡性、圖標(biāo)功能的一致性、建立界面與用戶的互動(dòng)交流。這些準(zhǔn)則放在計(jì)算機(jī)輔助教學(xué)中的界面設(shè)計(jì)中來(lái)看,其實(shí)是一個(gè)解決如何引導(dǎo)學(xué)生去瀏覽網(wǎng)頁(yè)的問題,它是對(duì)于用戶的視覺導(dǎo)向的一種設(shè)計(jì)。
1 計(jì)算機(jī)輔助教學(xué)中的界面設(shè)計(jì)
一般計(jì)算機(jī)輔助教學(xué)中的布局設(shè)計(jì)方法是一種上下框架結(jié)構(gòu)式,通常上方為導(dǎo)航條,或者動(dòng)態(tài)的教學(xué)框架、目錄綱要等,下方為正文、內(nèi)容部分。還有校園網(wǎng)站較喜歡采用的二分欄式布局,或叫做左右結(jié)構(gòu)式。這是一種清晰的分列兩旁的框架結(jié)構(gòu),一般左側(cè)是導(dǎo)航條,有時(shí)最上方會(huì)有一個(gè)小的標(biāo)題或標(biāo)志,右側(cè)是正文、內(nèi)容部分或者實(shí)驗(yàn)內(nèi)容的形象展示。而在教學(xué)中的課件喜歡的一般是上左右布局式的框架式樣。這種類型的框架通常在計(jì)算機(jī)輔助教學(xué)界面的上方設(shè)置主要的菜單導(dǎo)航條,左側(cè)為點(diǎn)擊出現(xiàn)的細(xì)分欄目導(dǎo)航條,下方為較主要的欄目及提要等,右側(cè)為內(nèi)容區(qū)域。對(duì)于較為大型的教學(xué)、電子商務(wù)、校園網(wǎng)站、教學(xué)系統(tǒng)機(jī)構(gòu),多采用上左中右結(jié)構(gòu)式,又稱為3分欄布局式,也是較常見的結(jié)構(gòu)式。同上左右框架式稍有區(qū)別的是,中間部分為內(nèi)容區(qū)域,右側(cè)則是該網(wǎng)站較重要的內(nèi)容導(dǎo)航區(qū)域,或是登錄、搜索區(qū)域、模式等。
計(jì)算機(jī)輔助教學(xué)中界面的布局設(shè)計(jì)沒有絕對(duì)的結(jié)構(gòu)框架形式,可以說(shuō)都是根據(jù)課件性質(zhì)的開發(fā)需要、根據(jù)課件所表現(xiàn)的內(nèi)容以及想要傳達(dá)的信息考慮,然后選擇適合表現(xiàn)、傳播、開發(fā)等因素的,能夠體現(xiàn)課件內(nèi)容及主題的這樣一種布局形式,并在整個(gè)設(shè)計(jì)中主要是從教學(xué)實(shí)際出發(fā),從界面與學(xué)生交互角度出發(fā),引導(dǎo)學(xué)生視覺。
2 計(jì)算機(jī)輔助教學(xué)中界面設(shè)計(jì)的合理性
影響計(jì)算機(jī)輔助教學(xué)中頁(yè)面尺寸的因素有2個(gè),一個(gè)主要的是顯示器大小及分辨率,另一個(gè)是用戶使用的瀏覽器。計(jì)算機(jī)輔助教學(xué)中頁(yè)面是通過計(jì)算機(jī)的顯示器來(lái)實(shí)現(xiàn)最終顯示的,不同的教學(xué)環(huán)境下又使用不同的顯示器。目前在對(duì)計(jì)算機(jī)輔助教學(xué)中的界面進(jìn)行設(shè)計(jì)時(shí),頁(yè)面尺寸基本上能夠適合1 024×768及1 440×900這2個(gè)分辨率。另外,關(guān)注和研究顯示器的發(fā)展方向也是做好網(wǎng)頁(yè)界面的必修課之一。
教師和學(xué)生使用的瀏覽器也是影響頁(yè)面尺寸的因素之一。因?yàn)椴煌臑g覽器會(huì)有不同的界面設(shè)計(jì),而其中的工具條基本上都要占部分屏幕空間,有的瀏覽器占據(jù)的空間要大,有的要小,所剩余的空間才是網(wǎng)頁(yè)的展示面積。目前一般常用的尺寸:分辨率在800×600的情況下,頁(yè)面寬度應(yīng)保持在778以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度視版面內(nèi)容決定,全屏在778×432;分辨率在1 024×768的情況下,頁(yè)面寬度應(yīng)保持在1 002以內(nèi),就不會(huì)出現(xiàn)水平滾動(dòng)條,高度視版面內(nèi)容決定,全屏在1 002×600。由于以上尺寸是常規(guī)使用的瀏覽器與工具欄的適合尺寸,考慮去掉滾動(dòng)條及瀏覽器的其他必須面板,所以教師在制作中最好恢復(fù)默認(rèn)的瀏覽器工具欄,這樣與網(wǎng)頁(yè)最終設(shè)計(jì)的作品的差別就不會(huì)太大。
3 計(jì)算機(jī)輔助教學(xué)中頁(yè)面的整體設(shè)計(jì)對(duì)學(xué)生的心理影響
對(duì)于事物的第一印象是非常重要的,頁(yè)面的界面整體造型就是給予瀏覽者的第一印象。不同的形態(tài)會(huì)帶給人們不同的視覺感受、心理感受,這也是在構(gòu)成學(xué)上常常提到形態(tài)本身具有的性格特征。如幾何形體具有規(guī)整、秩序、嚴(yán)肅、穩(wěn)定、單純等性格特征,有機(jī)形體有著勃勃生機(jī)、膨脹、優(yōu)美、彈性等性格特征,而無(wú)規(guī)則形體則有著具有人情味、溫暖感、情趣性等性格特征。在計(jì)算機(jī)輔助教學(xué)中的界面整體設(shè)計(jì)中,必然要考慮不同視覺元素所組成的一個(gè)主題單元形態(tài)所具備的性格特征。從已有的計(jì)算機(jī)輔助教學(xué)設(shè)計(jì)實(shí)踐的統(tǒng)計(jì)中可以看出,矩形給瀏覽者的感受是中規(guī)中矩,有規(guī)則,穩(wěn)定,所以絕大部分計(jì)算機(jī)輔助教學(xué)中的整體造型都是矩形;圓形代表柔和、團(tuán)結(jié)、溫暖、安全等,許多時(shí)尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型;三角形代表力量、權(quán)威、牢固、侵略等,許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性,常以三角形為頁(yè)面整體造型;一些交友類、競(jìng)賽類站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型,因?yàn)榱庑未砥胶?、協(xié)調(diào)、公平;一些有機(jī)形常見于一些個(gè)人站點(diǎn)中,以彰顯個(gè)性、突出自我。
總之,加強(qiáng)計(jì)算機(jī)輔助教學(xué)中的界面設(shè)計(jì),要從計(jì)算機(jī)硬件實(shí)際出發(fā),突出人性化這個(gè)特點(diǎn),注重人的視覺和心理特征,符合人體學(xué)的基本原理,滿足教學(xué)實(shí)際需要,促進(jìn)學(xué)生學(xué)習(xí),提高教學(xué)質(zhì)量,賦予計(jì)算機(jī)輔助教學(xué)以新的內(nèi)涵。