網(wǎng)頁設(shè)計是一們新興的設(shè)計類和網(wǎng)絡(luò)的交叉學(xué)科,近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的器重,它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方法轉(zhuǎn)達(dá)給受眾。在這種尺度的請求下,逐步產(chǎn)生了審美的需求。人們對美的尋求是不斷深進(jìn)的,網(wǎng)頁設(shè)計同樣如此。網(wǎng)頁不光是把各種東西放上往,能看就行,這是遠(yuǎn)遠(yuǎn)不夠的!要考慮如何受眾能更多的和更有效率的接收網(wǎng)頁上的信息,從而使他們對給網(wǎng)站留下很好的印象,那就更能增進(jìn)自己網(wǎng)站的運(yùn)作。這就需要從審美的方面進(jìn)手,聯(lián)合應(yīng)用方便的請求,就能制作出明白、整體性好的頁面。使人瀏覽起來心情高興,接收信息也會更加輕易。同時晉升網(wǎng)站的形象。應(yīng)用一些平面設(shè)計中美的基礎(chǔ)情勢到網(wǎng)頁中往就能是網(wǎng)頁更加富有美感,例如將平面設(shè)計中的節(jié)奏與韻律和骨格的情勢溶進(jìn)到網(wǎng)頁中,這樣會使內(nèi)容繁多的頁面更加有條理,也會是人瀏覽起來主次分明。當(dāng)然這種美首先建立在頁面的內(nèi)容充實(shí),而且實(shí)用,一個內(nèi)容空洞無物的網(wǎng)頁既使做得再美麗也不會吸引人,頂多博得幾聲贊嘆,沒有任何的用處。沒有實(shí)用性的東西是不會具有生命力的。要想將頁面做的更美麗,就請求設(shè)計師要用較好的審美方面的素質(zhì),同時要有豐富的平面設(shè)計的經(jīng)驗(yàn)。這樣才干在設(shè)計時駕輕就熟。
由于網(wǎng)頁的從無到有,從滿足基礎(chǔ)的功效需要到尋求美的較為高層次的需要,這是一個循序漸進(jìn)的過程。這使人不由得想起產(chǎn)業(yè)革命前夕,很多現(xiàn)代的產(chǎn)品那時候都沒有,沒有現(xiàn)成的樣子容貌可以參照,產(chǎn)品的設(shè)計都是滿足基礎(chǔ)的功效需要出發(fā),所以做出來的產(chǎn)品非常粗糙,冷冰冰的,毫無賭氣。由于貿(mào)易競爭和產(chǎn)業(yè)化大生產(chǎn)的成果,使得人們不斷的改良產(chǎn)品的功效,更為重要的是改良產(chǎn)品的外觀,是產(chǎn)品更符合美的需要和應(yīng)用方便。從而使今天貨架上呈現(xiàn)了琳瑯滿目標(biāo)美麗的產(chǎn)品。我想網(wǎng)頁同樣也是如此,在滿足了基礎(chǔ)的功效的請求之后,為了突出自己的特點(diǎn),突出自己的上風(fēng),必需從審美上進(jìn)手。而目前很多國內(nèi)網(wǎng)站的現(xiàn)狀是什么樣子的呢?經(jīng)常上網(wǎng)的網(wǎng)友可能會有所領(lǐng)會。目前的網(wǎng)頁存在著諸多的不足,以下簡略的分析一下,盼看能從中得到一些啟發(fā)。
第一個可以用一個字來形容,那就是“塞”。這是很多的網(wǎng)頁都具有的特點(diǎn),它將各種信息諸如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規(guī)范化,條理化,更談不上藝術(shù)處理了。導(dǎo)致瀏覽時會碰到很多的不方便,重要就是頁面五花八門,不分主次,沒有很好的回類,整體一個大的雜燴。讓人難以找到自己需要的信息,更談不上效率了。這種網(wǎng)頁沒有考慮采用一種美的情勢來使頁面上的信息以更整體性的方法來體現(xiàn)。所以這種網(wǎng)頁的設(shè)計含量是相當(dāng)?shù)偷?。不僅僅從功效上分析。從審美上看,這種頁面太滿、太堵,沒有給讀者一點(diǎn)空間,所以毫無美感可言。
第二也可用一個字“花”來形容,這類網(wǎng)站也有不少,顯然這是很多不懂設(shè)計的人來制作的。比擬多是他們把頁面做的很花哨,但是非常不實(shí)用,例如采用很深的帶有花哨圖案的圖片作為背景,嚴(yán)重干擾了瀏覽,獲取信息很艱苦。同時有些還采用了色彩各異,作風(fēng)不同的圖片、文字、動畫。使頁面五彩繽紛。沒有整體感到,盡管有些頁面內(nèi)容未幾,但是瀏覽起來仍然特別艱苦。這種過度的包裝甚至不如不加任何裝飾的頁面。不加裝飾最最少不會侵害其基礎(chǔ)的功效的需求。所以這種網(wǎng)頁屬于粗制濫造的次品,是對自己的受眾不負(fù)義務(wù)的表現(xiàn)?;蛟S他們的初衷是好的,就是想把自己的頁面做的美麗,成果卻是適得其反。是網(wǎng)頁設(shè)計中的一大忌。
第三個現(xiàn)在網(wǎng)頁設(shè)計中的誤區(qū)就是千篇一律,缺乏自己的特點(diǎn),當(dāng)我們打開電腦,上網(wǎng)一看,似乎哪個網(wǎng)站都是一樣的。從標(biāo)題的放置,按鈕的編排到動畫的采用都是如此。用色時為所欲為,只要能區(qū)離開文本和背景就達(dá)到目標(biāo)。造成這種原因就是網(wǎng)頁設(shè)計師本身的原因,他們沒有充分的利用自己的知識,分析自己網(wǎng)站的上風(fēng),施展自己的網(wǎng)站的特點(diǎn),而是采用的走捷徑的方法,就是用大眾化的方法往做,做起來當(dāng)然很輕易了,但是失往了自己特點(diǎn)的網(wǎng)頁就像流水線高低來的產(chǎn)品,似乎隨便看哪一個都一樣,這樣就不能起到網(wǎng)頁設(shè)計的目標(biāo)。至少不能算設(shè)計。這也是對自己的用戶不負(fù)義務(wù)的表現(xiàn)。當(dāng)然這里不是片面的唯美主義,不能只是看中頁面的美麗而不顧受眾的應(yīng)用的不方便。例如有些網(wǎng)頁將按鈕溶進(jìn)到頁面的圖片中往,倒是比擬美麗了,整體感強(qiáng)了。但是受眾有時候卻找不到按鈕,造成艱苦。這同樣是不可取的。
還有一類站點(diǎn)的網(wǎng)頁是一種純技巧化的網(wǎng)頁,在這種網(wǎng)頁上,充滿了很多的純?yōu)榱丝湟记傻臇|西,如多個作風(fēng)迥異的動畫(缺乏美感甚至是與主體無關(guān)的動畫),還有大批的利用javascript和動態(tài)HTML的技巧,然而始終沒有把握住整體這個中心,造成頁面的混亂。這與第一種有些類似,但是這種網(wǎng)頁很多是技巧上的高手。但是成果給人只有愛慕技巧之外毫無收獲。這樣的網(wǎng)頁也是不合適于需要的,是網(wǎng)頁設(shè)計上的失敗,更為嚴(yán)重的是大批的采用這種技巧或者動畫,造成瀏覽上由于受帶寬的限制而非常的慢。所以不管是從功效上還是從情勢上都是不可取的。
綜合以上的分析,可以找出很多目前網(wǎng)頁設(shè)計上設(shè)計的不足,特別是審美上的不足,照顧網(wǎng)頁功效上的需要的條件下,需要有針對性的采用一些美的情勢。來使網(wǎng)頁做得更加有賭氣,更吸引人。
那么參加美的因素,也要遵守必定的情勢美的法則。這種美的情勢有很多種,公平的利用,可以給網(wǎng)頁增光添彩。賞心悅目。是受眾瀏覽起來更加有效率,有力的晉升網(wǎng)站的形象。下面逐一分析這些美的情勢,并考慮如何將它們?nèi)谶M(jìn)到網(wǎng)頁之中,以解決以上碰到的很多網(wǎng)頁設(shè)計上的審美不足的標(biāo)題。
從古至今,很多藝術(shù)家和學(xué)者提出了各種關(guān)于情勢美的規(guī)律,很多經(jīng)得起斟酌的作品都是遵守這些規(guī)律往創(chuàng)作,以期完成其審美價值的。因此,在網(wǎng)頁設(shè)計過程中,設(shè)計者必需往研究,把握并主動地、有意識的應(yīng)用這些規(guī)律,才干創(chuàng)作出好的作品。當(dāng)然,不同時代有不同的設(shè)計審雅觀念,也有不同的美學(xué)特點(diǎn)。在信息特別發(fā)達(dá)的今天,競爭日趨激烈,給人們帶來了新的審美需求,對于網(wǎng)頁設(shè)計,客觀上將其推向了更高層的表現(xiàn)境界,這是網(wǎng)頁設(shè)計的必定趨勢。往尋求一種和諧的單純,即尋求明白的視覺沖擊力和宏大的張力,我們應(yīng)當(dāng)把美的情勢規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計的具體標(biāo)題相聯(lián)合起來。下面具體談?wù)劇?/P>
先談?wù)勛兏屯弧W兏歉鱾€組成部分之間的差別,同一是個部分之間的內(nèi)在關(guān)聯(lián)。完善的圖形設(shè)計,情勢上要豐富有條理(即對圖形的大小、方圓、消息、強(qiáng)弱等方面的處理;組織上要有秩序而不單調(diào),不混亂。即圖形的主從關(guān)系,敘事關(guān)系,呼應(yīng)關(guān)系等方面的處理)。在圖形設(shè)計中應(yīng)用變更與同一的規(guī)律,是處理形象和組織的對峙同一過程,那么在網(wǎng)頁設(shè)計中同樣要適當(dāng)?shù)睦眠@種規(guī)律,在我們把大批的信息塞如到網(wǎng)頁上往的時候,考慮怎樣把它們公平的用同一的方法來排布,使整體感強(qiáng)同時又要有變更,這樣使頁面更豐富,更有賭氣,看起來就不感到枯燥,很多網(wǎng)站諸如體育的網(wǎng)站,排布的消息從上到下幾十條,沒有一點(diǎn)變更,顯得單調(diào)而乏味,就是違背這種情勢美的規(guī)律,所以要充分的應(yīng)用變更來改良它,從排布的情勢上或者是色彩上都可以。
再看條理與重復(fù),其中重復(fù)是有規(guī)律的持續(xù)與延伸,有組織的變更與擴(kuò)大并加以回納,概括而富于條理化,。條理與重復(fù)的原則是圖形構(gòu)成整體的秩序美的基礎(chǔ),是變更中的同一,也是運(yùn)動發(fā)展中求得和諧一致的表現(xiàn)方法,由他可以演變出多種多樣的圖形變更。這種在很多較為優(yōu)良的網(wǎng)站中應(yīng)用較多,同時利用得也比擬自如,這時由于很多網(wǎng)站豐富,信息含量大,不得不應(yīng)用必定的方法將其條理化,同時又在必定程度上加以回納后重復(fù)的利用,使網(wǎng)頁較為整潔,脈絡(luò)明白,讀起來也能著重點(diǎn)。當(dāng)然,內(nèi)容較少的網(wǎng)站同樣需要條理與重復(fù),以達(dá)到更為富有變更和明白的視覺后果。如文字的公平編排,圖片和文字的聯(lián)合。如何呼應(yīng)等等。
對照和協(xié)調(diào)。對照是指在質(zhì)或量方面相互差別甚大的兩個要素同時配置在一起時,兩者之間有相互作用的性格,更加令人感到彼此強(qiáng)烈地相互烘托。對照是為了使主題畫面具有變更和賭氣而應(yīng)用的方法。而協(xié)調(diào)是構(gòu)成美的對象在部分與部分之間的相互關(guān)系。它無論是在質(zhì)的方面還是量的方面都沒有抵觸,各部分所轉(zhuǎn)達(dá)給人的感受和意念之間不是相互分別或排擠,而是一個部分多樣性的整體同一來表現(xiàn)美的狀態(tài)。那么在網(wǎng)頁設(shè)計中,如何利用它來達(dá)到好的后果呢?首先公平的利用對照的因素,例如文本的排布、字體的大小、粗細(xì)、色彩,圖片的寬窄、比例的反差、透明以及地位的放置等等,終極達(dá)到的目標(biāo)就是如何取得較為強(qiáng)烈的視覺后果;不光如此,還要恰如其分的找到協(xié)調(diào)的因素,即構(gòu)圖的接洽點(diǎn),使整體感到突出,不至于僅僅由于對照而造成割裂的感到。只有做到對照和協(xié)調(diào)的相輔相成,才干使網(wǎng)頁頁面鮮明、突出,更好的轉(zhuǎn)達(dá)出設(shè)計者的意圖。
均齊與平衡,這是動力與中心兩者抵觸的同一所產(chǎn)生的形態(tài),是設(shè)計中求得中心穩(wěn)固的兩種組織情勢,均齊的組織方法是無論在哪一個中軸和中心支點(diǎn)各方面配置同形同量的圖形,都請求圖形整體結(jié)構(gòu)嚴(yán)謹(jǐn),形態(tài)安定整潔,平衡。實(shí)際上也是一句中軸和支點(diǎn)保持平衡,所不同的是配置的形為等量不等形,它沒有必定的組織原則,只要能在情勢結(jié)構(gòu)上把握好中心即可,它請求在情勢上自然公平。所以均齊偏于靜止的情勢美感,而平衡卻顯得機(jī)動多變,帶有動感。在網(wǎng)頁設(shè)計中,在充分的考慮整體的頁面上所有的圖形、文字的基礎(chǔ)上,如何比擬全部頁面上的組又兩邊的量與質(zhì)?是一個設(shè)計師自身經(jīng)驗(yàn)的積累。頁面上的平衡是一個動態(tài)的平衡,由于頁面上兩邊的配置不會總是一樣的,即左邊一個圖右邊就一個圖,那是未幾的。更多的時候是圖和文字以及大塊的色彩輕的圖和小塊的色彩重的圖的平衡,以及與文本的疏密和大小的平衡,所以這是一種動態(tài)的平衡。只有通過不斷的實(shí)踐才干夠在這方面駕輕就熟的應(yīng)用。滿足人們的視覺上的整體的平衡感。這也是人的心理因素的一種圖形化的表現(xiàn),當(dāng)然不是一種片面的尋求靜止的對稱,那時僵硬的、不活潑的,同樣會失往美感。
如何看待網(wǎng)頁上的留空?并非要把全部頁面塞滿了才不感到空,我想只要公平的安排,使頁面達(dá)到平衡,既使在一邊的部分大面積留空,同樣不會讓人感到空,相反這樣會給人留下廣闊的思考空間,給人回味。
再談?wù)劰?jié)奏與韻律。運(yùn)動中的事物都具有節(jié)奏和韻律的情勢規(guī)律,節(jié)奏與韻律本來在音樂、舞蹈、詩歌及電影等具有時間情勢的藝術(shù)中通過視覺和聽覺來表現(xiàn)的,節(jié)奏本身沒有形象特點(diǎn)。只是表明事物在運(yùn)動中的快慢、強(qiáng)弱以及間歇的節(jié)拍。節(jié)奏可以說是條理與重復(fù)的發(fā)展。它帶有機(jī)械的秩序美,韻律是每個節(jié)拍間運(yùn)動所表現(xiàn)的軌跡,它帶有形象特點(diǎn)。在具體的網(wǎng)頁設(shè)計的應(yīng)用中,按鈕的編排就經(jīng)常會碰到這個標(biāo)題,做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感,同時絲盡不損實(shí)在用性,惋惜現(xiàn)在見到類似的太少了,由于需要不光是從外形上,而且要從整體的光榮、大小等綜合方面進(jìn)手。
上面僅僅探討了幾個非常貼近網(wǎng)頁制作的情勢美的規(guī)矩,以及在網(wǎng)頁中的應(yīng)用。如何解決網(wǎng)頁中的奇特征的標(biāo)題呢?我想這不僅僅是審美的情勢標(biāo)題,重要要站在網(wǎng)站本身的高點(diǎn)上來考慮,綜合自身的整體形象,如網(wǎng)站的標(biāo)記、尺度字體、尺度色等等,由于這些方面就是自己與眾不同之處,假如將這些經(jīng)奇特設(shè)計的關(guān)于自身經(jīng)營理念的東西融合到網(wǎng)頁設(shè)計中往,怎會與人雷同呢?隨便打個比喻,假如應(yīng)用自己的網(wǎng)站的尺度色作為網(wǎng)頁的基調(diào),不光是能做到奇特,而且對于網(wǎng)站本身的形象是很有利益的,就如我們經(jīng)常見到的IBM的藍(lán),可口可樂的紅白兩色。這都是苦心的營造的企業(yè)形象的重要組成部分。網(wǎng)站要想建立自己的奇特的形象,必需從這些方面進(jìn)手,把網(wǎng)頁上的各種信息的表達(dá)同一到網(wǎng)站綜合形象的整體里面來考慮。就會給人留下深進(jìn)的奇特的形象。
作為情勢美的法則,隨著時代的不同而不斷發(fā)展提高,特別在生活節(jié)奏如次快的互聯(lián)網(wǎng)時代,由于尋求的目標(biāo)的變更,人們的審雅觀念也在不斷的變更,但是美的本質(zhì)是一樣的,同時隨著技巧的發(fā)展,很多的目前不輕易實(shí)現(xiàn)的審美情勢也逐漸被克服,突破帶寬的瓶頸。就會給網(wǎng)頁設(shè)計的自如發(fā)展一片新的天地。我們對美的尋求是永不結(jié)束的,作為設(shè)計師,也要不斷的提高自己的素質(zhì),才干做出更好的富于美感的網(wǎng)頁來。
網(wǎng)絡(luò)如同一個***的空間,它具有強(qiáng)盛的跳躍才能。而網(wǎng)站如同一個個大小不同的建筑物,每一個房間都具有不同的功效。因而,裝飾也各不雷同。而終極的后果,取決于站長對藝術(shù)的懂得與把握。
接觸網(wǎng)絡(luò)已經(jīng)很多年了,而設(shè)計網(wǎng)頁確是近期的事。前些日子由于自己不警惕造成左鎖骨骨折,于是有了一個長長的假期,使我有時間靜下來思考一些標(biāo)題。
在觀看了眾多網(wǎng)站之后,我發(fā)明了這樣幾個標(biāo)題,現(xiàn)于大家共同探討。
一、定位。每個網(wǎng)站都應(yīng)有自己的奇特目標(biāo)。相對于現(xiàn)實(shí)的單位來說,也就是企業(yè)CI設(shè)計中的企業(yè)宗旨。而目前的很多網(wǎng)站,尤其是一些小公司或個人網(wǎng)站對此把握得并不到位。就象是文章的中心思想不明白。定位不明白,使瀏覽著不知其所云。
二、功效的實(shí)現(xiàn)。網(wǎng)站有了、定位有了,接下來要對網(wǎng)站功效的實(shí)現(xiàn)及實(shí)現(xiàn)的過程仔細(xì)安排。要做到流暢、完備、可信、安全(尤其是一些電子商務(wù)站電)。這幾點(diǎn)是一個優(yōu)良網(wǎng)站的精力所在,也是吸引力的起源。例如幾大搜索引擎、電子郵局,把功效的實(shí)現(xiàn)做到了幾乎完善的地步。例如雅虎,幾乎沒有藝術(shù)與設(shè)計可言,他只靠完備的功效來吸引大眾,是只靠功效的實(shí)現(xiàn)來獲得成功的典范。(但是總有一天會把藝術(shù)后果提高上往的,否則很可能會落伍。)
三、藝術(shù)在網(wǎng)絡(luò)的價值。隨著網(wǎng)絡(luò)的發(fā)展、速度的提高,使得圖形圖像等多媒體情勢在網(wǎng)站上占領(lǐng)了非常重要的地位。網(wǎng)頁的內(nèi)容從最早的文字向多媒體發(fā)展,這使得網(wǎng)站的建設(shè)過渡成了一種綜合的藝術(shù)設(shè)計行動。于是,評價一個網(wǎng)站的優(yōu)劣,藝術(shù)后果所占的比例越來越高。從而也產(chǎn)生了如網(wǎng)站策劃師、網(wǎng)頁后果設(shè)計師等等新興行業(yè)。
網(wǎng)絡(luò)經(jīng)濟(jì)又被稱為注意力經(jīng)濟(jì)或眼球經(jīng)濟(jì)。在如此眾多的網(wǎng)站中,要引起瀏覽著的主意,只有極富特點(diǎn)、內(nèi)容翔實(shí)、瀏覽順暢、后果奇特的網(wǎng)頁才干使人駐足觀看,及應(yīng)用其功效和服務(wù)。從而達(dá)到網(wǎng)站的特定目標(biāo)。
四、把握網(wǎng)頁藝術(shù)后果的要點(diǎn)。
1、網(wǎng)站的形象與個性。網(wǎng)絡(luò)是虛擬的,而網(wǎng)站往往體現(xiàn)的是現(xiàn)實(shí)世界中的一個實(shí)體,如公司或個人。每個實(shí)體都有自己奇特的元素。如名稱、標(biāo)記、尺度字體、尺度色等等。通過這些元素的公平利用,來把現(xiàn)實(shí)世界的實(shí)體表現(xiàn)在虛擬的網(wǎng)絡(luò)上。這一過程就是對網(wǎng)站形象與個性的塑造。最后的體現(xiàn)就是一種作風(fēng)。
2、網(wǎng)站欄目標(biāo)計劃。這里要夸張的是瀏覽過程,也就是導(dǎo)向性。一個網(wǎng)站有很多頁面、聯(lián)接和主題。要把各網(wǎng)頁和各主題之間的先后、聯(lián)接關(guān)系處理的公平、流暢、環(huán)環(huán)相扣。
3、多媒體的應(yīng)用。多媒體的應(yīng)用使得網(wǎng)站多姿多彩。這里要夸張的適“度”的把握。這是最能體現(xiàn)設(shè)計師程度的環(huán)節(jié)。由于它涉及到了音樂、影視、平面構(gòu)成、色彩構(gòu)成、心理學(xué)等等很多知識。也是最難用具體的語言表達(dá)的,也沒有規(guī)律可循。有時為了達(dá)到某種后果,需要很多學(xué)科的專業(yè)人才共同合作來完成。尤其是一些專業(yè)性較強(qiáng)的網(wǎng)站。在這方面做得比擬突出的,大部分是一些藝術(shù)及相干網(wǎng)站。如 Adobe、Apple、可口可樂、Sony等等。
五、創(chuàng)意的思路。
總體來說,設(shè)計的目標(biāo)就是體現(xiàn)一種作風(fēng)。藝術(shù)學(xué)科之間是相通的,所以我認(rèn)為應(yīng)用平時自己不會應(yīng)用的方法來考慮設(shè)計的思路。比如反向思維、對照、比喻、象征等等違***規(guī)的思路,以做到出奇制勝。
有時在做主頁設(shè)計時,不要把它當(dāng)成一個方方正正的“頁面”來看。而是要捉住這個頁面所要表現(xiàn)的中心思想,從要表現(xiàn)的中心思想下手來制作頁面,而不要做好頁面,再在頁面上“寫”中心思想。
這是我個人的一些見解,不當(dāng)之處請多多指教。衷心盼看你能和我做個朋友。也祝你設(shè)計、工作順利。