網頁的審美需求_網頁配色教程

2024-08-30 08:33:12

字體：大中小

來源：轉載

供稿：網友

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

　　由于網頁的從無到有，從滿足基本的功能需要到追求美的較為高層次的需要，這是一個循序漸進的過程。這使人不由得想起工業革命前夕，很多現代的產品那時候都沒有，沒有現成的模樣可以參照，產品的設計都是滿足基本的功能需要出發，所以做出來的產品非常粗糙，冷冰冰的，毫無生氣。由于商業競爭和工業化大生產的結果，使得人們不斷的改進產品的功能，更為重要的是改進產品的外觀，是產品更符合美的需要和使用方便。從而使今天貨架上出現了琳瑯滿目的漂亮的產品。我想網頁同樣也是如此，在滿足了基本的功能的要求之后，為了突出自己的特色，突出自己的優勢，必須從審美上入手。而目前很多國內網站的現狀是什么樣子的呢？經常上網的網友可能會有所體會。目前的網頁存在著諸多的不足，以下簡單的分析一下，希望能從中得到一些啟示。

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

　　第二也可用一個字“花”來形容，這類網站也有不少，顯然這是很多不懂設計的人來制作的。比較多是他們把頁面做的很花哨，但是非常不實用，例如采用很深的帶有花哨圖案的圖片作為背景，嚴重干擾了瀏覽，獲取信息很困難。同時有些還采用了顏色各異，風格不同的圖片、文字、動畫。使頁面五彩繽紛。沒有整體感覺，盡管有些頁面內容不多，但是瀏覽起來仍然非凡困難。這種過度的包裝甚至不如不加任何裝飾的頁面。不加裝飾最起碼不會損害其基本的功能的需求。所以這種網頁屬于粗制濫造的次品，是對自己的受眾不負責任的表現?；蛟S他們的初衷是好的，就是想把自己的頁面做的漂亮，結果卻是適得其反。是網頁設計中的一大忌。

　　第三個現在網頁設計中的誤區就是千篇一律，缺乏自己的特色，當我們打開電腦，上網一看，似乎哪個網站都是一樣的。從標題的放置，按鈕的編排到動畫的采用都是如此。用色時隨心所欲，只要能區分開文本和背景就達到目的。造成這種原因就是網頁設計師本身的原因，他們沒有充分的利用自己的知識，分析自己網站的優勢，發揮自己的網站的特點，而是采用的走捷徑的方式，就是用大眾化的方法去做，做起來當然很輕易了，但是失去了自己特點的網頁就像流水線上下來的產品，似乎隨便看哪一個都一樣，這樣就不能起到網頁設計的目的。至少不能算設計。這也是對自己的用戶不負責任的表現。當然這里不是片面的唯美主義，不能只是看中頁面的漂亮而不顧受眾的使用的不方便。例如有些網頁將按鈕溶入到頁面的圖片中去，倒是比較漂亮了，整體感強了。但是受眾有時候卻找不到按鈕，造成困難。這同樣是不可取的。

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

　　綜合以上的分析，可以找出很多目前網頁設計上設計的不足，非凡是審美上的不足，照顧網頁功能上的需要的前提下，需要有針對性的采用一些美的形式。來使網頁做得更加有生氣，更吸引人。

　　那么加入美的因素，也要遵循一定的形式美的法則。這種美的形式有很多種，合理的利用，可以給網頁增光添彩。心曠神怡。是受眾瀏覽起來更加有效率，有力的提升網站的形象。下面逐一分析這些美的形式，并考慮如何將它們融入到網頁之中，以解決以上碰到的很多網頁設計上的審美不足的問題。

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

　　先談談變化和統一。變化是各個組成部分之間的區別，統一是個部分之間的內在關聯。完美的圖形設計，形式上要豐富有條理（即對圖形的大小、方圓、動靜、強弱等方面的處理；組織上要有秩序而不單調，不混亂。即圖形的主從關系，敘事關系，呼應關系等方面的處理）。在圖形設計中運用變化與統一的規律，是處理形象和組織的對立統一過程，那么在網頁設計中同樣要恰當的利用這種規律，在我們把大量的信息塞如到網頁上去的時候，考慮怎樣把它們合理的用統一的方式來排布，使整體感強同時又要有變化，這樣使頁面更豐富，更有生氣，看起來就不感到枯燥，很多網站諸如體育的網站，排布的新聞從上到下幾十條，沒有一點變化，顯得單調而乏味，就是違反這種形式美的規律，所以要充分的運用變化來改進它，從排布的形式上或者是顏色上都可以。

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

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

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

　　如何看待網頁上的留空？并非要把整個頁面塞滿了才不覺得空，我想只要合理的安排，使頁面達到平衡，既使在一邊的部分大面積留空，同樣不會讓人感到空，相反這樣會給人留下廣闊的思考空間，給人回味。

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

　　上面僅僅探討了幾個非常貼近網頁制作的形式美的規則，以及在網頁中的運用。如何解決網頁中的獨特性的問題呢?我想這不僅僅是審美的形式問題,主要要站在網站本身的高點上來考慮，綜合自身的整體形象，如網站的標志、標準字體、標準色等等，因為這些方面就是自己與眾不同之處，假如將這些經獨特設計的關于自身經營理念的東西融合到網頁設計中去，怎會與人雷同呢？隨便打個比方，假如運用自己的網站的標準色作為網頁的基調，不光是能做到獨特，而且對于網站本身的形象是很有好處的，就如我們經常見到的IBM的藍，可口可樂的紅白兩色。這都是苦心的營造的企業形象的重要組成部分。網站要想樹立自己的獨特的形象，必須從這些方面入手，把網頁上的各種信息的表達統一到網站綜合形象的整體里面來考慮。就會給人留下深刻的獨特的形象。

　　作為形式美的法則，隨著時代的不同而不斷發展進步，非凡在生活節奏如次快的互聯網時代，由于追求的目標的變化，人們的審美觀念也在不斷的變化，但是美的本質是一樣的，同時隨著技術的發展，很多的目前不輕易實現的審美形式也逐漸被克服，突破帶寬的瓶頸。就會給網頁設計的自如發展一片新的天地。我們對美的追求是永不停止的，作為設計師，也要不斷的提高自己的素質，才能做出更好的富于美感的網頁來。

上一篇：搭配的藝術--談主頁用色_網頁配色教程

下一篇：基本配色――浪漫_網頁配色教程