如何正确的審識一(yī)幅優秀的網頁設計作品---深圳市崇一網絡有限公司|深圳網絡公司|深圳網站建設|深圳網頁設計|深圳網頁制作|深圳網站設計|網絡推廣|網頁優化|域名|空間|深圳外(wài)貿網站建設|深圳外(wài)貿網站設計制作|外(wài)貿網站
你的當前位置 : 網站首頁 >> 新聞動态
如何正确的審識一(yī)幅優秀的網頁設計作品
發布時間:2017/6/21   點擊次數:5831 

網頁設計是一(yī)們新興的設計類和網絡的交叉學科,近幾年随着網絡的發展而逐漸收到人們的重視,它本身以網絡爲載體(tǐ),把各種信息以最快捷、方便的方式傳達給受衆。在這種标準的要求下(xià),逐步産生(shēng)了審美的需求。人們對美的追求是不斷深入的,網頁設計同樣如此。網頁不光是把各種東西放(fàng)上去(qù),能看就行,這是遠遠不夠的!要考慮如何受衆能更多的和更有效率的接收網頁上的信息,從而使他們對給網站留下(xià)很好的印象,那就更能促進自己網站的運作。這就需要從審美的方面入手,結合使用方便的要求,就能制作出清晰、整體(tǐ)性好的頁面。使人浏覽起來心情愉快,接收信息也會更加容易。同時提升網站的形象。運用一(yī)些平面設計中(zhōng)美的基本形式到網頁中(zhōng)去(qù)就能是網頁更加富有美感,例如将平面設計中(zhōng)的節奏與韻律和骨格的形式溶入到網頁中(zhōng),這樣會使内容繁多的頁面更加有條理,也會是人浏覽起來主次分(fēn)明。當然這種美首先建立在頁面的内容充實,而且實用,一(yī)個内容空洞無物(wù)的網頁既使做得再漂亮也不會吸引人,頂多赢得幾聲贊歎,沒有任何的用處。沒有實用性的東西是不會具有生(shēng)命力的。要想将頁面做的更漂亮,就要求設計師要用較好的審美方面的素質,同時要有豐富的平面設計的經驗。這樣才能在設計時駕輕就熟。

由于網頁的從無到有,從滿足基本的功能需要到追求美的較爲高層次的需要,這是一(yī)個循序漸進的過程。這使人不由得想起工(gōng)業革命前夕,很多現代的産品那時候都沒有,沒有現成的模樣可以參照,産品的設計都是滿足基本的功能需要出發,所以做出來的産品非常粗糙,冷冰冰的,毫無生(shēng)氣。由于商(shāng)業競争和工(gōng)業化大(dà)生(shēng)産的結果,使得人們不斷的改進産品的功能,更爲重要的是改進産品的外(wài)觀,是産品更符合美的需要和使用方便。從而使今天貨架上出現了琳琅滿目的漂亮的産品。我(wǒ)想網頁同樣也是如此,在滿足了基本的功能的要求之後,爲了突出自己的特色,突出自己的優勢,必須從審美上入手。而目前很多國内網站的現狀是什麽樣子的呢?經常上網的網友可能會有所體(tǐ)會。目前的網頁存在着諸多的不足,以下(xià)簡單的分(fēn)析一(yī)下(xià),希望能從中(zhōng)得到一(yī)些啓示。

第一(yī)個可以用一(yī)個字來形容,那就是“塞”。這是很多的網頁都具有的特點,它将各種信息諸如文字、圖片、動畫等不加考慮的塞到頁面上,有多少擠多少,不加以規範化,條理化,更談不上藝術處理了。導緻浏覽時會遇到很多的不方便,主要就是頁面五花八門,不分(fēn)主次,沒有很好的歸類,整體(tǐ)一(yī)個大(dà)的雜(zá)燴。讓人難以找到自己需要的信息,更談不上效率了。這種網頁沒有考慮采用一(yī)種美的形式來使頁面上的信息以更整體(tǐ)性的方式來體(tǐ)現。所以這種網頁的設計含量是相當低的。不僅僅從功能上分(fēn)析。從審美上看,這種頁面太滿、太堵,沒有給讀者一(yī)點空間,所以毫無美感可言。

