畢業(yè)論文網(wǎng)頁設(shè)計(jì)

1、 鹽 城 師 范 學(xué) 院 畢業(yè)論文 (設(shè)計(jì)) 論數(shù)字圖像的視覺性研究以網(wǎng)頁界面設(shè)計(jì)為例學(xué)生姓名：喬 宇學(xué) 院：美術(shù)學(xué)院專 業(yè)：平面設(shè)計(jì)班 級：10 （3）學(xué) 號：10173143指導(dǎo)教師：沈 冠 東2014年 4 月 21日數(shù)字圖像的視覺性研究以網(wǎng)頁界面設(shè)計(jì)為例摘要當(dāng)下時(shí)代是一個信息化的時(shí)代，媒體的發(fā)達(dá)與網(wǎng)絡(luò)的流行激發(fā)著網(wǎng)頁設(shè)計(jì)這門學(xué)問的發(fā)展。本文主要通過研究各個成熟網(wǎng)站的視覺元素的特性來探索視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。闡述了色彩版面、圖形圖像、文字與字體等平面視覺元素適應(yīng)網(wǎng)頁界面設(shè)計(jì)發(fā)展的新特點(diǎn)。針對網(wǎng)頁界面設(shè)計(jì)中的信息傳達(dá)和視覺元素，提出了與平面視覺元素相結(jié)合的設(shè)計(jì)方法?！娟P(guān)鍵詞】：數(shù)字圖

2、像；網(wǎng)頁設(shè)計(jì)；視覺元素；信息傳達(dá)th period is short. TheyAbstractmetabolic needs. Many of the enzymes have special function and activity. Endophytes can be separated from its host plants and grow independently. They can be cultured in the laboratory and the growth period is short. They are easy to survive and can be

3、 used to to obtain large amounts of target product through fermentation. Key words saline reededophyte, morphological identification, pectinase cellulase 目錄：（既是論文的提綱，也是論文組成部分的小標(biāo)題，應(yīng)標(biāo)注相應(yīng)頁碼。）1.網(wǎng)頁界面設(shè)計(jì)：11.1.網(wǎng)頁界面設(shè)計(jì)的重要性11.2.網(wǎng)頁界面的六大類別” 1引 言（前言）在傳統(tǒng)元素中，視覺元素展現(xiàn)的平臺就是紙質(zhì)媒體和印刷技術(shù)。設(shè)計(jì)能不能達(dá)到預(yù)期的效果與應(yīng)刷緊密相連，印刷技術(shù)的好壞約束了視覺元素在平

4、面設(shè)計(jì)中的傳達(dá)，而數(shù)字圖像通過電子顯示屏幕直接傳達(dá)到受眾眼里，有著其顯著的優(yōu)勢，其色彩形狀等數(shù)據(jù)保存的是最完好的。21世紀(jì)，人類社會正經(jīng)歷著從原子時(shí)代向數(shù)字時(shí)代的轉(zhuǎn)變，新世紀(jì)的互聯(lián)網(wǎng)代表著新型的信息傳達(dá)、交流方式，它使信息的傳達(dá)突破了經(jīng)濟(jì)、政治、地域及文化的阻礙，使信息傳達(dá)的速度、范圍及效率都產(chǎn)生了巨大的變化。網(wǎng)頁設(shè)計(jì)最為一門新的設(shè)計(jì)領(lǐng)域，即是平面設(shè)計(jì)在信息時(shí)代的延續(xù)，也是平面設(shè)計(jì)新的里程碑。網(wǎng)頁界面作為數(shù)字圖像的載體，從產(chǎn)生階段就繼承了平面設(shè)計(jì)的眾多優(yōu)勢，從而為這種全新的大眾媒體奠定了堅(jiān)實(shí)的發(fā)展碑基。正文數(shù)字圖像在我們生活中有著廣泛的應(yīng)用：電影、電視、動漫、圖片、廣告、攝影這些元素都可以以板

