來源:智優營家 發布日期:2018-10-31 關注:2055
當你開始動手做一個網站時,首先就會面臨一個問題:在網站上使用哪種顏色?一般而言,訪問者們進入網站時第一時間就會注意到網站的配色,這也是為什么網站配色是整個網站的設計的基本組成部分之一。
色彩不僅影響網站的外觀和風格,還在網站表現力上扮演著重要的角色。換句話說,你在網站上應用的顏色一定程度上決定著顧客的訪問時間、顧客回頭率、點擊率、業務銷售等。記?。涸诰W站上,色彩的應用絕不僅僅是為了美觀,讓大家看上去舒服,更重要的是它的功能性。因此,在你自己動手做網站時,你要好好考慮這一點。
生活中,我們中的一些人甚至不能很好的搭配上衣和褲子的顏色,那么面對打造一個成功專業網站時,如何選擇完美的色彩組合就成為一個難題了。這時,我們就要請色彩理論"出山"了。色彩理論是藝術設計中一個很重要的概念,在光學中為人們所廣泛熟知。一般而言,色彩理論給圖像處理員提供了創造完美色彩組合的工具,目前專業的網頁設計師也依靠它完成色彩搭配設計的工作。不過現在,你也同樣可以!下面是小飛整理的在網站中使用色彩理論前需要了解的一些事項:
色彩理論
色彩理論的核心是色輪,小飛相信很多人之前可能已經見過(如下圖所示)。
色輪是各種顏色及相關顏色的組合圖示,所有的顏色都可以在色輪中呈現。色輪中包含3個原色:紅色、藍色和黃色。把原色混合在一起,你就能得到二次色:橙色、綠色和紫色。在一般具有12個顏色的色輪中,混合原色和二次色,你就會得到6個三次色:黃綠色,綠藍色,藍紫色,紫紅色,橙紅色,橙黃色。常見的色輪除了12色的,還有24色的,24色色輪的顏色分類更加詳細復雜。
暖色VS冷色
色輪分為兩大類別:暖色,主要圍繞黃色、橙色和紅色(包括大多數棕色色調);冷色,主要圍繞藍色、綠色和紫色(包括大部分灰色色調)。選擇暖色或冷色調沒有對錯之分,如何選擇基于你想要達到什么樣的效果。因為顏色群體總是和一定的情感聯系在一起的,暖色能夠鼓舞人心,展現活力,舉個栗子來說,在2009年經濟狀況不好時,黃色成為網頁設計中非常流行的色彩,因為很多公司希望顧客在他們的網站上感受到陽光、舒適和希望。而冷色常會使人感到安靜,有鎮定人心的效果,比如很多銀行都會用到藍色,以呈現出一個冷靜、專業的公司形象。
在網站上是使用暖色?還是冷色?這取決于你的品牌身份以及你想要在SEO網站上營造什么樣的氛圍。當然,將冷暖色組合在一起用也是可以的。如果你有這個想法的話,可以參考下面幾條建議:
常見色彩搭配方法
成功的色彩組合總是遵循一定的搭配準則,這些準則大部分都與顏色在色輪中的位置有關系。比如:
對比色搭配:使用對比強烈的顏色,不同的顏色在色輪上相隔至少兩格。使用對比色可以用來吸引注意力或者將某顏色分離,在網站中最適用于"行為引導"按鈕。
互補色搭配:這種方法利用色輪上位置相對的兩種顏色,就像紅色和綠色,或者黃色和紫色。當兩個互補色并列開來,他們會將對方代表的情感推向極端,紅色放在綠色旁邊,會顯得更加“刺激、激進、有力量”,綠色也會顯得更加舒適。在網站中使用對比色,會讓設計顯得更加活潑。要用好互補色,最好的辦法就是:改變明度、降低純度,看起來會柔和許多。但是,要想配色顯得很完整,可以在對比色上添加中性色。中性色在一個標準的色輪上是找不到的,如米色,淺棕色,淺灰色,黑色和白色。
類比色搭配:在這種搭配方法中,你可以使用三個相鄰的顏色組合在一起,如橙色、黃橙色和黃色,或者紫色、紫藍色和藍色。任何色輪上相鄰的3個顏色(即類比色)會產生一種令人愉悅、低對比度的和諧美感,這是因為他們的顏色很相近。
三色系搭配:準備好使用幾何知識了嗎?三色系搭配方案使用色輪中三個顏色,其距離彼此相等,形成完美的等邊三角形。組合顏色可以是:黃綠色、橙紅色和紫藍色,或者是黃橙色、紫紅色和藍綠色。三色系是最安全的配色方案,色輪上的三種顏色能夠確保視覺平衡。大多數設計師認為三色系是最好的配色方案,但還得具體情況具體分析。使用三色系搭配方案對于用戶范圍很廣的網站是非常好的選擇,比如醫療網站,略帶愉悅感的同時不顯乏味。不過對于一些需要強烈風格的時尚或音樂網站,由于缺少強烈的對比色,缺乏激進的情感,三色系配色方案就不太適用了。
分散互補色搭配:尋找三種顏色,其中兩種互相類似,另一種與它們形成對比,這就是分散互補色搭配。分散互補色搭配是初學者很好的選擇,怎么搭都很好看。如下圖,紅、深藍與淺藍搭配,完美突出對比感,畫面又不失和諧。
矩形互補色搭配:使用兩組互補色,這兩組互補色在色輪上可以形成一個矩形。例如,你可以組合黃橙色、黃綠色、藍紫色和紫紅色,這個色彩就會很豐富。但如果你不希望網站上看上去顏色太多、太亂,你可以選擇一種顏色作為基本色,對其余顏色做一些細微差別。想要用好矩形互補色是有一定難度的,注意在選擇顏色時應盡量平衡冷暖色調。
單色搭配:顧名思義,這種方案使用相同顏色的不同色調來搭配組合。一種色相一般由暗、中、明三種色調組成。單色搭配可以同時使用這三種色調,形成明暗的層次,也可以只關注使用明色調或暗色調。單色搭配有清晰的視覺效果,還能讓人感覺到極簡主義的風格。
在這已經帶你了解了不少配色方案以及它們可以實現的效果。是時候將理論應用于實踐了!
長沙網站制作
熱門推薦
關注智優