網頁設計中的審美需求有哪些

來源:文萃谷 3.06W

網頁設計是一們新興的設計類和網絡的交叉學科,近幾年隨着網絡的發展而逐漸收到人們的重視,它本身以網絡為載體,把各種信息以最快捷、方便的方式傳達給受眾。在這種標準的要求下,逐步產生了審美的需求。以下是關於網頁設計中的審美需求具體內容,歡迎閲讀!更多內容請關注應屆畢業生考試網!

網頁設計中的審美需求有哪些

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

第一個可以用一個字來形容,那就是“塞”。

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

第二也可用一個字“花”來形容,這類網站也有不少,顯然這是很多不懂設計的人來製作的。

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

第三個現在網頁設計中的誤區就是千篇一律,缺乏自己的特色,當我們打開電腦,上網一看,好像哪個網站都是一樣的。

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

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

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

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

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

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

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

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

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

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

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

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

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

  形象思維的歸納

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

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

就像中國的書法藝術。不用聲音就可以表現節奏和旋律,不必模擬實物的外形,就地能準確的表達出軟硬,疏密,虛實,欹正等結構形態。利用點,線,面的規劃,敍正均衡,大小錯落及動靜收放,產生頓挫,緩急的節奏,進而達到優美旋律的追求。

因此,每一個人都可以判斷美與醜,和諧與衝突的差異,這種能力有別於知識性的思考,可稱為“形象思維”。

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

  排版設計尤為如此

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

排版設計最重要的是,設計者如何把那些涵養和觀點傳達給觀者,以便使版面上的思想能進入觀者的心靈。

熱門標籤