余景，屈文濤，徐劍波

淺析精品課程網(wǎng)站的“包裝”

余景，屈文濤，徐劍波

同一般的商業(yè)性網(wǎng)站側(cè)重的宣傳性不同，精品課程網(wǎng)站更側(cè)重于內(nèi)容和使用功能。在對網(wǎng)站的建設(shè)中，需要對其進行技術(shù)“包裝”、形式“包裝”、體驗“包裝”，以更好的發(fā)揮精品課程網(wǎng)站的作用，西安石油大學《產(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站在建設(shè)過程中注重對其各方面的“包裝”，起到了良好的效果。

精品課程；網(wǎng)站；包裝；易用性；簡潔風格；用戶體驗

精品課程建設(shè)是高校教學建設(shè)和教學改革工程的重要組成部分，是提高教學質(zhì)量的關(guān)鍵環(huán)節(jié)和重要舉措。精品課程網(wǎng)站則是精品課程建設(shè)和評價的窗口，是精品課程資源發(fā)布與共享的主要途徑，在精品課程建設(shè)過程中起著至關(guān)重要的作用。西安石油大學《產(chǎn)品開發(fā)設(shè)計》是校級精品課程，在申報省級精品課程中對已有的精品課程網(wǎng)站進行了升級和完善，對整個網(wǎng)站進行了技術(shù)“包裝”、形式“包裝”和體驗“包裝”。

一、技術(shù)“包裝”，形成技術(shù)美

所謂技術(shù)“包裝”，這里的技術(shù)是指網(wǎng)站的的使用效能，即易用性；易用性是對《產(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站在用戶操作即技術(shù)上的定位，而不是簡單的形式追求。

同一般的商業(yè)性網(wǎng)站不同，精品課程網(wǎng)站主要面對的用戶對象是主要有評審專家、同行、任課教師以及教學的主體—學生。精品課程網(wǎng)站作為一個教學平臺，起著課程信息發(fā)布、成果展示、教學資源下載、對外交流的重要作用。通過此平臺，教師和網(wǎng)站維護人員在本站上發(fā)布與教學相關(guān)的信息，上傳教學資源。學生可以輕松地在本站上瀏覽信息，了解該課程教學體系及教學狀況；掌握整門課程的學習內(nèi)容、目的、要求和學時安排等情況；從教師隊伍介紹中了解每位教師的資歷、教學和科研情況；查看教學成果，下載PPT課件或在線觀看教學錄像；獲取豐富的參考資源以便拓展自身知識面、熟悉最新的理論研究和實用技能以及作業(yè)提交等等。

精品課程網(wǎng)站實際運行中，對易用性提出了很高的要求，網(wǎng)站內(nèi)容要求詳實準確，歸類明確；整體框架清晰明和導航指向準確。同時在瀏覽過程中網(wǎng)頁內(nèi)容分布符合人的視覺流程習慣。人們在閱讀某種信息時，視覺總有一種自然的流動習慣，在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，左松右穩(wěn)。平面的視覺影響力上方強于下方，左側(cè)強于右側(cè)。這樣平面中的上部和上部被稱為“最佳視域”。

圖1 《產(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站首頁

圖2 《產(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站內(nèi)頁

在對《產(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站的升級改造過程中，始終把易用性貫穿始終。網(wǎng)站的整體架構(gòu)也都緊緊圍繞易用性這一主題核心去展開設(shè)計。在易用的基礎(chǔ)上賦予其清新簡約的形式，網(wǎng)站輕松易閱，首頁設(shè)計不僅是歡迎畫面(如圖1所示)，也是整個網(wǎng)站的核心，在布局上呈左右分布，圖標鏈接上有清晰的目錄指向，輕松在首頁中直接進入二級菜單。

在二級頁面上 (如圖2所示)，T字形的布局簡潔明了，左右分類，一目了然。瀏覽者可以通過導航鏈接快速準確的找到自己想要的信息?！懂a(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站的學生作業(yè)提交系統(tǒng)采用BBS的形式，可以做到7×24小時隨時提交草圖方案、完成作品，以供教師隨時指導，加強了用戶管理。這種形式更加靈活，也便于教師與學生、學生與學生之間的交流。

二、形式“包裝”，形成形式美

包裝還起著傳遞信息和無聲推銷員的作用，形式多樣、設(shè)計精美的包裝是用戶購物的一個重要影響要素。

在網(wǎng)站設(shè)計中對構(gòu)成網(wǎng)站各類形式如圖形、文字、色彩之間的組合關(guān)系進行設(shè)計“包裝”，能夠使網(wǎng)站形成形式美。形式美是指構(gòu)成事物的物質(zhì)材料的自然屬性(色彩、形狀、線條、聲音等)及其組合規(guī)律(如整齊一律、節(jié)奏與韻律等)所呈現(xiàn)出來的審美特性。精品課程網(wǎng)站作為課程的主要對外展示形式，是該課程的外在形象，也是申報更高一級成果時的重要組成部分。形式普通沒有特色的網(wǎng)站設(shè)計是一種視覺污染，僅能起到最基本的功能作用，讓用戶能不使用就不使用，失去了建立網(wǎng)站的意義。而進行設(shè)計包裝之后的網(wǎng)站，頁面美觀，色彩宜人，是一種視覺享受，能夠增加用戶數(shù)量，提高網(wǎng)站的使用率，對課程教學有良好的促進作用。要對網(wǎng)站進行形式“包裝”，確定網(wǎng)站的整體風格，需要在網(wǎng)頁的構(gòu)成元素即文字、圖形、色彩以及它們的組合上進行精心設(shè)計。

風格是指網(wǎng)站的整體形象給瀏覽者的綜合感受，是抽象的感覺。整體形象包括網(wǎng)站的版面布局，色彩，字體，瀏覽方式等。確定網(wǎng)站的風格與網(wǎng)站內(nèi)容和用戶有關(guān)，需要根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風格。風格貫穿著網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標題、注腳等，同時圖形、文字、色彩、等也是構(gòu)成風格的元素。風格統(tǒng)一網(wǎng)站會給用戶一個“很專業(yè)”的印象。

《產(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站的風格追求的是少等于多，是簡潔風格。網(wǎng)頁空間的合理運用，并非要把整個頁面塞滿了才不覺得空，也并非讓整個頁面空曠才不覺得滿，只要合理的安排、有機的組合，使頁面達到平衡，即使在一邊的部分大面積留空，同樣不會讓人感到空，相反這樣會給人留下廣闊的思考空間，給人回味又達到了視覺效果。首頁中以大圖和簡潔性的鏈接圖標為主，大與小形成對比，大圖為flash動畫，主要展示了該課程的應(yīng)用對象、實習情況、學生作品等，整體網(wǎng)站色彩以冷灰色為主，同時為增加視覺效果，點綴了高飽和度的暖色，理性中不失活潑，與課程性質(zhì)相呼應(yīng)。文字以常見的宋體和黑體為主，以保證顯示效果，部分文字圖形化，美化了頁面。對網(wǎng)站元素組成形式的“包裝”，使整個網(wǎng)站統(tǒng)一中有對比，理性中有變化，構(gòu)成了形式美。

三、體驗“包裝”，形成體驗美

網(wǎng)站是提供給用戶使用的，用戶在使用過程中，有不同的心理體驗，其中以UI和UE為代表。所謂UI，就是用戶界面的體驗。從心理學意義來分，界面分為感覺(視覺、觸覺、聽覺等)和情感兩個層次。用戶界面設(shè)計是屏幕產(chǎn)品的重要組成部分，任何一個瀏覽者打開網(wǎng)站，首先接觸的一定是視覺，這就顯得UI很關(guān)鍵。如果出現(xiàn)打開網(wǎng)站首頁flash緩存時間過長，網(wǎng)站色彩和色調(diào)不協(xié)調(diào)，頁面或者圖片出現(xiàn)嚴重變形等；以及內(nèi)頁圖文結(jié)構(gòu)不清，內(nèi)容雜亂，標題不明顯等問題，那么該網(wǎng)站就會給瀏覽者留下負面的UI印象，從而不再對該網(wǎng)站感興趣，減少瀏覽時間或數(shù)量。而所謂UE，含義是用戶體驗，它所包含的內(nèi)容很廣，對于一個網(wǎng)站來說主要是功能和閱讀方面的體驗。具體表述，是用戶在使用網(wǎng)站時是否方便，互動性是否強，以及網(wǎng)站的內(nèi)容編輯是否具有可閱讀性。UE中追求一個重要的原則——人文關(guān)懷的原則。網(wǎng)站應(yīng)該以用戶和目標訪問者的角度去思考和設(shè)計自己的網(wǎng)站中的人文元素。

UI和UE的體驗是用戶在對網(wǎng)站瀏覽使用中對網(wǎng)站的內(nèi)容、功能、布局、色彩、圖形等的一種綜合性的心理體驗，對體驗進行“包裝”，就需要站在瀏覽者的角度反復推敲網(wǎng)站的細節(jié)。人機工程學是產(chǎn)品開發(fā)過程中的重要組成部分，人機的要求同樣注重用戶的體驗過程?！懂a(chǎn)品開發(fā)設(shè)計》精品課程網(wǎng)站在設(shè)計之初就把用戶體驗放到較高的高度，在網(wǎng)站的方方面面都對其進行了細致的推敲，在整體布局、框架結(jié)構(gòu)、網(wǎng)頁構(gòu)成元素等等用戶體驗方面力求以人為本。

隨著網(wǎng)絡(luò)的進一步發(fā)展，各類高校對課程質(zhì)量的更高要求，對精品課程的建設(shè)會越來越普及，而作為精品課程建設(shè)的重要組成部分——精品課程網(wǎng)站的建立就愈加重要。為建設(shè)一個成功精品課程網(wǎng)站，需要對其進行全方位的“包裝”，以發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，增加教學的互動性和趣味性，提高教學質(zhì)量，促進課程建設(shè)。

[1]荊雷.設(shè)計藝術(shù)原理[M].濟南：山東教育出版社,2002.

[2]李在萬.設(shè)計師談商業(yè)配色密碼[M].孫羽譯.北京：電子工業(yè)出版社,2007.

[3]馬月.網(wǎng)站界面設(shè)計[M].北京理工大學出版社.2006.

[4]屈文濤,宋紅,徐劍波,冀婷.產(chǎn)品開發(fā)設(shè)計課程群教學方法與手段的改革與研究[J].中國電力教育,2010.35:92～93.

[5]屈文濤,徐劍波,岳治.產(chǎn)品開發(fā)設(shè)計課程群實踐教學體系構(gòu)建[J].重慶科技學院學報(社會科學版),2010（23）.

G423

A

1673-1999（2011）08-0172-02

余景(1975-)，男，湖北荊門人，西安石油大學(陜西西安710065)機械工程學院講師，研究方向為現(xiàn)代設(shè)計藝術(shù)。

2011-02-13