前言：尋找寫作靈感？中文期刊網用心挑選的信息網站網頁設計分析，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：
本文針對農業信息網站網頁設計中影響視覺傳達的各構成要素及其審美需求進行了闡述與解析，并結合人們在瀏覽網頁信息時的視覺習慣，重點探討了實現網頁信息與視覺綜合要素合理、有效表達的方法與技巧，為增強農業信息網站信息的有效性傳播，加快農業信息化進程提供可借鑒的指導和應用依據。
關鍵詞：
網頁設計；視覺信息；傳達；有效性
1農業信息網站網頁設計中的視覺信息傳達
數字信息時代，網絡作為一種媒體形式，突破了傳統媒介信息傳達的時空、地域限制，網頁作為網絡的載體，綜合了文字、圖形、聲音、動畫、視頻等多種視覺信息，為人們提供了一個更為便捷的信息獲得與交流的平臺。伴隨互聯網在農業上應用的迅猛發展，農業網站特別是農業科技網站的建立，對宣傳、展示、推廣農業新成果、新品種、新技術，傳播農業科技知識，促進科技成果轉化，實現知識與科技創新及科技與經濟有機結合均具有重要作用[1]。然而，目前除去少數一些大型專業網站設計制作比較考究之外，農業信息網站普遍在網頁設計、布局安排、美工等方面存在一定差距，常常表現出網頁視覺表達較單一、鏈接繁瑣、設計欠缺美感、圖片引入過多過大影響頁面顯示和文件下載速度等問題，網站自身的功能性并沒有得到很好的體現，嚴重阻礙了信息的有效性傳播。為有效解決以上問題，可以考慮依據各自農業信息網站的主旨，將網頁各視覺要素合理、有序地整合并統一在網頁中，構建出具有一定視覺效果的web頁面和應用程序，以適應受眾視覺流向的心理和生理特點，實現農業信息準確、有效的表達。
2影響網站視覺信息傳達的構成要素
2.1文字的編排與設計
文字是伴隨網頁出現至今一直存在的設計元素，它作為信息傳達的主要手段，是構成網頁的主體要素，完成了網頁中的主要信息描述[2]。文字表現的水平直接影響到整個網頁的質量，在網頁中主要以標題文字、信息文字、鏈接文字等形式體現。文字的編排與設計，重點在于要服從信息內容的性質及特點的要求，即風格要與網站性質相一致。同時，還要兼顧文本編輯的整體視覺效果，力求清晰易讀，避免繁雜零亂。具體實現上可以從字體的樣式、大小、行距、字間距上多做嘗試。以吉林省農業科學院為依托建立的網站主要包含科研類研究機構網站和科普類農技服務網站兩大類。兩者性質上的不同，在網頁文字編排上也有所差別。以改版的“吉林省農業科學院院網”（www.jaas.com.cn，簡稱“院網”）和“農友網”為例，“院網”的字體造型規整有序，基本選用標準的黑體和宋體，具有莊重和規范的特質，而“農友網”的字體選擇與文字造型相比則更為多樣化，明快跳躍，給人以生機和活力。
2.2圖片的編排與設計
圖片是比文字更為直觀和抽象的視覺表達要素，它與文字的結合更加大了所能提供的信息量，圖片的引入也起到頁面美化作用。在網頁中，圖片主要以Logo圖形、廣告Banner、導航欄、文本圖片、按鈕和圖標以及裝飾圖形圖像等形式體現。圖片的編排與設計同樣要求所選圖片與網站主題有效結合。與此同時，圖片的位置、面積、數量、形式及方向等也直接關系到網頁的視覺傳達[2]。因此，應考慮圖片在整體編輯策劃中的作用，達到既賞心悅目，又重點突出、和諧統一。具體進行圖片的選取與設計時，通常會優先引入與網站主題直接相關的圖片（標識性建筑、地域風貌、民俗風情、名優產品等），此外，還會搜集能夠與網站主題產生引申聯想的抽象類圖片作為素材備用，以便統籌安排，有利于整體風格的統一。以“農業部農產品質量安全風險評估實驗室”網站平臺首界面設計為例，首先，頁面Banner處引入一張富于美感的瓜果谷物類圖片引出農產品安全類主題；而在左欄導航處，則選取了一系列抽象類辦公素材圖片與標題文字相結合來完成整體“實驗室下屬”相關欄目分類鏈接圖標的創作，既簡明直觀，又達到了整體風格的統一。
2.3多媒體的設計與運用
網頁中表現多媒體的元素主要是音頻、視頻、動畫，它們具有很強的說明力和視覺沖擊力，在表現方式上也更加生動和便利，除了可以加強視線在視覺傳達領域的注意力，其在引導視線方面也發揮著更大的能動性，使瀏覽者能夠以最快捷的途徑，最有效的感知方式獲取視覺信息[3]。網頁中多媒體的運用，首先要注意選取的視頻或動畫必須符合網站主題，同時還要根據網站實際掌握好文字與多媒體的分配比例關系，切忌喧賓奪主，使二者相輔相成，以產生豐富變化的網頁效果。已投入使用的“吉林農民遠程科技培訓”平臺，在建站過程中考慮到其主旨是以自身優勢媒體資源為基礎，搭建集教育培訓、科學普及和信息傳播等綜合服務于一體的公共服務平臺。因此，在具體網頁設計時，充分利用多媒體元素在信息傳達上的巨大優勢，頁面中大篇幅將農業生產、科譜生活與工藝民俗等信息內容以音頻和視頻的形式表現出來，用戶通過首界面突顯的播放窗口或信息標題鏈接，即可實現農業視頻、音頻節目點播。與此同時，結合資訊動態、專家專欄、專家答疑等精煉的圖文信息內容，最終實現了農業技術資源、培訓資源的網上，再結合基于互聯網的遠程培訓、在線學習和咨詢答疑等功能，更有利于用戶對信息的理解和接受。
2.4色彩的搭配與運用
色彩作為一種傳達設計意圖的基本視覺要素，在網頁設計中起著至關重要的作用。通過色彩本質表現及其象征性可以傳達出不同的文化理念和內容特質，具有明顯的視覺效果，輔助網頁設計完成不同主題的塑造表達。網頁中的色彩包含文字色彩、圖形色彩、背景色彩等。色彩在設計運用上同樣要適用于網頁的主題和內容，并注重整體的和諧統一。合理搭配與運用網頁中的色彩元素，主要體現在三個方面：首先是整體頁面主色調的確定，通常根據網站自身的主題選定一種或兩種顏色作為主體色，利于網站主題的表達；其次是起突出重點、調和緩沖的輔助色的搭配與選用，要充分考慮其與主體色間的均衡關系；最后是增加空間感的背景色的設置等，其中包括色彩的純度、明度及色相等因素。只有將這些起到不同功能的色彩元素平衡統一起來，避免出現色彩零亂、紛雜、不和諧的不良現象，才能達到給受眾以良好體驗的視覺效果。以所建的科研、科普類農業信息網站為例，在整體色彩運用上，多采用象征農業的綠色和象征科技的藍色作為主色調，同時輔以象征土地與收獲的黃色來進行搭配，用以傳達“以農為本、科技興農”這一設計理念。
3網頁設計中的視覺流程
網頁設計的視覺流程是視線隨網頁中的各構成元素在空間沿一定軌跡運動的過程，其形成是由人類的視覺特性所決定的[3]。人們在瀏覽網頁時有一種很自然的習慣，一般遵循先上后下，先左后右，從中心到四周，從明到暗，從虛到實等的視覺順序。心理學的研究也表明，同一個平面上視覺影響力上方強于下方，左側強于右側，由此可見，網頁界面的左上部或中上部才是我們真正所關注的“最佳視域”（圖1）。此外，依據先左后右，先上后下的視覺習慣，一個標準的網頁給我們帶來的自然視覺流程是從左上方到右下方的一個弧形曲線。在這個弧形曲線上，視覺優勢從上到下依次遞減。網頁設計中，靈活而合理地運用視覺流程和最佳視域，利用線條與導向的作用，合理地安排主次信息，組織好自然流暢的視覺導向，直接影響到傳播者傳達信息的準確與有效性。因此，網頁的設計在立足于信息傳達的同時，亦要符合人們視覺流向的心理和生理的特點，使瀏覽者以合理的順序、有效的感知方式，清新、流暢、快捷地接受最佳的信息。在具體設計與實際應用中，結合現吉林省農業科學院院網首頁設計實例，網站下設一級欄目24個，整體可歸納為要聞信息、科研學術、組織機構、農技信息、數據資源及風貌展示幾大板塊。進行欄目布局時，首先在頁面的最佳視域處集中設置了近期最受關注的、更新頻率較快的要聞類和能夠反映院所科研與學術進展情況的欄目，然后將組織機構、農技信息、數據資源及風貌展示等板塊內容參照視覺優勢弧形曲線逐級遞減的趨勢，依初始設定欄目重要程度的不同作相應設置。在此基礎上，增加引導性的線條與圖標，增設視頻播放與圖文動態特效，對頁面加以豐滿和修飾，以達到提高整體版面完整性與可視性的目的。
4提高網頁視覺信息傳達有效性的方法
4.1處理好網頁效果與顯示速度的關系
網頁顯示速度的快慢是網頁設計中需要考慮的基本要素之一。簡潔的網頁結構可以使瀏覽器更快地完成各種數據的讀取工作并進行排版顯示，在具體操作中首先檢查網頁在構造上是否過于復雜，盡量使用簡潔的表格設計和減少表格的套用。另外還要在保證圖像清晰度的同時力求將圖像壓縮到最小程度。在強調速度的同時，也并非摒棄了設計的重要性，“速度至上”的信條會使設計陷入盲目，而無視下載速度的做法也同樣有欠考慮。因此，平衡效果與速度二者的關系，制作出具有等待價值的網頁是解決問題的關鍵。
4.2設立良好的網站導航系統
合理清晰的網站導航系統可以有效解決網頁設計的非線性瀏覽問題，是最直接、最有效幫助用戶瀏覽網站的途徑。繪制導航結構圖有利于設計者理清各網頁內容之間的關系，把握好網站的整體結構。然后對各個分類版塊進行科學、系統的規劃與設計，以有限清晰的鏈接組織建立起包括站點索引、查詢功能、服務指南、網站地圖等在內的導航系統[5]。當用戶瀏覽每個頁面時，能夠清晰醒目的提示本頁面所在位置，并且提供返回主頁面和網站其它各頁面的鏈接以及歷史瀏覽的導航服務。
4.3綜合高效地運用多媒體技術
多媒體技術中的媒體是全面的綜合性的信息資源，它結合了文字、圖形、圖像、動畫、聲音、視頻等多種形式的信息，生動逼真的音畫效果、色彩和諧的動態視頻、靈活便捷的交互手段是其具有的基本特征[4]。它極大的改變了瀏覽者獲取信息的傳統方法，人們不僅可以通過文字信息，還可以通過聽到的聲音和看到的影像來了解感興趣的對象，參與或改變信息的演示。隨著網絡技術的發展、計算機性能的提升以及跨平臺多媒體文件格式的推廣，必將促使合理的綜合運用多媒體元素來設計農業信息網頁成為潮流與趨勢，以滿足和豐富瀏覽者對農業網絡信息傳輸質量提出的更高要求[6]。
4.4提高基于用戶體驗的交互性與參與性
以用戶體驗為基礎進行的人機交互設計，可以充分考慮用戶的知識背景、使用經驗以及操作過程中的感受，能夠充分調動用戶的參與性，促進用戶在網絡環境下對信息的獲取由被動發展到主動，從而實現其個性化需求[4]。在農業信息網站交互設計中，可以通過網上直播農業新聞、新政，有利于及時做好農業政策的宣傳和解疑工作；通過開設專家咨詢欄目，與專家直接進行交流，可以切實解決用戶生產生活中的各類實際問題；通過網上調查、意見征詢等欄目，能夠更充分地征集用戶的意見和建議等。人性化的互動設計，簡潔直觀的交互界面，讓用戶在不知不覺中參與完成操作并感覺有所收獲，才能提高農業信息網站的用戶滿意度和保持網站的持續生命力。
5結束語
網頁設計作為一門包含藝術設計和技術設計的綜合性工程，要充分考慮受眾對象這一重要因素，系統掌握網頁的視覺傳達效果原理，熟練運用先進的設計技術，使網頁的設計效果得以良好控制，最終實現網頁美學特色和信息技術的綜合應用。
作者：叢媛媛 時英華 趙娜 單位：吉林省農業科學院農業經濟與信息研究所
參考文獻
[1]于平福，劉凱龍．基于ASP的農業網站動態網頁的設計研究[J]．科技情報開發與經濟，2004,（12）：259-260.
[2]刁學棟，吳彬．網頁設計的視覺信息傳達分析[J]．中國教育信息化，2006,（19）：71-72．
[3]吳乃群，史耀軍．網頁界面設計中視覺傳達的解讀[J]．藝術研究，2007,（3），69-70．
[4]嚴卿方．網頁設計之視覺傳達分析[J]．貴州大學學報，2009,（4）：56-58．
[5]趙紅梅．網頁設計中信息傳遞和視覺表達相結合的理念分析[J]．黑龍江科技信息，2012,(22)，92．
[6]董海斌．平面視覺元素在網頁設計中的應用研究[D]．西安：西安理工大學,2008