第二也可用一(yī)個字“花”來形容,這類網站也有不少,顯然這是很多不懂設計的人來制作的。比較多是他們把頁面做的很花哨,但是非常不實用,例如采用很深的帶有花哨圖案的圖片作爲背景,嚴重幹擾了浏覽,獲取信息很困難。同時有些還采用了顔色各異,風格不同的圖片、文字、動畫。使頁面五彩缤紛。沒有整體(tǐ)感覺,盡管有些頁面内容不多,但是浏覽起來仍然特别困難。這種過度的包裝甚至不如不加任何裝飾的頁面。不加裝飾最起碼不會損害其基本的功能的需求。所以這種網頁屬于粗制濫造的次品,是對自己的受衆不負責任的表現。或許他們的初衷是好的,就是想把自己的頁面做的漂亮,結果卻是适得其反。是網頁設計中(zhōng)的一(yī)大(dà)忌。

第三個現在網頁設計中(zhōng)的誤區就是千篇一(yī)律,缺乏自己的特色,當我(wǒ)們打開(kāi)電腦,上網一(yī)看,好像哪個網站都是一(yī)樣的。從标題的放(fàng)置,按鈕的編排到動畫的采用都是如此。用色時随心所欲,隻要能區分(fēn)開(kāi)文本和背景就達到目的。造成這種原因就是網頁設計師本身的原因,他們沒有充分(fēn)的利用自己的知(zhī)識,分(fēn)析自己網站的優勢,發揮自己的網站的特點,而是采用的走捷徑的方式,就是用大(dà)衆化的方法去(qù)做,做起來當然很容易了,但是失去(qù)了自己特點的網頁就像流水線上下(xià)來的産品,好像随便看哪一(yī)個都一(yī)樣,這樣就不能起到網頁設計的目的。至少不能算設計。這也是對自己的用戶不負責任的表現。當然這裏不是片面的唯美主義,不能隻是看中(zhōng)頁面的漂亮而不顧受衆的使用的不方便。例如有些網頁将按鈕溶入到頁面的圖片中(zhōng)去(qù),倒是比較漂亮了,整體(tǐ)感強了。但是受衆有時候卻找不到按鈕,造成困難。這同樣是不可取的。

還有一(yī)類站點的網頁是一(yī)種純技術化的網頁,在這種網頁上,充斥了許多的純爲了炫耀技術的東西,如多個風格迥異的動畫(缺乏美感甚至是與主體(tǐ)無關的動畫),還有大(dà)量的利用javascript和動态HTML的技術,然而始終沒有把握住整體(tǐ)這個中(zhōng)心,造成頁面的混亂。這與第一(yī)種有些類似,但是這種網頁很多是技術上的高手。但是結果給人隻有羨慕技術之外(wài)毫無收獲。這樣的網頁也是不适合于需要的,是網頁設計上的失敗,更爲嚴重的是大(dà)量的采用這種技術或者動畫,造成浏覽上由于受帶寬的限制而非常的慢(màn)。所以不管是從功能上還是從形式上都是不可取的。

綜合以上的分(fēn)析,可以找出很多目前網頁設計上設計的不足,特别是審美上的不足,照顧網頁功能上的需要的前提下(xià),需要有針對性的采用一(yī)些美的形式。來使網頁做得更加有生(shēng)氣,更吸引人。

那麽加入美的因素,也要遵循一(yī)定的形式美的法則。這種美的形式有很多種,合理的利用,可以給網頁增光添彩。賞心悅目。是受衆浏覽起來更加有效率,有力的提升網站的形象。下(xià)面逐一(yī)分(fēn)析這些美的形式,并考慮如何将它們融入到網頁之中(zhōng),以解決以上遇到的很多網頁設計上的審美不足的問題。

