1、湖北工業大學碩士學位論文網頁設計中信息的視覺傳達研究姓名：劉中華申請學位級別：碩士專業：設計藝術學指導教師：周峰20090501湖北工業大學碩士學位論文摘要信息在當今社會是一種不可或缺的資源，信息的傳播進入了網絡媒體時代給人們獲取信息帶來了極大地便利。網絡媒體的信息傳播速度快、效率高，憑借全球互聯網，突破了時空限制，具有傳統媒體不可比擬的優越性。尤其是網絡核心技術的出現，給互聯網的信息傳播帶來了巨大的變革。無論在信息傳達的方式上，還是網頁界面設計等方面都發生了較大的轉變。已經成為互聯網新的發展趨勢，伴隨著時代的興起，標準系列的發布對網頁制作技術產生了一定的影響，它使以前網頁制作的思維發生了根本

2、性的變化，強調頁面結構清晰和信息層次分明成為了當前網頁界面設計的發展趨勢。在這樣一個新的傳媒環境里，網頁界面作為用戶與信息交流的平臺，關乎著信息能否頁的實現流通。因此，它的設計也就變得越來越重要。網頁界面設計雖然同平面設計有著很大區別，但它依然是需要通過視覺來傳遞信息，所以，在網頁界面中如何把信息通過大眾都能很容易識別的視覺形式表現出來，并且使信息的表述有一個先后的呈現秩序也就非常關鍵。一個結構合理、信息傳達準確而有序且功能性強的界面能讓用戶使用方便、高效，會增加用戶對界面的喜愛和親睞。反之，信息傳遞不順暢的頁面會使用戶迅速轉向其它網站。文章基于對網頁界面的信息傳播功能特點與網頁界面制作技術的

3、發展的分析，運用比較的方法，闡述了網頁界面與傳統平面設計不同點，指出網頁界面設計仍然是視覺設計的范疇，設計師的主要任務就是將信息內容視覺化。只不過這里的平面是電子化的平面，設計手段采用電子技術。雖然多媒體技術使網頁的信息傳達進入了聽覺感知領域，但也是通過網頁中顯示聽覺效果的視覺標識來實現的。緊接著作者對信息在網頁中以什么樣的形式來表現，如何設計能夠有效傳遞信息的網頁界面進行了重點的研究或探討，較詳細地論述了網頁界面設計中文字、圖形、色彩等視覺元素的運用方法或技巧，又專題論述了多媒體手段在網頁設計中的應用和網頁界面的版式設計技巧問題。關鍵詞：，網頁界面，信息傳達，視覺傳達，版式設計湖北工業大學碩

4、士學位論文五，也，。，。，加，湖北工業大學碩士學位論文，：；湖班案大謦學位論文原創性聲明和使用授權說明原創性聲明本人鄭重聲明：所呈交的學位論文，是本人在導師指導下，獨立進行研究工作所取得的研究成果。除文中已經標明引用的內容外，本論文不包含任何其他個人或集體已經發表或撰寫過的研究成果。對本文的研究做出貢獻的個人和集體，均已在文中以明確方式標明。本聲明的法律結果由本人承擔。學位論文作者簽名：吾、串卑日期：哆年廠月日學位論文版權使用授權書本學位論文作者完全了解學校有關保留、使用學位論文的規定，即：學校有權保留并向國家有關部門或機構送交論文的復印件和電子版，允許論文被查閱和借閱。本人授權湖北工業大學可

5、以將本學位論文的全部或部分內容編入有關數據庫進行檢索，可以采用影印、縮印或掃描等復制手段保存和匯編本學位論文。學位論文作者簽名：（孝軍指導教師簽名日期：吵引月，日日期：妒年湖北工業大學碩士學位論文第章引言本文的研究背景當今時代國際間的合作與交往越來越密切，信息的交流也越來越頻繁，可以說信息把全球緊密聯系在一起。信息的表現豐富多樣，可以存在于文字中，也可以存在于圖象中，又或者存在于視頻等形式中。由于不同的媒介對信息傳達有著不同的方式，因此，就要對信息進行歸納總結和分類，然后以受眾易認知的視覺化的標識符號來表現信息。對信息這樣的一個規劃，能使信息變得容易理解，從而會提高信息傳達的質量和有效性。而所

6、有媒介的目的都是傳達信息，設計也是為信息傳達服務的，因此，網頁設計就是通過對信息進行有效規劃來便捷的傳達信息，或者說就是對網頁界面信息的視覺化設計。互聯網的出現不僅擴展了人們收集信息的途徑，同時，其作為一種生活方式也對人們的行為方式和思維方式產生了重大的影響。近些年，隨著網絡技術的飛速發展，尤其是時代的到來，給網絡帶來了新的信息共享方式及新的技術運用，改變了網絡中內容組織和信息傳播的方式，也使網頁界面視覺傳達的形式多樣化，例如網頁中能夠運用數字化技術手段將語言、聲音、圖象、文字等有機融合在一起，然后通過各種形式表現出來，從而擴展了網頁界面視覺設計的表現方式和手段。標準作為一系列規范的總稱，它的