5、塊的模式呈現(xiàn)在網(wǎng)頁中。網(wǎng)頁作為數(shù)字圖像的最大的媒介其中有很多學(xué)問值得我們?nèi)パ芯?，視覺的傳達(dá)主要依賴于二維空間的視覺元素和這些元素的組合構(gòu)成方式。做好一個網(wǎng)頁其視覺性元素的好壞起到關(guān)鍵性的作用，然而在國內(nèi)大部分網(wǎng)頁都是殘缺品這不得不引起我們的反思如何設(shè)計(jì)出一個優(yōu)秀的網(wǎng)頁呢？我們必須從源頭出發(fā)解決問題。1.網(wǎng)頁界面設(shè)計(jì)：1.1.網(wǎng)頁界面設(shè)計(jì)的重要性網(wǎng)頁（webpage）是指一個公司或一個企業(yè)在全球信息網(wǎng)以HTML的格式給世界各地的的使用者提供最新信息，包括主界面和各子界面。它擁有目的性強(qiáng)、信息量大、準(zhǔn)確度高、傳播速度快的特點(diǎn)。如果希望信息很快傳播的同時(shí)又要讓使用者認(rèn)可是非常難做到的的事，這需要經(jīng)過

6、設(shè)計(jì)者的精心布置。如果要做好這一點(diǎn)，必須要設(shè)計(jì)出一個可以讓瀏覽者視覺感官及視覺習(xí)慣都能夠適應(yīng)的界面，這能讓受眾在第一時(shí)間內(nèi)引起觀看的欲望，并且長久的去關(guān)注，進(jìn)一步采取相關(guān)行動，所以說主界面的設(shè)計(jì)好壞至關(guān)重要。1.2.網(wǎng)頁界面的六大類別（1）搜索引擎類：搜索引擎類網(wǎng)頁主要以功能及速度為主，注重頁面分布的整潔性，不太使用過多的裝飾元素，盡可能的提高搜索效率。因此其主要設(shè)計(jì)手法是將文字進(jìn)行合理的排版。如：百度（2）大眾媒體類：信息傳達(dá)類網(wǎng)頁主要以信息傳達(dá)功能為主，因?yàn)槠湫畔⒘勘容^大所以必須主次分明，以少量圖片作為輔助信息傳達(dá)的視覺性元素。如：新浪網(wǎng)新聞中心。（3）企業(yè)宣傳推廣類：從企業(yè)文化、理念的特

7、有形象入手充分表現(xiàn)企業(yè)特征。如：NAKE。（4）電子商務(wù)類：其網(wǎng)站的特性就是為了讓瀏覽者能夠使購物輕松化便捷化，使瀏覽者在購物的同時(shí)能夠?qū)r(shí)間最大化利用，要求既要有效率的傳達(dá)出實(shí)際的信息，又要抓住購買者的訴求點(diǎn)去設(shè)計(jì)。如：淘寶網(wǎng)。（5）交流平臺類：其主要目的是為使用者提供一個能夠交流的平臺，注重實(shí)用性的同時(shí)又不能讓人產(chǎn)生視覺疲憊的感受，設(shè)計(jì)偏簡單化文字化。如：BBS論壇。（6）網(wǎng)絡(luò)社區(qū)類：網(wǎng)絡(luò)社區(qū)類是一種自由理念的網(wǎng)站，它不具有任何商業(yè)性質(zhì)，設(shè)計(jì)風(fēng)格完全取決于其地域、文化等特征，重視自由、愉快、舒適的理念。如：2.網(wǎng)頁設(shè)計(jì)中的色彩的選擇藝術(shù)設(shè)計(jì)工作者常常在告訴我們，不懂得欣賞藝術(shù)或不能注意藝術(shù)

8、家所運(yùn)用的各種色彩是件丟人的事。當(dāng)然，這種說法在某種程度上來說是正確的，但是，他們光顧著欣賞自己的作品卻沒有考慮到受眾的接受能力，即觀看、看、注意和讀解(seeing、looking、attending and reading)之間的區(qū)別，而所有的藝術(shù)卻必須依靠這種區(qū)別。不是每一個人生下來就是藝術(shù)家，網(wǎng)頁設(shè)計(jì)是服務(wù)大眾的不是孤芳自賞，所以我們要從瀏覽者的角度出發(fā)設(shè)計(jì)作品。每一個人的視覺感受都是不同的，一百個人其中就有一百個哈姆雷特，作為藝術(shù)家、設(shè)計(jì)者應(yīng)該從大方向掌握不同類型人群的視覺心理。比如：淘寶網(wǎng)站的瀏覽者其目的是為了購物瀏覽，他們需要的是信息量同時(shí)又能長時(shí)間的觀看而不感覺到累。網(wǎng)頁設(shè)計(jì)中