從古至今,很多藝術家和學者提出了各種關于形式美的規律,很多經得起推敲的作品都是遵循這些規律去(qù)創作,以期完成其審美價值的。因此,在網頁設計過程中(zhōng),設計者必須去(qù)研究,掌握并主動地、有意識的運用這些規律,才能創作出好的作品。當然,不同時代有不同的設計審美觀念,也有不同的美學特征。在信息特别發達的今天,競争日趨激烈,給人們帶來了新的審美需求,對于網頁設計,客觀上将其推向了更高層的表現境界,這是網頁設計的必然趨勢。去(qù)追求一(yī)種和諧的單純,即追求清晰的視覺沖擊力和巨大(dà)的張力,我(wǒ)們應該把美的形式規律同現代的網頁設計的具體(tǐ)問題相結合起來。下(xià)面具體(tǐ)談談。

先談談變化和統一(yī)。變化是各個組成部分(fēn)之間的區别,統一(yī)是個部分(fēn)之間的内在關聯。完美的圖形設計,形式上要豐富有條理(即對圖形的大(dà)小(xiǎo)、方圓、動靜、強弱等方面的處理;組織上要有秩序而不單調,不混亂。即圖形的主從關系,叙事關系,呼應關系等方面的處理)。在圖形設計中(zhōng)運用變化與統一(yī)的規律,是處理形象和組織的對立統一(yī)過程,那麽在網頁設計中(zhōng)同樣要恰當的利用這種規律,在我(wǒ)們把大(dà)量的信息塞如到網頁上去(qù)的時候,考慮怎樣把它們合理的用統一(yī)的方式來排布,使整體(tǐ)感強同時又(yòu)要有變化,這樣使頁面更豐富,更有生(shēng)氣,看起來就不感到枯燥,很多網站諸如體(tǐ)育的網站,排布的新聞從上到下(xià)幾十條,沒有一(yī)點變化,顯得單調而乏味,就是違反這種形式美的規律,所以要充分(fēn)的運用變化來改進它,從排布的形式上或者是顔色上都可以。

再看條理與反複,其中(zhōng)反複是有規律的連續與延伸,有組織的變化與擴展并加以歸納,概括而富于條理化,。條理與反複的原則是圖形構成整體(tǐ)的秩序美的基礎,是變化中(zhōng)的統一(yī),也是運動發展中(zhōng)求得協調一(yī)緻的表現方式,由他可以演化出多種多樣的圖形變化。這種在很多較爲優秀的網站中(zhōng)運用較多,同時應用得也比較自如,這時由于很多網站豐富,信息含量大(dà),不得不運用一(yī)定的方式将其條理化,同時又(yòu)在一(yī)定程度上加以歸納後重複的利用,使網頁較爲整齊,脈絡清楚,讀起來也能着重點。當然,内容較少的網站同樣需要條理與反複,以達到更爲富有變化和清晰的視覺效果。如文字的合理編排,圖片和文字的結合。如何呼應等等。

對比和調和。對比是指在質或量方面相互差異甚大(dà)的兩個要素同時配置在一(yī)起時,兩者之間有相互作用的性格,更加令人感到彼此強烈地相互襯托。對比是爲了使主題畫面具有變化和生(shēng)氣而運用的方法。而調和是構成美的對象在部分(fēn)與部分(fēn)之間的相互關系。它無論是在質的方面還是量的方面都沒有矛盾,各部分(fēn)所傳達給人的感受和意念之間不是相互分(fēn)離(lí)或排斥,而是一(yī)個部分(fēn)多樣性的整體(tǐ)統一(yī)來表現美的狀态。那麽在網頁設計中(zhōng),如何利用它來達到好的效果呢?首先合理的利用對比的因素,例如文本的排布、字體(tǐ)的大(dà)小(xiǎo)、粗細、顔色,圖片的寬窄、比例的反差、透明以及位置的放(fàng)置等等,最終達到的目的就是如何取得較爲強烈的視覺效果;不光如此,還要恰如其分(fēn)的找到調和的因素,即構圖的聯系點,使整體(tǐ)感覺突出,不至于僅僅因爲對比而造成割裂的感覺。隻有做到對比和調和的相輔相成,才能使網頁頁面鮮明、突出,更好的傳達出設計者的意圖。

