最新  免費試聽課!

老師好不好?聽一聽就知道  先試聽再交費
多試聽比較下可避免白花錢  歡迎預約試聽

杭州新華電腦培訓

0571-82735555

  企業營銷QQ:800017391

推薦課程

淘寶開店

裝修達人例說網店配色方案

杭州淘寶開店培訓

人靠衣裝馬靠鞍,即使是個人網店,如果裝修華麗,同樣能給人產生一個大店鋪的感覺,讓顧客看得舒心。網店裝修,讓我們從配色方案說起……

配色方案并不神秘,說白了就是怎么搭配顏色。生活中,許多MM常常討論,什么顏色的上衣搭配什么顏色的裙子,戴什么顏色的項鏈或手鏈等,這其實就是在討論配色方案了。不過在網店裝修中,配色方案還是有一定方法技巧的。

例說

網店的整體配色

我從事網站設計工作多年,參與過不少網店的裝修工作,我發現不少人對網店裝修有一個誤區,以為頁面越花哨就越好看。其實,過于花哨的頁面只能引起訪客的混亂。所以,網店整體顏色一定要給人統一協調的感覺。當然,統一的顏色并不是說只能用一種顏色,而是指主色調只有一種,在此基礎上搭配一些其他顏色,即所謂"總體協調,局部對比"原則。下面以實例的形式,介紹一下統一色彩的幾個典型方法。

實例1:單一色彩頁面

選擇單一色彩,并不表示就毫無變化,可以通過調整透明度或飽和度,使得單一色彩也深淺有別。這家網店主色調(即在頁面中占據的面積最大且具有主導作用的色彩)是紫色,邊框及物品圖片上則應用了淺紫色、紫紅色等,使得整個頁面看起來色彩統一又有層次感。

還有一種方法就是使用鄰近色彩搭配。鄰近色彩即不是同一色彩但是非常接近的、在色相環上角度較小的一系列色彩,它的效果與單一色彩相似,但是要豐富得多。總之,在配色過程中,無論用幾種顏色來組合,首先要考慮用什么顏色作為主色調,如果各種顏色面積平均分配,色彩之間互相排斥,就會顯得凌亂。

實例2:兩種色彩對比

先選定一種色彩,然后選擇它的對比色,這個對比色就是第二種顏色。

一般來說色彩的對比強,看起來就有誘惑力,能夠起到集中視線的作用。

這個網店頁面采用了綠色、紅色和藍色之間的對比,屬于最強烈的色彩對比,令人感受到一種極強烈的色彩沖突,產生深刻印象。

用色相環挑選對比色

如何才能找到對比最強烈的顏色呢?可用色相環輔助完成。色相環的核心是紅黃藍三原色(在圓環中呈等2邊三角形),三原色之間再填充以二次色(兩原色相混,如黃藍相混得到綠色),即得出六色相環,六色兩兩相混合又可擴大至十二色相環,以此類推還可得二十四色相環等。

在色相環中,180度對立的兩種色彩,對比是最強烈的,這個角度范圍內,角度越大的兩種顏色,對比越強,反之就越弱。

整體配色從成功網店"偷招"

上面通過實例介紹了網店整體配色的一些原理,不過對于一個新手來說,很難馬上將這些知識應用到自己的項目中。所以,最便捷的一個方法,就是從其他成功的網店中"偷招"。

首先根據你自己網店的類型,尋找多個同類型的網店,比較篩選,挑選出自己最喜歡的那一個。這里假設你要裝修的是一個女性服裝的網店,不妨從"淘寶服裝"頻道的頁面中借鑒它的配色方案。

在這色彩斑斕令人眼花繚亂的頁面中,可能你也很難分清哪個是主色哪個是輔助色,那么不妨借助軟件工具來理清。將淘寶服裝頻道的頁面截圖保存,再在Photoshop中打開,然后點擊"濾鏡→紋里→染色玻璃"打開濾鏡窗口。

在這里,圖片已變成一個個的色塊。不過色彩還是太多,此時可拖動右側"單元格大小"滑鈕,讓色塊變大,圖片的色彩構成也就一目了然了。

經此處理后,可提取出本圖片的配色方案:主色為接近于白色的淺紫色,輔助色有肉色(皮膚色)、黑色、桃紅、淡黃四種,突出色為桔紅色。

主色一般為頁面中所占面積最多的色彩或者背景色,為整個頁面打下色彩基調。女性網站多用浪漫的紫色、粉紅色等。輔助色與主色形成對比,豐富色彩內容。突出色所占的面積最小,與主色的反差最大,是一個頁面中最能引起人注意的點,一般需要突出的標題、LOGO或者需要著重表現的產品等,往往使用突出色。

通過以上方法提取出成功網店的配色方案后,就可以舉一反三應用到自己的網店上了。

小提示

★除了Photoshop這樣的圖像處理軟件外,還有一些專門針對配色方案的軟件工具,比如Website Color Schemer,啟動軟件后,選擇一種主色,軟件就會給出一套配色方案。

點選工具欄上的取色按鈕,可以抓取屏幕上的任意顏色。單擊工具欄最右側的按鈕,打開一個頁面預覽窗口,可以直接將色輪上的顏色拖到相應的網頁元素上,如標題、背景、導航、文字等,實時預覽配色的效果,非常方便(圖6)。

網店配色誤區案例解析

網店的裝修對一個店的幫助真的很大,越來越多的賣家也認識到這點。

在裝修的時候千萬注意顏色的運用及色彩搭配,不合理的搭配反而會造成負面的影響。

★背景和文字對比不強烈

人眼識別色彩的能力有一定的限度,由于色的同化作用,色與色之間對比強者易分辨,弱者難分辨。背景與文字內容對比不強烈,文字內容沒法突出,灰暗的背景令人沮喪,甚至用花紋繁復的圖案作背景。如網店頁面的背景和文字顏色對比不強烈,容易看不清晰。

★色彩過多

合理地使用色彩使頁面變得鮮艷生動富有活力。但色彩數量的增加并不能與頁面的表現力成正比。像有些頁面,把盡可能多的色彩搬上來,同一個頁面上色彩眾多,一個標題就是一種顏色,每一個框、線的顏色都不同。多種色彩的同時使用令人眼花繚亂,造成了版面復雜混亂的視覺效果,對買家理解獲取信息毫無幫助,反而可能帶來負作用。

要有一種主色貫穿其中,主色不一定完全是面積最大的顏色,也可以是最重要、最能揭示和反映主題的顏色。

不要將所有顏色都用到,盡量控制在三至五種色彩以內。

★過分強調色彩的刺激度

在生活中我們看顏色時會感覺到某些顏色很刺眼,看起來比較累。買家上網絕不希望對自己的視力有損害。因此,頁面用色要盡量少用視疲勞度高的色調。一般來說,高明度、高純度的顏色刺激強度高,疲勞度也大。在無彩色系中,白色的明度最高,明度最低的是黑色;有彩色系中,最明亮的是黃色,最暗的是紫色。色彩刺激強度高的色彩不宜大面積使用,出現頻率也不宜高。低明度色疲勞度雖然小,但往往使人產生壓抑感,也不贊成頁面設計過于暗淡。比較理想的方法是多用柔和明快的淺調暖色。(文/凡宇)

“掃一掃”

加老師微信咨詢

广西快三预测大小单双