9、的色彩視覺感受具有象征性、理想性、和諧性的特征。色彩視覺感受的理想性是指：設(shè)計(jì)師完全可以根據(jù)自己的意愿設(shè)置色彩，使固定的色彩模式加以變換，使形象條理化。當(dāng)瀏覽者看到一個有色彩的網(wǎng)頁時(shí)，其色彩作為刺激視覺感官的一種重要元素能激發(fā)出瀏覽者的直覺，使瀏覽者產(chǎn)生其主觀的感情、感知。網(wǎng)頁設(shè)計(jì)師首先應(yīng)該是能把色彩要領(lǐng)運(yùn)用自如的人，合理、巧妙的運(yùn)用色彩能使網(wǎng)頁設(shè)計(jì)的味覺、觸覺、嗅覺，如冷熱酸甜苦辣一樣讓受眾能直觀感受到。但需要注意的是網(wǎng)頁的背景色對比不宜太強(qiáng)烈，這樣容易使人產(chǎn)生視覺疲勞的感覺，在面對需要大面積的著色時(shí)應(yīng)選用色彩純度較低的，長時(shí)間的盯著艷麗的色彩時(shí)生理上不能接受。文字與背景應(yīng)該協(xié)調(diào)背景是起到突

10、出文字的作用，背景色不宜比文字顏色深，而且色差不能太小或者色彩不能太豐富，這樣不利于文字的讀取。不同性別、年齡、文化習(xí)慣的人對色彩的心里效應(yīng)也會不一樣，產(chǎn)生不同的心理感受。所以說網(wǎng)頁設(shè)計(jì)者必須要抓住不同瀏覽者的不同色彩主觀感受：2.1.主觀色彩即個人主觀的色彩認(rèn)識，由于每個人、民族、國家的理解不一樣，可能偏向于不同的色彩基調(diào)，必須考慮不同性別、年齡、文化、習(xí)慣、地區(qū)、民族的差異性色彩元素。2.2.客觀色彩即多數(shù)人對色彩的普遍認(rèn)識。例如，藍(lán)色給人以冷的感覺但有同時(shí)又有肅靜、規(guī)整之感；黃色和紅色給人以溫暖和熱烈的感覺同時(shí)又有警告、提示的作用；金色、紫色給人以高貴的感覺同時(shí)又有浮夸之感；黑色給人以沉

11、穩(wěn)的感覺同時(shí)又有肅穆的感覺；灰色給人以干凈樸素的感覺同時(shí)又有悲傷之感；彩色一般用于節(jié)日表示歡快興奮的感覺但也可能是花哨的感覺。所以感情色彩也可以說是色彩感情，將其與網(wǎng)頁頁面設(shè)計(jì)想融合，使人們根據(jù)其認(rèn)知、印象和習(xí)慣等進(jìn)行聯(lián)想，獲得主觀理解。2.3.各國色彩風(fēng)格中國人喜歡紅色、黃色、黃綠，不喜歡黑、白、灰三色，白色、灰色是的悲傷的色調(diào)，紅色是喜慶的色調(diào)。在日本校服基本上都是藍(lán)色、白色的，藍(lán)色象征著年輕，象征著有活力。在葬禮上一般都要求穿戴黑色的衣服，以示對死者的尊敬。在辦大壽或者是舉行成人禮時(shí)一般穿戴紅色的衣服。日本的神官和僧侶的衣物是白色的，在他們看來這樣能給人帶來潔凈神圣之感，凸顯他們的地位，

12、而在中國則是運(yùn)用金色或者紫色來襯托華貴的氣質(zhì)。2.3.網(wǎng)頁設(shè)計(jì)中視覺色彩設(shè)計(jì)的應(yīng)用分析色彩使人產(chǎn)生各種不同的心理感受，由于每個人的性別、年齡、文化、習(xí)慣等不同，對不同的色彩所產(chǎn)生的心理效應(yīng)就不同，因此，網(wǎng)頁版面的色彩設(shè)計(jì)要站從瀏覽者的色彩心理角度出發(fā)完成網(wǎng)頁設(shè)計(jì)。2.3.1.電子商務(wù)類網(wǎng)站色彩設(shè)計(jì)電子商務(wù)類網(wǎng)站其頁面設(shè)計(jì)風(fēng)格偏簡潔，注重信息的傳達(dá)，要求其排版能夠被瀏覽者更好的接受，是商家與客戶的交流平臺。其色彩的選擇偏向于穩(wěn)重的色調(diào)，不會使用太多的色彩。根據(jù)不同的產(chǎn)品、產(chǎn)品特性結(jié)合消費(fèi)客戶群進(jìn)行色彩選擇搭配，考慮產(chǎn)品性質(zhì)、消費(fèi)者的喜好。（如圖2-1）淘寶網(wǎng)作為中國使用者最多的電子商務(wù)網(wǎng)站，因?yàn)?/p>