7、目的就是要使網頁信息能夠在未來新的終端設備上顯示且能使頁面數據被分享和交換。國際萬維網組織發布的這套標準要求網頁界面結構清晰，信息分布合理，因此，對界面的版式及制作技術產生了巨大變化，它要求以最合理的頁面布局來展示信息，必將會極大的促進信息的流通和分享。網頁是信息在網絡傳播中的載體，也是連接信息接受者和信息發布者的紐帶，因此，如何對網頁中的信息進行有效的規劃，使信息有條理、有秩序地表現出來，就不僅僅成為網頁界面設計要解決的問題，同時也關乎到網頁是否具有吸引力的問題。當前，很多國內網頁界面中的信息缺乏秩序性，且僅僅是信息的初始狀態，不論對于信息接受者還是提供者而言，都沒有最大程度的利用這個載體獲

8、取或者提供有效、豐富的信息，這使得網頁沒有充分發揮其作為傳播信息載體的功能，所以，本文從視覺設計的角度來分析并闡述網頁界面設計對于傳達信息的作用以及怎樣通過網頁界面設計來提高其傳播信息的質量。湖北工業大學碩士學位論文國內外研究現狀近年來，越來越多的人開始從事網頁界面設計，使其進入了一個快速發展的階段。網頁作為傳遞信息的媒介，是為信息內容服務的。尤其在標準發布后帶來的網頁制作技術上的改變以及在時代里信息傳播方式發生變化的情況下，對網頁界面設計提出了進一步的要求。而目前，國內對這方面的研究還處在較低的層次上。首先，網頁結構層次不清晰，視覺信息不明確，瀏覽者往往要經過多次的點擊后才能找到所需信息。其

9、次，國內的網頁界面設計多關注網頁的視覺效果，以看或者視覺為主，而忽略了信息傳達的功能性和受眾接受信息的渠道的多樣性。除此以外，從信息傳播的角度來研究網頁界面的論文專著較少，對于網頁界面中信息傳達而言，顯得有些偏頗，不夠全面，對于當今時代網頁設計發展趨勢的指導作用不大。因此，我們還需要在實際工作中進行深入的、系統化的研究。國外的設計同行在網頁界面設計中將藝術設計理論、視覺原理、交互原理、信息設計等理論融入其中，以此作為網頁界面設計的理論基礎。另外，重視網頁界面的交互性和重視用戶的參與性體驗，以及網頁界面設計的人性化等都成為構建網站的必要考慮因素。微軟公司的網站策劃主管指出：“在經過一些年的發展后

10、，網站設計的思路開始逐漸清晰，網站要以功能至上，而且是內容來決定形式。大體來講，網站設計是在發生沖突的需要之間求得平衡的藝術。一方面，網站設計應該盡量簡單易用。另一方面，要確保站點中所有強大的工具可為用戶所用。這些研究的成果為網站設計的思路指明了方向，歐美的網頁界面設計簡潔清晰，在加強界面人機交互功能性的同時，更加注重信息傳遞的品質。國外在網頁界面設計上的成熟理論和實踐經驗是值得我們借鑒學習地。本課題研究意義網頁界面設計是平面設計在網絡時代里的一個延伸，或者說是一個新的發展。網頁界面設計的好壞直接決定著頁面信息能否有效的傳達，因此，網頁界面中怎樣實現信息有效的傳達就成為了一個新的研究課題。本文

11、以。時代為背景，從信息傳播的視角出發，通過對網頁中信息的視覺表現要素的分析，并把它同平面設計領域里的視覺元素進行對比，探討了網頁界面信息的視覺表現要素的特點，使人們對網頁界面信息的視覺表現有了進一步認識。同時，結湖北工業大學碩士學位論文合標準發布后所帶來的網頁制作技術的變化，對網頁界面設計提出了自己的一點見解，也為日后進行這方面的研究和實踐提供了一個可供參考的資料，并希望對網頁設計的相關教學能起到一定的指導作用。本文的主要研究方法（）分析與綜合法：借助視覺傳達、思維科學以及其他領域的研究成果和方法，把信息傳播方式同時代的網頁界面設計的特點相結合，系統的、綜合的分析研究網頁中信息的傳播特點。（）

12、類比法：把網頁界面設計同平面設計進行對比分析，從視覺表現元素以及版面設計形式上來闡述網頁界面信息傳達的視覺化表現特征和多樣化的表現手段。（）舉例例證法：從實際案例出發，選取具有代表性的網頁界面設計案例進行分析，通過對其良好的版面形式及特點分析，闡述網頁界面設計是怎樣提高信息傳遞的品質的。湖北工業大學碩士學位論文第章網絡媒體信息傳達概述信息概念的現代詮釋現代社會已被人們稱之為信息社會。信息在當今社會生產、生活的各個方面和各個領域被廣泛地使用。然而，何謂信息？其定義似乎讓今天的人們越來越模糊。現代漢語詞典關于“信息”的解釋是指音訊、消息。但就信息在社會中的傳播特點來說，媒體的變化使信息不僅僅表現在

