建站常識(shí)
網(wǎng)頁設(shè)計(jì)的審美需求
2005-12-28 13:56:00
運(yùn)用一些平面設(shè)計(jì)中美的基本形式到網(wǎng)頁中去就能是網(wǎng)頁更加富有美感,例如將平面設(shè)計(jì)中的節(jié)奏與韻律和骨格的形式溶入到網(wǎng)頁中,這樣會(huì)使內(nèi)容繁多的頁面更加有條理,也會(huì)是人瀏覽起來主次分明。當(dāng)然這種美首先建立在頁面的內(nèi)容充實(shí),而且實(shí)用,一個(gè)內(nèi)容空洞無物的網(wǎng)頁既使做得再漂亮也不會(huì)吸引人,頂多贏得幾聲贊嘆,沒有任何的用處。沒有實(shí)用性的東西是不會(huì)具有生命力的。要想將頁面做的更漂亮,就要求設(shè)計(jì)師要用較好的審美方面的素質(zhì),同時(shí)要有豐富的平面設(shè)計(jì)的經(jīng)驗(yàn)。這樣才能在設(shè)計(jì)時(shí)駕輕就熟。
由于網(wǎng)頁的從無到有,從滿足基本的功能需要到追求美的較為高層次的需要,這是一個(gè)循序漸進(jìn)的過程。這使人不由得想起工業(yè)革命前夕,很多現(xiàn)代的產(chǎn)品那時(shí)候都沒有,沒有現(xiàn)成的模樣可以參照,產(chǎn)品的設(shè)計(jì)都是滿足基本的功能需要出發(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)友可能會(huì)有所體會(huì)。目前的網(wǎng)頁存在著諸多的不足,以下簡單的分析一下,希望能從中得到一些啟示。隨后我們再為大家介紹一些網(wǎng)頁設(shè)計(jì)的審美法則。
第一個(gè)可以用一個(gè)字來形容,那就是“塞”。
這是很多的網(wǎng)頁都具有的特點(diǎn),它將各種信息諸如文字、圖片、動(dòng)畫等不加考慮的塞到頁面上,有多少擠多少,不加以規(guī)范化,條理化,更談不上藝術(shù)處理了。導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便,主要就是頁面五花八門,不分主次,沒有很好的歸類,整體一個(gè)大的雜燴。讓人難以找到需要的東西。
第二也可用一個(gè)字“花”來形容。
這類網(wǎng)站也有不少,顯然這是很多不懂設(shè)計(jì)的人來制作的。比較多是他們把頁面做的很花哨,但是非常不實(shí)用,例如采用很深的帶有花哨圖案的圖片作為背景,嚴(yán)重干擾了瀏覽,獲取信息很困難。同時(shí)有些還采用了顏色各異,風(fēng)格不同的圖片、文字、動(dòng)畫。使頁面五彩繽紛。沒有整體感覺,盡管有些頁面內(nèi)容不多,但是瀏覽起來仍然特別困難。這種過度的包裝甚至不如不加任何裝飾的頁面。不加裝飾最起碼不會(huì)損害其基本的功能的需求。所以這種網(wǎng)頁屬于粗制濫造的次品,是對(duì)自己的受眾不負(fù)責(zé)任的表現(xiàn)。或許他們的初衷是好的,就是想把自己的頁面做的漂亮,結(jié)果卻是適得其反。
第三個(gè)現(xiàn)在網(wǎng)頁設(shè)計(jì)中的誤區(qū)就是千篇一律,缺乏自己的特色。
當(dāng)我們打開電腦,上網(wǎng)一看,好像哪個(gè)網(wǎng)站都是一樣的。從標(biāo)題的放置,按鈕的編排到動(dòng)畫的采用都是如此。用色時(shí)隨心所欲,只要能區(qū)分開文本和背景就達(dá)到目的。造成這種原因就是網(wǎng)頁設(shè)計(jì)師本身的原因,他們沒有充分的利用自己的知識(shí),分析自己網(wǎng)站的優(yōu)勢,發(fā)揮自己的網(wǎng)站的特點(diǎn),而是采用的走捷徑的方式,就是用大眾化的方法去做,做起來當(dāng)然很容易了,但是失去了自己特點(diǎn)的網(wǎng)頁就像流水線上下來的產(chǎn)品,好像隨便看哪一個(gè)都一樣,這樣就不能起到網(wǎng)頁設(shè)計(jì)的目的。至少不能算設(shè)計(jì)。這也是對(duì)自己的用戶不負(fù)責(zé)任的表現(xiàn)。當(dāng)然這里不是片面的唯美主義,不能只是看中頁面的漂亮而不顧受眾的使用的不方便。例如有些網(wǎng)頁將按鈕溶入到頁面的圖片中去,倒是比較漂亮了,整體感強(qiáng)了。但是受眾有時(shí)候卻找不到按鈕,造成困難。這同樣是不可取的。
還有一類站點(diǎn)的網(wǎng)頁是一種純技術(shù)化的網(wǎng)頁。
在這種網(wǎng)頁上,充斥了許多的純?yōu)榱遂乓夹g(shù)的東西,如多個(gè)風(fēng)格迥異的動(dòng)畫(缺乏美感甚至是與主體無關(guān)的動(dòng)畫),還有大量的利用Javascript和動(dòng)態(tài)HTML的技術(shù),然而始終沒有把握住整體這個(gè)中心,造成頁面的混亂。這與第一種有些類似,但是這種網(wǎng)頁很多是技術(shù)上的高手。但是結(jié)果給人只有羨慕技術(shù)之外毫無收獲。這樣的網(wǎng)頁也是不適合于需要的,是網(wǎng)頁設(shè)計(jì)上的失敗,更為嚴(yán)重的是大量的采用這種技術(shù)或者動(dòng)畫,造成瀏覽上由于受帶寬的限制而非常的慢。所以不管是從功能上還是從形式上都是不可取的。
綜合以上的分析,可以找出很多目前網(wǎng)頁設(shè)計(jì)上設(shè)計(jì)的不足,特別是審美上的不足,照顧網(wǎng)頁功能上的需要的前提下,需要有針對(duì)性的采用一些美的形式。來使網(wǎng)頁做得更加有生氣,更吸引人。
那么加入美的因素,也要遵循一定的形式美法則。這種美的形式有很多種,合理的利用,可以給網(wǎng)頁增光添彩。賞心悅目。是受眾瀏覽起來更加有效率,有力的提升網(wǎng)站的形象。下面逐一分析這些美的形式,并考慮如何將它們?nèi)谌氲骄W(wǎng)頁之中,以解決以上遇到的很多網(wǎng)頁設(shè)計(jì)上的審美不足的問題。
從古至今,很多藝術(shù)家和學(xué)者提出了各種關(guān)于形式美的規(guī)律,很多經(jīng)得起推敲的作品都是遵循這些規(guī)律去創(chuàng)作,以期完成其審美價(jià)值的。因此,在網(wǎng)頁設(shè)計(jì)過程中,設(shè)計(jì)者必須去研究,掌握并主動(dòng)地、有意識(shí)的運(yùn)用這些規(guī)律,才能創(chuàng)作出好的作品。當(dāng)然,不同時(shí)代有不同的設(shè)計(jì)審美觀念,也有不同的美學(xué)特征。在信息特別發(fā)達(dá)的今天,競爭日趨激烈,給人們帶來了新的審美需求,對(duì)于網(wǎng)頁設(shè)計(jì),客觀上將其推向了更高層的表現(xiàn)境界,這是網(wǎng)頁設(shè)計(jì)的必然趨勢。去追求一種和諧的單純,即追求清晰的視覺沖擊力和巨大的張力,我們應(yīng)該把美的形式規(guī)律同現(xiàn)代的網(wǎng)頁設(shè)計(jì)的具體問題相結(jié)合起來。下面具體談?wù)劇?nbsp;
先談?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)一過程,那么在網(wǎng)頁設(shè)計(jì)中同樣要恰當(dāng)?shù)睦眠@種規(guī)律,在我們把大量的信息塞如到網(wǎng)頁上去的時(shí)候,考慮怎樣把它們合理的用統(tǒng)一的方式來排布,使整體感強(qiáng)同時(shí)又要有變化,這樣使頁面更豐富,更有生氣,看起來就不感到枯燥,很多網(wǎng)站諸如體育的網(wǎng)站,排布的新聞從上到下幾十條,沒有一點(diǎn)變化,顯得單調(diào)而乏味,就是違反這種形式美的規(guī)律,所以要充分的運(yùn)用變化來改進(jìn)它,從排布的形式上或者是顏色上都可以。
再看條理與反復(fù),其中反復(fù)是有規(guī)律的連續(xù)與延伸,有組織的變化與擴(kuò)展并加以歸納,概括而富于條理化,。條理與反復(fù)的原則是圖形構(gòu)成整體的秩序美的基礎(chǔ),是變化中的統(tǒng)一,也是運(yùn)動(dòng)發(fā)展中求得協(xié)調(diào)一致的表現(xiàn)方式,由他可以演化出多種多樣的圖形變化。這種在很多較為優(yōu)秀的網(wǎng)站中運(yùn)用較多,同時(shí)應(yīng)用得也比較自如,這時(shí)由于很多網(wǎng)站豐富,信息含量大,不得不運(yùn)用一定的方式將其條理化,同時(shí)又在一定程度上加以歸納后重復(fù)的利用,使網(wǎng)頁較為整齊,脈絡(luò)清楚,讀起來也能著重點(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)系。它無論是在質(zhì)的方面還是量的方面都沒有矛盾,各部分所傳達(dá)給人的感受和意念之間不是相互分離或排斥,而是一個(gè)部分多樣性的整體統(tǒng)一來表現(xiàn)美的狀態(tài)。那么在網(wǎng)頁設(shè)計(jì)中,如何利用它來達(dá)到好的效果呢?首先合理的利用對(duì)比的因素,例如文本的排布、字體的大小、粗細(xì)、顏色,圖片的寬窄、比例的反差、透明以及位置的放置等等。
均齊與平衡,這是動(dòng)力與中心兩者矛盾的統(tǒng)一所產(chǎn)生的形態(tài),是設(shè)計(jì)中求得中心穩(wěn)定的兩種組織形式,均齊的組織方法是無論在哪一個(gè)中軸和中心支點(diǎn)各方面配置同形同量的圖形,都要求圖形整體結(jié)構(gòu)嚴(yán)謹(jǐn),形態(tài)安定整齊,平衡。實(shí)際上也是一句中軸和支點(diǎn)保持平衡,所不同的是配置的形為等量不等形,它沒有一定的組織原則,只要能在形式結(jié)構(gòu)上掌握好中心即可,它要求在形式上自然合理。所以均齊偏于靜止的形式美感,而平衡卻顯得靈活多變,帶有動(dòng)感。在網(wǎng)頁設(shè)計(jì)中,在充分的考慮整體的頁面上所有的圖形、文字的基礎(chǔ)上,如何比較整個(gè)頁面上的組又兩邊的量與質(zhì)?是一個(gè)設(shè)計(jì)師自身經(jīng)驗(yàn)的積累。頁面上的平衡是一個(gè)動(dòng)態(tài)的平衡,因?yàn)轫撁嫔蟽蛇叺呐渲貌粫?huì)總是一樣的,即左邊一個(gè)圖右邊就一個(gè)圖,那是不多的。更多的時(shí)候是圖和文字以及大塊的顏色輕的圖和小塊的顏色重的圖的平衡,以及與文本的疏密和大小的平衡,所以這是一種動(dòng)態(tài)的平衡。只有通過不斷的實(shí)踐才能夠在這方面駕輕就熟的運(yùn)用。滿足人們的視覺上的整體的平衡感。這也是人的心理因素的一種圖形化的表現(xiàn),當(dāng)然不是一種片面的追求靜止的對(duì)稱,那時(shí)僵硬的、不生動(dòng)的,同樣會(huì)失去美感。
如何看待網(wǎng)頁上的留空?并非要把整個(gè)頁面塞滿了才不覺得空,我想只要合理的安排,使頁面達(dá)到平衡,既使在一邊的部分大面積留空,同樣不會(huì)讓人感到空,相反這樣會(huì)給人留下廣闊的思考空間,給人回味。
再談?wù)劰?jié)奏與韻律。運(yùn)動(dòng)中的事物都具有節(jié)奏和韻律的形式規(guī)律,節(jié)奏與韻律本來在音樂、舞蹈、詩歌及電影等具有時(shí)間形式的藝術(shù)中通過視覺和聽覺來表現(xiàn)的,節(jié)奏本身沒有形象特征。只是表明事物在運(yùn)動(dòng)中的快慢、強(qiáng)弱以及間歇的節(jié)拍。節(jié)奏可以說是條理與反復(fù)的發(fā)展。它帶有機(jī)械的秩序美,韻律是每個(gè)節(jié)拍間運(yùn)動(dòng)所表現(xiàn)的軌跡,它帶有形象特征。在具體的網(wǎng)頁設(shè)計(jì)的運(yùn)用中,按鈕的編排就經(jīng)常會(huì)遇到這個(gè)問題,做得好的按鈕能夠使排在一起的諸多按鈕富有音樂般的美感,同時(shí)絲毫不損其實(shí)用性,可惜現(xiàn)在見到類似的太少了,因?yàn)樾枰还馐菑男螤钌?,而且要從整體的色澤、大小等綜合方面入手。
上面僅僅探討了幾個(gè)非常貼近網(wǎng)頁制作的形式美的規(guī)則,以及在網(wǎng)頁中的運(yùn)用。如何解決網(wǎng)頁中的獨(dú)特性的問題呢?我想這不僅僅是審美的形式問題,主要要站在網(wǎng)站本身的高點(diǎn)上來考慮,綜合自身的整體形象,如網(wǎng)站的標(biāo)志、標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色等等,因?yàn)檫@些方面就是自己與眾不同之處,如果將這些經(jīng)獨(dú)特設(shè)計(jì)的關(guān)于自身經(jīng)營理念的東西融合到網(wǎng)頁設(shè)計(jì)中去,怎會(huì)與人雷同呢?隨便打個(gè)比方,假如運(yùn)用自己的網(wǎng)站的標(biāo)準(zhǔn)色作為網(wǎng)頁的基調(diào),不光是能做到獨(dú)特,而且對(duì)于網(wǎng)站本身的形象是很有好處的,就如我們經(jīng)常見到的IBM的藍(lán),可口可樂的紅白兩色。這都是苦心的營造的企業(yè)形象的重要組成部分。網(wǎng)站要想樹立自己的獨(dú)特的形象,必須從這些方面入手,把網(wǎng)頁上的各種信息的表達(dá)統(tǒng)一到網(wǎng)站綜合形象的整體里面來考慮。就會(huì)給人留下深刻的獨(dú)特的形象。
作為形式美的法則,隨著時(shí)代的不同而不斷發(fā)展進(jìn)步,特別在生活節(jié)奏如次快的互聯(lián)網(wǎng)時(shí)代,由于追求的目標(biāo)的變化,人們的審美觀念也在不斷的變化,但是美的本質(zhì)是一樣的,同時(shí)隨著技術(shù)的發(fā)展,很多的目前不容易實(shí)現(xiàn)的審美形式也逐漸被克服,突破帶寬的瓶頸。就會(huì)給網(wǎng)頁設(shè)計(jì)的自如發(fā)展一片新的天地。我們對(duì)美的追求是永不停止的,作為設(shè)計(jì)師,也要不斷的提高自己的素質(zhì),才能做出更好的富于美感的網(wǎng)頁來。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(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è)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(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è)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2007-05-24 17:06:00] 釋疑交互設(shè)計(jì)師的幾個(gè)問題
- [2006-07-20 15:39:00] 細(xì)節(jié)決定成敗 網(wǎng)站建設(shè)的三十六條原則
- [2007-10-19 14:24:00] 說說網(wǎng)頁的分辨率問題
- [2008-01-31 10:53:00] 提升網(wǎng)站可用性的3個(gè)忠告
- [2009-05-25 22:26:00] UE實(shí)踐筆記:聽,客戶的聲音
- [2006-06-22 13:28:00] 國內(nèi)外網(wǎng)站設(shè)計(jì)與瀏覽習(xí)慣的差異
- [2007-05-13 10:22:00] 2007流行網(wǎng)站導(dǎo)航設(shè)計(jì)欣賞四
- [2009-06-23 08:04:00] 產(chǎn)品設(shè)計(jì)決策二:產(chǎn)品是為人服務(wù)的
- [2007-03-14 12:01:00] 按"右箭頭"按鈕,往左移
- [2010-06-04 08:14:00] 新浪微博與騰訊微博的注冊與新用戶引導(dǎo)
- [2010-11-25 08:29:00] 為什么要登錄?
- [2009-07-23 08:01:00] 群和論壇里的人和事
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
企業(yè)網(wǎng)站 青島好的網(wǎng)站優(yōu)化公司 空白和簡潔的設(shè)計(jì) 如何做網(wǎng)站優(yōu)化 官網(wǎng)建設(shè) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 舒適的界面 高端網(wǎng)站設(shè)計(jì) 視覺靈感 集團(tuán)性網(wǎng)站 海信網(wǎng)絡(luò)科技 青島輪胎網(wǎng)站設(shè)計(jì)公司 青島輪胎網(wǎng)站設(shè)計(jì) 青島網(wǎng)站建設(shè) 企業(yè)網(wǎng)站設(shè)計(jì) 網(wǎng)站品牌 HTML5 營銷型網(wǎng)站 IT資訊 英文網(wǎng)站建設(shè) 交互設(shè)計(jì) 青島網(wǎng)站建設(shè)公司哪家好 網(wǎng)站設(shè)計(jì)趨勢 集團(tuán)公司網(wǎng)站建設(shè) GOOGLE robots 網(wǎng)站的速度 青島海洋投資集團(tuán) 膠南網(wǎng)站建設(shè)公司 青島抖音小程序開發(fā)