13、它的商品種類較多，所以它在背景色的選擇上偏向于干凈整潔的白色，在看上去舒服整潔大方的同時(shí)又不讓消費(fèi)者產(chǎn)生視覺疲勞。以橙色作為主色調(diào)，使消費(fèi)者產(chǎn)生溫馨的感覺。因?yàn)殡娮由虅?wù)網(wǎng)站的商品圖片較多，選擇橙色能夠搭配更多的色彩而不會顯得不協(xié)調(diào)，使整體版面看起來色澤豐滿、視覺感受舒適化，這不得不得不佩服其設(shè)計(jì)的色彩選擇能力。圖片2-12.3.2時(shí)尚類網(wǎng)站色彩設(shè)計(jì)時(shí)尚類網(wǎng)站一般都選用偏向于簡潔的色調(diào)，配合其高清晰度的圖片進(jìn)行精簡的布局能夠使整體看上去精簡、時(shí)尚，這樣做的好處是能夠把頁面中的高清圖片最直接的顯示在瀏覽者的眼中，給其留下深刻的印象。如圖2-2國際品牌的bcbgmaxazria官方網(wǎng)站，該品牌的服裝

14、設(shè)計(jì)具有時(shí)尚、個性都市，能夠博得很多消費(fèi)者的青睞。網(wǎng)頁的背景色彩運(yùn)用了灰色與白色的搭配，體現(xiàn)出官方網(wǎng)站的穩(wěn)重與莊重，版面的右側(cè)有紅色、深藍(lán)色的圖片，即遵守原有風(fēng)格又通過增添了變化，增強(qiáng)了時(shí)尚感。圖2-23.網(wǎng)頁設(shè)計(jì)中的圖形設(shè)計(jì)通過對諸多網(wǎng)站的了解我發(fā)現(xiàn)一個規(guī)律，大部分網(wǎng)站的圖片信息多余文字信息，圖片在網(wǎng)頁一個網(wǎng)頁中占據(jù)了很大一部分的版面，因?yàn)閳D片更容易被人們接受，特別是在中國，左腦是處理圖片信息的，右腦是處理文字信息的，所以說圖片的視覺接受能力是大于文字的。但這并不是意味著文字表現(xiàn)力與信息傳達(dá)特征可以忽視，而是該讓圖片在視覺信息上輔助文字，幫助瀏覽者更直觀的解讀信息。因?yàn)閳D片能具體而直接地把所

15、需要傳達(dá)的信息高素質(zhì)、高境界地傳達(dá)給瀏覽者，使本來平淡無奇的事物變成強(qiáng)有力的綜合信息，體現(xiàn)更強(qiáng)烈的表達(dá)性。圖片在網(wǎng)頁排版中能夠起到吸引視覺的作用引導(dǎo)其閱讀文字，這一點(diǎn)能夠在新聞媒體類網(wǎng)站里很直觀的感受到，好的標(biāo)題好的插圖往往更能提高點(diǎn)擊量閱讀量，圖片不經(jīng)能夠吸引瀏覽者的目光還能起到輔助閱讀的作用。網(wǎng)頁頁面設(shè)計(jì)的手法和平面設(shè)計(jì)有很多共同之處，在平面設(shè)計(jì)中的點(diǎn)、線、面的設(shè)計(jì)原理依舊適用于網(wǎng)頁頁面設(shè)計(jì)。語言的傳遞不能夠跨越地域，即便是英文，而圖片作為視覺的語言它的傳遞能夠跨越種族、文化及地域的茶語有效的傳遞給每位瀏覽者。沒有一個網(wǎng)頁是能夠說摒棄圖片而存在的，有的網(wǎng)頁甚至只有圖形。圖形具有引起人們的注