均齊與平衡,這是動力與中(zhōng)心兩者矛盾的統一(yī)所産生(shēng)的形态,是設計中(zhōng)求得中(zhōng)心穩定的兩種組織形式,均齊的組織方法是無論在哪一(yī)個中(zhōng)軸和中(zhōng)心支點各方面配置同形同量的圖形,都要求圖形整體(tǐ)結構嚴謹,形态安定整齊,平衡。實際上也是一(yī)句中(zhōng)軸和支點保持平衡,所不同的是配置的形爲等量不等形,它沒有一(yī)定的組織原則,隻要能在形式結構上掌握好中(zhōng)心即可,它要求在形式上自然合理。所以均齊偏于靜止的形式美感,而平衡卻顯得靈活多變,帶有動感。在網頁設計中(zhōng),在充分(fēn)的考慮整體(tǐ)的頁面上所有的圖形、文字的基礎上,如何比較整個頁面上的組又(yòu)兩邊的量與質?是一(yī)個設計師自身經驗的積累。頁面上的平衡是一(yī)個動态的平衡,因爲頁面上兩邊的配置不會總是一(yī)樣的,即左邊一(yī)個圖右邊就一(yī)個圖,那是不多的。更多的時候是圖和文字以及大(dà)塊的顔色輕的圖和小(xiǎo)塊的顔色重的圖的平衡,以及與文本的疏密和大(dà)小(xiǎo)的平衡,所以這是一(yī)種動态的平衡。隻有通過不斷的實踐才能夠在這方面駕輕就熟的運用。滿足人們的視覺上的整體(tǐ)的平衡感。這也是人的心理因素的一(yī)種圖形化的表現,當然不是一(yī)種片面的追求靜止的對稱,那時僵硬的、不生(shēng)動的,同樣會失去(qù)美感。

如何看待網頁上的留空?并非要把整個頁面塞滿了才不覺得空,我(wǒ)想隻要合理的安排,使頁面達到平衡,既使在一(yī)邊的部分(fēn)大(dà)面積留空,同樣不會讓人感到空,相反這樣會給人留下(xià)廣闊的思考空間,給人回味。

再談談節奏與韻律。運動中(zhōng)的事物(wù)都具有節奏和韻律的形式規律,節奏與韻律本來在音樂、舞蹈、詩歌及電影等具有時間形式的藝術中(zhōng)通過視覺和聽(tīng)覺來表現的,節奏本身沒有形象特征。隻是表明事物(wù)在運動中(zhōng)的快慢(màn)、強弱以及間歇的節拍。節奏可以說是條理與反複的發展。它帶有機械的秩序美,韻律是每個節拍間運動所表現的軌迹,它帶有形象特征。在具體(tǐ)的網頁設計的運用中(zhōng),按鈕的編排就經常會遇到這個問題,做得好的按鈕能夠使排在一(yī)起的諸多按鈕富有音樂般的美感,同時絲毫不損其實用性,可惜現在見到類似的太少了,因爲需要不光是從形狀上,而且要從整體(tǐ)的色澤、大(dà)小(xiǎo)等綜合方面入手。

上面僅僅探讨了幾個非常貼近網頁制作的形式美的規則,以及在網頁中(zhōng)的運用。如何解決網頁中(zhōng)的獨特性的問題呢?我(wǒ)想這不僅僅是審美的形式問題,主要要站在網站本身的高點上來考慮,綜合自身的整體(tǐ)形象,如網站的标志(zhì)、标準字體(tǐ)、标準色等等,因爲這些方面就是自己與衆不同之處,如果将這些經獨特設計的關于自身經營理念的東西融合到網頁設計中(zhōng)去(qù),怎會與人雷同呢?随便打個比方,假如運用自己的網站的标準色作爲網頁的基調,不光是能做到獨特,而且對于網站本身的形象是很有好處的,就如我(wǒ)們經常見到的IBM的藍(lán),可口可樂的紅白(bái)兩色。這都是苦心的營造的企業形象的重要組成部分(fēn)。網站要想樹(shù)立自己的獨特的形象,必須從這些方面入手,把網頁上的各種信息的表達統一(yī)到網站綜合形象的整體(tǐ)裏面來考慮。就會給人留下(xià)深刻的獨特的形象。

