網(wǎng)頁(yè)設(shè)計(jì)之視覺(jué)信息傳達(dá)分析
來(lái)源:中信時(shí)代網(wǎng)絡(luò)科技 | 作者:admin | 時(shí)間:2014-12-20 | 點(diǎn)擊量:2457
進(jìn)入21世紀(jì),人類(lèi)社會(huì)端莊歷著從原子期間向數(shù)字期間的變化,新世紀(jì)的天是互聯(lián)網(wǎng)的天,互聯(lián)網(wǎng)正在全天下舉行著越來(lái)越深刻的革命?;ヂ?lián)網(wǎng)代表著一種極新的信息交換方法,它使信息的流傳突破了傳統(tǒng)的政治、經(jīng)濟(jì)、地區(qū)及文化的隔絕,使信息轉(zhuǎn)達(dá)的范疇、速率與服從都產(chǎn)生了質(zhì)的奔騰?;ヂ?lián)網(wǎng)是由成千上萬(wàn)的網(wǎng)站構(gòu)成,而每個(gè)網(wǎng)站都是由諸多網(wǎng)頁(yè)構(gòu)成,故網(wǎng)頁(yè)是構(gòu)成互聯(lián)網(wǎng)的根本元素。我國(guó)這兩年的網(wǎng)絡(luò)生長(zhǎng)非???,網(wǎng)站數(shù)目也以倍率增長(zhǎng),然而網(wǎng)頁(yè)的計(jì)劃卻不容樂(lè)觀。除了一些大的專(zhuān)業(yè)網(wǎng)站在版面的編排上比力講求之外,其他很少見(jiàn)到界面計(jì)劃講求、美術(shù)創(chuàng)意良好的中文網(wǎng)站。實(shí)在談到網(wǎng)頁(yè)計(jì)劃就不克不及不說(shuō)到網(wǎng)絡(luò)視覺(jué)信息的編排及歸類(lèi),這是網(wǎng)頁(yè)計(jì)劃的特點(diǎn),也是身處于信息化、數(shù)字化確當(dāng)今計(jì)劃者所必須具備的根本本質(zhì)。由于網(wǎng)絡(luò)自己便是一個(gè)處置處罰信息的巨型平臺(tái),計(jì)劃者必須充實(shí)了解網(wǎng)絡(luò),了解網(wǎng)絡(luò)的特性,才氣使計(jì)劃越發(fā)得當(dāng)于網(wǎng)絡(luò)上的流傳。
一 網(wǎng)頁(yè)計(jì)劃中的視覺(jué)流程
網(wǎng)頁(yè)是通過(guò)視覺(jué)元素的引人注目而實(shí)現(xiàn)信息內(nèi)容的轉(zhuǎn)達(dá),為了使網(wǎng)頁(yè)得到最大的視覺(jué)轉(zhuǎn)達(dá)功效,使網(wǎng)絡(luò)真正成為可讀強(qiáng)性并且新鮮的媒體,網(wǎng)頁(yè)的計(jì)劃必須順應(yīng)人們視覺(jué)流向的生理和生理的特點(diǎn),由此確定種種視覺(jué)構(gòu)成元素之間的干系和秩序。因此,計(jì)劃時(shí)應(yīng)該研究種種視覺(jué)造型元素之間的間隔、位置、面積和視覺(jué)流程的題目。
視覺(jué)流程的形成是由人類(lèi)的視覺(jué)特性所決定的。由于人眼晶體布局的生理構(gòu)造,只能產(chǎn)生一個(gè)核心,而不克不及同時(shí)把視線停頓在兩處或兩處以上的地方。人們?cè)陂喿x一種信息時(shí),視覺(jué)總有一種天然的活動(dòng)風(fēng)俗,先看什么,后看什么,再看什么。視覺(jué)流程每每會(huì)表現(xiàn)出比力顯著的偏向感,它無(wú)形中形成一種脈絡(luò),彷佛有一條線、一股氣貫串此中,使整個(gè)版面的活動(dòng)趨向有一個(gè)主旋律。生理學(xué)的研究評(píng)釋?zhuān)谝粋€(gè)平面上,上半部讓人輕松和從容,下半部則讓人穩(wěn)固和克制。同樣,平面的左半部讓人輕松和從容,右半部讓人穩(wěn)固和克制。以是平面的視覺(jué)影響力上方強(qiáng)于下方,左側(cè)強(qiáng)于右側(cè)。如許平面的上部和中上部被稱(chēng)為“最佳視域”,也便是最優(yōu)選的地方。
在網(wǎng)頁(yè)計(jì)劃中一些突出的信息,如主標(biāo)題、每天更新的內(nèi)容等通常都放在這個(gè)位置。固然視覺(jué)流程是一種感覺(jué)而非確切的數(shù)學(xué)公式,只要符合人們了解歷程的生理次序和頭腦生長(zhǎng)的邏輯次序,就可以更為機(jī)動(dòng)地運(yùn)用。在網(wǎng)頁(yè)計(jì)劃中,機(jī)動(dòng)而公道地運(yùn)用視覺(jué)流程和最佳視域,構(gòu)造晴天然流通的視覺(jué)導(dǎo)向,直接影響到流傳者轉(zhuǎn)達(dá)信息的正確與有用性。以是在網(wǎng)頁(yè)的編輯計(jì)劃中,視覺(jué)導(dǎo)向是一個(gè)要點(diǎn),網(wǎng)頁(yè)的計(jì)劃是一種創(chuàng)造,起首要駐足信息的轉(zhuǎn)達(dá),但又要符合人們較為廣泛的頭腦風(fēng)俗,做到視覺(jué)流程天然、公道、痛快酣暢。樂(lè)成的視覺(jué)流程擺設(shè),能使網(wǎng)頁(yè)上的種種信息要素在肯定空間內(nèi)公道漫衍,能使頁(yè)面上各信息要素的位置、間隙、巨細(xì)連結(jié)肯定的節(jié)拍感和美感。
二 網(wǎng)頁(yè)計(jì)劃的審美需求
網(wǎng)頁(yè)計(jì)劃是一門(mén)新興的計(jì)劃類(lèi)和網(wǎng)絡(luò)的交織學(xué)科,近幾年隨著網(wǎng)絡(luò)的生長(zhǎng)而漸漸受到人們的器重,它自己以網(wǎng)絡(luò)為載體,把種種信息以最快捷、方便的方法轉(zhuǎn)達(dá)給受眾,在這種尺度的要求下,漸漸產(chǎn)生了審美的需求。人們對(duì)美的尋求是不停深入的,網(wǎng)頁(yè)計(jì)劃同樣云云。網(wǎng)頁(yè)不但是把種種工具放上去,能看就行,這是遠(yuǎn)遠(yuǎn)不敷的!要思量怎樣使受眾能更好地和更有用率地吸收網(wǎng)頁(yè)上的信息。這就必要從審美的方面入手,制作出清楚、團(tuán)體性好的頁(yè)面。使人欣賞起來(lái)心情痛快,吸收信息也會(huì)越發(fā)容易。網(wǎng)頁(yè)計(jì)劃的審美需求是對(duì)平面視覺(jué)轉(zhuǎn)達(dá)計(jì)劃美學(xué)的一種承繼和延伸。兩者的表現(xiàn)情勢(shì)和目標(biāo)都有肯定的相似性,把傳統(tǒng)平面計(jì)劃中美的情勢(shì)紀(jì)律同當(dāng)代的網(wǎng)頁(yè)計(jì)劃的詳細(xì)題目相聯(lián)合起來(lái),運(yùn)用一些平面計(jì)劃中美的根本情勢(shì)到網(wǎng)頁(yè)中去,增長(zhǎng)網(wǎng)頁(yè)計(jì)劃的美感和大眾的視覺(jué)審美需求。
我們常常所說(shuō)的如變化和同一、層次與重復(fù)、比擬和調(diào)和、均齊與均衡等,對(duì)網(wǎng)頁(yè)中筆墨、圖形、色彩的計(jì)劃都是非常有用的視覺(jué)紀(jì)律。起首,網(wǎng)頁(yè)的內(nèi)容與情勢(shì)的表現(xiàn)必須同一和具有秩序,情勢(shì)表現(xiàn)必須聽(tīng)從內(nèi)容要求,網(wǎng)頁(yè)上的種種構(gòu)成要素之間的視覺(jué)流程,能天然而有序地到達(dá)信息訴求的重點(diǎn)位置。在我們把大量的信息塞到網(wǎng)頁(yè)上去的時(shí)間,思量怎樣把它們以公道的同一的方法來(lái)排布,使團(tuán)體感強(qiáng)同時(shí)又要有變化。怎樣使它們脈絡(luò)清楚又富有清楚的視覺(jué)結(jié)果等等。如許使頁(yè)面更富厚,更有負(fù)氣,看起來(lái)就不感觸枯燥。其次,突出主題要素,必須在浩繁構(gòu)成要素中突出一個(gè)清楚的主體,它應(yīng)盡大概地成為閱讀時(shí)視線活動(dòng)的出發(fā)點(diǎn)。要是沒(méi)有這個(gè)主體要素,欣賞者的視線將會(huì)無(wú)所適從,大概導(dǎo)致視線活動(dòng)偏離計(jì)劃的初志。網(wǎng)頁(yè)計(jì)劃中各構(gòu)成要素在組適時(shí),要細(xì)致其布局的輕龐巨細(xì)、虛實(shí)、幾多等比擬因素,增強(qiáng)視覺(jué)力度,以強(qiáng)化頁(yè)面的團(tuán)體吸引力。作為情勢(shì)美的規(guī)則,隨著期間的差別而不停生長(zhǎng)前進(jìn),分外在生存節(jié)拍云云快的互聯(lián)網(wǎng)期間,由于尋求目標(biāo)的變化,人們的審雅看法也在不停地變化,但是美的本質(zhì)是一樣的,同時(shí)隨著技能的生長(zhǎng),許多現(xiàn)在不容易實(shí)現(xiàn)的審美情勢(shì)也漸漸被降服,突破帶寬的瓶頸,就會(huì)給網(wǎng)頁(yè)計(jì)劃的自若生長(zhǎng)帶來(lái)一片新的天地。
三 網(wǎng)頁(yè)中各構(gòu)成要素闡發(fā)
對(duì)付網(wǎng)頁(yè)計(jì)劃來(lái)講,其信息內(nèi)容的有用轉(zhuǎn)達(dá)是通過(guò)將種種構(gòu)成要素的計(jì)劃編排來(lái)實(shí)現(xiàn)的。網(wǎng)頁(yè)的構(gòu)成要素包羅筆墨、圖形、圖象、標(biāo)記、色彩等造型要素及標(biāo)題、信息菜單、信息正文、口號(hào)、單元名稱(chēng)等內(nèi)容要素。
1.筆墨的編排與計(jì)劃
筆墨作為信息轉(zhuǎn)達(dá)的重要本領(lǐng)現(xiàn)在也是網(wǎng)頁(yè)計(jì)劃的主體,筆墨是網(wǎng)頁(yè)中必不行少的元素,也是網(wǎng)頁(yè)中的重要信息形貌要素,以是網(wǎng)頁(yè)中筆墨將占據(jù)相稱(chēng)大的面積,筆墨表現(xiàn)的好與壞將影響到整個(gè)網(wǎng)頁(yè)的質(zhì)量。網(wǎng)頁(yè)筆墨的重要功效是轉(zhuǎn)達(dá)種種信息,而要到達(dá)這種轉(zhuǎn)達(dá)的有用性,必須思量筆墨編輯的團(tuán)體結(jié)果,能給人以清楚的視覺(jué)印象,制止頁(yè)面繁雜龐雜,減去不必要的裝飾變化,使人易認(rèn)、易懂、易讀。不克不及為造型而編輯,忘記了筆墨自己是轉(zhuǎn)達(dá)內(nèi)容和表達(dá)信息的主題。
網(wǎng)頁(yè)筆墨編排與計(jì)劃,重要的一點(diǎn)在于要聽(tīng)從信息內(nèi)容的性子及特點(diǎn)的要求,其氣勢(shì)派頭要與內(nèi)容特性相符合,而不是相離開(kāi),更不克不及相互辯論。如當(dāng)局網(wǎng)頁(yè)其筆墨具有端莊和范例的特質(zhì),字體造型規(guī)整而有序,簡(jiǎn)便而大方;休閑旅游類(lèi)內(nèi)容網(wǎng)頁(yè),筆墨編輯應(yīng)具有高興輕巧的氣勢(shì)派頭,字體生動(dòng)生動(dòng),跳躍明快,有光顯的節(jié)拍感,給人以生機(jī)盼望盎然的感覺(jué);有關(guān)汗青文化教誨方面的網(wǎng)頁(yè),字體編輯可具有一種蒼勁古樸的意蘊(yùn)、端莊典雅的風(fēng)采或柔美清新的格調(diào);公司網(wǎng)頁(yè)可憑據(jù)行業(yè)性子、企業(yè)理念或產(chǎn)物特點(diǎn),尋求某種富于活力的字體編排與計(jì)劃;小我私家主頁(yè)則可聯(lián)合小我私家的性格特點(diǎn)及尋求,自出機(jī)杼,給人一種猛烈奇特印象。
在網(wǎng)頁(yè)筆墨的編排與計(jì)劃中,由于盤(pán)算機(jī)給我們提供了大量可供選擇的字體,導(dǎo)致字體的變化趨于多樣化。這既為網(wǎng)頁(yè)編輯提供了方便,同時(shí)也對(duì)編排與計(jì)劃的選擇本領(lǐng)提出了磨練。固然可供選擇的字體許多,但在同一網(wǎng)頁(yè)上,利用幾種字體尚需經(jīng)心編輯和思量。一樣通常來(lái)講,同一頁(yè)面上利用的字體種類(lèi)最多只能有三四種。由于文本字體的表現(xiàn)是必要當(dāng)?shù)赜脖P(pán)字體文件的支持的,以是在互聯(lián)網(wǎng)上利用過(guò)多的字體是沒(méi)故意義的。筆墨在視覺(jué)轉(zhuǎn)達(dá)中作為頁(yè)面的形象要素之一,除了表意以外,還具有轉(zhuǎn)達(dá)情感的功效,因而必須具有視覺(jué)上的美感,能給人以優(yōu)美印象,得到良好的生理反響。
2.圖片的編排與計(jì)劃
圖片是筆墨以外最早引入到網(wǎng)絡(luò)中的多媒體工具。網(wǎng)絡(luò)可以圖文并茂地向用戶提供信息,成倍地加大了它所提供的信息量。并且圖片的引入也大大美化了網(wǎng)絡(luò)頁(yè)面。可以說(shuō),要使網(wǎng)頁(yè)在純文本底子上變得更故意見(jiàn)意義,最為簡(jiǎn)便省力的措施便是利用圖片。對(duì)付一條信息來(lái)說(shuō),圖片對(duì)受眾吸引也遠(yuǎn)遠(yuǎn)凌駕單純的筆墨。
網(wǎng)絡(luò)圖片的特點(diǎn):一個(gè)特點(diǎn)是圖片質(zhì)量不需很高。由于網(wǎng)絡(luò)圖片一樣通常只表現(xiàn)于盤(pán)算機(jī)的表現(xiàn)器上,受表現(xiàn)器最小辨別率的限定,縱然圖片的辨別率很高,顏色深度很大,我們的肉眼也常常無(wú)法把它和一幅處置處罰過(guò)的平凡圖片區(qū)離開(kāi)來(lái)。一樣通常來(lái)說(shuō),辨別率為72dpi(dotperinch)是大多數(shù)圖片最佳選擇;另一個(gè)特點(diǎn)是,圖片要只管即便小。網(wǎng)絡(luò)頁(yè)面的圖片用于網(wǎng)絡(luò)的傳輸,受到帶寬的限定,其文件尺寸在肯定范疇內(nèi)越小越好。這也是順應(yīng)信息高速公路的要求。文件的長(zhǎng)度越小,下載的時(shí)間就會(huì)越短。
圖片的位置、面積、數(shù)目、情勢(shì)、偏向等直接干系到網(wǎng)頁(yè)的視覺(jué)轉(zhuǎn)達(dá)。在圖片的選擇和優(yōu)化的同時(shí),應(yīng)思量圖片在團(tuán)體編輯計(jì)劃中的作用,到達(dá)和諧整齊。要到達(dá)如許的結(jié)果,在頁(yè)面圖片的公道選用時(shí),一要細(xì)致同一,二要細(xì)致好看,三要細(xì)致突出重點(diǎn),分外是在處置處罰和相干筆墨編排在一起的圖片刻。
3.色彩的計(jì)劃
網(wǎng)頁(yè)在肯定意義上說(shuō)也是一種藝術(shù)品,由于它既要求筆墨的柔美流通,又要求頁(yè)面的新鮮、整齊,利用色彩可以產(chǎn)生猛烈的視覺(jué)結(jié)果,使頁(yè)面越產(chǎn)生動(dòng)。并且,欣賞者在欣賞網(wǎng)頁(yè)時(shí),留下的第一印象便是頁(yè)面的色彩計(jì)劃,它的優(yōu)劣直接影響閱讀者的撫玩興趣。因此,色彩計(jì)劃在網(wǎng)頁(yè)計(jì)劃中居于非常重要的職位地方。網(wǎng)頁(yè)的色彩計(jì)劃應(yīng)掌握以下幾個(gè)方面:
起首是整個(gè)頁(yè)面的色彩選擇,確定一個(gè)主色調(diào),可以有利于表現(xiàn)網(wǎng)站主題。我們?nèi)缃窨吹降木W(wǎng)頁(yè),一樣通常以淺顏色為配景的居多,如淺灰色、淺黃色、淺藍(lán)色、淺綠色。以淺顏色為底,柔和、素淡,配上深顏色的字,如玄色,讀來(lái)天然、流通,也有利于突出頁(yè)面的重點(diǎn),有利于整個(gè)頁(yè)面的配色,更容易為大多數(shù)人承認(rèn)和掌握。其他一些次要內(nèi)容,如配景圖片、線條相宜接納不搶眼的顏色,以免喧賓奪主。只有少量經(jīng)心選擇的元素,為了突出夸大的必要,才接納豁亮的色彩,這些彩色亮點(diǎn)就會(huì)產(chǎn)生猛烈的視覺(jué)打擊,但要是用得太多了,就會(huì)形成一種勻稱(chēng)的噪聲,而達(dá)不到夸大的結(jié)果。
其次,在配景的色調(diào)搭配上肯定要細(xì)致不克不及有猛烈的比擬,分外是同時(shí)利用色彩對(duì)立的顏色。大面積顏色相宜接納低比度,由于過(guò)于富厚的配景致彩會(huì)影響遠(yuǎn)景圖片和筆墨的取色,嚴(yán)峻時(shí)會(huì)使筆墨溶于配景中,不易辨識(shí)。以是,配景一樣通常應(yīng)以單純?yōu)橐恕R潜匾隙ǖ淖兓栽鲩L(zhǎng)配景的厚度,也應(yīng)是在只管即便同一的條件下的一種變化。比方在制用標(biāo)題時(shí),為尋求奪目標(biāo)視覺(jué)結(jié)果,可用比力深的顏色,配上比擬光顯的字體?,F(xiàn)實(shí)上配景的作用重要在于同一整個(gè)網(wǎng)頁(yè)的氣勢(shì)派頭和情調(diào),對(duì)視覺(jué)的主體起到肯定的烘托和和諧作用,一方面吸引網(wǎng)民的細(xì)致力,另一方面有助于表現(xiàn)網(wǎng)站的主題。
四 竣事語(yǔ)
網(wǎng)頁(yè)作為一種新的視覺(jué)表現(xiàn)情勢(shì),它的生長(zhǎng)固然沒(méi)有多永劫間,它兼容了傳統(tǒng)平面計(jì)劃的特性,又具備其所沒(méi)有的上風(fēng),成為以后信息交換的一個(gè)非常有影響的途徑。網(wǎng)頁(yè)計(jì)劃是一種綜合性的計(jì)劃,它所涉及的范疇非常的廣泛,包羅消耗者生理學(xué)、視覺(jué)計(jì)劃美學(xué)、人機(jī)工程、哲學(xué)等諸多方面,固然也離不開(kāi)肯定的科學(xué)技能生長(zhǎng)。在本文中只從視覺(jué)轉(zhuǎn)達(dá)的角度舉行了一些論述與闡發(fā)。好的網(wǎng)頁(yè)計(jì)劃除起首應(yīng)思量其內(nèi)容上的字斟句酌外,其次便是對(duì)內(nèi)容公道有用的視覺(jué)編排。美是任何網(wǎng)頁(yè)所必須具備的根本因素,網(wǎng)頁(yè)信息不但是為了滿意利用者的需求,更重要的是創(chuàng)造一種愉悅的視覺(jué)情況,使他們有一種滿身心的享受和共鳴。