16、意的能力，誘使瀏覽者去閱讀，其原因就是圖形不像文字那么枯燥，適當(dāng)?shù)膽?yīng)用圖形穿插在網(wǎng)頁設(shè)計(jì)之中，可以優(yōu)化網(wǎng)頁的視覺效果，提高其閱讀質(zhì)量、信息傳達(dá)效率，吸引更多瀏覽者。3.1.網(wǎng)頁設(shè)計(jì)中點(diǎn)的應(yīng)用點(diǎn)作為版式設(shè)計(jì)中最小的單位，它能夠被靈活的運(yùn)用的各個地方，具有構(gòu)圖自由的特點(diǎn)，能夠調(diào)節(jié)畫面的整體效果活躍氣氛。所有的造型依賴于點(diǎn)的構(gòu)造，是視覺要素構(gòu)成的基本元素?？刀ㄋ够f：“點(diǎn)本質(zhì)上是最簡潔的形”。在平面設(shè)計(jì)中點(diǎn)不僅存在大小和形狀的差異，而且還擁有不同的組合方式。點(diǎn)還具有音樂的節(jié)奏和韻律感，它們通過連續(xù)、間隔及方向性來表現(xiàn)出時(shí)間感。(如圖3-1)點(diǎn)通過不同的形式或組合方式能夠產(chǎn)生不同的視覺效果。不難看出點(diǎn)

17、在平面設(shè)計(jì)構(gòu)成中占據(jù)著重要的作用。點(diǎn)除了圓形以外，還有方形、三角形、星形、自由形等形狀。在視覺宏觀角度上來看板塊的組合就是點(diǎn)的排布。一般的平面設(shè)計(jì)中的點(diǎn)元素是靜態(tài)的，網(wǎng)頁頁面設(shè)計(jì)中有時(shí)點(diǎn)是靜態(tài)的，有時(shí)也可以是動態(tài)的。靜態(tài)的點(diǎn)是指靜止不動的點(diǎn)；動態(tài)的點(diǎn)是指通過多媒體技術(shù)讓點(diǎn)在平面甚至是空間上動起來。因此網(wǎng)頁設(shè)計(jì)中的點(diǎn)就能更加靈活多變，動態(tài)的點(diǎn)相對靜態(tài)的點(diǎn)更能吸引瀏覽者的目光，因此點(diǎn)是網(wǎng)頁設(shè)計(jì)中非常重要的元素，也是最基本的元素。在網(wǎng)頁頁面設(shè)計(jì)中，一方面可以運(yùn)用點(diǎn)可以將事物傳達(dá)的意念概括為點(diǎn)的結(jié)構(gòu)，從而創(chuàng)造出各種各樣的點(diǎn)造型，在畫面中起到“點(diǎn)睛”的作用。另一方面也可以將點(diǎn)進(jìn)行重復(fù)、漸變、密集的排列組

18、合，產(chǎn)生不同的視覺形式。(如圖32)相同大小、同一形式的點(diǎn)造型組成了曲折線結(jié)構(gòu)，給人以律動感，清晰的表達(dá)了導(dǎo)航的概念，目光隨著這些點(diǎn)的移動形成無形的線。從形式美的角度去重新認(rèn)識網(wǎng)頁設(shè)計(jì)中的點(diǎn)，合理的運(yùn)用它的視覺特性，了解它的變幻規(guī)律是網(wǎng)頁設(shè)計(jì)的基礎(chǔ)，再在基礎(chǔ)上結(jié)合人類視覺慣性和心理效應(yīng)，用全新的設(shè)計(jì)模式與風(fēng)格表現(xiàn)出來，才能創(chuàng)造出優(yōu)秀的網(wǎng)頁。3.2.網(wǎng)頁設(shè)計(jì)中線的應(yīng)用點(diǎn)的移動形成線，在現(xiàn)實(shí)生活中，隨手畫的一根線可以反映出你此時(shí)的心情，線是有性格的。在網(wǎng)頁頁面設(shè)計(jì)之中穿插各種優(yōu)美的線條，或曲線、或直線又或者是折線，或粗、或細(xì)，能夠使網(wǎng)頁頁面感情化，從而引起瀏覽者情感上的的共鳴。曲線具有婉轉(zhuǎn)幽遠(yuǎn)的意