作爲形式美的法則,随着時代的不同而不斷發展進步,特别在生(shēng)活節奏如次快的互聯網時代,由于追求的目标的變化,人們的審美觀念也在不斷的變化,但是美的本質是一(yī)樣的,同時随着技術的發展,很多的目前不容易實現的審美形式也逐漸被克服,突破帶寬的瓶頸。就會給網頁設計的自如發展一(yī)片新的天地。我(wǒ)們對美的追求是永不停止的,作爲設計師,也要不斷的提高自己的素質,才能做出更好的富于美感的網頁來。

形象思維的歸納

我(wǒ)們對于環境事物(wù)的感覺經驗,都是源于過去(qù)的接觸積累。即使不經肌體(tǐ)接觸,也能判斷它的軟硬,粗細,輕重,冷熱……盡管因生(shēng)活背景,學習經驗各異,但經過不自覺的歸納,秩序化的本能,多數人内心深處沉澱的感官經驗,完全相似。

就物(wù)理功能而言,線條或色彩本身是沒有任何情緒的。但由于經驗的積累,才使人感受到粗線的堅實,細線的纖柔,快速的線條有流暢感,斷挫的線條有滞凝的感覺,不同的顔色有了不同的情緒象征意義。

就像中(zhōng)國的書(shū)法藝術。不用聲音就可以表現節奏和旋律,不必模拟實物(wù)的外(wài)形,就地能準确的表達出軟硬,疏密,虛實,欹正等結構形态。利用點,線,面的規劃,叙正均衡,大(dà)小(xiǎo)錯落及動靜收放(fàng),産生(shēng)頓挫,緩急的節奏,進而達到優美旋律的追求。

因此,每一(yī)個人都可以判斷美與醜,和諧與沖突的差異,這種能力有别于知(zhī)識性的思考,可稱爲“形象思維”。

成功的設計者,就是利用“形象思維”來思索點,線,面的構成,設計推演出有效的喚起美感經驗的作品。

排版設計尤爲如此,有限的視覺符号,文字,少量的插圖(有時沒有),這些素材有時不具備描述清楚事件或呈現情緒的能力,即使能自由的使用線條和色彩輔助,仍然拘束,所以通過“形象思維”直接捕獲内心的原點,是排版設計的唯一(yī)途徑。

排版設計最重要的是,設計者如何把那些涵養和觀點傳達給觀者,以便使版面上的思想能進入觀者的心靈。達意的圖例,元素圖表之善用,字類與詞句之巧妙運用,照片及版面之動人安排,使設計意味深長的字群,照片和空間等關系變成一(yī)種溝通,而不隻是裝飾!

  關閉窗口
相關新聞   Related News
1. 網站改版在SEO方面應注意的事項 2. 如何讓網站獲得持久關注
3. 網頁的重構、标準、布局——網站重構學習要點 4. 最大(dà)限度優化你的Asp程序的性能
5. 保持網站流量 對網站改版方案建議 6. 網頁設計理論100%易讀标準
7. 保持網站流量對網站改版方案建議 8. 看看網站設計中(zhōng)的設計風格之“客戶風格”
9. 訪客至上的網頁設計秘笈 10. 如何從營銷的角度策劃建設網站
衆智達網絡--網站設計領導者
地址:深圳市寶安區新安街道海富社區45區
怡景大(dà)廈A棟華豐新安商(shāng)務大(dà)廈223
電話(huà)/微信:13424189196
Q Q:44005801
郵箱:weifwu127@163.com
網址:http://www.chinweb.net
掃碼關注微信公衆平台
合作夥伴
版權所有 © 2006-2019  深圳市崇一網絡有限公司      技術支持:衆智達網絡