導語：如何才能寫好一篇網頁界面設計論文，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

關鍵詞：格式塔網頁設計視知覺

引言

格式塔一詞來源于德文“Gestalt”的音譯，本意指的是形式、形狀、方式、實質。格式塔心理學是一種與藝術有緣的心理學理論，其主要目標是探討視覺感知及其與學習、思維的關系，它所研究的出發點就是“形”，“形”是經由知覺活動組織成的經驗中的整體，與視知覺活動密不可分。而網頁界面設計是視覺傳達設計向網絡媒體的延伸，主要是通過瀏覽者的視覺感知來接受網站信息。因此，研究格式塔理論在網頁界面設計中的運用，無疑對網頁界面的設計具有很大的指導作用。

格式塔理論在網頁界面設計中的應用

網頁設計是將特定的視覺信息要素，根據主題表達的需求在特定的頁面上進行的一種編輯和安排，其基礎是視覺生理學和視覺心理學。格式塔心理學派通過對視覺感知的生理研究，提出了一系列視感知規律，其中包含了“圖底”這個核心概念，和“簡明原則”“接近原則”“相似原則”“閉合原則”等視感知特性，將這些規律引入頁面設計，有助于我們優化視覺時代“形象過剩”狀態下盲目的網頁設計，提高信息傳達的速度與準確度。

1.圖與底

在人的知覺系統中最基本的一種知覺能力是在圖形與背景間作出區分。“圖”是居于前部的區域，“底”被看成是用來襯托圖的背景。相對而言，圖比底，輪廓較為完整、封閉，形狀較為規則，面積比較小，色彩比較鮮艷；此外，更重要的是，能組織成為一定意義的區域傾向于被感覺成圖。

由于圖與底之間存在的這種相對性質，在網頁設計中，應當明確區分圖與底，主體與背景。另外,主體自身結構要清晰明了，背景不能過于復雜，這樣才有利于瀏覽者辨別需要了解的信息。在背景的色彩搭配上應盡量選用同一色系的顏色，盡量避免同時使用色相環中相對的顏色，大面積同一顏色宜采用低對比度，避免用強烈刺激的顏色引起瀏覽者的視覺疲勞與厭煩情緒。格式塔理論的圖－底規則不僅說明了主體從背景中分離出來的條件,而且指出了背景在一個格式塔中的重要作用。因此在網頁設計中我們同樣不能忽視背景的作用，圖形是依賴于背景而存在的，要使主體感到存在，必然要有底將它襯托出來。因此無論在文字、色彩、圖像，還是動畫和視頻方面都要堅持圖底原則。

2.簡明原則

格式塔心理學家認為，人們的知覺有一種“簡化”傾向，所謂簡化并非僅指一般意義上的“簡單”，即物體中包含的成分少或成分之間的關系簡單，而是一種將任何刺激以盡可能簡單的機構組織起來的傾向。我們的眼睛只能接受少數幾個不相關聯的整體單位，如果一個格式塔中包括太多不相關的單位，眼睛就會試圖將其簡化，把各個單位加以組合，使之成為一個知覺上易于處理的整體，否則，整體形象將無法被正確感知，這種形象勢必會被人們忽視，以至拒絕接受。

我們可以將這一觀點延伸到網頁界面設計中。首先，在網頁界面結構的設計上，應避免使用過于復雜的網格結構，結構的設置應盡量簡單明了，符合人的視覺流程，也符合人們對規則形的喜好，利于瀏覽者以最短的時間找到最需要的信息。

其次，在圖像的選擇上，應避免使用過于繁復雜亂的、容易分散瀏覽者注意力的圖像，這樣會增加瀏覽者找尋信息的難度。

再次，在進行文字編輯時，應該考慮編輯的最終效果。文字應給人以清晰的視覺印象，避免頁面繁雜凌亂，減少不必要的裝飾變化，使人易認、易懂、易讀，不能為造型而編輯，忘記了文字本身是傳達內容和表達信息的主體。在字體的選擇上，雖然可供選擇的字體很多，但同一頁面上的字體種類最多只能有三四種，這樣才不會顯得花哨。字體的選擇應依據段落大小和內容層次,由重到輕、由粗到細。字號的選擇也應該依據內容層次由大到小，但到了節以下的層面，可以選用同一字號但用不同的字體加以區分。在文本密度方面，文本應該以短小的組塊形式出現，并且應該經過編輯，以簡化內容。3.接近原則和相似原則

接近原則和相似原則的本質上都是簡化和整體化知覺對象的組織原則，與前面的簡明原則類似，人們在傾向于簡化認識對象的同時，也傾向于將近似、接近的元素組合起來作為一個整體加以認知。也就是說如果不同的文字或圖形組成部分位置靠近，瀏覽者就比較容易看出它們是一起的。根據這一原理，對于頁面上的任何元素，如果在功能或內容上是相同或相近的，就應在一定程度上保持相對較小的空間距離，做到“物以類聚”。比如，頁面中用以解釋圖形或用以表明某一部分圖形的文字就應當緊挨其所指的圖形或部分圖形。

相似的物體也很容易被認為是從屬于一個系統，具有相似的功能。因而，需要通過將瀏覽者注意力集中于視覺范圍內的關鍵概念，幫助他們獲得信息。在網頁界面設計中，可以通過強調、動畫、對比色的使用或其他手段達到這一目的。假如一個圖形中的組成部分都屬于同一風格，這個圖形就被視為一個整體。為了使瀏覽者重點關注圖形中的特定部分，對這一部分可采用不同的顏色、動畫、閃爍或其他區分方式。但是，如果一幅畫面中區別過多，也會使瀏覽者難以注意需要獲得的信息。因此，這些方法應該用于強調關鍵信息或圖形的關鍵部分，而不宜用于大片信息。

4.閉合原則與網頁界面設計

閉合原則是指一種完成某種完形的行動。這一規則表明，每一種視覺樣式都可以被看成是一種陳述，對于模棱兩可的視覺樣式，人們會根據以往的經驗按照不同的樣式加以組織，這時不同的人會看到不同的東西。因此，在網頁界面設計時,應當避免出現不完整的圖形，以免使瀏覽者花費過多的時間去琢磨圖形的含義，而不是從網頁上獲取信息。

閉合規則還表明,視覺形象被知覺的形式是首先作為一個統一的整體被知覺，然后再以部分的形式被知覺。因此，在進行網頁界面設計時，要強調整體風格的統一，內容與形式的統一。

結語

將格式塔心理學引入網頁界面設計，目的是希望網頁設計向理性化的方向發展。隨著網絡的不斷發展，瀏覽者對頁面的要求也越來越高，但現在的頁面設計大多還是從直覺出發，離科學的頁面設計還有相當大的距離，因此要想達到科學的頁面設計，就要在設計時遵照人類的認知規律，并且將這些規律正確地應用到設計實踐中。而如何將格式塔理論與設計結合起來,仍是我們需要投入大量精力去研究與探討的問題。

參考文獻：

[1]曹方著.視覺傳達設計原理，江蘇美術出版社

[2]卡爾·考夫卡著，黎煒譯.格式塔心理學原理.浙江教育出版社

篇2

關鍵詞：網頁設計，用戶體驗，用戶界面

 

想要建立一個成功的網站，首先就要貫徹“以人為本”的原則，在現今的設計過程中能夠體現“以人為本”原則的設計就屬用戶體驗設計了。科技論文。這就不得不提到兩個名詞即用戶體驗和用戶界面概念的理解。

一、名詞概念

1.什么是用戶體驗

用戶體驗（user experience）簡稱UE，是指用戶在接受和使用一個產品（服務）的過程中建立起來的心理感受。用戶體驗無處不在，在日常生活中人們所接觸到的一切產品，例如，交通工具飛機、汽車、公交車、自行車，數碼產品電腦、手機、相機、mp3等，人們在使用的過程中都會產生純主觀的心理感受。這些純主觀的感受完全建立于用戶體驗產品的過程中，而產品的好壞或虧盈就由這些體驗感受所決定，所以產品設計中的以用戶為中心的用戶體驗設計顯得至關重要。

2．什么叫做用戶界面

用戶界面（User Interface）簡稱UI，界面（Interface）是人機互動過程中的一個層面；界面設計是一個復雜的有不同學科參與的工程，認知心理學、設計學、語言學等在此都扮演著重要的角色。比如，制作一個公司的網站時，不僅要兼顧用戶的便利，同時也要把這個公司引人注目的地方一起展現出來。如果把一個網站比喻成一棟房子，那么用戶界面則是房子的門面和裝潢，只有首先吸引用戶的眼球才能使用戶留在房子里去體驗生活。

二、用戶體驗設計的分類

在網站建設過程中如果只了解到用戶體驗的概念是不夠的，設計者們必須要理論結合實踐。因為用戶體驗是一種用戶純主觀性的心理感受，設計師們在很微小的細節進行調整，或許就會得到用戶的鐘愛。這些細節上的精心設計必須經過設計師對于用戶自身的調查與用戶反饋的信息才能整出頭緒，進行整合設計。那么通過調查與反饋用戶體驗的設計可以從以下幾個方面進行調整設計。

1.感官體驗

想要在網頁中設計出好的界面的話，感官效果是必須考慮的一個方面。要注意網頁的界面應該要保持一貫性不能給用戶帶來混亂感；在使用方法方面，設計風格要符合目標客戶的審美習慣，并具有一定的引導性。科技論文。界面的構成不能太復雜；主要內容應設計在引人注目的地方。同時，頁面布局重點突出，主次分明，圖文并茂。與企業的營銷目標相結合，將目標客戶最感興趣的，最具有銷售力的信息放置在最重要的位置。在設計頁面色彩時應該與品牌整體形象相統一，主色調和輔助色不超過三種顏色。以恰當的色彩明度和亮度，確保瀏覽者的瀏覽舒適度。

2.瀏覽體驗

瀏覽體驗顧名思義就是呈現給用戶瀏覽上的體驗，更強調的是吸引性。在一個網站中一切內容和服務都是從網站的導航延伸出去的，所以導航應該要動感、簡潔、清晰，分類條理最關鍵。隨著現在網站功能越漸強大，各類型網站中增加了越來越多的視頻、動畫元素，對網站速度的要求也越發苛刻。所以加快頁面的瀏覽速度選擇一家穩定的服務器托管商也至關重要。在網站的內容上設計者應該給用戶帶來舒適的文字環境。如今，網站博客撰寫已成為了一個很大的話題。我們需要用和朋友對話的方式來撰寫博客，讓用戶感覺到一種舒適溫馨的氛圍。這樣用戶就會少一些局促感，即使他們遇到了使用上的問題，也會心情愉悅的在網站幫助中尋找解決的辦法。

3. 信任體驗

4. 　互動體驗

它呈現給用戶操作上的體驗，強調網站的易用性。網站與用戶必須有高度的互動性，網站不是一張死板的宣傳單，要讓瀏覽者通過網站進行各種互動行為，包括直接聯系企業客服中心；在線留言或咨詢；在線訂購物品；發表評論等，總之，要讓網站和瀏覽者互動起來，通過網站把瀏覽者和企業連接起來。能互動的地方越多，這個網站的價值就越大。科技論文。因為只有和瀏覽者產生交流并可幫助瀏覽者解決實際問題，比如可以回答他的提問或直接購買產品，對瀏覽者來說你的網站才是有生命的，有價值的。

三、總結

網站的用戶體驗設計是是在互聯網時代開放、共享、自由的氛圍中的一種進化需要，并且它最終將成為無論是從需求分析、到界面設計再到開發到運行維護至關重要的一部分，因為我們隨時都需要將用戶置入服務的核心，用我們的愛來澆注產品本身。

參考文獻：

[1] 戴力農.當代設計研究理念：用戶體驗超人性化設計方法.上海交通大學出版社，2009

[2] 崔武子，齊華山，于寧. 界面設計與Visual Basic.清華大學出版社，2004（7）

[3]（(美) Jason Beaird著 熊平, 宓媛珊譯. 完美網頁設計. 北京:人民郵電出版社，2008（7）

