網頁設計配色技巧 |
作者:本站 發布時間:2018-01-08 瀏覽:1270次 |
色彩調和是求得視覺統一,達到人們心理平衡的重要手段。兩種或兩種以上的色彩合理搭配,產生統一諧調的效果,稱為色彩調和。 調和就是統一,下面介紹的四種方法能夠達到調和頁面色彩的目的。 同種色的調和 相同色相、不同明度和純度的色彩調和。使之產生秩序的漸進,在明度、純度的變化上,彌補同種色相的單調感。 同種色的調和分析: 同種色給人的感覺是相當協調的。它們通常在同一個色相里,通過明度的黑白灰或者純度的不同來稍微加以區別的,產生了及其微妙的韻律美。為了不至于讓整個頁面呈現過于單調平淡,有些頁面則是加入極其小的其他顏色做點綴。該頁面使用了同種色的黃色系,淡黃、檸檬黃、中黃、通過明度、純度的微妙變化產生緩和的節奏美感。 結論:同種色被稱為最穩妥的色彩搭配方法。 類似色的調和 在色環中,色相越靠近越調和。主要靠類似色之間的共同色來產生作用。 類似色的調和分析: 類似色相較于同類色色彩之間的可搭配度要大些,顏色豐富、富于變化。 以上頁面主要取的是色環中的黃色、綠色、藍色通過明度、純度、面積上的不同實現變化和統一的。雖然主色調的米黃色在頁面中使用面積最大,但是我們看到由于它的明度非常高,飽和度就降低了,因此在頁面中處在不明顯的角色。而綠色的純度最高,且使用面積次之,頁面顯示較顯眼,因此用于次級導航位置上。整個頁面主次的視覺引導分明。 結論:不是每種主色調都是極其顯眼的位置,通常多扮演著用于突出主體的輔助性配角。而重要角色往往在頁面中用的份量極少,卻又起到突出主體的作用。 對比色的調和 調和方法有: 1、提高或降低對比色的純度; 2、在對比色之間插入分割色(金、銀、黑、白、灰等); 3、采用雙方面積大小不同的處理方法; 4、對比色之間加入相近的類似色。對比色的調和分析: 基本上可以說是黃色和紫色的對比色做頁面的主要色調。黃色紫色組合在網頁中使用率較低,原因是這組顏色適用范圍相對其他兩組對比色要小很多,配色難度也較兩組大。 這里黃色加入了紅色呈中黃色,紫色加入了紅色,偏玫瑰色,所以這組顏色不是嚴格意義上的對比色,也因此使這組顏色看起來協調、舒服。這個頁面都調低了亮度使整體降低了純度,緩和視覺刺激。白色是這組對比色里加入的協調色。 結論:從上面的分析我們可以知道,通過上面的這些色值調配--當需要使用這組對比色配色時候該如何達到協調的目的。 不是對比色為主色調的頁面就一定會有不舒服的感覺的,主要可以通過調低亮度、降低飽和度、加入少許白色來調和。 漸變色的調和 漸變色實際是一種調和方法的運用。是顏色按層次逐漸變化的現象。色彩漸變就像兩種顏色間的混色,可以有規律地在多種顏色中進行。暗色和亮色之間的漸變會產生遠近感和三維的視覺效果。 漸變色的調和分析: 該頁面背景使用了漸變的效果,增加了視覺空間感。在導航欄、廣告區域、產品技術的大標題塊,都使用了漸變的技術手法來表達,產生三維的視覺效果,統一了整個頁面的設計語言,也是區別于其他網站頁面的個性體現,達到讓人印象深刻的目的。 結論: 漸變色能夠柔和視覺,增強空間感,體現節奏和韻律美感,統一整個頁面的目的。 除了統一當然也可以起到變化頁面視覺形式的作用。該設計語言可做需要的時候適當的使用。
以上內容是由寶雞網站建設公司--寶雞世紀網絡為您采集整理的“網頁設計配色技巧” 的相關內容。我公司是在寶雞市工商局注冊的專業提供網站建設、網站優化的寶雞網絡公司,在寶雞網站建設行業有一定的影響力。歡迎您來電咨詢。
|