19、境；直線簡潔明了；折線曲折硬朗；虛線若影若現(xiàn)；細(xì)線溫柔典雅。虛虛實(shí)實(shí)、曲折剛直的風(fēng)格使得網(wǎng)頁頁面的感情浮現(xiàn)于瀏覽者的眼前。邁耶在視覺美學(xué)中寫的一句話，“線條能產(chǎn)生一種視覺上的聯(lián)系，并且是視覺藝術(shù)中各因素之間最為重要的溝通方式。”所以在設(shè)計(jì)網(wǎng)頁時(shí)設(shè)計(jì)師更應(yīng)注重作品中線條的運(yùn)用。在網(wǎng)頁設(shè)計(jì)中可以通過對不同性格的線或者不同類型的線進(jìn)行組合能起到豐富網(wǎng)頁視覺效果的作用。在今天線條更是被賦予了時(shí)代感，它在網(wǎng)頁設(shè)計(jì)中起了舉足輕重的作用。它除了塑造形象的作用以外還主要起分割頁面空問布局的作用，線能將信息條理化，也可以將各個重要的信息連接起來，明晰地表達(dá)設(shè)計(jì)的脈絡(luò)結(jié)構(gòu)以便于瀏覽。3.3.網(wǎng)頁設(shè)計(jì)中面的應(yīng)用線的

20、平移形成面，面分可分為平面和曲面兩類。面是頁面布局中不可缺少的元素，對面合理運(yùn)用可以合理分配頁面空間。“面形”的輪廓及其內(nèi)部質(zhì)感等因素使得面具有表意性。例如：面形的邊框是虛線組成的時(shí)候就比實(shí)線邊框的面顯得柔軟，這樣具有緩沖視覺的效果。面的造型可用添加陰影方法來體現(xiàn)立體感，也可以通過改變其色彩、扭曲、透明度，這樣就可以產(chǎn)生韻律、動態(tài)、透明和錯覺的感覺。不同形狀的面也能傳達(dá)出某種意韻比如：矩形給人的感覺是工整，三角形象征著穩(wěn)定，星形象征著閃亮或者能代表重點(diǎn)，圓形有著圓潤生生不息的意境，六邊形構(gòu)圖空間的完美利用，給人以科學(xué)、未來的感覺。網(wǎng)頁設(shè)計(jì)中很多圖形圖像都采用方形，原因之一是網(wǎng)頁制作時(shí)比較簡便，

21、方形屬于直接、有效的設(shè)計(jì)元素。(如圖44)學(xué)院進(jìn)入頁面設(shè)計(jì)，圓角方形的應(yīng)用，使得頁面感覺穩(wěn)健大方，同時(shí)充滿親切和生命感。3.3.網(wǎng)頁設(shè)計(jì)中圖形的應(yīng)用圖形是網(wǎng)頁設(shè)計(jì)的重要因素?！癎raphic”意譯成中文就是圖形， “design”的意思就是設(shè)計(jì)，“Graphic Design”翻譯成中文就是“平面設(shè)計(jì)”，所以說平面設(shè)計(jì)就是對圖形的設(shè)計(jì)。網(wǎng)頁設(shè)計(jì)師可以通過對圖形的設(shè)計(jì)的設(shè)計(jì)傳達(dá)出一種理念，也就是說借助圖形來傳遞設(shè)計(jì)者的思想，圖形成為了設(shè)計(jì)師意念的載體，使圖形成為信息傳達(dá)的載體，并通過各種媒介傳遞到受眾眼中，使其自主翻譯成信息。在網(wǎng)頁設(shè)計(jì)中合理的運(yùn)用圖形的信息傳達(dá)功能，能夠左右瀏覽者視覺流程，人類