[4] 徐延章. 美工與創意:網頁設計藝術. 北京:科學出版社，2009（7）

篇3

【關鍵詞】精品課程；網站；項目開發

現國家正加強中職學校精品課程建設，精品課程建設工程的目標是實現全國優質教學資源的共享，要求精品課程的相關內容全部通過網站的方式對外開放。因此，精品課程網站建設是精品課程建設中的一個重要環節。

目前很多資料或論文在涉及精品課程網站制作時，都以站在網站的技術開發角度進行論述，這些專業知識對于非計算機專業人員是較難透徹理解網站的開發過程。而且精品課程網站作為一個共享平臺，還要把課程的資源放到平臺上，涉及到平臺的建設、各個資源內容制作和整合等工作，更是需要團隊合作。一個完整的網站開發不像其它項目或者任務可以單獨完成，是需要一個團隊多個人分工合作完成。

一、網站項目開發團隊，包括以下的角色和職責：

（一）網站項目經理

職責：1.項目執行監理2.質量監督員

網站項目經理負責與用戶進行溝通，了解用戶開發網站的思想、用途和要求。并創建和維護項目的規劃和戰略文件，預算表，項目進度和甘特圖表，會議記錄，費用記錄和團隊其他詳細工作的項目文檔。并協調、溝通網站各項目小組的日常工作。

（二）藝術總監

職責：1.網頁界面設計師2.交互式設計師

（FLASH，JavaScript，Ajax）3.媒體專家（攝影，插圖，視頻，音效）。藝術總監的主要職責是設計網站的整體外觀和感覺。把網站排版、用戶界面設計、顏色標準、頁面布局細節、圖片要求、攝影、插畫、網站的視聽媒體等元素匯聚并形成一個整體。

（三）網站技術主管

職責：1.網頁程序設計師（.net，Java，PHP/Perl，Ruby）2.網頁工程師（XHTML，CSS，JavaScript，Ajax）3.數據庫管理員4.網站管理員網站技術主管必須掌握有網站的環境、開發語言和開發站點框架、選擇網絡數據庫等廣泛的網絡技術。他應該在技術人員、創意人員和項目團隊各主管中充當一個橋梁或者翻譯工作

（四）網站制作主管

在設計早期階段，網站制作主管主要負責把原始的網站模型、界面和藍圖轉化成HTML頁面。一旦網站規劃及設計完成并且信息架構也規劃好之后，網站制作主管的主要工作就是制作站點頁面，當然他可以直接用html編寫，或者使用網站內容管理系統（CMS），也可以用一些站點開發軟件，例如Adobe Dreamweaver。

（五）網站信息架構師

網站信息架構師主要負責網站的結構和內容進行組織和分類。在整個項目的設計和規劃早期階段，信息架構師是最活躍的。他要制定整個網站的內容結構，網站的框架結構，向客戶和網站開發團隊介紹網站的整體規劃。信息架構師也要與網站設計師緊密合作，制作用于顯示網站各個頁面的名稱、導航和頁面內容的網站藍圖。

1.文字撰稿人2.站點內容專家（內容協調，制作）。網站編輯負責整個網站的文字內容和編輯質量。他或她創建的網站編輯的基調，確定文字風格，并與客戶和相關內容的專家收集、整理。以上就是網站開發時所需要的六個基本角色及其職責，每個角色都有負責的方面。當然其中有可能一個人員充當幾個角色，也有可能一個角色里面要幾個人員組成。

二、網站項目開發過程及團隊各角色相互合作關系

從圖1-1我們可以把網站作為一個完整的項目，可以分為“規劃”和“站點制作”兩個主要階段。

（一）規劃階段

這個階段里要進行的工作就是用戶調查與網站規劃。網站項目經理要與用戶進行接觸，全面了解用戶的需求，包括網站的用途和要實現的功能。用戶也在這個階段明確要網站能實現的功能模塊和需要提供的材料。充分了解用戶需求后，藝術總監和網站信息架構師就要基于用戶的要求、網站的用途和網站訪問者等各方面的考慮，使用PhotoShop或其它工具繪制出網站首頁、二級頁面的圖形界面。與用戶確定好界面、功能與內容，就開始分兩條線路進行開發。1、技術路線：網站技術主管根據界面并與信息架構師一起進行技術規劃，制作好網站使用的開發語言、技術、數據結構和數據庫等。2、內容路線：網站編輯要開始規劃網站編輯的基調；內容在網頁上的表現形式（文本、圖片、視頻、動畫）；確定文字風格和網頁顯示的字體的大小與字形；

（二）站點制作階段

站點制作階段是實際開發周期，各項目小組根據前面制定好的規劃進行制作。網站信息架構師在各部門之間進行項目規則解釋、協調和統籌。1、程序開發：網站制作小組根據界面規劃把圖形界面轉換成網頁格式；依據技術規劃，制作網站的各頁面。從圖中的甘特表顯示，程序開發和網站合成占整個項目的最大時間比例。2、內容整理：網站編輯要與客戶和相關內容的專家收集、整理放到網站平臺的資源。網站資源如涉及到圖片、動畫和視頻等，網站編輯要與媒體專家合作共同制作。當平臺主要架構搭建成形，后臺數據庫建立完畢，網站編輯就可以把網內容上傳到網站平臺內，把網站合成。

參考文獻

篇4

關鍵詞：用戶體驗；高校圖書館；網站

隨著學生對互聯網的依賴性越來越強，以及Googlescholar、百度學術等學術搜索引擎對圖書館學術資源主體地位的沖擊，使得圖書館網站的用戶體驗變得越來越重要。圖書館網站必須進行優化設計，使用戶可以方便地瀏覽網站的信息、使用網站的服務，讓用戶獲得愉快的體驗，才能吸引用戶使用圖書館的網站，使用圖書館的資源與服務。用戶體驗強調在網站構建的過程中以用戶為中心，充分考慮用戶體驗的內容及影響因素，通過設計滿足用戶需求，符合用戶審美體驗、認知特點、使用習慣的組織系統、導航系統等，從而讓用戶獲得良好的體驗效果。用戶體驗設計的目標可以歸納為：解決用戶需求，減少用戶理解和操作的成本，給用戶留下美好而深刻的印象。基于用戶體驗的網站設計主要包括：視覺設計、界面設計和導航設計等。

1視覺設計

視覺設計是在用戶審美文化的基礎上，通過色彩、字體、圖片、按鈕、隱喻等的使用，設計出富有美感和藝術感的網站，從而實現在很短的時間內吸引住用戶，并激發用戶進一步的信息行為[1]。圖書館網站在視覺設計上要符合用戶當前的視覺趨勢，體現圖書館的文化內涵，通過圖文、色彩、形狀的搭配以及信息塊的建立和整合，形成一個疏密有序、圖文并茂、條理清晰、氣氛和諧的網站視覺感受。

1.1符合視覺趨勢

不同時期用戶的審美取向與內心訴求是不同的，網站的設計一定要符合當前用戶的視覺趨勢。就目前而言，視覺趨勢大致如下：響應式的網頁設計讓網站頁面無論屏幕尺寸大小都能有最佳的顯示效果[2]，寬屏、大圖讓頁面更顯大氣；改變以往用線條來分割區域的方式，采用空隙和留白，讓頁面順暢自由的呼吸，給用戶留下廣闊的思考空間；減少漸變和視覺元素，采用規整的布局、扁平化的視覺風格，讓整體感覺更清爽。在網站構建之初，設計師一般會根據圖書館的需求結合當前的視覺趨勢設計出至少3版首頁設計圖，圖書館可以采用問卷調查的形式從中選出最受目標用戶歡迎的頁面。

1.2做好色彩搭配

色彩是網站最具表現力和感染力的視覺元素，好的色彩搭配可以吸引用戶的注意力，給用戶帶來過目不忘的效果。相反，太過單調乏味的頁面會使用戶視線游離；過于炫目多彩的頁面又會對用戶的實際需要造成干擾。網站的色彩搭配上要注意以下情況：（1）每種色彩都有自己特定的含義和象征，會給人帶來不同的情感反應[3]，網站設計要合理恰當的運用，設計符合網站自身特色的色彩搭配，把網站的思想正確的傳遞給用戶。例如，“紅色”可以給人熱情、喜慶、奔放的情感反應，也能給人危險的心理暗示；金燦燦的“黃色”給人富有、高貴之感，而混濁的暗黃給人凋謝、衰敗之感；“藍色”象征著智慧、理智、清爽，會讓人感覺平靜、深遠、穩定、可靠。（2）不同色彩對眼睛刺激不同，會造成視覺上先后順序和關注度的不同。在色彩的運用上，要考慮內容的先后順序和優先級，正確的運用色彩。例如，冷色類和暖色類色彩是有明顯的層次差別的，一般情況下，用戶會先注意到暖色調色彩，且對暖色調色彩的關注度和點擊量要高于冷色調色彩；色彩的反差更容易造成用戶的關注度的不同，通常高反差色彩更能引起用戶的關注[4]。（3）避免使用色盲不易區分的顏色對。網站的色彩設計要保證在辨識色彩方面存在缺陷的用戶（如紅綠色盲、藍黃色盲、全色弱等）也能正常使用網站，避免使用深紅和黑、深紅和深綠、藍色和紫色以及淺綠和白色這樣的顏色對[5]。網站色彩設計時可在專業的色盲所見效果檢測網站（如網站和）上檢測，確保需要辨識顏色的地方所用的顏色在色盲和正常人看來是一致的，不需要辨識顏色的地方，在色盲眼中是清晰的。

2界面設計

界面設計最基本的性能是功能性和使用性。通過界面設計，讓信息更加流暢的傳遞給用戶，讓功能和操作變得更加簡單。界面設計包括標識設置能否被用戶所理解[1]、頁面布局是否能夠凸顯頁面重點、符合用戶的習慣等。在標識設置方面重點是要避免使用用戶不熟悉的詞匯；頁面布局方面，首頁一定要將關注度高的欄目放在醒目的位置上；其它欄目的擺放位置要遵從網站形成的慣例，符合用戶的心智模型；以信息呈現為主的頁面要建立清晰的視覺層次。

2.1避免使用用戶不熟悉的詞匯

根據Krug的可用性第一規律，網頁必須是清晰且自明的[6]，也就是說網頁的內容對于用戶來說是不言而喻、一目了然的。要做到這一點，就要避免使用用戶不熟悉的詞匯，比如，OPAC、E讀、查收查引、題名、責任者、資源發現系統等。這些字用戶都認識，但不代表真的理解了意思，因為新信息只有和已有的知識結構緊密結合，才能被徹底的理解吸收，而用戶基本上是非圖書館專業的學生和老師，接受過的圖書館專業培訓比較少，對這些詞很難做到一看就懂。當用戶在網站上尋找信息或者某個功能時，他們并不會認真閱讀，只是快速而粗略地掃描屏幕上與目標相關的東西[4]，這些用戶不熟悉的詞匯往往被認為是與目標無關，直接被忽略掉。可以把“OPAC”換成“館藏書刊搜索”；“E讀”換成“全國高校館藏搜索”；“查收查引”換成“論文收錄引用”；“題名”換成“書名/篇名”；“責任者”換成“作者”；資源發現系統因為實現的是圖書館紙質和電子館藏的一站式搜索，所以一般采用學校特色名字加上搜索或學術搜索的形式，例如，清華大學圖書館的“水木搜索”、北京大學圖書館的“未名學術搜索”、南方科技大學圖書館的“南科學術搜索”、浙江大學圖書館的“求是學術搜索”等。

2.2關注度高的欄目放在醒目的位置上