13、“音訊消息”的范圍，從而讓人們對信息概念很難準確的把握。在人類社會進程中，曾經有過輝煌的信息技術創造，語言、文字的形成，印刷術的發明為最基本的信息交流奠定了基礎。到了近代，電報、電話、廣播的發明使遠距離快速傳輸信息成為現實，大大縮短了人與人之間的距離，信息的作用也不斷被放大。最早把信息作為科學對象來加以研究的是在通信領域，因為，通信的本質，實際上就是傳輸信息。通信科技工作者為了解決通信中的種種問題，需要深入研究信息的本質及其度量的方法。年，哈特萊在貝爾系統電話雜志上發表題為“信息傳輸的論文，把信息理解為選擇通信符號的形式。控制論的奠基人維納則把信息看做廣義通信的內容，他在控制論與社會一書中給出

14、了這樣的定義“信息就是我們在適應外部世界，并把這種適應反作用于外部世界的過程中，同外部世界進行交換的內容的名稱。由此可見，通信領域里對信息的研究取得了豐碩的成果。隨著科學技術和經濟的發展，人們的認識水平不斷提高，信息概念也在不斷的拓展，在計算機出現后，信息被看做數據，而當信息服務逐漸發展起來后，信息又被看做經驗、知識和資料。今天，隨著互聯網的普及和利用，網絡世界把信息帶到了人類社會生活的每一個領域和角落，使人們實實在在感受到了信息的普遍性和不可或缺性。現代人們對信息的理解是：包括在網絡上傳輸的一切數據、符號、信號、資料，是一個無所不包的龐大的集合體。由此可見，信息的概念是十分復雜的。前面所列舉

15、的信息定義是人們從不同角度在不同條件下對信息的認識和理解，如果沒有這些約束條件，我們可以將其定義為：客觀事物存在的方式和運動狀態的表現形式【。湖北工業大學碩士學位論文信息傳播媒介的演進與當今信息傳播的特點信息通過媒介才能傳播，媒介的形式與先進發達與否，決定了傳播的速度與效率。在理解媒介一論人的延伸一書中，麥克盧漢以媒介為切入口將人類社會時至今日出現的媒介分為四種類型：（）人與人進行直接地口頭交流的靠口頭傳播時代或叫做“語言傳播時代，在人類社會早期穴居生活使勞動高度協同，個體之間的信息交流成為必須，于是人類需要共識信息系統，在表達形式上，首先人類是使用體態語言（如手勢、身體動作、面部表情）進行交

16、流，后來出現了有聲語言，極大地推動了各族之間的交流融合。（）由于文字的發明，人類進入了“書寫媒介時代，文字使人類的信息傳播突破了時空的限制，能夠被長期的保存和傳播。（）活版印刷技術的出現引發的活字媒介時代。年古騰堡的活版印刷技術發明以后，資訊傳播得到了擴展，并從世紀一直持續到世紀，這被稱為“印刷媒介時代”。印刷媒介的誕生，使得報紙、期刊、書籍迅速普及，大大促進了信息的交流，文化知識得到廣泛傳播。（）世紀后半期開始，以貝爾發明電話機、馬爾科尼發明的無線電通信為象征的“電子通信時代”，以及世紀初隨著收音、電視機的登場而進入的“電子媒介時代”。印刷媒介和電子媒介在相當長的時間內并駕齊驅，且由于在信息

17、傳播模式上的相似，被稱為大眾媒介。世紀后期，以計算機和通信技術為基礎的互聯網的出現，使人類步入了“網絡媒介時代”，它融合了前面幾種媒介的優勢于一體，使信息傳播真正突破了時間和空間的限制，帶來了信息傳播的巨大變革。仔細分析我們上文提到的五種類型的傳播媒介，就能發現，前四種媒介在信息的傳遞上是種“一對眾的傳播模式，也就是說，信息的傳播者借助媒介把自己的思想觀念或者意圖傳達給大眾，而不管這些信息是否能被大眾接受，是否對大眾有用。相對于信息接收者來說，這樣一種被動的、受壓迫的接受方式，讓信息的傳受雙方處在一個不平等的位置上，這是傳統媒介在信息傳播中的一個共性，對于信息的交流來說是一種束縛。而網絡媒介具

18、有獨特綜合傳播功能，打破了以前各種傳播平臺之間的壁壘，形成了迄今為止人類最大的綜合傳播平臺，它利用計算機顯示屏上的網頁界面，使得數以千萬的受眾不僅可以同時在網上獲得信息，而且可以在網絡媒介中自由地發布和交換信息。“網絡媒介扭轉了大眾傳播給人際傳播帶來的自上而下、缺少交流、反饋，沒有互動的傳統傳播模式，實現了每個人都可以參與“點對點自下而上和平行互動的“民眾傳播【。近幾年，隨著網絡技術的不斷革新，使得信息在網絡媒體中傳播的方式湖北工業大學碩士學位論文和手段產生了巨大的變化，同時，也在一定程度上給人們的生活、工作和思維方式進一步帶來了重大影響，正如麥克盧漢所說“每一種“媒介”發出的“信息”都代表著

