網(wǎng)頁設(shè)計之視覺信息傳達分析_網(wǎng)頁設(shè)計教程
進入21世紀,人類社會正經(jīng)歷著從原子時代向數(shù)字時代的轉(zhuǎn)變,新世紀的天是互聯(lián)網(wǎng)的天,互聯(lián)網(wǎng)正在全世界進行著越來越深刻的革命。互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式,它使信息的傳播突破了傳統(tǒng)的政治、經(jīng)濟、地域及文化的阻隔,使信息傳達的范圍、速度與效率都產(chǎn)生了質(zhì)的飛躍。互聯(lián)網(wǎng)是由成千上萬的網(wǎng)站組成,而每個網(wǎng)站都是由諸多網(wǎng)頁構(gòu)成,故網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素。我國這兩年的網(wǎng)絡(luò)發(fā)展非�?�,網(wǎng)站數(shù)量也以倍率增長,然而網(wǎng)頁的設(shè)計卻不容樂觀。除了一些大的專業(yè)網(wǎng)站在版面的編排上比較講究之外,其他很少見到界面設(shè)計考究、美術(shù)創(chuàng)意優(yōu)秀的中文網(wǎng)站。其實談到網(wǎng)頁設(shè)計就不能不說到網(wǎng)絡(luò)視覺信息的編排及歸類,這是網(wǎng)頁設(shè)計的特點,也是身處于信息化、數(shù)字化的當(dāng)今設(shè)計者所必須具備的基本素質(zhì)。因為網(wǎng)絡(luò)本身就是一個處理信息的巨型平臺,設(shè)計者必須充分熟悉網(wǎng)絡(luò),了解網(wǎng)絡(luò)的特征,才能使設(shè)計更加適合于網(wǎng)絡(luò)上的傳播。
一 網(wǎng)頁設(shè)計中的視覺流程
網(wǎng)頁是通過視覺元素的引人注目而實現(xiàn)信息內(nèi)容的傳達,為了使網(wǎng)頁獲得最大的視覺傳達功能,使網(wǎng)絡(luò)真正成為可讀強性而且新奇的媒體,網(wǎng)頁的設(shè)計必須適應(yīng)人們視覺流向的心理和生理的特點,由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此,設(shè)計時應(yīng)該研究各種視覺造型元素之間的距離、位置、面積和視覺流程的問題。
視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結(jié)構(gòu)的生理構(gòu)造,只能產(chǎn)生一個焦點,而不能同時把視線停留在兩處或兩處以上的地方。人們在閱讀一種信息時,視覺總有一種自然的流動習(xí)慣,先看什么,后看什么,再看什么。視覺流程往往會體現(xiàn)出比較明顯的方向感,它無形中形成一種脈絡(luò),似乎有一條線、一股氣貫穿其中,使整個版面的運動趨勢有一個主旋律。心理學(xué)的研究表明,在一個平面上,上半部讓人輕松和安閑,下半部則讓人穩(wěn)定和壓抑。同樣,平面的左半部讓人輕松和安閑,右半部讓人穩(wěn)定和壓抑。所以平面的視覺影響力上方強于下方,左側(cè)強于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”,也就是最優(yōu)選的地方。
在網(wǎng)頁設(shè)計中一些突出的信息,如主標題、天天更新的內(nèi)容等通常都放在這個位置。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式,只要符合人們熟悉過程的心理順序和思維發(fā)展的邏輯順序,就可以更為靈活地運用。在網(wǎng)頁設(shè)計中,靈活而合理地運用視覺流程和最佳視域,組織好自然流暢的視覺導(dǎo)向,直接影響到傳播者傳達信息的準確與有效性。所以在網(wǎng)頁的編輯設(shè)計中,視覺導(dǎo)向是一個要點,網(wǎng)頁的設(shè)計是一種創(chuàng)造,首先要立足信息的傳達,但又要符合人們較為普遍的思維習(xí)慣,做到視覺流程自然、合理、暢快。成功的視覺流程安排,能使網(wǎng)頁上的各種信息要素在一定空間內(nèi)合理分布,能使頁面上各信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。
二 網(wǎng)頁設(shè)計的審美需求
網(wǎng)頁設(shè)計是一門新興的設(shè)計類和網(wǎng)絡(luò)的交叉學(xué)科,近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視,它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達給受眾,在這種標準的要求下,逐步產(chǎn)生了審美的需求。人們對美的追求是不斷深入的,網(wǎng)頁設(shè)計同樣如此。網(wǎng)頁不光是把各種東西放上去,能看就行,這是遠遠不夠的!要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手,制作出清楚、整體性好的頁面。使人瀏覽起來心情愉快,接收信息也會更加輕易。網(wǎng)頁設(shè)計的審美需求是對平面視覺傳達設(shè)計美學(xué)的一種繼續(xù)和延伸。兩者的表現(xiàn)形式和目的都有一定的相似性,把傳統(tǒng)平面設(shè)計中美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計的具體問題相結(jié)合起來,運用一些平面設(shè)計中美的基本形式到網(wǎng)頁中去,增加網(wǎng)頁設(shè)計的美感和大眾的視覺審美需求。
我們經(jīng)常所說的如變化和統(tǒng)一、條理與反復(fù)、對比和調(diào)和、均齊與平衡等,對網(wǎng)頁中文字、圖形、色彩的設(shè)計都是十分有效的視覺規(guī)律。首先,網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序,形式表現(xiàn)必須服從內(nèi)容要求,網(wǎng)頁上的各種構(gòu)成要素之間的視覺流程,能自然而有序地達到信息訴求的重點位置。在我們把大量的信息塞到網(wǎng)頁上去的時候,考慮怎樣把它們以合理的統(tǒng)一的方式來排布,使整體感強同時又要有變化。怎樣使它們脈絡(luò)清楚又富有清楚的視覺效果等等。這樣使頁面更豐富,更有生氣,看起來就不感到枯燥。其次,突出主題要素,必須在眾多構(gòu)成要素中突出一個清楚的主體,它應(yīng)盡可能地成為閱讀時視線流動的起點。假如沒有這個主體要素,瀏覽者的視線將會無所適從,或者導(dǎo)致視線流動偏離設(shè)計的初衷。網(wǎng)頁設(shè)計中各構(gòu)成要素在組合時,要注重其結(jié)構(gòu)的輕重大小、虛實、多少等對比因素,加強視覺力度,以強化頁面的整體吸引力。作為形式美的法則,隨著時代的不同而不斷發(fā)展進步,非凡在生活節(jié)奏如此快的互聯(lián)網(wǎng)時代,由于追求目標的變化,人們的審美觀念也在不斷地變化,但是美的本質(zhì)是一樣的,同時隨著技術(shù)的發(fā)展,很多目前不輕易實現(xiàn)的審美形式也逐漸被克服,突破帶寬的瓶頸,就會給網(wǎng)頁設(shè)計的自如發(fā)展帶來一片新的天地。
三 網(wǎng)頁中各構(gòu)成要素分析
對于網(wǎng)頁設(shè)計來講,其信息內(nèi)容的有效傳達是通過將各種構(gòu)成要素的設(shè)計編排來實現(xiàn)的。網(wǎng)頁的構(gòu)成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內(nèi)容要素。
1.文字的編排與設(shè)計
文字作為信息傳達的主要手段目前也是網(wǎng)頁設(shè)計的主體,文字是網(wǎng)頁中必不可少的元素,也是網(wǎng)頁中的主要信息描述要素,所以網(wǎng)頁中文字將占據(jù)相當(dāng)大的面積,文字表現(xiàn)的好與壞將影響到整個網(wǎng)頁的質(zhì)量。網(wǎng)頁文字的主要功能是傳達各種信息,而要達到這種傳達的有效性,必須考慮文字編輯的整體效果,能給人以清楚的視覺印象,避免頁面繁雜零亂,減去不必要的裝飾變化,使人易認、易懂、易讀。不能為造型而編輯,忘記了文字本身是傳達內(nèi)容和表達信息的主題。
網(wǎng)頁文字編排與設(shè)計,重要的一點在于要服從信息內(nèi)容的性質(zhì)及特點的要求,其風(fēng)格要與內(nèi)容特性相吻合,而不是相脫離,更不能相互沖突。如政府網(wǎng)頁其文字具有莊重和規(guī)范的特質(zhì),字體造型規(guī)整而有序,簡潔而大方;休閑旅游類內(nèi)容網(wǎng)頁,文字編輯應(yīng)具有歡快輕盈的風(fēng)格,字體生動活潑,跳躍明快,有鮮明的節(jié)奏感,給人以生氣盎然的感受;有關(guān)歷史文化教育方面的網(wǎng)頁,字體編輯可具有一種蒼勁古樸的意蘊、端莊典雅的風(fēng)范或美麗清新的格調(diào);公司網(wǎng)頁可根據(jù)行業(yè)性質(zhì)、企業(yè)理念或產(chǎn)品特點,追求某種富于活力的字體編排與設(shè)計;個人主頁則可結(jié)合個人的性格特點及追求,別出心裁,給人一種強烈獨特印象。
在網(wǎng)頁文字的編排與設(shè)計中,由于計算機給我們提供了大量可供選擇的字體,導(dǎo)致字體的變化趨于多樣化。這既為網(wǎng)頁編輯提供了方便,同時也對編排與設(shè)計的選擇能力提出了考驗。雖然可供選擇的字體很多,但在同一網(wǎng)頁上,使用幾種字體尚需精心編輯和考慮。一般來講,同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的,所以在互聯(lián)網(wǎng)上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面的形象要素之一,除了表意以外,還具有傳達感情的功能,因而必須具有視覺上的美感,能給人以美好印象,獲得良好的心理反應(yīng)。
分享:網(wǎng)頁設(shè)計師不要做“工具”作者:http://www.openw.cn/本人在一些網(wǎng)站設(shè)計公司做過,發(fā)現(xiàn)幾乎所有的老板和客戶都把設(shè)計師等同于美工或網(wǎng)站制作的工具,認為設(shè)計師只是用來把頁面美化
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-網(wǎng)頁設(shè)計之視覺信息傳達分析
。