關注度高的欄目放在首頁醒目的位置上可以有效提高網站的用戶體驗。網站欄目的關注度可通過網站分析工具來統計。目前，免費的網站分析工具有十余種，比如，GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百度統計和CNZZ的站長統計等。其主要采用當前較為流行的基于腳本（JavaScript等）的統計方式，這種方法需要在網站的Html代碼中嵌入一段腳本來統計網站的被訪問情況。館員可通過網站訪問情況統計分析，來確定網站中用戶關注度最高的欄目。以南方科技大學圖書館舊版網站為例，關注度最高的欄目是“數據庫導航”，關注度為11.32%；其次是“館藏資源搜索欄”，因該版網站中沒有資源發現系統，所以主要搜索館藏紙本資源，關注度為9.47%；關注度第三的欄目是“我的圖書館”，關注度為7.02%。在新網站的設計中就要把這3個欄目放在網站中最醒目的位置。一般情況下，網站的上半部分和中左部分的被關注度要高于右半部分和下半部分。網站中最醒目的位置的確定可以在新網站的測試過程中，通過眼動跟蹤技術記錄用戶在使用網站時所注視的網站的位置，從而找出網站的關注“熱點”———網站中最醒目的位置。

2.3遵從網站形成的慣例

當一個人訪問一個新網站的時候，他尋找信息的第一個位置就是在其它大多數網站找到它們的地方，所以遵從網站形成的慣例可以減少用戶的尋找成本，讓用戶找起來更方便。比如，語言切換、用戶登錄、站內搜索等獨立于網站結構的功能或內容一般設置在網頁頂端；重要的、需求大的欄目應該放在網頁上方主導航的位置；相對而言不那么重要、需求不那么大的欄目應該放在下方導航條的位置；網站的隱私政策、免責聲明、版權等一般放在底部。

2.4符合用戶的心智模型界面設計

符合用戶的心智模型主要為了讓用戶在使用網站的過程中思考降到最低、操作簡單到極致。心智模型是影響用戶與網站交互時內在的、可預測的認知模型[7]，是隱含在用戶內心深處的一種思維方式和思想觀念，直接或者間接的影響著用戶的行為[8]。也就是說，當用戶在網站上尋找某一元素時，并不是從上到下順序尋找，而是在用戶心中已經形成了關于這個元素應該放在哪個位置的預期[9]，然后根據預期去尋找該元素。了解用戶的心智模型，可以知道用戶心中欄目的位置，從而提升欄目位置與用戶預期的位置吻合度；了解用戶的心智模型，可以知道某一信息在用戶心中應該屬于哪個欄目，從而提高欄目的名稱與用戶心中名稱的吻合度。要提高網站界面與用戶心智模型的吻合度，可以在網站的建設過程中通過迭代的可用性測試[10]，不斷地發現網站中存在的問題，通過布局的不斷調整，讓用戶的操作變得簡單、再簡單；通過建立清晰的流程和界面，減少用戶的思考和尋找時間。最后用戶耗費時間最少的界面設計就是最趨近于用戶的心智模型的界面。調研用戶的心智模型可以通過如實觀察法、遠程測試法和眼動跟蹤技術等方法來實現。筆者采用了如實觀察法，無需遠程監測法的屏幕共享技術，也不用眼動跟蹤儀，只要有臺可供用戶瀏覽網站的電腦即可，而且不僅能清晰的觀察到用戶的操作，直接、及時地獲取用戶的反饋，還能夠捕捉用戶的細微反應，挖掘用戶內隱的體驗信息[11]。比如用戶發出“咦？”、“哦！”等聲音，或者皺眉、撓頭等動作，這些都能反映出存在的問題。如實觀察法主要是讓被試用戶在一個可控制的實驗室環境里完成指定任務，通過觀察用戶信息搜索過程，總結用戶的行為數據等[12]，在測試過程中，要減少語言對用戶的干擾，切忌引導性過強，要更多地去關注用戶的操作行為。可以鼓勵用戶采用“出聲思維法”，即要求用戶在操作時，將完成任務時所有的思考、行為、感受都描述出來，這樣測試員更容易發現用戶行為背后的原因。例如，在南方科技大學圖書館網站的調研中發現，用戶在完成“查看我的借閱信息”的任務時，偶爾使用圖書館網站的用戶，受其它網站的影響會在網站的頂端尋找“我的”相關欄目；經常使用圖書館網站的用戶，因知道該信息會在“我的圖書館”中找到，所以找尋的欄目會鎖定在“我的圖書館”，而找尋的位置會受到圖書館舊版網站的影響，在網站中間的直接導航部分找“我的圖書館”欄目。綜合這兩種情況，在新版網站的設計中將“我的”放置在網站上方全局導航的區域，“我的”這個欄目被設計為用戶的個人空間，里面的內容包含用戶的個人基本信息、借閱信息、薦購信息等“我的圖書館”中查詢和操作的信息以及網站的個性化定制內容。另外，在網站的直接導航區域設置“我的圖書館”的入口，方便讀者進入“我的圖書館”。

2.5建立清晰的視覺層次感

建立清晰的視覺層次感可以在用戶瀏覽網頁時形成良性引導，從而減少用戶的尋找時間。用戶在瀏覽頁面時會對網站頁面的視覺層次進行分解，篩選出需要的東西。好的視覺層次通過預先處理，用一種用戶能快速理解的方式對頁面進行組織并根據模塊的優先級進行排列，從而減少了用戶的尋找時間。大小、顏色、對比、對齊、親密性、緊密與留白都是制造視覺層次的好工具。大小往往與重要性結合起來，最大的元素大部分情況下都具有最大的重要性。顏色在組織和個性兩方面都起到作用，醒目、對比強烈的顏色在特殊的元素中會引起更大的關注（比如，按鈕、超鏈接或錯誤信息）；在個性方面，豪華、舒適的顏色會給頁面帶來感情上的吸引力。對比能夠體現出相對的重要性。對齊能夠體現出元素們之間的組織關系。親密性是將關系緊密的內容組織起來的最快方式。緊密與留白的和諧搭配，既能體現內容之間的相互關系，又能避免緊密給用戶帶來的信息過量之感。

3導航設計

導航是網站內用戶的指示路標，可以說是網站最為重要的設計環節，它引導著用戶進行瀏覽和查找信息，一個好的導航能夠讓用戶在離開網站時猶如享受了一次愉快的旅程。導航設計首先要將網站的信息進行組織分類，一個精心組織分類的鏈接體系能夠采用簡約的風格，將信息梳理到最符合邏輯、最易于用戶理解的類目，讓用戶不經遲疑、無需復雜操作就能訪問到他們想要的內容。

3.1信息的組織與分類

信息的組織與分類是導航設計的基礎[13]，好的導航能夠將繁復的頁面內容組織起來，梳理出其中的邏輯，按照層級關系，建立起簡潔易懂的欄目信息架構。卡片分類法是一種以用戶為導向的有效的組織信息的方法，可以設計出符合用戶心智模型的信息架構。卡片分類法分為開放式和封閉式兩種[14]。開放式卡片分類法給被試人員足夠的自由度來進行信息歸類，測試者不僅可能會得到豐富的分類結果，而且有力于發現欄目命名存在的問題，所以一般用于信息分類的前期，用于獲取用戶對圖書館服務及資源項目的理解情況。開放式卡片分類法由測試者將寫有圖書館的相關介紹、服務、資源等名稱的卡片完全打亂后分發給被試人員，被試人員可以完全自由地決定把卡片分成幾組，每組有多少張卡片，最后再由被試人員為分好組的卡片命名。在開放式卡片分類階段，能夠發現命名不合理的欄目，能夠獲得被試人員理想的分組命名。例如南方科技大學圖書館網站在開放式卡片分類調查過程中發現，“新館風貌”頁的名稱存在問題，因為對于館員而言，啟動校區的圖書館為舊館，當前使用的圖書館為新館。但是對于學生而言，他們并不知道啟動校區圖書館，所以當前使用的圖書館就稱不上新館，使用“館舍風貌”命名則更為合適；關于欄目的分組命名也有收獲，舊版網站中使用“關于圖書館”欄目，而用戶會更喜歡給它命名為“關于本館”；“資源查找”用戶更喜歡給它命名為“資源導航”等。封閉式卡片分類法可在開放式卡片分類法之后使用，由測試者先確定出欄目分組的個數和名稱，再將屬于這些分組的卡片分發給被試人員，讓被試人員根據自己的期望，把卡片歸類在不同的分組名稱下。如果有些卡片被測人員不知道該將它分到哪個分組名稱下，可以將它拿出來，不一定要把所有卡片分完。封閉式的分類更利于掌控，可以用于對信息架構設計結果的有效性進行驗證。

3.2導航功能模塊設計

虛擬的網絡世界不像現實世界中有明顯的方向感，若沒有清晰的導航和位置信息可能導致用戶迷失方向。成功的導航通過各種標識和路徑的顯示，讓用戶在導航系統中清楚地認識到網站信息結構和自己瀏覽到的位置[15]。導航按照在網站中所處的區域與功能的不同分為：全局導航、局部導航、直接導航、面包屑導航、網站地圖等。全局導航，也就是通常所說的主導航，是網站的一級菜單，通常以橫條的形式設置在網站全局區域較為顯著的位置，提供覆蓋整個網站的通路，能夠展現網站的全貌。用戶通過全局導航可以隨時從網站的最底層頁面到達任何其它頁面，實現各個頁面之間的跳轉。局部導航，也稱為副導航，是全局導航的補充和延伸，專門針對網站二級以下的欄目，在幫助用戶瀏覽網站頁面時起輔助作用，主要用于有序瀏覽目錄內的具體內容。直接導航，是在首頁中設置的直接將用戶引導到網站內任意指定位置的導航，直接導航可以跨越多個層級而直接指向鏈接目標，是為迎合用戶需求而設置的到達頁面的快捷途徑。面包屑導航，這個導航名稱來自于童話故事，面包屑是漢賽爾在進入森林的路上偷偷灑下的，是一種“歷史記錄”的應用方式。面包屑導航能夠呈現用戶當前在網站中所處位置，記錄用戶的瀏覽路徑，表達當前內容的歸屬關系，可以幫助用戶方便地通過路徑返回到上一級頁面。網站地圖，將網站的所有頁面名稱按照結構層次放置在一個頁面中，展現整個網站的信息架構，通過鏈接的方式，幫助用戶在一個頁面中快捷、準確地找到想要的頁面。網站的導航設計就是通過上述不同類型導航的合理設置與相互搭配，最終實現網站的便捷瀏覽、信息的有效獲取。

4結語

網站設計的重中之重不是界面設計的多么美觀，運用的技術多么炫酷，而是網站的設計是否符合用戶體驗，能否讓用戶輕松、快捷的完成操作。基于用戶體驗的網站設計強調以用戶為中心，設計出符合用戶審美體驗、認知特點和使用習慣等與用戶心智模型相契合的系統，但用戶的審美、認知特點、使用習慣以及心智模型都不是一成不變的，而且包含很多隱性的因素，需要經過一系列細致的調查、測試、優化等步驟，才能逐步提升用戶的體驗。

參考文獻：

[1]李小青.基于普遍心理分層理論的Web用戶體驗模型設計[J].情報資料工作,2010,(1):62-65.

[2]畢劍,劉曉艷,張禹.使用響應式網頁設計構建圖書館移動門戶網站———以云南大學圖書館為例[J].現代圖書情報技術,2015,255(2):97-101.

[3]張曉景.網站用戶體驗全程揭秘[M].北京:清華大學出版社,2014.

[4]如何運用視覺表現建立網頁的信息層級[EB/OL].[2015-03-19].

[6]SmashingMagazine.眾妙之門：用戶體驗設計的秘密[M].邱胤炎,林本杰,譯.北京:人民郵電出版社,2014.

[7]吳鵬,張佩佩,甘利人.網站用戶信息獲取中的心智模型研究[J].情報學報,2011,30(9):935-945.

[8]黃群,朱超.基于用戶心智模型的產品設計[J].包裝工程,2009,30(12):133-136.

[9]SusanWeinschenk.設計師要懂心理學[M].徐佳,馬迪,余盈億,譯.北京:人民郵電出版社.2014.

[10]林一,陳靖,劉越,王涌天.基于心智模型的虛擬現實與增強現實混合式移動導覽系統的用戶體驗設計[J].計算機學報.2015,38(2):408-421.

