淺析精品課程網站的“包裝”

余景，屈文濤，徐劍波

淺析精品課程網站的“包裝”

余景，屈文濤，徐劍波

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

精品課程；網站；包裝；易用性；簡潔風格；用戶體驗

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

一、技術“包裝”，形成技術美

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

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

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

圖1 《產品開發設計》精品課程網站首頁

圖2 《產品開發設計》精品課程網站內頁

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

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

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

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

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

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

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

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

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

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

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

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

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

[3]馬月.網站界面設計[M].北京理工大學出版社.2006.

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

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

G423

A

1673-1999（2011）08-0172-02

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

2011-02-13