作者:三元設(shè)計(jì)搜集整理 文章來(lái)源:視覺中國(guó) 網(wǎng)頁(yè)設(shè)計(jì)是一們新興的設(shè)計(jì)類和網(wǎng)絡(luò)的交叉學(xué)科,近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視,它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達(dá)給受眾。在這種標(biāo)準(zhǔn)的要求下,逐步產(chǎn)生了審美的需求。人們對(duì)美的追求是不斷深入的,網(wǎng)頁(yè)設(shè)計(jì)同樣如此。網(wǎng)頁(yè)不光是把各種東西放上去,能看行,這是遠(yuǎn)遠(yuǎn)不夠的!要考慮如何受眾能更多的和更有效率的接收網(wǎng)頁(yè)上的信息,從而使他們對(duì)給網(wǎng)站留下很好的印象,那更能促進(jìn)自己網(wǎng)站的運(yùn)作。這需要從審美的方面入手,結(jié)合使用方便的要求,能制作出清晰、整體性好的頁(yè)面。使人瀏覽起來(lái)心情愉快,接收信息也會(huì)更加容易。同時(shí)提升網(wǎng)站的形象。運(yùn)用一些平面設(shè)計(jì)中美的基本形式到網(wǎng)頁(yè)中去能是網(wǎng)頁(yè)更加富有美感,例如將平面設(shè)計(jì)中的節(jié)奏與韻律和骨格的形式溶入到網(wǎng)頁(yè)中,這樣會(huì)使內(nèi)容繁多的頁(yè)面更加有條理,也會(huì)是人瀏覽起來(lái)主次分明。當(dāng)然這種美首先建立在頁(yè)面的內(nèi)容充實(shí),而且實(shí)用,一個(gè)內(nèi)容空洞無(wú)物的網(wǎng)頁(yè)既使做得再漂亮也不會(huì)吸引人,頂多贏得幾聲贊嘆,沒有任何的用處。沒有實(shí)用性的東西是不會(huì)具有生命力的。要想將頁(yè)面做的更漂亮,要求設(shè)計(jì)師要用較好的審美方面的素質(zhì),同時(shí)要有豐富的平面設(shè)計(jì)的經(jīng)驗(yàn)。這樣才能在設(shè)計(jì)時(shí)駕輕熟。
由于網(wǎng)頁(yè)的從無(wú)到有,從滿足基本的功能需要到追求美的較為高層次的需要,這是一個(gè)循序漸進(jìn)的過(guò)程。這使人不由得想起工業(yè)革命前夕,很多現(xiàn)代的產(chǎn)品那時(shí)候都沒有,沒有現(xiàn)成的模樣可以參照,產(chǎn)品的設(shè)計(jì)都是滿足基本的功能需要出發(fā),所以做出來(lái)的產(chǎn)品非常粗糙,冷冰冰的,毫無(wú)生氣。由于商業(yè)競(jìng)爭(zhēng)和工業(yè)化大生產(chǎn)的結(jié)果,使得人們不斷的改進(jìn)產(chǎn)品的功能,更為重要的是改進(jìn)產(chǎn)品的外觀,是產(chǎn)品更符合美的需要和使用方便。從而使貨架上出現(xiàn)了琳瑯滿目的漂亮的產(chǎn)品。我想網(wǎng)頁(yè)同樣也是如此,在滿足了基本的功能的要求之后,為了突出自己的特色,突出自己的優(yōu)勢(shì),必須從審美上入手。而目前很多國(guó)內(nèi)網(wǎng)站的現(xiàn)狀是什么樣子的呢?經(jīng)常上網(wǎng)的網(wǎng)友可能會(huì)有所體會(huì)。目前的網(wǎng)頁(yè)存在著諸多的不足,以下簡(jiǎn)單的分析一下,希望能從中得到一些啟示。
個(gè)可以用一個(gè)字來(lái)形容,那是“塞”。這是很多的網(wǎng)頁(yè)都具有的特點(diǎn),它將各種信息諸如文字、圖片、動(dòng)畫等不加考慮的塞到頁(yè)面上,有多少擠多少,不加以規(guī)范化,條理化,更談不上藝術(shù)處理了。導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便,主要是頁(yè)面五花八門,不分主次,沒有很好的歸類,整體一個(gè)大的雜燴。讓人難以找到自己需要的信息,更談不上效率了。這種網(wǎng)頁(yè)沒有考慮采用一種美的形式來(lái)使頁(yè)面上的信息以更整體性的方式來(lái)體現(xiàn)。所以這種網(wǎng)頁(yè)的設(shè)計(jì)含量是相當(dāng)?shù)偷摹2粌H僅從功能上分析。從審美上看,這種頁(yè)面太滿、太堵,沒有給讀者一點(diǎn)空間,所以毫無(wú)美感可言。
第二也可用一個(gè)字“花”來(lái)形容,這類網(wǎng)站也有不少,顯然這是很多不懂設(shè)計(jì)的人來(lái)制作的。比較多是他們把頁(yè)面做的很花哨,但是非常不實(shí)用,例如采用很深的帶有花哨圖案的圖片作為背景,嚴(yán)重干擾了瀏覽,獲取信息很困難。同時(shí)有些還采用了顏色各異,風(fēng)格不同的圖片、文字、動(dòng)畫。使頁(yè)面五彩繽紛。沒有整體感覺,盡管有些頁(yè)面內(nèi)容不多,但是瀏覽起來(lái)仍然特別困難。這種過(guò)度的包裝甚至不如不加任何裝飾的頁(yè)面。不加裝飾最起碼不會(huì)損害其基本的功能的需求。所以這種網(wǎng)頁(yè)屬于粗制濫造的次品,是對(duì)自己的受眾不負(fù)責(zé)任的表現(xiàn);蛟S他們的初衷是好的,是想把自己的頁(yè)面做的漂亮,結(jié)果卻是適得其反。是網(wǎng)頁(yè)設(shè)計(jì)中的一大忌。
第三個(gè)現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中的誤區(qū)是千篇一律,缺乏自己的特色,當(dāng)我們打開電腦,上網(wǎng)一看,好像哪個(gè)網(wǎng)站都是一樣的。從標(biāo)題的放置,按鈕的編排到動(dòng)畫的采用都是如此。用色時(shí)隨心所欲,只要能區(qū)分開文本和背景達(dá)到目的。造成這種原因是網(wǎng)頁(yè)設(shè)計(jì)師本身的原因,他們沒有充分的利用自己的知識(shí),分析自己網(wǎng)站的優(yōu)勢(shì),發(fā)揮自己的網(wǎng)站的特點(diǎn),而是采用的走捷徑的方式,是用大眾化的方法去做,做起來(lái)當(dāng)然很容易了,但是失去了自己特點(diǎn)的網(wǎng)頁(yè)像流水線上下來(lái)的產(chǎn)品,好像隨便看哪一個(gè)都一樣,這樣不能起到網(wǎng)頁(yè)設(shè)計(jì)的目的。至少不能算設(shè)計(jì)。這也是對(duì)自己的用戶不負(fù)責(zé)任的表現(xiàn)。當(dāng)然這里不是片面的唯美主義,不能只是看中頁(yè)面的漂亮而不顧受眾的使用的不方便。例如有些網(wǎng)頁(yè)將按鈕溶入到頁(yè)面的圖片中去,倒是比較漂亮了,整體感強(qiáng)了。但是受眾有時(shí)候卻找不到按鈕,造成困難。這同樣是不可取的。
還有一類站點(diǎn)的網(wǎng)頁(yè)是一種純技術(shù)化的網(wǎng)頁(yè),在這種網(wǎng)頁(yè)上,充斥了許多的純?yōu)榱遂乓夹g(shù)的東西,如多個(gè)風(fēng)格迥異的動(dòng)畫(缺乏美感甚至是與主體無(wú)關(guān)的動(dòng)畫),還有大量的利用javascript和動(dòng)態(tài)HTML的技術(shù),然而始終沒有把握住整體這個(gè)中心,造成頁(yè)面的混亂。這與種有些類似,但是這種網(wǎng)頁(yè)很多是技術(shù)上的高手。但是結(jié)果給人只有羨慕技術(shù)之外毫無(wú)收獲。這樣的網(wǎng)頁(yè)也是不適合于需要的,是網(wǎng)頁(yè)設(shè)計(jì)上的失敗,更為嚴(yán)重的是大量的采用這種技術(shù)或者動(dòng)畫,造成瀏覽上由于受帶寬的限制而非常的慢。所以不管是從功能上還是從形式上都是不可取的。
綜合以上的分析,可以找出很多目前網(wǎng)頁(yè)設(shè)計(jì)上設(shè)計(jì)的不足,特別是審美上的不足,照顧網(wǎng)頁(yè)功能上的需要的前提下,需要有針對(duì)性的采用一些美的形式。來(lái)使網(wǎng)頁(yè)做得更加有生氣,更吸引人。
那么加入美的因素,也要遵循一定的形式美的法則。這種美的形式有很多種,合理的利用,可以給網(wǎng)頁(yè)增光添彩。賞心悅目。是受眾瀏覽起來(lái)更加有效率,有力的提升網(wǎng)站的形象。下面逐一分析這些美的形式,并考慮如何將它們?nèi)谌氲骄W(wǎng)頁(yè)之中,以解決以上遇到的很多網(wǎng)頁(yè)設(shè)計(jì)上的審美不足的問(wèn)題。
從古至今,很多藝術(shù)家和學(xué)者提出了各種關(guān)于形式美的規(guī)律,很多經(jīng)得起推敲的作品都是遵循這些規(guī)律去創(chuàng)作,以期完成其審美價(jià)值的。因此,在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,設(shè)計(jì)者必須去研究,掌握并主動(dòng)地、有意識(shí)的運(yùn)用這些規(guī)律,才能創(chuàng)作出好的作品。當(dāng)然,不同時(shí)代有不同的設(shè)計(jì)審美觀念,也有不同的美學(xué)特征。在信息特別發(fā)達(dá)的,競(jìng)爭(zhēng)日趨激烈,給人們帶來(lái)了新的審美需求,對(duì)于網(wǎng)頁(yè)設(shè)計(jì),客觀上將其推向了更高層的表現(xiàn)境界,這是網(wǎng)頁(yè)設(shè)計(jì)的必然趨勢(shì)。去追求一種和諧的單純,即追求清晰的視覺沖擊力和巨大的張力,我們應(yīng)該把美的形式規(guī)律同現(xiàn)代的網(wǎng)頁(yè)設(shè)計(jì)的具體問(wèn)題相結(jié)合起來(lái)。下面具體談?wù)劇?
先談?wù)勛兓徒y(tǒng)一。變化是各個(gè)組成部分之間的區(qū)別,統(tǒng)一是個(gè)部分之間的內(nèi)在關(guān)聯(lián)。完美的圖形設(shè)計(jì),形式上要豐富有條理(即對(duì)圖形的大小、方圓、動(dòng)靜、強(qiáng)弱等方面的處理;組織上要有秩序而不單調(diào),不混亂。即圖形的主從關(guān)系,敘事關(guān)系,呼應(yīng)關(guān)系等方面的處理)。在圖形設(shè)計(jì)中運(yùn)用變化與統(tǒng)一的規(guī)律,是處理形象和組織的對(duì)立統(tǒng)一過(guò)程,那么在網(wǎng)頁(yè)設(shè)計(jì)中同樣要恰當(dāng)?shù)睦眠@種規(guī)律,在我們把大量的信息塞如到網(wǎng)頁(yè)上去的時(shí)候,考慮怎樣把它們合理的用統(tǒng)一的方式來(lái)排布,使整體感強(qiáng)同時(shí)又要有變化,這樣使頁(yè)面更豐富,更有生氣,看起來(lái)不感到枯燥,很多網(wǎng)站諸如體育的網(wǎng)站,排布的新聞從上到下幾十條,沒有一點(diǎn)變化,顯得單調(diào)而乏味,是違反這種形式美的規(guī)律,所以要充分的運(yùn)用變化來(lái)改進(jìn)它,從排布的形式上或者是顏色上都可以。
再看條理與反復(fù),其中反復(fù)是有規(guī)律的連續(xù)與延伸,有組織的變化與擴(kuò)展并加以歸納,概括而富于條理化,。條理與反復(fù)的原則是圖形構(gòu)成整體的秩序美的基礎(chǔ),是變化中的統(tǒng)一,也是運(yùn)動(dòng)發(fā)展中求得協(xié)調(diào)一致的表現(xiàn)方式,由他可以演化出多種多樣的圖形變化。這種在很多較為的網(wǎng)站中運(yùn)用較多,同時(shí)應(yīng)用得也比較自如,這時(shí)由于很多網(wǎng)站豐富,信息含量大,不得不運(yùn)用一定的方式將其條理化,同時(shí)又在一定程度上加以歸納后重復(fù)的利用,使網(wǎng)頁(yè)較為整齊,脈絡(luò)清楚,讀起來(lái)也能著重點(diǎn)。當(dāng)然,內(nèi)容較少的網(wǎng)站同樣需要條理與反復(fù),以達(dá)到更為富有變化和清晰的視覺效果。如文字的合理編排,圖片和文字的結(jié)合。如何呼應(yīng)等等。
對(duì)比和調(diào)和。對(duì)比是指在質(zhì)或量方面相互差異甚大的兩個(gè)要素同時(shí)配置在一起時(shí),兩者之間有相互作用的性格,更加令人感到彼此強(qiáng)烈地相互襯托。對(duì)比是為了使主題畫面具有變化和生氣而運(yùn)用的方法。而調(diào)和是構(gòu)成美的對(duì)象在部分與部分之間的相互關(guān)系。它無(wú)論是在質(zhì)的方面還是量的方面都沒有矛盾,各部分所傳達(dá)給人的感受和意念之間不是相互分離或排斥,而是一個(gè)部分多樣性的整體統(tǒng)一來(lái)表現(xiàn)美的狀態(tài)。那么在網(wǎng)頁(yè)設(shè)計(jì)中,如何利用它來(lái)達(dá)到好的效果呢?首先合理的利用對(duì)比的因素,例如文本的排布、字體的大小、粗細(xì)、顏色,圖片的寬窄、比例的反差、透明以及位置的放置等等,最終達(dá)到的目的是如何取得較為強(qiáng)烈的視覺效果;不光如此,還要恰如其分的找到調(diào)和的因素,即構(gòu)圖的聯(lián)系點(diǎn),使整體感覺突出,不至于僅僅因?yàn)閷?duì)比而造成割裂的感覺。只有做到對(duì)比和調(diào)和的相輔相成,才能使網(wǎng)頁(yè)頁(yè)面鮮明、突出,更好的傳達(dá)出設(shè)計(jì)者的意圖。
均齊與平衡,這是動(dòng)力與中心兩者矛盾的統(tǒng)一所產(chǎn)生的形態(tài),是設(shè)計(jì)中求得中心穩(wěn)定的兩種組織形式,均齊的組織方法是無(wú)論在哪一個(gè)中軸和中心支點(diǎn)各方面配置同形同量的圖形,都要求圖形整體結(jié)構(gòu)嚴(yán)謹(jǐn),形態(tài)安定整齊,平衡。實(shí)際上也是一句中軸和支點(diǎn)保持平衡,所不同的是配置的形為等量不等形,它沒有一定的組織原則,只要能在形式結(jié)構(gòu)上掌握好中心即可,它要求在形式上自然合理。所以均齊偏于靜止的形式美感,而平衡卻顯得靈活多變,帶有動(dòng)感。在網(wǎng)頁(yè)設(shè)計(jì)中,在充分的考慮整體的頁(yè)面上所有的圖形、文字的基礎(chǔ)上,如何比較整個(gè)頁(yè)面上的組又兩邊的量與質(zhì)?是一個(gè)設(shè)計(jì)師自身經(jīng)驗(yàn)的積累。頁(yè)面上的平衡是一個(gè)動(dòng)態(tài)的平衡,因?yàn)轫?yè)面上兩邊的配置不會(huì)總是一樣的,即左邊一個(gè)圖右邊一個(gè)圖,那是不多的。更多的時(shí)候是圖和文字以及大塊的顏色輕的圖和小塊的顏色重的圖的平衡,以及與文本的疏密和大小的平衡,所以這是一種動(dòng)態(tài)的平衡。只有通過(guò)不斷的實(shí)踐才能夠在這方面駕輕熟的運(yùn)用。滿足人們的視覺上的整體的平衡感。這也是人的心理因素的一種圖形化的表現(xiàn),當(dāng)然不是一種片面的追求靜止的對(duì)稱,那時(shí)僵硬的、不生動(dòng)的,同樣會(huì)失去美感。
如何看待網(wǎng)頁(yè)上的留空?并非要把整個(gè)頁(yè)面塞滿了才不覺得空,我想只要合理的安排,使頁(yè)面達(dá)到平衡,既使在一邊的部分大面積留空,同樣不會(huì)讓人感到空,相反這樣會(huì)給人留下廣闊的思考空間,給人回味。
再談?wù)劰?jié)奏與韻律。運(yùn)動(dòng)中的事物都具有節(jié)奏和韻律的形式規(guī)律,節(jié)奏與韻律本來(lái)在音樂、舞蹈、詩(shī)歌及電影等具有時(shí)間形式的藝術(shù)中通過(guò)視覺和聽覺來(lái)表現(xiàn)的,節(jié)奏本身沒有形象特征。只是表明事物在運(yùn)動(dòng)中的快慢、強(qiáng)弱以及間歇的節(jié)拍。節(jié)奏可以說(shuō)是條理與反復(fù)的發(fā)展。它帶有機(jī)械的秩序美,韻律是每個(gè)節(jié)拍間運(yùn)動(dòng)所表現(xiàn)的軌跡,它帶有形象特征。在具體的網(wǎng)頁(yè)設(shè)計(jì)的運(yùn)用中,按鈕的編排經(jīng)常會(huì)遇到這個(gè)問(wèn)題,做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感,同時(shí)絲毫不損其實(shí)用性,可惜現(xiàn)在見到類似的太少了,因?yàn)樾枰还馐菑男螤钌,而且要從整體的色澤、大小等綜合方面入手。
上面僅僅探討了幾個(gè)非常貼近網(wǎng)頁(yè)制作的形式美的規(guī)則,以及在網(wǎng)頁(yè)中的運(yùn)用。如何解決網(wǎng)頁(yè)中的獨(dú)特性的問(wèn)題呢?我想這不僅僅是審美的形式問(wèn)題,主要要站在網(wǎng)站本身的高點(diǎn)上來(lái)考慮,綜合自身的整體形象,如網(wǎng)站的標(biāo)志、標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色等等,因?yàn)檫@些方面是自己與眾不同之處,如果將這些經(jīng)獨(dú)特設(shè)計(jì)的關(guān)于自身經(jīng)營(yíng)理念的東西融合到網(wǎng)頁(yè)設(shè)計(jì)中去,怎會(huì)與人雷同呢?隨便打個(gè)比方,假如運(yùn)用自己的網(wǎng)站的標(biāo)準(zhǔn)色作為網(wǎng)頁(yè)的基調(diào),不光是能做到獨(dú)特,而且對(duì)于網(wǎng)站本身的形象是很有好處的,如我們經(jīng)常見到的IBM的藍(lán),可口可樂的紅白兩色。這都是苦心的營(yíng)造的企業(yè)形象的重要組成部分。網(wǎng)站要想樹立自己的獨(dú)特的形象,必須從這些方面入手,把網(wǎng)頁(yè)上的各種信息的表達(dá)統(tǒng)一到網(wǎng)站綜合形象的整體里面來(lái)考慮。會(huì)給人留下深刻的獨(dú)特的形象。
作為形式美的法則,隨著時(shí)代的不同而不斷發(fā)展進(jìn)步,特別在生活節(jié)奏如次快的互聯(lián)網(wǎng)時(shí)代,由于追求的目標(biāo)的變化,人們的審美觀念也在不斷的變化,但是美的本質(zhì)是一樣的,同時(shí)隨著技術(shù)的發(fā)展,很多的目前不容易實(shí)現(xiàn)的審美形式也逐漸被克服,突破帶寬的瓶頸。會(huì)給網(wǎng)頁(yè)設(shè)計(jì)的自如發(fā)展一片新的天地。我們對(duì)美的追求是永不停止的,作為設(shè)計(jì)師,也要不斷的提高自己的素質(zhì),才能做出更好的富于美感的網(wǎng)頁(yè)來(lái)。
形象思維的歸納
我們對(duì)于環(huán)境事物的感覺經(jīng)驗(yàn),都是源于過(guò)去的接觸積累。即使不經(jīng)肌體接觸,也能判斷它的軟硬,粗細(xì),輕重,冷熱……盡管因生活背景,學(xué)習(xí)經(jīng)驗(yàn)各異,但經(jīng)過(guò)不自覺的歸納,秩序化的本能,多數(shù)人內(nèi)心深處沉淀的感官經(jīng)驗(yàn),完全相似。
物理功能而言,線條或色彩本身是沒有任何情緒的。但由于經(jīng)驗(yàn)的積累,才使人感受到粗線的堅(jiān)實(shí),細(xì)線的纖柔,快速的線條有流暢感,斷挫的線條有滯凝的感覺,不同的顏色有了不同的情緒象征意義。
像中國(guó)的書法藝術(shù)。不用聲音可以表現(xiàn)節(jié)奏和旋律,不必模擬實(shí)物的外形,地能準(zhǔn)確的表達(dá)出軟硬,疏密,虛實(shí),欹正等結(jié)構(gòu)形態(tài)。利用點(diǎn),線,面的規(guī)劃,敘正均衡,大小錯(cuò)落及動(dòng)靜收放,產(chǎn)生頓挫,緩急的節(jié)奏,進(jìn)而達(dá)到優(yōu)美旋律的追求。
因此,每一個(gè)人都可以判斷美與丑,和諧與沖突的差異,這種能力有別于知識(shí)性的思考,可稱為“形象思維”。
成功的設(shè)計(jì)者,是利用“形象思維”來(lái)思索點(diǎn),線,面的構(gòu)成,設(shè)計(jì)推演出有效的喚起美感經(jīng)驗(yàn)的作品。
排版設(shè)計(jì)尤為如此
有限的視覺符號(hào),文字,少量的插圖(有時(shí)沒有),這些素材有時(shí)不具備描述清楚事件或呈現(xiàn)情緒的能力,即使能自由的使用線條和色彩輔助,仍然拘束,所以通過(guò)“形象思維”直接捕獲內(nèi)心的原點(diǎn),是排版設(shè)計(jì)的途徑。
排版設(shè)計(jì)最重要的是,設(shè)計(jì)者如何把那些涵養(yǎng)和觀點(diǎn)傳達(dá)給觀者,以便使版面上的思想能進(jìn)入觀者的心靈。
達(dá)意的圖例,元素圖表之善用,字類與詞句之巧妙運(yùn)用,照片及版面之動(dòng)人安排,使設(shè)計(jì)意味深長(zhǎng)的字群,照片和空間等關(guān)系變成一種溝通,而不只是裝飾!