[11]李海濤,宋琳琳.用戶使用網站的心智模型測量方法的選擇及應用[J].情報理論與實踐,2015,38(2):11-16.

[12]孫麗,田才.基于用戶體驗的網站信息構建模型[J].情報科學,2010,28(6):907-910.

[13]劉津,李月.破繭成蝶：用戶體驗設計師的成長之路[M].北京:人民郵電出版社,2014.

[14]蔡劍,詹慶東.基于卡片分類法的網上書店信息構建實證研究[J].圖書情報工作,2011,55(10):121-125.

篇5

信息構建是“定義和控制界面并整合系統各組成部分”的一種機制，個人信息系統的規模和復雜程度正在不斷增加，從而促進了構建程序在范圍、組織影響和處理過程等方面比早期的獨立應用范圍要廣泛得多。

第一代信息構建于80年代公開和描述，它是用于開發獨立應用的，主要描述從需求、設計、構造到最后的交付使用這樣一個過程，其重點是一個獨立系統的開發。第二代則是將信息構建的思想融入企業級的若干個應用的綜合。

另一個特征就是第一代和第二代的信息構建強調的是技術解決而不是組織對信息的使用。在當時社會中的很多領域都希望能開發、分享和管理信息。對大部分組織來說，僅僅擁有一個網站、電子信息管理系統就足夠了。然而，時過境遷，人們終于意識到必須把信息作為組織中的一種資源來看待。

二、現代圖書館信息構建

（一）概念解析

20世紀90年代初，Web的形成和基于Web瀏覽器的發明，大大推動了因特網向全球發展。同時，作為企業管理中的一個重要職能知識管理的出現，使得人們的爭論越來越多地涉及到信息內容和內容管理上來，從而提出了以信息為中心的第三代信息構建。第三代與前二代信息構建的主要區別在于：

1．第三代信息構建強調信息作為一種競爭資源的使用價值，區別于支持系統的技術。單方面關注由技術構建出的一個信息體系就像是用烹飪工具裝設一個廚房而來制作一頓晚餐一樣，它忽略了烹飪原料的質量。用戶和信息建筑師都是通過掌握“信息的信息”從更深層次來理解信息的使用。這種理解超出對信息本身及其結構的簡單定義，通過一些數據、圖案、指南來引導用戶使用信息。同時，用戶和信息建筑師也通過“信息收益率”來評價信息構建的質量。

2．由于在第一代和第二代信息構建中所使用的單一圖表過于簡單化，不能傳遞太多信息，所以需要用一系列的圖表來描述問題。第三代信息構建便是通過反映信息的這種多維復雜性以及描述構建中不同認識維度的各個關鍵因素來解決問題。

3．早期的信息構建概念忽略了該概念的背景和理論基礎，或者將其簡單化。基于一些不適當的設計原則，信息構建是很難實現的，如信息構建中對度的整合。今天的信息構建要考慮到整個體系中各元素的整合以及體系中各組成部分的再使用問題。

（二）與其它概念的聯系

1．信息構建與信息設計。信息構建的重點在于內容以及以用戶為中心，特別是復雜的網站建構。主要成分包括：虛擬設計：版面與信息的圖表設計，使得交流的效用最大化；交互設計：設計網頁上動態成分或軟件應用，可以使用戶完成特定任務；用戶的經驗設計：建立一個完整的基于用戶需求的經驗數據庫；可用性：對一個系統進行評價，確保其易用性和有效性，然后，將評價結果融入到設計過程中去。

信息設計偏重于文獻內容、結構和外形的結合。它不只考慮文獻的內容本身，還將文獻作為一個整體，進行多元化的整合。相比較而言，信息構建更側重于內容的概念設計。

2．信息構建與信息管理。信息管理是一個比信息構建更為成熟和固定的領域，它是以數學、管理科學、信息科學等學科為基礎，涉及多門學科（理、工、農等）、多個領域（經濟、管理、法律等）的綜合叉學科。二者都與信息科學（如信息的描述、辭典的設計、信息檢索等）有著很多聯系。信息建筑師與信息管理專家對信息組織、建立有效的內容管理戰略以及為用戶提供有效的訪問途經等方面都有著很大的熱情。同時，他們也都受到網絡信息泛濫的矛盾沖突以及經濟不穩定等多方面的沖擊。狹義的信息構建，即網站信息構建，這是當今信息構建應用最為廣泛、最為成熟的領域。廣義的信息構建，即不僅要考慮信息，而且更要對組織機構中的信息服務與信息相關部門及其人員的整合與合理配置，包括技術層面、管理層面以及信息系統的結構構建。因此，廣義的信息構建更接近于現代信息管理的理念。

3．信息構建與信息管理構建。信息管理構建是當代出現的虛擬企業組織中為了管理生產計劃信息和控制信息而產生的。它不僅要考慮商業數據，還要考慮技術方面的數據。信息構建是“組織信息和設計信息環境、信息空間或信息體系結構，以滿足需求者的信息需求的一門藝術和科學”，涉及到圖形設計、人機交互和界面設計，目的是幫助人們成功地發現和管理信息，側重于用戶和信息。

三、網絡信息構建

網站信息構建是指借助圖形設計、可用性工程、用戶經驗、人機交互、圖書館學信息科學等的理論方法，在用戶需求分析的基礎上，組織網站信息、設計導航系統、標簽系統、索引和檢索系統，以及負面內容布局，幫助用戶更加成功地查找和管理信息。

網站信息構建的主要內容包括：

（一）內容組織

一般通過字母順序或地理位置構成來組織圖表。一些模糊圖示法也很有幫助，但不太準確。現在比較有名的如Yahoo網頁上的杜威十進分類系統。圖表一般獨立于用戶界面。界面改變并不影響到圖表。另外，為了實現這個目標，它還必須有一個規則來容納新增加的網頁內容。

（二）導航系統

它幫助用戶了解自己所處位置以及從這個網站中能獲得什么，就像現實中的路標或地圖一樣，可分為全局導航和頁面導航。全局導航可以鏈接到網站內任何一個資源，而頁面導航給用戶呈現相近的主題網頁。此外，還有像背景導航，為用戶建議網站其它領域相關主題內容；面包屑導航法，呈現網站結構中的頁面位置以及用戶的瀏覽路徑；網站地圖和索引也為用戶提供了網站內容、結構等方面的概況。

（三）檢索系統

這里強調的是檢索結果和檢索界面。檢索結果不能太龐大和雜亂無章，以至于查準率過低。而界面要求友好，能夠提供給用戶進行自我修正檢索機制的途徑。

（四）標識系統

包括頁標題、主頁上的鏈接、索引入口、產品名、公司名等。這些在網站上隨處可見。它可以使鏈接與頁面主題相一致。

篇6

中華民族的傳統文化博大精深、源遠流長，也以其獨特的魅力影響著中國乃至全世界。近年來，科學技術不斷進步和發展，網絡的社會地位逐漸凸顯，校園文化網站建設也逐步趨于成熟和完善，它不僅傳遞著豐富多彩的視覺信息，也充分體現著獨特的校園文化。本文通過闡述中國傳統元素的內涵、特點和類型，以及中國傳統元素在現代生活中的應用意義，將中國的傳統元素巧妙地運用到大同大學校園文化網站的設計中，旨在彰顯大同大學校園文化內涵，貫徹落實大同大學“厚德”、“博學”、“慎思”、“篤行”的校訓，表現同大學子對校園精神文明的繼承和發展。

關鍵詞：

網站建設；中國傳統元素；校園文化；界面設計

引言

隨著社會的進步和發展，傳承文明與創新知識已成為當代文明的主題主線，在此環境下，高校校園文化網站應運而生、蓬勃發展，而且近年來其社會地位也不斷凸顯。與此同時，全球文化的交流和碰撞日益激烈，導致高校校園文化日益開放和繁雜。因此，應從多角度、多側面、全方位的視角梳理和評價高校校園文化，并逐漸建設完善高校校園文化網站，傳承校園文化，構建社會主義和諧校園。作為凝結華夏文明精神和彰顯中華人民特質的傳統文化元素，如果將其適當地取舍、借用、打亂、組織、重建并運用到校園文化網站的建設中，將會取得全新的視角效果與經驗，提供一種全新的觸及世人心靈的感性認知，培養中國風格的審美情趣，激發民族自豪感。其中網頁版式設計對整個網站的設計構造是至關重要的，也是瀏覽者與網頁信息間的傳遞載體，例如在版面設計中采用留白的方式營造空靈韻味，在現代的版式設計中有指導意義。在構建中國風的網站時，加入中國傳統文化元素設計，不僅會發揮現代科技美與創新美，而且還會體現傳統的韻味美，保持著新與舊、古與今、傳承與發展的高度契合，能夠使網頁展現深厚的文化底蘊和歷史厚重之感。大同大學文化校園網站的設計制作將中國傳統元素融入到網站的界面設計中，以期能彰顯大同大學校園文化底蘊，并且能在網頁中體現大同大學的校園文化精神，體現全體師生對校園文化的傳承與發展。

一、校園文化網站概述

校園文化是在學校這一特定的文化氛圍中，師生在從事各項課內外活動中所創造的精神財富，以及承載這些精神財富的規章制度、組織活動和意識形態。校園文化的核心是精神文化，它包括學校領導、師生的價值觀念、價值判斷和取向，學校獨特的文化特色、辦學理念、辦學目標，以及校風、教風、學風等精神風貌，以此彰顯、傳播和弘揚學校文化特色。伴隨科學技術的不斷發展，網絡已成為傳遞校園文化的主要載體。其中校園網站就是一個集學習、娛樂與社會活動于一體的虛擬空間，可以充分體現校園的文化、精神和特色。而高校的校園文化網站不僅體現著各個高校的文化，也集中反映了當代教師與學生的精神風貌，對于文化的豐富、交流和發展具有重要意義。

二、中國傳統元素概述

中國傳統文化元素種類繁多，尤其是吉祥圖形符號，如龍鳳、麒麟、朱雀、太極、八卦、中國結、書法等傳統文化元素符號，代表并彰顯著中國文化神韻。中國元素，是指在中華民族的融合、演化與發展過程中形成的，由中國人創造與傳承的，反映中國人文精神和民俗心理具有中國特質的文化成果。中國傳統文化元素是東方文化中的獨特景觀和寶貴財富，它具有多樣性、廣泛性、豐富性的特點。包括豐富多樣的有形物質文化元素和無形精神文化元素，如徽派建筑、梅蘭竹菊、朱雀、書法、中國結等有形文化元素，思想意識、價值體系、道德觀念、民俗等無形精神元素。在網站構建中，時刻運用著“中國特征”，處處體現著中國式的意境和精神，是構建中國特色校園文化網站的基礎。

三、中國傳統元素在文化網站中應用的意義

1.豐富網頁的表現手法

中國傳統元素的形式多種多樣，對傳統元素的挖掘和運用，能夠極大地豐富網頁創造的表現手法。在網頁制作中，不僅要恰當地運用傳統元素的表象特征，更要深層次地挖掘這些元素所具有的內涵，與傳統哲學思想相呼應，共同激蕩出更加出色的創意網站。

2.產生文化親和力

中國傳統元素取材于最貼近人民生活與民族情感的傳統文化習俗，包涵了深厚的中華民族情感。對傳統文化習俗的準確把握與運用，更能夠體現國人的心理價值，使網站更具親和力，增加受眾的理解度、接受度，勾起受眾對中國文化的精神聯想，喚起對中國情結的共鳴，促進網站進一步傳播與發展。

四、基于中國傳統元素的大同大學校園文化網站的界面設計分析

在研究中，本論文主要是通過設計大同大學校園文化網站界面，結合中國傳統元素體現出大同大學的校園文化底蘊。網站的設計主要分為八個部分，分別是“首頁”、“書香校園”、“校園風光”、“學子風采”、“校園活動”、“舌尖校園”、“關于我們”和“論壇”，從各個方面介紹大同大學校園文化的組成部分，使參觀者能夠更加深入地了解大同大學校園文化的精神實質，貫徹落實大同大學“厚德”、“博學”、“慎思”、“篤行”的校訓。其中從logo到小圖標無不體現著“中國味”，網頁以中國風色調為基準，將中國風格和校園文化巧妙融合。