19、或是規模或是速度的變化，所有這些都會介入到人類的活動中，這句話包含著這樣一層意思：一種媒介的產生會在社會中產生新的行為標準和方式。網絡使信息的傳播表現出如下的三個特點：（）信息傳播的即時性：世紀末期，以數字化技術為代表的網絡媒體以迅猛的速度進入了人類生活。由于數字化技術的優勢，使得信息的表現形式豐富多樣，同時，網絡傳播速度快、制作發布信息便捷，還可以隨時更新信息，在速度和效率上遠遠超過了傳統媒體。（）突破了時空限制：數字化網絡和通信技術的全面發展，將整個世界連接起來，推動了信息的全球化，互聯網絡延伸到全球的每一個角落則使信息突破了時間和空間的限制，讓人足不出戶就能了解全球任何地方發生的事情。與

20、傳統媒介相比，網絡媒體打破了信息傳播的地域限制，擴展了信息傳播范圍，有利于信息的全球共享。（）信息的互動性：“網絡媒體對信息傳播最大的改變表現在信息傳播者與接受者關系上的變化，并由此形成的信息交流的互動性”】。在網絡這個全人類共同擁有的平臺上，網絡技術為用戶提供了一個能夠自由控制的“信息平臺（例如：博客、播客、個人主頁等），使任何人都可能成為傳播主體，自由地編輯和發布信息，與對方甚至大眾交流。傳播者和接受者處于完全平等的地位，它們相互承認、相互溝通、共同分享著信息，這樣一種雙向的交互式的傳播超越了傳統媒介中信息只能單向流動的局限，實現了傳受雙方的互動，使信息的交流變得更加輕松、方便自由，極大地

21、提高了信息傳播的效率。網絡媒體的核心技術及信息載體網頁界面網絡媒體的信息表現載體是網頁界面，網頁界面的功能是視覺傳達，網頁是相對年以前的互聯網模式（簡稱）的新一類互聯網模式的統稱，是一次從核心內容部應用的革命【】。它在方便用戶的前提網絡的核心技術界面設計與運用同網絡媒體互聯網模式及其技術發展密切相關。了解的特點及其發展是進行網頁界面設計的技術依據或前提。下對從技術、功能等方面進行了改進和升級。從模式上，是單純的“讀向“寫”、“共同建設發展；由被動地接收互聯網信息向主動創造互聯網信息邁進。從工具上，是由互聯網瀏覽器向各類瀏覽器、閱讀器等內容發展，實現了網站之間的信息共享和交流。加強了互聯網的關聯

22、性與社會性，為公眾提供了一個技術平臺，使得大眾都能夠積極參與創造信息和發布信息，并根據自己的喜好自由選擇信息的聚合，成為了的顯著標志，同時這種變化也對網頁界面設計的形式提出了新的要求。無論從交互方式、網絡技術等方面都是全新的體驗，它的出現給互聯網帶來了一場巨大的變革。標準與網頁界面現實生活中，我們常用手機中的軟件進行聊天、上網或者瀏覽網頁，盡管大家的手機型號、手機的運營網絡并不一樣，但它們之間仍然能夠通過網絡實現信息的流通，這是什么原因呢？實際上這是“標準在起作用，這個“標準能使信息通過格式進行轉換，從而實現在各種不同型號、不同網絡的手機之間順利流通，這個標準就是標準，它是一系列規范的總稱，主

23、要包括、和。它是國際萬維網組織（）在基礎上，制定的一系列的技術規范，以實現大量信息向標準的過渡，按照這些規范制作的網頁符合格式規范，能夠在、網絡電視、移動電話以及任何網絡終端設備上顯示，而且還能使網頁頁面數據在以后被分享、重用和交換。用標準制作的頁面代碼量小，可以節省帶寬。因為用（層）來布局結構本身就比（表格）簡單，表格布局的層層嵌套造成代碼臃腫，文件尺寸膨脹，而用比用布局能節省的代碼，同時還使頁面信息結構清晰，內容與表現相互分離，這樣就引起了網頁版面編排的變化，版面不再以“表現”為主進行設計，而是以內容為前提來分析和規劃界面結構。標準對網頁在制作方法上的改變，使版面設計從注重形式向以功能為主

24、轉變，尤其對網頁界面的版式設計產生了很大的影響。第章網頁界面的特點及網頁界面的設計網頁界面的概念及制作技術的發展界面在現代漢語詞典中的定義是：劃分、隔開兩物體之間的接觸面。可以說它是連接兩個物體的中介，且通過這個中介可以實現信息的交流。從設計的角度來看，界面可以理解為是實現人與機器之間進行信息交流的媒介，界面是為交流而產生的，網頁界面也不例外，可以說網頁界面是用戶與互聯網之間相互交流信息的媒介，或是指用戶在互聯網上便捷地獲取所需信息，同時也能發布相關信息的一種交流平臺。年，美國國家超級計算機活動中心（）的開發了一種叫做（首個具備圖形界面的網頁瀏覽器）的程序。它能夠在界面上顯示圖形，且能通過超鏈