22、的視覺習(xí)慣是由左到右，可是適當(dāng)?shù)母淖儓D形就能夠影響這種視覺習(xí)慣。（如圖4-6）如果圖形的大小是一樣的那么作為一般人的視覺流程是由左到右，可是改變了圖形的大小及深淺，那么視覺不由自主的會由中心再到左邊再到右邊。這種非直接性的視覺語言更具有強(qiáng)烈的藝術(shù)魅力和個性色彩。4.網(wǎng)頁設(shè)計(jì)中的文字編排文字在平面設(shè)計(jì)中主要表現(xiàn)為對信息的傳達(dá)，根據(jù)信息傳達(dá)和設(shè)計(jì)要求的不同也就要求對文字進(jìn)行設(shè)汁。對文字的設(shè)計(jì)是研究文字的筆畫、結(jié)構(gòu)、字距、行間以及編排等藝術(shù)規(guī)律。字的設(shè)計(jì)不僅僅是為，求得形式上的美，形體與用色搭配的和諧，更重要的是應(yīng)使每個字體形態(tài)都富有個性、明晰簡練、易于識別，并表現(xiàn)每個詞句的內(nèi)涵與象征意義。(如圖4

23、-8)文字是信息傳達(dá)中必不可缺的元素，在網(wǎng)頁設(shè)計(jì)中文字部分通常占據(jù)不小的比例，其表現(xiàn)的好壞也影響到整個網(wǎng)頁的視覺質(zhì)量。網(wǎng)頁設(shè)計(jì)的最大任務(wù)是在保證其功能性的基礎(chǔ)上最大限度的提升視覺美感。現(xiàn)有不少網(wǎng)頁設(shè)計(jì)者，缺乏對文字的理解和運(yùn)用，未考慮文字編輯的整體效果，使其功能性與可視性背道而馳?？桃鈱迨椒诺降谝晃唬鲆曃淖肿鳛閭鬟_(dá)內(nèi)容和表達(dá)信息的功能，導(dǎo)致頁面繁雜凌亂，無法為瀏覽者提供清晰明確的視覺印象過多的裝飾變化使人難認(rèn)、難懂、難讀。4.1. 網(wǎng)頁設(shè)計(jì)中字體的選擇文本的設(shè)計(jì)受到技術(shù)環(huán)境的影響很大，要想文本在所有計(jì)算機(jī)上都能正常顯示，一般是采用計(jì)算機(jī)本身的字體，常用字體有黑體、宋體等，還有一種方法就是將

24、文字圖形化，但是這樣會導(dǎo)致網(wǎng)頁速度降低，所以不適合大面積使用。4.2. 網(wǎng)頁設(shè)計(jì)中字號的選擇網(wǎng)頁版式中使用的字體應(yīng)該要清晰明了，字體與版式的風(fēng)格以及主題都該保持一致。一個版面中一般選擇2-4種字體是比較適合的。版面的形象是受制于文字字號的大小，字號大的文字構(gòu)成的版面就會給人留下自信、有力的印象，字號小的文字構(gòu)圖就會給人留下嚴(yán)謹(jǐn)、精致的感覺。文字設(shè)計(jì)風(fēng)格要根據(jù)網(wǎng)頁版式中信息內(nèi)容的特點(diǎn)來設(shè)計(jì)的，不能脫離實(shí)際內(nèi)容。例如政府部門網(wǎng)頁的文字就應(yīng)該莊嚴(yán)規(guī)范，字體造型有規(guī)有矩的；休閑娛樂類網(wǎng)站，字體應(yīng)該輕快活潑，節(jié)奏感強(qiáng)。如圖3，英國cupcake創(chuàng)意設(shè)計(jì)工作室，版式中對比強(qiáng)烈的文字襯托出工作室的前衛(wèi)、創(chuàng)新

25、、時(shí)尚。圖35.視覺流程視覺流程是一個視覺傳達(dá)過程是以人的生理和心理習(xí)慣的認(rèn)知模式來進(jìn)行的。視覺流程的形成是由人類的視覺特性所決定的。因?yàn)槿搜劬w結(jié)構(gòu)的生理構(gòu)造，只能產(chǎn)生一個焦點(diǎn)，而不能同時(shí)把視線停留在兩處或兩處以上的地方。視覺心理的研究發(fā)現(xiàn)，人們在閱讀一種信息時(shí)。視覺總有一種自然的流動習(xí)慣，先看什么，后看什么，再看什么。普遍的是由左至右，由上至下其注意值逐步遞減，在此流動線上的個點(diǎn)，都會比流動線以外的任何點(diǎn)明顯，這種流動線稱為“視覺流程”。（如圖4-12)視覺流程往往會體現(xiàn)出比較明顯的方向感，它無形中形成一種脈絡(luò)，似乎有一條線、一股氣貫穿其中，使整個版面的運(yùn)動趨勢有一個主旋律。但有趣的是，視