1.翰墨書法演繹校園文化

漢字作為一種抽象的藝術符號，本身就具有很強的審美趣味。在網頁設計中，漢字不僅是語言信息的載體，呈現著其“形”的特征，還能體現其審美藝術價值。把中國書法藝術中的形、神、意進行適當的融合，并運用到網頁設計中去，有助于體現網站的文化民族特色。在大同大學校園文化網站中就運用到了不少漢字書法設計，首先表現在logo的設計中。logo圖整體以書法為主要元素，在設計過程中采用左圖右文的手法將傳統印章、龍圖騰作為設計元素與楷書漢字藝術相結合。紅色印章中是運用毛筆一氣呵成中國風的龍圖騰，線條優美，若隱若現。配以毛筆書寫的楷書文字，說明網站的主要性質———傳播校園文化。印章與圖騰的藝術形式巧妙組合，能讓觀者感受到濃烈的民族氣息。運用毛筆書寫“校園文化”四個字，大面積的濃墨書寫文字貫穿著整個logo圖，不僅突出主題，而且顯得雄偉有神，運用毛筆書法“軟”的特點能使簡約的線條生成豐富的氣韻之美，增強logo的視覺沖擊力和表現力。不僅logo中運用漢字書法，網站中的滾圖也大量使用漢字書法元素，并巧妙地與大同大學的校訓相結合，運用書法形式加以表現，展現大同大學校園文化底蘊。在每一幅滾圖中的黃金分割比例位置處書寫“厚德、博學、慎思、篤行”這個同大學子熟記于心的校訓，采用行書字樣書寫，突出我校校訓的歷史感和厚重感，從而體現出我校校園文化源遠流長。在“厚德”這幅畫中，整體以墨色荷花為背景，給人以空遠悠揚的意境，以行書書寫的“厚德”二字，對整個空間進行分割，對空白的切割體現書法藝術的形式美，隨后以楷體小字對“厚德”校訓加以解釋，行楷兩種字體交相輝映，共同呈現大同大學校園文化的歷史感與厚重感。在“博學”這幅畫中，整體背景采用從灰色到白色的漸變手法，灰階層次的漸變達到空靈之效。行書書寫的“博學”二字，從上及下，從左及右，涉及了文字的方向性,文字排列的方向性也會影響視覺效果，在大同大學校園文化網站中文字方向主要有平行、垂直兩類，而平行、垂直的文字能給人以穩定厚重之感。同樣以楷體小字對“博學”校訓加以解釋，采用古代文字的書寫格式，文字方向從右及左的展現，體現了對傳統文化風格的繼承。在“慎思”這幅畫中，字體圓潤靈動，校訓的行書字樣與解釋的楷體字樣之間采用濃淡墨交替變化，空間中大量留白，以“慎思”二字對留白處進行分割，形成虛實對立之感，體現書法的韻味美。在“篤行”這幅畫中匠心獨運地使字跡融合了毛筆的意蘊，好似展示了毛筆書寫的過程，別有風味。字體設計風格雅致，簡潔中不乏品味。本畫面中解釋文字較其他幾個畫面較大，這里把解釋文字作為填充空白的元素加以運用，不僅能夠展示書法的獨特魅力，而且也有補充空白之效。網站運用漢字書法讓人感受到，當介紹具有歷史文化特征的內容時，適當結合漢字書法，可以增加原有內容的意義與內涵。深入挖掘漢字的造型意趣和文化底蘊，并賦予它新的生命力，可以提升網頁的文化韻味。

2.水墨經典闡釋校園內涵

水墨畫屬于中國畫的一種,主要以水墨的形式描繪中國的山水人情。以毛筆、紙、絹等繪畫媒介,將筆的提按轉折、疾徐輕重與墨的虛實強弱、干濕、濃淡相互搭配形成無窮變化，以繪畫語言的形式表現中國文化特色之美。在大同大學校園網站中構圖背景主要以水墨畫為主。例如首頁中的滾圖設計以水墨山水畫為背景，配以濃重筆墨書寫出的圓，中間以漢字書法畫龍點睛，整體營造出一種空靈之感，有濃濃的文化厚重感，與校園文化的風格交相輝映。其中，背景選擇大量留白的水墨畫，不僅可以方便其他元素的添加，也可以營造出空靈意境。在網頁設計中更是如此，將中國式的藝術審美運用到設計中，讓空白在字與圖之間自由游走。中間以濃重筆墨書寫出的圓，不僅可以體現中國特色，而且極具吸引力，把觀者的目光第一時間聚焦在圓中間的內容上，突出主題。去除了外在復雜雕飾的墨白，傳達了一種朦朧美感，也表達了一種特殊的張力，在網頁中靈活運用墨白，會突出所表達的信息。在設計構思上，水墨元素的作用是平衡網頁，水墨畫元素作為藝術表現形式和視覺符號，它所營造的氛圍，能呈現出東方人獨特的感覺和心境。這幅圖片畫面中由水墨元素、墨竹、奇石共同組成。其中水墨元素能在水與墨、黑與白之間形成濃淡變化的色彩層次，在用水墨暈染出圓之后，在圓的缺角部分繼續暈染出幾條錦鯉，通篇水墨畫將墨之黑作為主要色調，通過創造黑與白的氣氛，將元素以一種非常單純的方式最直接展示給觀者，畫面給人以廣闊的想象空間，讓人回味無窮。利用墨之黑色作為設計元素，既簡潔有趣又能體現傳統美感。不僅如此，水墨還可以與其他元素配合使用，例如以水墨圖形勾勒與渲染出水墨魚缸,錦鯉在勾勒出的墨色魚缸中游動，營造出含蓄單純、優美恬靜的水墨意境。所以將水墨元素與其他元素配合使用是源于自然又高于自然的藝術表達方式。在設計表達上,采用水墨暈染的藝術效果，墨滴在水中舒緩地暈染開來，墨跡展現出千變萬化的形態，可以想象它變換成連綿的山巒、廣闊的大海、飛翔的仙鶴等，最終回歸于墨跡本身的形態。從無形到有形，從有界到無疆，水墨的魅力在于它寫實與寫意兼具，在黑白的空靈世界中，讓人仿佛置身于畫中。將水墨畫元素應用于網頁設計中,是對中國傳統文化的傳承與創新，水墨畫元素作為傳播信息的重要表現手法能融合不同風格設計形式,繪畫形式多樣,題材廣泛。網頁設計的水墨元素運用能延續現代人從古代傳統文化中繼承的文化內涵和審美意識。水墨畫元素的靈活運用不僅能豐富設計作品的文化內涵,傳遞中國民族文化特色,還能有效地傳遞表達主題信息,具有極高藝術審美價值和文化價值。

3.傳統色彩點亮校園經典

傳統色彩是傳統文化的重要組成部分，也是傳統文化獨特的表現形式，是中國特色不可或缺的部分。在悠久歷史和傳統的影響下,傳統色彩不僅講究視覺美感,而且重視色彩的象征寓意，例如在中國紅色被看做是喜慶色,顏色本身鮮艷明亮，也寓示紅紅火火、生氣勃勃；又如黃色，因其明亮，被看做是陽光和大地的顏色，寓示期望、智慧、文明。不僅如此，黃色還是中國歷代帝王的專用色，象征著古代中央。在大同大學校園文化網站設計過程中，主要以中國紅為基調配以中國黃加以修飾。紅、黃色是中國傳統吉祥的象征，紅色具有強烈的感知性，是血液與生命的顏色，是國際上以中國命名的顏色，即“中國紅”。“紅配黃”所呈現的是一種積極、熱烈的視覺效果,是喜慶、吉祥的象征。在網站中首先可以看到logo是紅色印章圖案，突出中國味，與之配套的導航條、小圖標均采用中國紅與黃色相搭配。通過對大同大學校園文化網站的設計總結出以下幾點經驗：首先制作網站時，要保持網站色調的一致性，整體性是網站和諧的前提，每個網頁、每個區域對色彩的運用，必須把握色調的整體性和連貫性。就像大同大學文化網站制作中整體采用“中國紅”為主色調，不論是logo、導航、圖標基本采用紅色，強調整體協調性。其次，根據傳統色彩的特點，靈活運用，把經典的色彩感覺引入到網站中，例如在網站中引入“中國紅”、“中國黃”，主要目的在于營造具有中國傳統韻味的色彩情調。再次，對中國傳統色彩進行適當的加工處理，例如打破常規的色彩組合方式，這樣可以搭配新的視覺效果。把徽派建筑、暈染的墨滴與紅旗相組合，對以墨色為主的冷色調創新搭配鮮亮的“中國紅”，兩種顏色形成對比，刺激觀者視覺，給人印象深刻。最后，在網站制作中注重現代風格色彩與中國傳統色彩的融合，使二者既相互結合又相互區別，體現現代與傳統相結合的時代感。在大同大學校園文化網站中以傳統色彩（中國紅、中國黃）為主色調，輔助色選用現代色彩，如有青草綠、寶石藍、淺杏黃等，使網站既具有歷史感又具有時代感。

4.古典圖形彰顯校園意蘊

中國傳統圖形具有中國獨特民族藝術風格，經過歷代傳承經久不衰，是傳統文化的重要組成部分。其形式豐富多樣,既包含了具有審美價值的文字、繪畫，還包含了具有實用價值的印章等。中國傳統圖形不僅是欣賞審美的體現，更是哲理與深刻寓意的化身，這些圖形的作用甚至超越了文字符號，形成了具有深層民族精神的象征意義。在大同大學校園文化網站中運用到的傳統元素有荷花、梅花、墨竹、奇石、徽派建筑、紅旗、錦鯉、筆墨、書籍等。其中，荷花代表圣潔，是佛教凈潔的象征，荷花出塵離染，清潔無瑕，古代名人墨客都以荷花象征自己潔身自好的高尚品質，荷花在此網站中，彰顯校園文化高潔之意，突出積極參與校園文化建設者的高尚品質。梅常常常被看做傳春報喜的吉祥象征，梅花也是歲寒三友之一，梅以其凌寒獨開的傲雪精神和不與百花爭春的高潔之美，被人們所喜愛，象征高潔、堅強，而筆墨、書籍也是中國傳統元素的象征，并且體現著網站的主題———推廣校園文化。竹，是君子的化身，彰顯氣節，乃“四君子”之一，代表著堅持、正直、清高，在此運用說明同大學子擁有竹一般的氣節。奇石，也作為傳統文化的象征之一，尤以玉石為代表，古代文人騷客以玉指代自己高尚的品格，而且玉不離身。徽派建筑以粉墻黛瓦為表現特征，以磚雕、木雕為裝飾特色，成為體現中國文化的重要組成部分。五星紅旗是中國的國旗，國旗上的五星象征中國全體人民對黨的擁護愛戴，是中國在世界的標志和象征，彰顯我校一直堅持和擁護我黨的正確領導，此處體現著我校不斷發揚愛國主義精神。大同大學校園文化網站所運用到的傳統元素均與傳統文化密切聯系，荷花、梅花、墨竹、奇石、徽派建筑、紅旗、錦鯉、筆墨、書籍，它們不僅說明網站的性質———傳承傳統文化，具有深厚的歷史厚重感，而且說明同大學子擁有像荷花、梅花般高尚的品格———探求真理，不畏嚴寒。所以在網站中運用傳統圖形、圖案時，要選擇與網站主題相貼近的傳統元素，不僅如此，更要深度挖掘傳統圖形深層意蘊，做到形與意、神與態的高度融合，才能更好地展現出對傳統文化的傳承與發展。中國傳統圖形為現代網站設計制作提供了血液和靈魂，將其放置于現代網站設計中發揮出無限的正能量。

5.哲學思想弘揚校園精神