25、接實現網頁間的漫游，而所有操作只需利用鼠標即可實現，有了作為技術支持的工具，瀏覽器受到了用戶及媒體的廣泛關注，并由此成為了一個國際性的大舞臺。而網頁有了圖形化的界面后，逐步開始走上了技術和藝術化相結合的道路，特別是近幾年，隨著網絡技術的發展，網頁中融合了更多的多媒體元素，使得網頁界面的形式更加豐畝【】田世紀初期，（超文本標識語言）的不斷發展，網頁制作技術的不斷改進，加上很多可視化的專業開發工具（比如：、等）的出現，降低了進入網頁界面設計的門檻，使得越來越多的從事藝術設計行業的人開始進行網頁界面設計，從而使其逐漸成為一大新的設計領域，并由此進入了一個快速發展的階段。網頁界面是傳達信息的一個平臺，

26、也是用戶和互聯網發生互動的一個場所，用戶與互聯網之間的信息交流正是在網頁界面上進行的。網絡上的各類信息通過網頁界面傳達給用戶，用戶在獲得信息后經過人腦的思考加工，再通過網頁界面反饋給對方。這樣，網頁界面就實現了用戶與網絡之間信息的交流。而如何使信息的傳達更加有效，如何使用戶操作起來更為簡便，這就不得不涉及到網頁界面設計的問題。一個好的網頁界面設計，不僅要滿足和適合人們在視覺及心理上接受信息的需求和特點，還要注重網頁界面各信息傳達載體之間的關系。時代的到來，改變了過去信息傳播的方式，加強了信息傳播的互湖北工業大學碩士學位論文動性，對網頁界面設計提出了更高的要求，直觀易懂，操作簡單且具有引導功能的

27、網頁界面成為當前網頁界面設計新的趨勢，它不僅使信息的交流更加順暢，還給用戶帶來良好的體驗，最終達到提高網頁界面使用效率的目的。網頁界面中的視覺傳達和信息傳達視覺傳達設計就是以眼睛可以看到的造型元素對信息進行設計的一種行為，視覺傳達設計這一概念大概是上世紀末期由國外引入我國的，以前我們把它叫做平面設計，實際上，視覺設計是對平面設計概念的一種提升。傳統的平面設計被稱為視覺傳達設計，是因為平面設計作品主要是給人們以觀看的，超出眼睛觀看的范疇的其它感覺方法，就不能稱為視覺傳達。視覺傳達在設計領域中，也就是通過可視化的元素將所要傳達的信息表現出來，即將信息內容形式化、視覺化。在電子及數字化技術中，網頁界

28、面較之傳統的平面設計方法有了廣泛的拓展。但網頁的傳達功能與平面設計沒有根本性的不同，網頁除了載體性質同平面紙質不一樣外，仍是借助電腦顯示屏來表現著平面性，它給人們帶來的仍然是視覺效果，是沒有超出眼睛范圍的其它感知方式。其所用的造型元素仍然是通過視覺傳達信息，故網頁的第一功能仍然是視覺傳達功能。平面設計的目的是傳達信息，但平面設計的信息表現有其局限性，局限于文字、圖形、色彩等比較有限的、且屬靜態的范圍。而在網頁中，由于使用了數字化技術手段，使網頁界面的視覺傳達方式與平面的視覺傳達有了很大不同，最主要的特點就是文字可以滾動，圖形可以變化，色彩可以轉換，某些造型元素產生了動態的效果，這些變化雖然沒有

29、超出視覺感受的范圍，但使網頁界面視覺傳達的內涵有了新的擴展。視覺傳達手段的數字化，使得網頁的信息傳達遠遠不是局限在傳統的平面設計范圍，信息傳達變得更為豐富多彩，這表現在二個方面：一是視頻界面中的動態帶來了豐富性；二是視頻界面也可以切換和鏈接，每一層界面都有每層界面的視覺要素組合，也提供了一層新的信息。視頻界面的轉換及可鏈接性使網頁的視覺傳達與信息傳達構成立體的建筑，增加了網絡的信息傳達的豐富性。網站的首界面是一個網站的“領航”頁，它是用視覺元素來表現提煉后的信息，或是概念化的信息，而不是信息的全部具體內容，主頁的視覺傳達不可能反映信息全部完整的內容。瀏覽者要了解全部的信息內容，就要從視頻界面中

30、選擇自己需要了解的信息表現元素，然后通過鼠標點擊來獲得所要的全部信息，從而產生網頁的信息傳達。鼠標的點擊是實現視覺傳達到信息傳達目的的“開關或閘門。這也說明網頁的視覺傳達與信息傳達的實現之間是有界限區湖北工業大學碩士學位論文分的，這是平面設計視覺傳達沒有的功能。基于通信和數字化技術的網絡媒體，不僅具備超鏈接特性以及交互性特征，還綜合了以往傳統媒介的特點，這使得網頁中的信息傳播具有以下特點：（）選擇性：網頁界面信息表現形式不僅僅是圖形、文字等還包含著聲音、視頻、音頻、動畫等，這些表現元素在視覺、聽覺甚至觸覺上刺激人的感官使人獲取信息，擴展了人獲取信息的渠道，同樣也給受眾提供了選擇性，受眾可以根據

