CTMaxs 網路行銷公司部落格

出色的網站一定會有的10大調色板

你為你網站所選擇的配色方案,是否有引發任何的響應呢?

不管是在工作方面,還是其他的部分,每個人都有自己所傾向的顏色。但熟練的響應式網站設計公司了解不同的顏色對產品或服務來說所賦予的意義也會不一樣。

參考:

選擇適合的顏色可以影響訪客如何解釋他們看到的排版和佈局。

從這篇文章,我們可以參考看看別人如何利用配色,成功使得顧客參與他們的網站。

1. MEA-CUPPA

網站調色板-Mea Cuppa

網站調色板-Mea Cuppa

網站調色板(Mea-cuppa)

網站調色板(Mea-cuppa)

流行色調裡的中性色彩(黃色)具有非常優雅的感覺,適合高檔移動蛋糕麵包店。最小的配色方案仍然可以產生對比度,並給出獨特的以及有影響力的視覺印象。

2. The Big Top

網站調色板-The Big Top

網站調色板-The Big Top

網站調色板(The Big Top)

網站調色板(The Big Top)

部分的相似配色方案可以簡單地被創造以及色調的調整。在這創建過程中,對比的顏色更加容易的設計。自定義配色方案可以進一步提高設計,讓柔和的調色板帶來了驚人的轉折。

3. Tori’s Eye

網站調色板-Tori’s Eye

網站調色板-Tori’s Eye

網站調色板(Tori’s Eye)

網站調色板(Tori’s Eye)

從Tori’s eye這個網站,我們可以看到一個簡約有利的調色板效果,圍繞著諸如綠色和藍色的原色色調。這種單色配色方案很容易配色,因為每一種顏色總是與另一種相同顏色的色調一起做搭配。

4. Event Finds

網站調色板-Event Finds

網站調色板-Event Finds

網站調色板(Event Finds)

網站調色板(Event Finds)

你可以觀察使用這色調對此網站的影響。免費的顏色如橘色成功透過對比的方式使它產生行為。

5. Cheese Survival Kit

網站調色板-Cheese Survival Kit

網站調色板-Cheese Survival Kit

網站調色板(cheese survival kit)

網站調色板(cheese survival kit)

許多網站都是先從標誌開始設計,接下來是配色方案。Cheese Survival Kit網站上就能顯而易見,該網站使用對比色來產生具影響力的視覺印象。顏色飛濺在不同的地方將吸引訪客,但當使用到處都是就會失去其影響。

6. Nordic Ruby

網站調色板-Nordic Ruby

網站調色板-Nordic Ruby

網站調色板(Nordic Ruby)

網站調色板(Nordic Ruby)

Nordic Ruby網站適用以中性背景的高度飽和顏色作為美化。紫色被用作頂端的突出顏色,而淺藍色用在動作和標題上做對比。

7. Lake Nona

網站調色板-Lake Nona

網站調色板-Lake Nona

網站調色板(Lake Nona)

網站調色板(Lake Nona)

一個健康的社區網站必須要用令人煥然一新,以及感覺清新的顏色,如綠色與天空藍色。這些色彩可以為白色的背景增加一些有趣的氣氛。

8. Lemon Stand App

網站調色板-Lemon Stand App

網站調色板-Lemon Stand App

網站調色板(Lemon Stand App)

網站調色板(Lemon Stand App)

該網站採用三色配色方案,以藍色為主要顏色,是頁面的基礎;顯眼的黃色色彩,讓訪客注意並採取動作。使用明亮的顏色,具有比一般所使用的更具有潛力。

9. Mint.com

網站調色板-Mint.com

網站調色板-Mint.com

網站調色板(Mint.com)

網站調色板(Mint.com)

Mint.com是一個在視覺設計中引起廣泛關注的網站,並獲得訪客的信任。調色板清潔乾淨,再加上使用微妙的漸變和陰影給網站增添了額外的光澤。綠色與橘色的搭配使得呼籲行動脫穎而出並激發所需的動作。

10. Odopod

網站調色板-odopod

網站調色板-odopod

網站調色板(odopod)

網站調色板(odopod)

粉色是較少作為網站的背景顏色,但這並不意味著它不能高雅地被使用。當非常規使用時,例如在技術/設計平台上,顏色具有使您的工作更加突出的能力。此外,較少使用的顏色讓訪客感到驚訝,並吸引他們的注意力。

 

快快為您的網頁設計項目選擇正確的調色板吧!!!當然過程中,你也需要時間和技能以及特定產品或服務的營銷知識,透過了解能更知道與什麼顏色做搭配效果會更好。

 

如果有其他關於提高關鍵字排名、網路行銷、網頁設計的問題,可以在下方留言或者聯絡我們的數位行銷公司,我們會盡力替您解決!

Leave a Reply

} }, true);