適應性和包容性是中國哲學思想的顯著特點。中國傳統元素之所以能夠成為中國藝術與文化精髓的代表，是因為中國傳統元素與中國文化、中國哲學思想相存相依，與華夏民族傳統人格一脈相承。中國文化的精神核心是天人合一，這種強調整體和諧的哲學，與網站設計的理念也是一致的，網站設計也是要達到整體的和諧，中國哲學主張世界是多樣化的統一，認為以寬廣的胸懷、有容乃大的氣概，兼收并蓄，使世界達到“和”的理想境界，傳統漢字書法藝術與傳統圖形的最終理想境界都是和諧，但這種協調與均衡并不是簡單的線條處理分割，更不是一板一眼的類似數字化的均衡排序，而是通過對各種藝術設計表現手段的運用，達到一種整體上的制衡，即“中”與“和”的平衡。中國傳統文化是以儒家思想為核心,儒道釋并存，而中國元素是對中國傳統文化的認知。儒家主張積極入世,講求中庸之道，表現在網站設計上則是整齊、渾厚、中和的風格；道家主張法貴天真,崇尚自然,滲透到網站設計制作中，體現了黑白、虛實、濃淡、剛柔等藝術特點。佛教文化主張講求禪機、心悟，在網站設計中的留白，在空白處留下無限遐想空間，從有界到無疆。儒、道、釋三家哲學文化對中國傳統文化有著深遠的影響,而中國傳統元素是它們有機的結合，也正是這種巨大的影響使它們成為中國傳統文化的結晶與精髓。

五、結論

通過制作研究中國風校園文化網站，不僅可以發展中國特色，而且可以傳承校園文化。讓濃厚獨特的校園文化以中國特色的形式表現出來，更具中國味，更貼近學生心理。中國文化有著獨特的民族特色和文化底蘊，有自己的價值觀和習慣，因此在網站設計過程中不僅要體現現代化的特點，更要注重對民族性的發掘，設計出具有國際性、實用性、民族性、文化性的網站。但是，本網站的設計還是存在著一些不足之處，比如，應拓展傳統元素的素材范圍、應設計傳統元素的動態效果之美等等。因此還需在后期的制作中不斷完善和改進。魯迅先生在《且介亭雜文集》中曾說過,“只有民族的，才是世界的”。在制作現代文化網站時，對傳統元素加以適當的改造提煉，能使網站更顯歷史厚重感，然后再結合現代的技術手段和審美情趣去發掘傳統的精華，找到與時代的契合點，古今互補才能形成中國特有的設計風格。

作者：杜佳慧 單位：湖南師范大學

參考文獻：

[1]周偉.高校校園網絡文化建設網絡平臺的研究與實現[D].曲阜:曲阜師范大學,2010.

[2]陶亮.論中國傳統文化元素的特點及運用[J].文藝研究,2012(8):9-25．

[3]高桂清.淺談中國傳統元素在網頁設計中的運用[M].大眾文藝,2010（24）:18-33．

[4]梁景紅.網站設計與網頁配色實例精講[M].北京:人民郵電出版社,2009:123-145．

[5]鄭忘平.網頁設計中的色彩運用及研究[D].西安:西北師范大學,2012．

[6]荊婧.試論中國元素在世界電影中的呈現[D].重慶:重慶大學,2011．

[7]劉德宇.高校校園文化發展論[M].青島:中國海洋大學出版社,2009:134-156．

篇7

西安思源學院陜西西安710038

摘要 隨著信息技術的不斷發展，網絡教學的優勢使其地位不斷上升，已經成為現代教學發展必不可少的途徑之一。本文以《電路》課程為例，對該課程的教學系統和網站的研發及建設進行了論述。

關鍵詞 電路；網絡教學；網站建設

《電路》是高校電學類專業必修的非常重要的專業基礎課程，經過長時間的發展，已經形成了較為成熟的基礎理論、分析方法和實驗技能。該課程教學中涉及大量的電力符號、電路原理和定量，給學生的學習帶來了極大的困難。隨著電氣自動化、電子通訊、信息技術的發展及廣泛應用，電路理論也發生了重大變革，在電氣越來越受重視的今天，傳統的教學方法已經無法滿足教學的需要，采用新方法提高《電路》教學效果是當下面臨的主要問題。

1 電路教學系統設計

1.1 教學設計電路教學系統設計的最終目的是服務于人，因此在對網絡課程進行開發設計時，要充分考慮教師的教學策略和學生的學習策略。

1.1.1 教學策略設計。網絡教學系統設計目的之一是為學習者提供在任何時候、任何地點都能學習的環境，因此在電路教學系統設計過程中，應采用演示實驗、仿真技術等教學策略，為學生創設可靠、有效的學習環境。

1.1.2 學習策略設計。網絡教學課程設計的重點是對學習策略進行科學設計。學習策略不同，所獲得的學習效果也具有差異性，對于學生來說，自主學習策略、協助學習或案例學習策略顯然更能體現網絡教學的優點。在設計教學系統時，應將界面設計盡量簡潔化，便于學習者操作。

1.2 電路教學系統設計原則電路教學系統在設計過程中，應遵循以下幾項原則：開放性、個性化、靈活性、共享性、可交互性、便利性、可評價性等。具體來說應從以下幾方面入手：首先，教學目標設計應注重整體性、靈活性和可操作性，將電路課程中的各章節知識點以不同的形式進行展現，以完成教學目標。其次，教學內容設計應注重科學性、系統性和先進性，增加學生的知識面，提高學生的學習興趣；對不同的知識內容進行劃分時，盡量保持不同模塊之間的獨立性。最后，學習評價設計時應遵循客觀性、整體性、指導性和科學性的原則，使學習評價更具有指導意義，提升電路課程的教學水平。

1.3 網絡課程學習系統設計網絡課程開發的首要任務是對教學對象、教學內容、教學目標進行分析，制定合理的教學大綱和教學計劃。在制定教學大綱時，應對課程性質和目的進行說明，對教學內容中各知識點的關聯性進行說明，對所需要的教學方法、教學環境進行說明。

2 網站建設

2.1 網站模塊及功能管理員管理模塊，網站涉及的用戶可分為一般用戶、學生、教師和管理員四類，管理員可對各個用戶的申請進行審核；教師工作模塊，教師用戶登錄該模式界面后，可對各管理模塊進行調整、修改或更新。如公告、作業批改、網上答疑、講義上傳等；學生學習模塊由目錄導航和信息展現兩部分組成，通過導航，學生可獲取相關的學習內容，完成學習任務；公共信息模塊，可為用戶提供學科動態、知識拓展、教研論文或熱點新聞等內容，豐富學生的學習面，節省查找信息的時間。

2.2 開發平臺和工具

2.2.1 網站開發工具。網頁編輯器采用由Macromedia 公司推出的Dream Weaver 網頁編輯器，該產品具有所見即所得的特點，且帶有站點管理功能，為用戶設計和管理多個站點提供了極大的便利。Dream Weaver 的功能較為齊全，如表格控制、站點管理、多媒體插件等，使用該工具編輯網頁的效率較高，而且對HTML 語言的相關知識需求不高。

2.2.2 網絡開發工具。在動態網絡開發技術中，應用較為廣泛的是由微軟公司推出的服務器端腳本環境（ASP），該技術可向頁面嵌入動態元素，這對于WEB 功能的擴展、動態交互和數據庫的讀寫是十分方便的，而且該技術對客戶端的要求較低，降低了環境成本，減少了后期的維護工作。ASP 技術不足之處是穩定性較差、可支持的數據庫較為單一，更新速度慢，因此在實際應用過程中，可與HTML網頁、ActiveX 元件組合使用提高網站的交互能力；并建立專門的管理員客戶端，對網站內容進行修改或更新。

2.3 網站素材準備網站素材需要用到文字、圖形、圖像、動畫和視頻等多種媒體形式，因此需要耗費的人力、時間較多。文字素材需要用錄入和編輯功能，可使用Microsoft Word 2003；圖形素材可使抽象內容直觀化、形象化，還能起到美化界面的作用，圖形可用畫圖工具完成；圖像素材是反映真實情景的圖片或者錄像，可由網絡獲得；動畫素材需要用到專業的制作軟件，如常用的flash 工具。

2.4 動態網站的設計和制作動態網站是指具有交互性的網站，既能根據用戶的需要進行改變或響應，還可自動更新的網站；另外，網站還能根據用戶的特點，顯現不同的內容，當不同時間、不同用戶訪問同一網址時，可顯示不同的內容。目前，已經實現以上功能的幾大模塊有登錄模塊、教案上傳模塊和網站調查模塊。

2.5 網站評價

2.5.1 課程、運行及調試。網絡課程只有經過運行、調試后才能供學生瀏覽學習。課程完成后，插入超鏈接集成就可通過服務器到網站上去，由于制作中技術失誤或運行環境的差異性，課程到網站上可能會出現多種錯誤，如鏈接失效、內容中有瑕疵、文件不顯示、交互部分功能出現異常等，在對各項功能進行檢查、調試，確認無誤后進行上傳。

2.5.2 網站評價。學習系統開發的重要步驟是能夠展示運行系統的評價內容，網站經過試行評價，才能檢驗其有效性。參與網站評價的人員應該由教學專家、網站開發人員、學生及教師，以確保評價的全面性。本次電路教學系統網站評價，可利用“在線學習的認證標準”進行評價，該標準從可用性、教學性和技術性三方面對教學網站進行客觀評價。

3 總結

利用網絡資源進行電路課程教學，對于提高教學資源利用率，豐富教學形式，改善教學效果具有十分重要的意義，在對電路課程教學系統和網站進行設計和建設時，應利用多種簡潔、實用的工具對其進行設計，以實現動態、交互式現代網絡教學。

參考文獻

[1]宋衛菊.電路教學系統設計及網站建設[D].南京師范大學,2007.

篇8

網頁中版式布局

網頁是通過視覺元素實現信息內容的傳達,為了使網頁獲得最大的視覺傳達功能,使網絡真正成為可讀性強而且新穎的媒體,網頁的設計必須遵循平面設計形式美的法則,由此確定各種視覺構成元素之間的關系和秩序。網頁的內容與形式的表現必須統一和具有秩序,形式表現必須服從內容的要求,達到信息訴求的重點。當網頁上的內容非常多的時候,考慮怎樣把它們以最合理的方式來排布,使整體感強同時又要有變化,可遵循以下幾點規律:

網頁版式布局中的變化和統一。在網頁設計中恰當地運用這一規律,例如體育類的網站,排布的新聞從上到下幾十條,沒有一點變化,顯得單調而乏味,這是違反這種形式美的規律的,所以要充分地運用變化來改進它,如可以變化其排列方式、字體顏色,也可在每條新聞前添加醒目的圖標,既豐富了頁面,也起到了引導瀏覽者視線的作用,便于瀏覽。

網頁版式布局中的條理與反復。“條理與反復的原則是圖形構成整體的秩序美的基礎,是變化中的統一,也是運動發展中求得協調一致的表現方式,由它可以演化出多種多樣的圖形變化。”這種在很多較為優秀的網站中運用較多,例如一些商業網站,搜狐、新浪的此類網站內容豐富,信息含量大,不得不運用一定的方式將其條理化,同時又在一定程度上加以歸納后重復利用,使網頁較為整齊,脈絡清楚,讀起來也能找到重點。

網頁版式布局中的均齊與平衡。在網頁設計中,在充分考慮整體頁面上所有的圖形、文字的基礎上,頁面整體的平衡和均衡尤為重要,頁面上的平衡是一個動態的平衡,因為頁面上兩邊不會總是一樣的,即左邊一個圖右邊就一個圖,這在互聯網上是不多的。更多的時候我們看到的頁面是圖和文字以及大塊的顏色輕的圖和小塊的顏色重的圖的平衡,以及與文本的疏密和大小的平衡,所以這是一種動態的平衡。因此合理地布局圖片與文字的相互穿插,會使頁面條理清晰,布局合理,重點突出。

網頁色彩的運用