31、自己的喜好、習慣來選擇最合適的表現形式理解信息。例如：網頁界面中，對同一個信息，分別以文字、圖像、視頻等形式進行表述，有的瀏覽者可選擇閱讀文字來獲取信息，有的則通過關看視頻來獲取信息，這種選擇性加強了受眾對信息的關注度，從而提高信息傳達的質量。其次，網頁具備超鏈接的功能，它實現了信息之間的跳轉，使信息的聯系更為緊密，在傳統媒介中，例如報紙、書籍上的信息都是從頭到尾前后相連，是一種直線性的傳遞方式，同時，其受篇幅的影響，只能承載一定量的信息，讀者也只能被動接收，對于某些相關聯的信息缺乏了解。而由于超鏈接技術，網頁之間能進行跳轉，不再是直線傳遞，實現了信息的跳躍性傳遞，不僅使瀏覽者能看到信息，通過

32、鏈接也能了解相關的信息，而由于網頁的無限性傳播特點，信息量非常龐大，能夠給予瀏覽者充分自由的選擇，體現了網頁中信息傳達的靈活性。（）互動性：“互動一詞極為常見，社會心理學家給出的定義是：“兩個或兩個以上的人們之間的行為互相影響的過程。，【】互動性是指信息傳達者與受眾之間的互動交流，網頁中的互動應該說是信息的交流雙方利用網頁界面中具有交互性功能的設置互相回應對方的過程。例如：通過操作按鈕、表單等元素來表達意見，同對方進行信息的互動。這些互動設置使信息交流的雙方充分向彼此表達自己的觀點，從而提高了信息傳達的有效性。信息的互動成為了網頁中信息傳達的一種新的經驗和行為。（）網頁的信息傳達具有層次性，網

33、頁的信息傳達是通過鼠標一次次的點擊來傳達全部信息的，每一次的點擊反映出一個層面，因而具有層次性。（）信息傳達方式的多樣性：由于網頁數字化技術帶來的新的信息傳達手段，不僅通過對視覺刺激產生信息，還有聲音沖擊及影像變化產生的對人體其它感覺器官的沖擊，所以，有學者總結認為，網頁的信息傳達觸動了人的“五觀”，信息傳達類型更豐富多樣。湖北工業大學碩士學位論文網頁界面設計同平面設計的差異麥克盧漢說：“媒介之間是相互關聯的，一種媒介注定是另一種媒介的內容。王受之先生也曾提到：“二十一世紀平面設計是朝著多媒體方向發展的。可以說網頁設計是平面設計的一種空前的延伸，網頁界面設計的視覺元素依然是與平面設計相同的元素

34、，但由于網頁界面設計受到電子通信技術和網絡傳輸以及網頁制作技術的影響，所以，網頁界面設計有著一般平面設計不同的地方。表現在三個方面：（）媒介及尺寸的不同網頁界面是伴隨著計算機及通信技術的發展而產生的，它是以圖形、文字、色彩及多媒體視聽元素為表現載體且通過顯示器呈現出來的；平面設計作品是以圖形、文字：色彩為視覺表現元素，以紙為媒介的印刷品形式表現出來的；兩者在媒體上存在著本質的不同。另外，印刷媒介和網絡媒介最大的區別是色彩模式，印刷品的色彩是由四種色彩組成，而網頁界面所使用的顯示器色彩由三種色光所組成，其色彩亮度要大于平面的印刷色彩，利用這些色彩可以創造出活潑亮麗的視覺感受。由于兩者的媒介不同，

35、尺寸單位也不一樣了。印刷是以生活中常用的度量單位來計算，而網頁是以電腦顯示器的單位（像素）來計算的。印刷品的尺寸可以根據實際需求預先知曉且印刷品尺寸在印刷前后都是一樣，因此，設計者對其就能有一個很好的把握；網頁的頁面是根據瀏覽者電腦顯示器窗口的大小來顯示的，而由于頁面在制作過程中所使用的顯示器的分辨率不同，導致了網頁在其它瀏覽器窗口中的顯示大小不一樣。（）交互功能：交互性是網頁界面設計區別于其他傳統媒介的最大的優勢之一。網頁的互動是指網絡與用戶之間的信息雙向溝通和傳輸，網頁界面的互動設計是通過利用超鏈接技術、按鈕、表單等方式，給用戶提供了充分自由選擇的權利，用戶不再是被動的接受信息，還能夠根據

36、自己的需求主動發布信息或針對某信息反饋自己的觀點和意見，從而享受到參與的喜悅。傳統的平面設計只能單向的向大眾傳遞信息，不能同受眾進行互動交流，也無法即時獲得受眾的反饋信息。（）多媒體元素：以數字化技術為基礎的互聯網集中了報紙、廣播、電視三大媒體的綜合優勢，實現了聲音、文字、圖像、影像等的有機結合。這種多媒體技術使得網頁在信息傳達的表現形式上更加豐富，同時也給用戶帶來了豐富的視覺效果，令其產生審美愉悅。比如：制作的廣告動畫，不僅豐富湖北工業大學碩士學位論文了視覺體驗，吸引瀏覽者的目光，同時也傳遞了商業信息，達宣傳目的。再比如音頻、視頻、影像這些多媒體元素有利于更為全面直觀的傳遞某婁信息，彌補圖形

