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