色彩對網頁設計非常重要,是網頁設計的關鍵因素之一,能給瀏覽者帶來最強視覺沖擊力的要素就是網頁色彩,好的網頁色彩設計能突出主題,引導視線,統一風格,使網站更便于瀏覽,給人留下深刻的印象。

鮮明、獨特的識別性原則。“在網站云集的互聯網上,一個網站的網頁色彩只有與眾不同、獨一無二才能給瀏覽者留下深刻的印象”,達到良好的宣傳效果。有幾種方法可以借鑒:如選定一種色彩,然后調整其透明度或者飽和度,產生新的色彩,這樣使頁面看起來色彩統一,有層次感。而當使用兩種色彩時,先選定一種色彩,然后選擇它的對比色,這樣整個頁面色彩豐富但不花哨。也可用一個色系,例如淡藍、淡黃、淡綠,或者土黃、土灰、土藍,這樣會使得網頁風格統一。這在一些以女性為主題的網站中經常見到,大多采用粉色暖調,既體現了女性的主題,也使得網站的風格一致,保持良好的連續性。再如用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很“跳”,一些設計類網站常用到,這類網站往往頁面視覺沖擊力強,用色大膽,給瀏覽者留下深刻的印象;而灰色被稱為萬能色,可以和任何顏色搭配。

配色視認度高原則。我們在瀏覽網站時要長時間注視發光的熒屏,所以網頁色彩要盡量抑制強對比,減少屏幕刺激,減輕視覺產生的疲勞。網頁色彩的配色必須考慮視認度,視認度的高低取決于圖與底的色彩對比程度,不要用花底作為頁面的背景,那樣背景不突出反而頁面沒有層次感,采用與頁面內容對比強烈的顏色作為背景以突出內容的主題。此外,圖形面積大小和圖形的復雜程度也影響視認度的高低。在頁面用圖的選擇上要使用清晰易識別的圖形,以提高視認度。

因此,網頁中色彩運用的成功與否,是決定網站的風格、定位的關鍵因素,遵循可行的規則,恰當地運用色彩,是網頁設計的關鍵。

網頁中其他各構成要素分析

對于網頁設計來講,其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、聲音等基本構成要素及頁頭(LOGO、Banner)、導航欄、信息正文、頁腳(版權信息、公司信息)等內容要素。

網頁中文字的編排與設計。文字作為信息傳達的主要手段目前也是網頁設計的主體,文字是網頁中必不可少的元素,也是網頁中的主要信息描述要素,可以說是網頁的靈魂。

網頁設計者可以用字體來更充分地體現設計中要表達的情感。首先字體選擇是一種感性、直觀的行為。網頁的文字編排與設計,要與網站的風格相統一,而不能相互沖突。如政府網頁的文字要凸顯其莊重和規范的特質,字體的造型規整而有序,簡潔而大方;休閑旅游類內容網頁,文字編輯應具有歡快輕盈的風格,字體生動活潑,跳躍明快,有鮮明的節奏感,給人以生機盎然的感受;公司網頁可根據行業性質、企業理念或產品特點,選擇與其風格統一的字體,個人主頁則可結合個人的性格特點及追求,別出心裁,突出個性。

在網頁文字的編排中,一般來講,一個頁面上字體種類最多不能超過三種。網頁中文本字體的顯示是需要本地硬盤字體文件的支持的,所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一,除了傳達內容外,還具有傳達感情的功能,因而必須具有視覺上的美感,獲得良好的心理反應。這點很重要!

網頁中圖片的編排與設計。除了文本之外,網頁上最重要的設計元素莫過于圖像了。一方面,圖像的應用使網頁更加美觀、有趣;另一方面,圖像本身也是傳達信息的重要手段之一。與文字相比,它更直觀、生動,可以很容易地把那些文字無法表達的信息表達出來,易于瀏覽者理解和接受。

1.靜態圖像在網頁排版中的運用不外乎四種形式:方形圖、退底圖、出血圖以及這三種形式的結合使用。(1)退底圖將圖像中的背景去掉,僅留下主題形象。退底圖形式自由,具有個性,給人印象深刻。常用于運動類、音樂類的網站,頁面的效果輕松、活潑,動態十足,而且圖文結合自然,給人以親和感。但也容易造成凌亂和不整體的感覺。(2)出血圖圖像的一邊或幾個邊充滿頁面,有向外擴張和舒展之勢。因不受邊框限制,感覺上與人更加接近,便于情感與動感的抒發。一般用于網站的首頁,視覺沖擊力強,能很快吸引瀏覽者的眼球,這樣的圖形也常用于個人主頁,樣式靈活多變,形式感強,個性突出。

2.圖形的形狀、大小。圖形不同的外形表達不同的含義,方形穩定、嚴肅,三角形銳利,圓形或曲線外形柔軟親切,退底圖及一些不規則或不帶邊框的圖像活潑。圖像在網頁中占據的面積大小能直接顯示其重要程度。一般來說,大圖像容易形成視覺焦點,感染力強,因此,圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達。在圖片的選擇和優化的同時,應考慮圖片在整體編輯計劃中的作用,達到和諧整齊。

網頁作為一種新的視覺表現形式,它兼容了傳統平面設計的特征,又具備其所沒有的優勢,將成為今后信息交流的一個非常有影響的途徑。網頁設計是一種綜合性的設計,它所涉及的范圍非常廣泛,在本論文中只從平面設計視覺傳達的角度進行了一些闡述與分析。好的網頁設計除首先應考慮其內容上的精益求精外,其次就是對內容合理有效的視覺編排。美是任何網頁所必需具備的基本因素,更重要的是創造一種愉悅的視覺環境,平面設計的運用是至關重要的。

參考文獻:

1.迪尚:《電腦圖形設計》,杭州:浙江人民美術出版社,1995年版。

2.康定斯基[俄]著,羅世平譯:《點?線?面》,昆明:云南人民出版社,1999年版。

3.陶人勇:《色彩構成》,四川:四川美術出版社,2006年版,第122～123頁。

4.王受之[美]:《世界現代設計史》,廣州:新世紀出版社,1995年版。

篇9

通過分析動態網頁設計課程的教學現狀及MOOC教育環境，提出一種MOOC教育環境下的動態網頁設計混合教學模式，改變傳統填鴨式教學方式，有效提高動態網頁設計課程的教學質量和效果。

關鍵詞：

MOOC；開放式；動態網頁；混合式教學

動態網頁設計課程是一種分布式管理系統前臺界面設計與實現的技術，其可以提供動態輸入、處理結果展示等功能，目前許多學校均已開設這門課程[1]。傳統動態網頁設計課程的教學往往采用面對面、課堂理論教學的模式，該模式無法充分體現動態網頁設計課程實踐性強的特點。為了能夠解決上述問題，本文引入了大型開放式網絡課程（MOOC），提出一種混合式教學模式[2]。

1傳統動態網頁設計課程的教學現狀分析

經過多年的教學實踐研究，發現傳統的動態網頁設計課程在教學過程中存在諸多問題，主要包括以下幾個方面：傳統教學模式是在教師提煉加工和梳理相關知識點的情況下，將提取的精粹傳授和灌輸給學生，課堂教學僅僅停留在老師講解、學生聽的狀態，這種教學模式較為陳舊，學生容易產生疲勞感，降低了學習的興趣和積極性，嚴重阻礙了學生自學動態網頁設計課程的能力。

2MOOC教育環境應用分析

MOOC是一種新型的在線學習環境，MOOC的教學視頻都很短暫，多為10分鐘左右長度的片段，甚至更小的視頻片段，每一個片段播放結束后往往采用相關的問題進行關聯，學生準確回答問題后才能繼續觀看視頻，并且學習者針對不懂的問題或知識點可以在線提問，由教師進行解答，具有非常強的互動性，可為廣大學生提供高質量、高效率和高便利性的學習環境和資源，實現互動學習。MOOC在線教育學習環境具有以下幾個方面的關鍵特征：開放性、規模性、互動性、獨特性。雖然MOOC教育環境下擁有許多的資源，但其在我國的應用還沒有得到普及。要想取代傳統的課堂教學，需要解決以下幾個方面的問題：（1）MOOC提供開放的動態網頁設計課程教學資源，但是其無法創造長時間的思想交流、互相學習和協作的教學環境，不能夠創造傳統課堂互動教學的效果，會導致學生積極思考問題的動力不足，分析解決問題的能力變弱。（2）MOOC具有較強的靈活性，要求學生必須具有很強的自控能力，以便能夠按時完成動態網頁設計課程的學習內容，而對于那些缺乏自制力的學生會導致學習效率偏低，教學效果無法達到期望值。

3動態網頁設計混合教學模式

動態網頁設計課堂在教學過程中引入了MOOC，利用MOOC擁有的豐富的、先進的教學資源，與我國傳統的面對面教學模式相互結合，開展新型的混合教學模式，促進教學改革和發展。在MOOC環境的支撐下，動態網頁設計課堂教學可以劃分為三個階段，分別是課前自主學習、課堂教學和課后拓展。第一階段是課前自主學習。課前學生可以利用MOOC平臺讓學生了解、掌握課堂需要掌握的基礎知識，同時對于有疑問的地方可以在線與教師交流或者與同學討論，更好地掌握動態網頁設計課程相關的基礎知識。課前自主學習模式可以避免傳統課堂存在的一刀切、齊步走等缺陷，根據學生自身掌握的動態網頁設計課程理論知識水平，并且充分結合學生自己的學習風格、習慣和能力實施差異化、個性化學習，有利于鍛煉和培養學生的自主創新學習能力，同時學生可以利用PC機、Ipad或智能手機等各類型終端隨時隨地進行學習，充分利用碎片化的時間，解決傳統面對面課堂教學缺課、未弄懂課程內容等問題，可以優化動態網頁設計課程教學資源，提升學習質量和水平。第二階段是課堂教學。傳統動態網頁設計課程教學與MOOC相互結合，可以將課堂教學轉變為以學生為中心、以學生為主體的積極教學方法，教師作為課堂的主持者，其主要作用是發揮指導、協調和控制作用。在課堂教學過程中，教師首先提出問題，以便引導學生進行學習，討論相關的設計案例，鼓勵學生在解決問題中發現新的問題，善于引導學生討論、思考和解決問題，改變傳統的視聽教學模式，通過學生和老師、學生和學生之間積極的互動討論，教師能夠讓每一個學生在討論中掌握動態網頁設計課程知識，并且可以自發糾正錯誤的觀點，為學生解惑。混合式教學模式可以把教師從重復的體力勞動中解放出來，把主要的精力集中于課堂教學創新上，并且可以在課堂教學之后對教學內容進行提煉、歸納和總結，運用問題求解方法確立課堂教學的疑點、難點和重點，然后布置相關的課堂任務，要求學生通過教師的講授等完成相關的操作，對學習到的知識進行鞏固，評價學生的作品和指導，有利于提高學生的認知結構，使學生能夠全面了解自己的學習水平，有利于營造趕幫超學習氛圍，讓學生實現相互督促、自我完善，提高動態網頁設計課程學習效果。第三階段是課后拓展。在前兩個階段學習的基礎上，學生可以繼續在MOOC環境中學習動態網頁設計課程，參與課程的互動和討論，強化所學到的知識。同時對課堂上的內容進行延伸，積極利用MOOC繼續深入學習各類型的分布式管理系統前臺交互開發，激發學生學習的動力和熱情，充分將開放的教學資源與傳統課堂教學相互結合，充分發揮兩者優勢，相互促進，使得MOOC教學理念和傳統教學理念實現互補，彌補傳統教學的不足，真正促進教育教學的發展和壯大。與MOOC相互結合，實現動態網頁設計課程教學，能夠從根本上提高學生自主學習能力和創新研發能力，建立學生為主體、教師為主導的模式，把教師從講授者變為學習的啟發者和引導者，也可以把學生從被動的填鴨式教學模式中解脫出來，能夠積極主動地完成學習活動，解決傳統課堂教學存在的問題。

4結束語

