網(wǎng)頁(yè)設(shè)計(jì)配色用色十例

時(shí)間：2023-02-18 20:08:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-18 20:08:01 來(lái)源：營(yíng)銷百科

網(wǎng)頁(yè)設(shè)計(jì)配色用色十例：以下將分別介紹十個(gè)配色較好的網(wǎng)站，大家可以學(xué)習(xí)和借鑒一下，培養(yǎng)對(duì)色彩的敏感以及獨(dú)到的審美能力。

1）大型的NBA網(wǎng)站。通常我們經(jīng)常看到的此類網(wǎng)站以白色為背景，但是這個(gè)網(wǎng)站卻用灰黑色RGB為（48，48，48/#333333）（以下顏色都用RGB表示），文章標(biāo)題用色為RGB為（203，201，153/#CCCC99），菜單使用的RGB為（112，119，112/#707770）。這樣的配色可以顯示獨(dú)特的個(gè)性，又不失大型網(wǎng)站的風(fēng)采。

2）娛樂(lè)類的綜合性網(wǎng)站UGO，他的配色方案是背景色為黑色RGB為（0，0，0）中嵌套R(shí)GB（0，0，82），字體白色RGB（255,255,255）,菜單為RGB（77,114,159）。這樣的雖以黑藍(lán)為主色調(diào)，但是配以漂亮的圖片，給人的感覺(jué)是生機(jī)盎然，充滿了互動(dòng)色彩和青春氣息。

3）微軟公司網(wǎng)站，微軟不僅軟件做的好，連網(wǎng)頁(yè)制作也是世界領(lǐng)先。他的每一個(gè)網(wǎng)頁(yè)都是制作的樣板。從網(wǎng)頁(yè)我們就可以看出微軟公司的風(fēng)格、作風(fēng)，以及實(shí)力。背景顏色使用藍(lán)色RGB為（0，151，254），菜單為黑色RGB（0，0，11），菜單為灰色RGB（200，200，200），字體為黑色RGB（0，0，0）。

4)相對(duì)簡(jiǎn)單網(wǎng)站，但是她的用色也別具匠心，如今我們來(lái)看一看，整體上使用的是白色RGB（255，255，255），輔助色為RGB（79，88，95），菜單色為RGB（48，64，64）和RGB（0，81，111）字體使用的是RGB（83，86，91）。雖然簡(jiǎn)單，但顏色搭配非常的科學(xué)合理。

5）黃色調(diào)為主網(wǎng)站，很體現(xiàn)公司的個(gè)性，我們就來(lái)看一看她的顏色搭配。主色調(diào)為黃色RGB為（255，199，48/#FFC730），輔助色調(diào)為RGB（49，102，46）字體為棕色RGB（153，103，0），中間再配以抽象的圖片，顯得個(gè)性十足但又不單調(diào)。

6）橘紅色網(wǎng)頁(yè)。下面的這個(gè)網(wǎng)站就是一個(gè)非常著名的例子。他的主色調(diào)為RGB（255，151，0）輔助色調(diào)為RGB（255，103，4），菜單RGB為（252，200，0）。字體使用黑色RGB為（0，0，0）。此種配色顯得主人較為前衛(wèi)，色彩熱烈，給人的震懾力較強(qiáng)。

7）鮮紅色也是一種震撼感很強(qiáng)的顏色，如果搭配不當(dāng)，也可能使網(wǎng)站沒(méi)有風(fēng)格和特點(diǎn)。下面的這個(gè)網(wǎng)站就是使用紅色比較好的網(wǎng)站。我們來(lái)看看他的顏色搭配。他使用的主色調(diào)是RGB（200，9，0），配以抽象的圖形，文字使用的是RGB（213，229，167）顯得美觀而不失獨(dú)特，大氣而不逼人。

8）不經(jīng)常用到的顏色色調(diào)，如果使用到你的網(wǎng)頁(yè)中，肯定會(huì)給人耳目一新的感覺(jué)。他的主色調(diào)為RGB（144，151，97）輔助色調(diào)為RGB（173，168，112）邊飾為黑色RGB（0，0，0）字體為黑色RGB（0，0，0）。這樣的搭配顯得風(fēng)格獨(dú)特，顏色和諧而莊重。

9）設(shè)計(jì)更加的簡(jiǎn)單化，但是顏色的使用使網(wǎng)頁(yè)并不呆板，反而讓人感覺(jué)到一股濃濃的生活和家庭氣氛，使人置身于美麗和愛(ài)中。他的主體是由兩種顏色構(gòu)成，分別是RGB（239，200，161）和RGB（201，254，200）。如此簡(jiǎn)單，但是卻栩栩如生，躍然網(wǎng)上。

10）下面舉出這個(gè)例子是想證明一個(gè)道理——只要你有足夠的想象力，你就能夠設(shè)計(jì)出漂亮的網(wǎng)頁(yè)。當(dāng)今在網(wǎng)上非常流行一句話就是網(wǎng)頁(yè)的搭配不要超過(guò)四種主要顏色，否則就有雜亂之感。下面的這個(gè)網(wǎng)站遠(yuǎn)遠(yuǎn)的超過(guò)了三種顏色，但是她并不失美麗。因此重要的還是色彩的駕馭能力。下面這個(gè)例子的菜單就使用了7種顏色，但是我們看到的網(wǎng)頁(yè)并不雜亂，相反感覺(jué)作者很有創(chuàng)意。

網(wǎng)頁(yè)設(shè)計(jì)的顏色搭配需要在實(shí)踐中不斷的摸索和不斷的創(chuàng)新，認(rèn)真學(xué)習(xí)別人的先進(jìn)方法和經(jīng)驗(yàn)，可以快速的提高我們的制作水平。

可以說(shuō)。網(wǎng)頁(yè)顏色搭配得當(dāng)，成功也就走了一半。