37、、文字等傳達信息的不足。而傳統的平面設計作品是以靜態的視覺元素來表現的，同多媒體元素相比在信息傳達的形式和功能上要差得多。竭頁界面設計平面設計可視化的屏幕尺寸紙媒介及其大小多攥體見聽元素圍開；文宇色彩（聲音、視頻版面設計線性閱讀跳躍性閱讀立性圈以上粗略的分析了網頁界面設計的幾個特點，是與傳統的平面設計為參照對象的（見圖），但這并不是說網頁界面設計與平面設計是根本不同的，相反，網頁界面設計與平面設計都是視覺傳這設計，兩者并沒有本質上的差異，目標都是一個，即將信息內容視覺化，通過視覺設計實現信息傳達。網頁界面設計與受眾網頁界面是給人傳遞信息的。現實生活中的行業眾多，同樣，網站的行業屬性也不盡相同，

38、其所面對的受眾也不一樣。而由于人在年齡、性別、職業以及受教育程度、生活習俗等方面的差異，自然對于信息的需求也各不相同，尤其這些差異所形成的獨特的辦事方法，直接影響了人們在瀏覽網頁時的內容選擇和操作方式。人的不同的行為特征對網頁界面設計產生了很大的影響。所以在規劃網頁界面設計時，要對目標群體的特征進行分析，同時還耍對目標群體的行為方式加以研究（見圖）從而采取有個性的視覺表現形式。受眾的分析大致可以從以下幾方面入手：湖北工業大學碩士學位論文斯谫戒夕耋粹學廣一掌生§日自頓一捏樂怍舢童性棄尚男性圖（）性別：性別的不同對網頁界面設計的形式帶有不同的偏好。男性和女性由于生理上的特點所關注的事物各

39、不相同，網頁界面設計就可以從色彩、圖形上強化其特色，例如：化妝品網頁，以為例（如圖），網頁上的圖片都是以時尚女性為主，潞鏟，吖夕。彩塑懲墅雌如圖展示女性各個化妝部位特征，且畫面色彩依據產品的特色或是濃厚艷麗或是淡雅柔和，充分展現了女性特色，讓人一眼就能辨別該網站的屬性。（）年齡：目標群體屬于哪一年齡層，是青少年？還是中老年？不同的年齡層行為方湖北工業大學碩士學位論文式及興趣愛好不一樣，關心的事物亦不同，即使同一事物關注的側重點也有所不同。比如：青少年個性張揚、孤立獨行、喜歡新奇的事物，現如今許多網絡游戲就根據這些特性設計游戲人物角色和界面，吸引了眾多青少年。例如幻想這款游戲，人物造型較為卡通，

40、活潑可愛，貼近青少年心目中想象的角色形象，同時，場景優美且富于變化，界面元素較為豐富，不僅帶來了視覺享受，也給青少年玩家一個新鮮的環境體驗，深受青少年的追捧；而中老年人則喜歡傳統的游戲，例如：象棋、圍棋，由于中老年人只注重走棋的功能，因此，這類游戲界面就只需要簡潔就可以了。（）工作：是學生？還是上班族？若是上班族，從事的職業又是什么？對于學生，特別是大學生來說，多以查詢資料和交流信息為主，而上班族多以自身的興趣愛好去瀏覽網頁，因此，在網頁界面上的相關功能性的設計就不相同。例如，在教育考試網站中，界面應該注重搜索和信息發布功能的設置，以滿足學生的需求，而上班族因其純粹的興趣愛好去了解相關事物的信

41、息，所以，對網頁界面設計的某些方面要求要低一些。任何事物的產生和發展總有其原因，網頁也是如此。起初網頁是借助于通信傳輸而后又以網絡技術逐漸走進人們的生活。現在，網頁界面作為人們從互聯網上獲取信息的終端，已經同人們的生活密不可分，而為了更加方便網頁中信息的交流和傳輸，網頁界面設計就顯得越來越重要。由于網頁界面設計受到人以及網絡技術等諸多因素的影響，因此，我們不能孤立的去看待它。網頁界面設計從藝術的角度來說要滿足人的審美需求，從功能角度來說，它要實現信息的有效溝通，從設計的角度來說，它綜合了傳統媒體所有的信息傳達要素，對于信息的傳達有著很大的優勢。所以，可以說網頁界面設計是一個涉及到了視覺設計、認

42、知心理學、網頁制作技術等多學科相互交叉與融合的較為復雜的設計領域。湖北工業大學碩士學位論文第章網頁界面設計的視覺元素與運用人對信息的視覺反映與視覺設計要求人主要是通過視覺來獲取信息的，網頁界面中的信息首先也是依靠視覺元素來判別的。如何才能讓網頁界面中信息對瀏覽者產生深刻的印象呢？為此，我們有必要了解視覺是怎樣感知和理解信息的。人的眼睛是人感知外部世界的主要器官，它是通過接收外物反射光并將其聚焦于視網膜而得到物體外觀形象的，眼睛獲得了信息，理解信息的則是大腦。正是由于大腦把眼睛收集到的信息進行處理，才使信息有了意義，才有可能把這個信息長久的留在腦海里，讓它成為知識積累中的一部分。那么大腦是如何看

