網頁設計之視覺信息傳達分析_網頁設計教程

推薦：廣告體驗你注意到了嗎？
當我們把所有的注重力都放在了網站的體驗設計，流程設計，交互設計，顏色的交互，語言的交互，等這些針對性比較強和細節性比較突出的網站功能以及網站操作的時

　　進入21世紀，人類社會正經歷著從原子時代向數字時代的轉變，新世紀的天是互聯網的天，互聯網正在全世界進行著越來越深刻的革命。互聯網代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產生了質的飛躍。互聯網是由成千上萬的網站組成，而每個網站都是由諸多網頁構成，故網頁是構成互聯網的基本元素。我國這兩年的網絡發展非常快，網站數量也以倍率增長，然而網頁的設計卻不容樂觀。除了一些大的專業網站在版面的編排上比較講究之外，其他很少見到界面設計考究、美術創意優秀的中文網站。其實談到網頁設計就不能不說到網絡視覺信息的編排及歸類，這是網頁設計的特點，也是身處于信息化、數字化的當今設計者所必須具備的基本素質。因為網絡本身就是一個處理信息的巨型平臺，設計者必須充分熟悉網絡，了解網絡的特征，才能使設計更加適合于網絡上的傳播。

　　一　網頁設計中的視覺流程

　　網頁是通過視覺元素的引人注目而實現信息內容的傳達，為了使網頁獲得最大的視覺傳達功能，使網絡真正成為可讀強性而且新奇的媒體，網頁的設計必須適應人們視覺流向的心理和生理的特點，由此確定各種視覺構成元素之間的關系和秩序。因此，設計時應該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。

　　視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結構的生理構造，只能產生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時，視覺總有一種自然的流動習慣，先看什么，后看什么，再看什么。視覺流程往往會體現出比較明顯的方向感，它無形中形成一種脈絡，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。心理學的研究表明，在一個平面上，上半部讓人輕松和安閑，下半部則讓人穩定和壓抑。同樣，平面的左半部讓人輕松和安閑，右半部讓人穩定和壓抑。所以平面的視覺影響力上方強于下方，左側強于右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。

　　在網頁設計中一些突出的信息，如主標題、天天更新的內容等通常都放在這個位置。當然視覺流程是一種感覺而非確切的數學公式，只要符合人們熟悉過程的心理順序和思維發展的邏輯順序，就可以更為靈活地運用。在網頁設計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，直接影響到傳播者傳達信息的準確與有效性。所以在網頁的編輯設計中，視覺導向是一個要點，網頁的設計是一種創造，首先要立足信息的傳達，但又要符合人們較為普遍的思維習慣，做到視覺流程自然、合理、暢快。成功的視覺流程安排，能使網頁上的各種信息要素在一定空間內合理分布，能使頁面上各信息要素的位置、間隙、大小保持一定的節奏感和美感。

　　二　網頁設計的審美需求

　　網頁設計是一門新興的設計類和網絡的交叉學科，近幾年隨著網絡的發展而逐漸受到人們的重視，它本身以網絡為載體，把各種信息以最快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產生了審美的需求。人們對美的追求是不斷深入的，網頁設計同樣如此。網頁不光是把各種東西放上去，能看就行，這是遠遠不夠的!要考慮如何使受眾能更好地和更有效率地接收網頁上的信息。這就需要從審美的方面入手，制作出清楚、整體性好的頁面。使人瀏覽起來心情愉快，接收信息也會更加輕易。網頁設計的審美需求是對平面視覺傳達設計美學的一種繼續和延伸。兩者的表現形式和目的都有一定的相似性，把傳統平面設計中美的形式規律同現代的網頁設計的具體問題相結合起來，運用一些平面設計中美的基本形式到網頁中去，增加網頁設計的美感和大眾的視覺審美需求。

　　我們經常所說的如變化和統一、條理與反復、對比和調和、均齊與平衡等，對網頁中文字、圖形、色彩的設計都是十分有效的視覺規律。首先，網頁的內容與形式的表現必須統一和具有秩序，形式表現必須服從內容要求，網頁上的各種構成要素之間的視覺流程，能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網頁上去的時候，考慮怎樣把它們以合理的統一的方式來排布，使整體感強同時又要有變化。怎樣使它們脈絡清楚又富有清楚的視覺效果等等。這樣使頁面更豐富，更有生氣，看起來就不感到枯燥。其次，突出主題要素，必須在眾多構成要素中突出一個清楚的主體，它應盡可能地成為閱讀時視線流動的起點。假如沒有這個主體要素，瀏覽者的視線將會無所適從，或者導致視線流動偏離設計的初衷。網頁設計中各構成要素在組合時，要注重其結構的輕重大小、虛實、多少等對比因素，加強視覺力度，以強化頁面的整體吸引力。作為形式美的法則，隨著時代的不同而不斷發展進步，非凡在生活節奏如此快的互聯網時代，由于追求目標的變化，人們的審美觀念也在不斷地變化，但是美的本質是一樣的，同時隨著技術的發展，很多目前不輕易實現的審美形式也逐漸被克服，突破帶寬的瓶頸，就會給網頁設計的自如發展帶來一片新的天地。

　　三　網頁中各構成要素分析

　　對于網頁設計來講，其信息內容的有效傳達是通過將各種構成要素的設計編排來實現的。網頁的構成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素。

　　1.文字的編排與設計

　　文字作為信息傳達的主要手段目前也是網頁設計的主體，文字是網頁中必不可少的元素，也是網頁中的主要信息描述要素，所以網頁中文字將占據相當大的面積，文字表現的好與壞將影響到整個網頁的質量。網頁文字的主要功能是傳達各種信息，而要達到這種傳達的有效性，必須考慮文字編輯的整體效果，能給人以清楚的視覺印象，避免頁面繁雜零亂，減去不必要的裝飾變化，使人易認、易懂、易讀。不能為造型而編輯，忘記了文字本身是傳達內容和表達信息的主題。

　　網頁文字編排與設計，重要的一點在于要服從信息內容的性質及特點的要求，其風格要與內容特性相吻合，而不是相脫離，更不能相互沖突。如政府網頁其文字具有莊重和規范的特質，字體造型規整而有序，簡潔而大方；休閑旅游類內容網頁，文字編輯應具有歡快輕盈的風格，字體生動活潑，跳躍明快，有鮮明的節奏感，給人以生氣盎然的感受；有關歷史文化教育方面的網頁，字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風范或美麗清新的格調；公司網頁可根據行業性質、企業理念或產品特點，追求某種富于活力的字體編排與設計；個人主頁則可結合個人的性格特點及追求，別出心裁，給人一種強烈獨特印象。

　　在網頁文字的編排與設計中，由于計算機給我們提供了大量可供選擇的字體，導致字體的變化趨于多樣化。這既為網頁編輯提供了方便，同時也對編排與設計的選擇能力提出了考驗。雖然可供選擇的字體很多，但在同一網頁上，使用幾種字體尚需精心編輯和考慮。一般來講，同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺上的美感，能給人以美好印象，獲得良好的心理反應。

分享：網頁設計師不要做“工具”
作者：http://www.openw.cn/本人在一些網站設計公司做過，發現幾乎所有的老板和客戶都把設計師等同于美工或網站制作的工具，認為設計師只是用來把頁面美化