- 相關(guān)推薦
網(wǎng)頁設(shè)計的布局和用色技巧
網(wǎng)頁是網(wǎng)站構(gòu)成的基本要素。網(wǎng)頁的布局和色彩搭配能夠更好的提升網(wǎng)頁的視覺效果、更能吸引瀏覽者的眼球。 理論上研究網(wǎng)頁設(shè)計的布局和用色技巧在網(wǎng)頁中的應(yīng)用以及布局和用色技巧在網(wǎng)頁設(shè)計中的發(fā)展方向。以下是小編搜索整理網(wǎng)頁設(shè)計的布局和用色技巧，歡迎大家閱讀!
網(wǎng)頁設(shè)計是藝術(shù)與技術(shù)的高度統(tǒng)一,網(wǎng)頁藝術(shù)設(shè)計包含視聽元素與版式設(shè)計兩項內(nèi)容;以主題鮮明、布局形式與內(nèi)容相統(tǒng)一、強調(diào)整體色調(diào)為設(shè)計原則。因此在明確了網(wǎng)頁藝術(shù)設(shè)計與網(wǎng)站主題的關(guān)系的基礎(chǔ)上,提出了“美”和“功能”都是為了更好地表達網(wǎng)站主題這一觀點。從而更好的認識和理解布局和用色技巧在網(wǎng)頁布局中的發(fā)展和創(chuàng)新。
國內(nèi)網(wǎng)頁設(shè)計環(huán)境目前還停留在初級的認知階段,如同96年以前的網(wǎng)頁幾乎是純文字的頁面,沒有什么所謂“設(shè)計”的概念可言。隨著時代的發(fā)展人們對美的追求是不斷深入,網(wǎng)頁設(shè)計開始從從審美方面入手,結(jié)合使用方便的要求,設(shè)計出美觀、合理的頁面,運用一些平面設(shè)計中美的基本形式就能使網(wǎng)頁更加富有美感,例如將平面設(shè)計中的色彩形式原理融入到網(wǎng)頁設(shè)計中,注重了布局規(guī)劃從而使繁多的頁面更加有條理。
設(shè)計以人為本,任何設(shè)計都具有一定的內(nèi)容和形式。內(nèi)容貫穿整個網(wǎng)頁設(shè)計中,是設(shè)計存在的基礎(chǔ)。形式而是內(nèi)容的延伸,或者說事內(nèi)容的外部表現(xiàn)方式。
內(nèi)容決定形式,形式反作用于內(nèi)容。一個優(yōu)秀的網(wǎng)頁設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現(xiàn)現(xiàn)實,而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味,使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境�！�
一、網(wǎng)頁設(shè)計的布局
頁面布局就是在網(wǎng)頁設(shè)計時把網(wǎng)頁的各種構(gòu)成要素(文字、圖片、菜單等等)在頁面內(nèi)完美的搭配起來。一個精美的網(wǎng)頁,不僅體現(xiàn)在頁面內(nèi)容的精彩,還要有效地利用頁面的有效顯示空間,創(chuàng)造出合理的布局模式。
(一)“國”字型
“國”字型,也可以稱為“同”字型,適用于一些大型網(wǎng)站,即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來是網(wǎng)站的主要內(nèi)容,左右分列一些兩小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。
(二)拐角型
這種結(jié)構(gòu)與上一種“國”字型結(jié)構(gòu),其實只是形式上的區(qū)別,有相似性。頂端是標(biāo)題及廣告橫幅,接下來的左側(cè)是一窄列鏈接等,右列是很寬的正文,底端也是一些網(wǎng)站的輔助信息。在這種類型中,一種很常見的類型是,頂端是標(biāo)題及廣告,左側(cè)是導(dǎo)航鏈接。
(三)左右框架型
這是一種左右分為兩頁的框架結(jié)構(gòu)。一般左面是導(dǎo)航鏈接,有時頂端會有一個小的標(biāo)題或標(biāo)致,右面是正文。目前,大部分的大型論壇都是這種結(jié)構(gòu),一些企業(yè)網(wǎng)站也喜歡采用這種左右框架型結(jié)構(gòu)。這種類型結(jié)構(gòu)非常清晰,一目了然。
除了以上的布局類型外,還有上下框架型,標(biāo)題正文型,綜合框架型,封面型等。
二、網(wǎng)頁用色技巧
(一)確定網(wǎng)頁的主題色
所謂網(wǎng)頁的主題色,就是體現(xiàn)行業(yè)特點,企業(yè)形象的色彩。色彩搭配的協(xié)調(diào)可以突出主題形象的視覺效果,色彩的搭配不僅體現(xiàn)美學(xué)的訴求,而且是一種可以強化的識別信息,會影響到瀏覽者對網(wǎng)站的印象乃至企業(yè)形象的認識。所以,主題色一經(jīng)確定,要保持一定的穩(wěn)定性,用這種色彩來幫助瀏覽者對網(wǎng)站的識別。
網(wǎng)頁中顏色的過多使用,會使人感覺到凌亂、輕浮,感到雜亂無章,缺乏對網(wǎng)頁的興趣。因此網(wǎng)頁設(shè)計必須有自己獨特的色彩,必須有一種或兩種主體色。
不至于讓瀏覽者迷失方向,也不至于單調(diào)、凌亂。當(dāng)主題色確定好以后,考慮到其他配色時,一定要考慮到其他配色與主體色的關(guān)系,要體現(xiàn)企業(yè)什么形象以及什么樣的效果。
(二)用色技巧
1.針對不同的企業(yè)所要表達信息的不同,可以選擇突出這些信息的顏色。
2.考慮瀏覽者。不同地區(qū)、不同年齡層次對色彩的認知的不同,可能會產(chǎn)生不同的反應(yīng)。對網(wǎng)頁所傳達信息針對的人群的不同選擇不同的用色。
3.不要使用過多的顏色。除了黑色和白色以外,約選擇四到五個顏色就足夠了。太多的顏色會使頁面顯得雜亂,不容易突出網(wǎng)頁所要表達信息的重點。
4.選擇顏色要注意時效性。當(dāng)一種色彩成為流行色的時候,不免使瀏覽者產(chǎn)生麻木的審美效果。因此在網(wǎng)頁中事實的實施一些懷舊色彩,會達到意想不到的效果。
以后,網(wǎng)頁將代表個人、企業(yè)的形象。尤其是個人,或者企業(yè)的主頁,它既要傳達出某種信息,又要充分的體現(xiàn)出它們的特色。網(wǎng)頁設(shè)計的好壞,直接關(guān)系到某個人、某個企業(yè)的形象,在人們的印象中所處的地位。所以布局和色彩的恰到好處的搭配將會使個人和企業(yè)的形象在別人心中留下深刻的印象,從而更好的體現(xiàn)出個人及其企業(yè)的知名度。
【網(wǎng)頁設(shè)計的布局和用色技巧】相關(guān)文章：
網(wǎng)頁設(shè)計配色技巧03-07
網(wǎng)頁字體設(shè)計的技巧03-18
網(wǎng)頁美工設(shè)計技巧03-12
室內(nèi)外設(shè)計用色的原則和規(guī)律03-28
怎樣協(xié)調(diào)網(wǎng)頁美工設(shè)計的細節(jié)與布局03-18
網(wǎng)頁動畫設(shè)計小技巧03-06