43、到由眼睛提供的視覺信息，以及大腦是如何處理這些信息的呢？美國的科學家胡貝爾和威塞爾通過試驗得出這樣一個結論：視覺皮層上的每個大腦細胞與所接收到的不同刺激類型幾乎存在著一對一的反應關系，根據所有這些信息，大腦為視網膜接收到的視覺形象建立起一套對應關系圖譜。大腦借助這些龐大的專門細胞陣列，以最快的速度、最便捷的方式，對被視物體的個主要屬性（色彩、形式、縱深和位移）做出反應【】，因此，進行網頁界面設計時要使某一視覺信息被長久地記憶，就要首先在這種視覺信號上下功夫。大腦在獲得了這些信息后，把這些信息同記憶中的相關經驗進行對比，如果記憶中沒有相關聯的事物，那么大腦會把這些信息當做新的知識存儲起來，而如果

44、記憶中有相似的經驗，那么大腦就會將兩者進行結合，形成一種新的信息存儲起來。以上就是人對信息的視覺感知，只有了解了視覺感知原理，才能在網頁設計中運用各種視覺元素或手段去顯示和突出某些信息，從而設計出讓受眾歡迎的網頁。入在接收信息的過程中，由于獲取信息的方式不同，對信息的認知心理也就不同，自然他們的行為反應亦不同。人們接受和理解信息是受態度、愿望、需要等心理因素影響的，因此對信息具有選擇性，就是說，人們總是愿意接觸那些與自己原有態度相一致的信息【】。所以，這種需求心理的差異，加上對信息的接收是人的生理和心理刺激感覺的過程，且不同視覺元素的刺激會帶來不同的效果，就決定了網頁上的視覺信息不僅應當盡可能

45、豐富，以適合更多的受用效果。眾所用，而且決定了網頁設計應充分利用好電子手段可能達到的視覺元素的運湖北工業大學碩士學位論文網頁界面視覺設計中信息的表現類型在平面設計中，設計的任務是將要傳達的信息通過各種視覺語言表現出來，而由于紙張媒介的局限性，使得平面設計中可能表現的信息十分有限，因此，平面設計要有很強的創意，對信息進行提煉，這就使得平面的表現手法必須具有高度的概括性，但不論怎么做，平面所表述的信息與網頁相比，還是有極大的差距，雖然網頁界面也是采用視覺造型元素或視覺語言來表現信息，也是為信息找出合適的表現形式，但由于網頁采用的數字技術設計手段，除了同樣是利用視覺元素來概括表現信息，進行創意之外，

46、其對信息的處理手段確實要比平面設計簡便易行、效果又好得多。便捷的方式可概括為三點：第一，分類表現。網頁界面的視覺傳達設計可將信息分類概括，用相應符號或標識顯示，這可以極大地擴展網頁界面信息荷載量，同時適應更多的受眾的選擇要求。而具體信息可以通過鼠標的點擊以界面鏈接轉換再現信息，實現信息的傳達。第二，動、靜結合表現，網頁界面的視覺傳達設計最大的不同，就是可以動、靜結合，在同樣的一個區域內，平面設計中可能容納的信息十分有限，但在網頁中，由于可以作動態變換，這樣網頁界面中同樣的區域則可以裝載更加豐富的視覺信息，包括文字的滾動、圖片的變換、色彩的變化等等。所以，網頁界面看似有限，實則可以無限擴大。我們

47、至今所見到的任何網頁界面，都是動靜結合的視覺界面。第三，概括性與創意性結合。網頁界面視覺傳達設計的概括性、創意性不及平面設計要求高，我們知道在平面設計中，由于版面空間的有限性，要表現相應的信息，要求具有高度的概括性、創意性，無論是標志設計，還是平面廣告和招貼設計，反映其設計水平的都是看其概括的準確性和高度的創意性。而在網頁界面設計中，這些要求都不如平面設計的要求高，主要原因是網頁界面的設計有了數字化技術手段的便利。如果說網頁界面設計同樣有高度概括性、創意性要求，那就主要表現在有關數字化手段的運用方面。網頁界面設計的視覺元素與運用網頁綜合了人類既有的各種類型的傳媒特點以及信息傳達方式，實現了獨特

48、的綜合傳達功能。那么信息是怎樣在網頁中傳達或者說信息是如何被表現出來的呢？筆者從信息的表現形式和人接收信息的角度，將網頁中信息的傳達手段分為湖北工業大學碩士學位論文種：視覺表現手段、聽覺表現手段、其它表現手段。目前數字化技術在網頁中的傳達手段包括視覺、聽覺等感知領域，視覺包括文字、圖形、色彩等，聽覺主要是音頻設置。網頁界面設計中的文字與運用文字是人類為了準確傳達和記錄信息的需要而創造的一種符號系統，從其發明之初就一直是信息傳播的主要承載者。網絡作為一種新的信息傳播媒介，尤其是在時代，數字化技術的應用，加強了人與人之間的信息溝通，使文字在網頁界面中的信息傳遞作用顯得越來越重要，因此文字可以說是表達信息最簡潔明了的符號。網頁中經常用大量的文字來描述傳播的內容，所以，通過閱讀文字來了解信息在網頁中占了較大的份額。網頁中的文字可以分為“靜態文字、“動態文字、“圖像文字和“色彩文