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