26、覺流程不是一成不變的，中國畫中的“S”布局（如圖4-12)與“計(jì)白當(dāng)黑”的法則，會使界面空問形成“間離效果”與“極限”對比的尖銳化狀態(tài)。心理學(xué)家葛斯泰在研究畫面視覺規(guī)律時(shí)。結(jié)論為上側(cè)的視覺訴求力強(qiáng)于下側(cè)，左側(cè)的視覺訴求力強(qiáng)于右側(cè)。因此，界面的左上部或中上部稱“最佳視域”。如圖(412)空間的構(gòu)成方面自然要注意對于最佳視域的正確選擇與把握。網(wǎng)頁中的多媒體動態(tài)元素會對人的視覺流程產(chǎn)生很大的影響。視覺流程在平面設(shè)計(jì)中有一定的規(guī)律可循，然而它是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運(yùn)用。在網(wǎng)頁設(shè)計(jì)中靈活而合理的運(yùn)用視覺流程和最佳視域，組織好自然

27、流暢的視覺導(dǎo)向，直接影響到傳播者傳達(dá)信息的準(zhǔn)確和有效性。6.網(wǎng)頁設(shè)計(jì)中平面視覺元素的特性隨著網(wǎng)絡(luò)時(shí)代的發(fā)展，網(wǎng)頁的應(yīng)用已深入到人們生活的各個領(lǐng)域，同時(shí)它也通過其時(shí)效、精煉、速達(dá)的視覺語言達(dá)到信息設(shè)計(jì)交流和傳遞的目的。在網(wǎng)頁界面設(shè)計(jì)中恰當(dāng)?shù)厥褂闷矫嬉曈X元素語言較之其它語言來說，能收到更好的效果。作為一門全新設(shè)計(jì)領(lǐng)域的平面視覺語言它需要滿足以下幾個特性：6.1.注目性注目性是指頁面形象要能引起瀏覽者視覺的注意。這種注意同視覺形象的結(jié)構(gòu)、大小、方位、環(huán)境、色彩因素有關(guān)?，F(xiàn)代社會環(huán)境，變化萬千，信息流動性強(qiáng)，使瀏覽者的注意力不易集中，如果沒有引起瀏覽者足夠注意的因素，設(shè)計(jì)信息的傳達(dá)就很難進(jìn)行，于是加強(qiáng)

28、注目性和視認(rèn)度便成了網(wǎng)頁界面設(shè)計(jì)師必須追求和注意的，因此在設(shè)計(jì)時(shí)往往采用概括簡潔、生動鮮明的視覺語言，通過對圖形或色彩的創(chuàng)意變化，將用文字或聽覺語言都難以表達(dá)清楚的含義表達(dá)出來，這種表達(dá)方式利于吸引視線和注意力，可以產(chǎn)生事半功倍的效果。6.2.適應(yīng)性作為信息社會中的視覺語言，要想達(dá)到信息傳播的目的，就必須具有適應(yīng)性特征。作為界面設(shè)計(jì)中的視覺語言，要非常重視現(xiàn)代社會的特點(diǎn)以及受傳者的文化層次、生理、心理因素，從尊重瀏覽者的習(xí)慣心理和公認(rèn)原則出發(fā)，體現(xiàn)出適應(yīng)性特征，如果視覺語言運(yùn)用中沒有考慮到體現(xiàn)這一特征，就會出現(xiàn)頁面形象和色彩設(shè)計(jì)的隨意性，影響到信息瀏覽。6.3.記憶性所謂記憶性是指形象能長期地

29、記憶于腦中，并能形成一定的條件反射。它充分利用各種構(gòu)成因素，通過均衡、調(diào)和、動靜對比、視覺誘導(dǎo)、結(jié)構(gòu)比例等關(guān)系要素設(shè)計(jì)，使其成為強(qiáng)有力的圖形構(gòu)成。簡潔、概括、通俗的視覺語言給受傳者提供正確而印象深刻的視覺信號，并賦予網(wǎng)頁界面作品新穎、醒目的藝術(shù)魅力，引起公眾對視覺形象的注意和長久的記憶。6.4.確定性人的視覺、聽覺等感官，都是人們心理活動的觸發(fā)點(diǎn)。瀏覽者隨著視覺信息的接受，總會產(chǎn)生一系列的心理活動，完成從興趣到聯(lián)想再到行動這一心理活動過程。視覺元素語言發(fā)揮作用亦是按照這一心理活動的規(guī)律，借助簡潔的頁面形象和色彩引導(dǎo)瀏覽者向一定的方向集中注意力從而產(chǎn)生正確的認(rèn)識。所以，視覺元素語言立意都應(yīng)明確、簡潔、可靠，注意防止