MOOC是一個開放式、互動式的網絡教學平臺，其擁有豐富的學習資源，能夠為學生提供較好的學習渠道。將傳統面對面的動態網頁設計課程教學模式與MOOC相互結合，能夠將兩者的優勢集成在一起，解決現有教學模式存在的問題，減輕教師的簡單重復勞動，提高學生學習的成效。

作者：任海鵬 鄧春紅 汪學文 何晶 范宏宇 單位：安徽機電職業技術學院

參考文獻：

[1]李健君.PHP動態網頁制作課程一體化教學模式的探索與實踐[J].電腦知識與技術,2013(32):112-113.

[2]蘭國帥,李慧娟,何博,等.混合式教學的課程教學設計與實踐——以《大學物理》MOOC課程建設為例[C].計算機與教育：實踐、創新、未來——全國計算機輔助教育學會第十六屆學術年會論文集.2014:114-116.

篇10

摘要：通過網站訪問方式調研了當前高校移動圖書館的建設情況，并就移動圖書館在我國高校的應用現狀和發展進行系統分析，提出了高校移動圖書館的發展對策和對今后的發展展望。

中圖分類號：G250.73文獻識別碼：A文章編號：1003-1588（2013）01-0046-03

1.1調查基本情況

目前國內已有多家高校圖書館開通了移動圖書館服務，筆者以985高校、211高校和其他省屬普通高校為調查樣本，結合地域經濟發展特點，在每個地域范圍內隨機抽取這三大類高校移動圖書館的建設情況，以是否在其圖書館網站上掛載移動圖書館鏈接地址為調研標準（如表1所示）。

1.2高校移動圖書館的業務功能

在隨機抽取和訪問過程中，我們發現高校圖書館從數據提供商引入移動圖書館產品的居多，大多是超星集團和書生公司的移動圖書館解決方案。以書生公司的移動圖書館為例，在瀏覽訪問過程中發現，這些現成的解決方案在館藏目錄查詢方面，直接集成OPAC系統，包括匯文、aleph、金盤、interlib、innopac和sirsi等館藏自動化系統。館藏檢索結果與原有檢索方式的完全一致，并應用了LBS技術增加了館藏排架位置視圖功能；智能識別和認證用戶設備，能自動適配用戶的終端界面，并提供自定義界面的功能。在期刊論文、學位論文和電子書查詢方面，提供了原版圖片、文本和發送到郵箱等方式的閱讀，并能兼容多種文件格式。在文獻閱讀時，還提供文獻推薦、文獻評論、文獻批注和批注分享、文獻收藏和訂閱等功能。

而在自主開發移動圖書館網站的高校中，如清華大學和北京郵電大學，他們都是在數字圖書館原有業務基礎上擴展在移動互聯網環境的信息服務能力，包括在線書目查詢、催還、預約、續借、即時通知等服務，均是通過短信服務平臺向用戶提供圖書館的業務功能服務。

1.3高校移動圖書館的使用成效

自引入移動圖書館以來，很多高校拓展了信息資源在移動互聯網環境下的服務途徑，通過短信息服務和WAP服務兩種途徑提升了圖書館在智能終端上的信息服務能力。尤其在館藏目錄查詢、期刊、電子書、學位論文和報紙等信息資源方面，除了保持原有的圖書館服務功能外，還更加注重了與用戶的社交互動。如書生移動圖書館提供“云筆記”功能、檢索和瀏覽歷史及收藏的存儲，用戶在閱讀文獻時可以評論、推薦和批注，并能便捷地與其他人分享。

2當前國內高校移動圖書館存在的問題

2.1未能區分手機圖書館和移動圖書館的概念定位

手機圖書館并不等同于移動圖書館，將圖書館的一些服務功能延伸到手機這類移動通信設備上實現，就可以稱為手機圖書館 。但是手機的體積不可能無限增長，它的輸入方式從鍵盤、觸摸再到語音、圖像識別也就達到了想象力的上限了，現在很多信息服務依然受制于屏幕大小和輸入的流暢性。但是移動圖書館則涵蓋廣泛，與用戶的訪問終端種類無關，只要能瀏覽網頁并訪問到圖書館信息資源的各類移動終端，而不以用戶終端設備來定義圖書館的信息服務模式。只是說智能手機這個移動終端在圖書館用戶群體中非常普遍。只有帶著這樣的區分，我們才能更加準確地把握移動圖書館用戶使用特性，挖掘特定用戶群訪問移動圖書館信息資源的使用特點和瀏覽行為路徑，不斷提高高校移動圖書館的信息服務質量和用戶黏性。

2.2移動圖書館與數字圖書館的關系定位不清晰

移動圖書館是依托于原有豐富的館藏數字資源，延伸了數字圖書館的信息服務，拓寬了用戶獲取信息服務的途徑，提高了數字資源的利用率，強化了“移動性閱讀”的特點，但本質上還是提供給用戶所需的信息服務。移動圖書館不能也不可能完全取代數字圖書館，它必須建立在數字圖書館豐富的數字館藏基礎之上才能對外拓展信息服務能力，它是數字圖書館在移動互聯網環境中資源服務模式的有益補充。移動圖書館網站對于獲取信息服務的用戶來說，整個獲取信息的過程呈現“碎片化”的閱讀和即時性速讀的特點，由于在與傳統PC使用特點不同的移動智能終端設備上獲取信息資源，受到了屏幕變小、網速慢的局限，容易影響到用戶的信息搜索體驗，用戶的社交化及個性化信息需求得到滿足非常有限，由此帶來了高校移動圖書館使用率的降低。因此，清晰定位移動圖書館在整個數字圖書館建設的關系顯得尤其重要。

2.3移動圖書館尚缺乏足夠的用戶研究

高校移動圖書館的建設模式中，由于技術力量、人員和資金等因素的影響，自主開發相對較少，都是從數據庫商引進或者外包給軟件公司進行開發設計的。在投入使用時，大多數高校圖書館缺乏對移動圖書館的使用者進行用戶偏好研究，提供的信息服務資源與數字圖書館的種類和數量相當，還停留在“資源的一站式搜索、導航和全文獲取服務”的理念上，未能全面調研和考查用戶“碎片化時間”閱讀特征帶來的資源服務需求變化，用戶二次訪問率較低，根據有關文獻的論述，這個情況不局限于高校圖書館。另外，根據2012年高等教育版《地平線報告》的預測，未來5年的高校用戶隨時、隨地獲取信息的需求不斷增強，在輕松、及時地訪問網絡上信息的同時，出于社交互動的信息行為習慣，他們更加關注所獲取資源相關最新的用戶分析和評論。這些特征必然成為移動圖書館用戶研究的核心領域。因此，加強移動圖書館用戶信息需求研究，尤其要關注用戶的移動閱讀特點和移動社交互動需求等方面的用戶研究，對于移動圖書館的推廣和提升服務質量大有裨益。

2.4把網站界面設計等同于用戶體驗設計

提升移動圖書館的用戶體驗越來越受到圖書館學界的關注。在用戶的智能終端設備上，網站界面的優美和美觀可以給用戶帶來充分的信息搜索體驗過程，一次良好的信息搜索過程可以提升用戶對于圖書館信息資源的忠誠度。然而，網站界面設計只是用戶體驗中的一部分，移動圖書館的用戶體驗應該是一個系統工程，還包括了網站可用性和移動社交等方面。網站可用性指的是訪問該移動圖書館時，流量費用、瀏覽速度和在用戶智能終端設備上的表現能力等，而移動社交，指的是能否及時與其他用戶分享、是否提供搜索歷史的云存儲方式及得到信息幫助的及時交互等服務。只有涵蓋了這些移動互聯網的用戶需求特征，才能更好地契合和提升高校移動圖書館用戶體驗質量。

3高校移動圖書館的發展對策

3.1加強高校移動圖書館的用戶信息需求研究

不論是從數據商引進的網站平臺還是自主開發的，移動圖書館都需要加強用戶的信息需求研究，定期開展移動圖書館的用戶問卷調查，關注用戶訪問移動圖書館各項信息服務獲得的使用體驗和感受，挖掘用戶在移動圖書館信息環境內的社交互動和個性化需求，這樣才能持續和系統地對用戶需求和使用體驗進行動態跟蹤，有利于豐富和完善移動圖書館的各項信息功能模塊，進一步提升圖書館整體的信息服務質量，增強移動圖書館平臺的用戶黏性。

3.2定期開展移動圖書館的讀者推薦

可以通過高校圖書館網站、微博平臺、學校論壇或者微信公眾平臺等信息平臺來開展移動圖書館的讀者推薦，結合各種圖書館培訓或者講座的活動宣傳移動圖書館，也可以定期開展移動圖書館的使用培訓和有獎問答，提高移動圖書館的使用率。尤其是移動互聯網環境下圖書館用戶閱讀特點的變化，對讀者移動閱讀使用的移動設備、時間、地點、目的、獲取資源的途徑、對移動閱讀的態度、影響因素及圖書館提供服務內容等方面系統地進行了調研，掌握移動圖書館在教師、博士生、碩士生、本科生和專科生等用戶類別的使用特點，結合他們的學習和科研需求有針對性地對每個學歷層次開展讀者推薦。

3.3根據業務功能需求增強移動圖書館的信息服務能力

為不斷提升高校圖書館的學科服務能力，拓展在移動互聯網環境下的信息服務能力途徑，提高高校移動圖書館用戶的黏性，移動圖書館可以根據業務功能的需求進行移動圖書館平臺的移植和服務創新。例如可以嘗試引入VNS（vertical networking service）垂直網絡服務，用戶基于共同的興趣愛好或專業定位而擁有穩定的共同話題，此平臺上構建的關系也比一般社交網站更能穩固。圖書館可以借此提供館藏資源與具體學科服務的內容定題服務，架構具有主題特色的交流平臺，滿足傾向此類主題的用戶需求，讓用戶容易獲取本學科的大量信息，又可以感受到圖書館數字資源的條理化和專題性。

3.4不斷完善移動圖書館的用戶體驗質量

移動圖書館作為移動互聯網下的圖書館信息服務的一種新模式，用戶使用各類智能終端尤其是智能手機或者平板電腦，用戶體驗的質量較高，來自于用戶在用戶界面或者信息服務內容上的各種反饋，移動圖書館的管理者要系統收集和反饋，不斷在平臺升級中提升用戶體驗質量。積極探索將信息推送服務、二維碼（QR）、地理位置服務（LBS）、增強現實服務、有聲導引（Audio tours）和社交網絡服務（SNS）等移動終端開發新技術應用到移動圖書館平臺上，也可以針對移動終端本身有攝像頭、語音通信、短信、 GPS定位、近場通信功能等特征，研發以前數字圖書館上沒有做到的服務。在用戶瀏覽和獲取信息資源的同時得到非常豐富的用戶體驗。

4高校移動圖書館的展望

當前高校圖書館都在積極引入第三方服務商提供的移動圖書館平臺或者自主開發，整合本館已有的數字資源服務于師生的科研和學習。雖然自主開發容易帶來實施速度慢、技術難度大、難以攻克等不足，引入第三方提供的平臺也會帶來服務模式單一化、固定化，受第三方系統設計限制不易開發個性化服務等缺點，但是，未來高校移動圖書館將會朝著提升移動圖書館用戶體驗質量、不斷完善個性化服務，擴展各類業務服務功能，從而延伸了高校圖書館的信息資源服務范圍，提高了整個圖書館的信息服務競爭力。

參考文獻：

[1]Krista Rafanello.New Study Shows Library Users Want Access to Mobile Offerings Full details in Library Journal’s Patron Profiles： Mobile Device，Mobile Content，and Library Apps[J].http：///PatronProMobilePRFinal.pdf

[2]New Media Consortium. NMC Horizon Report 2012： Higher Ed Edition[EB/OL].[2012-09-24].http：///horizon-project/horizon-reports/horizon-report-higher-ed-edition

[3]Lisa Carlucci Thomas.The State of Mobile in Libraries 2012[OL].http：///2012/02/mobile/the-state-of-mobile-in-libraries-2012/