網頁設計小知識：網頁色彩要如何選擇？

你是否曾想過，為何全球的百大企業在網頁設計時，會選擇企業色的理由嗎？原因非常簡單，因為在心理學的研究中，人類大腦對於顏色的敏感度相當高。

KNOWLEDGE網頁設計新知 2018-12-18 網頁設計小知識：網頁色彩要如何選擇？ 你是否曾想過，為何全球的百大企業在網頁設計時，會選擇企業色的理由嗎？原因非常簡單，因為在心理學的研究中，人類大腦對於顏色的敏感度相當高。

在一篇文獻探討中，作者認為顧客在90秒內就會決定對產品的觀感，其中色彩在決定性的因素中，所佔的比例高達62%-90%，所以只要使用恰當的色彩，就能精準影響顧客的購買決策及意願，還能幫助網站的SEO，大大提升網站的曝光度並提升商品的銷售量。

舉例來說，知名的網路商店平台Etsy就開發了一種工具，讓使用者可以利用同一色彩來進行商品的搜尋。

我們將能透過適合的色彩，幫助自己的產品歸類在合適的商品分類。

我們知道好的配色可以讓你事半功倍，但要是選錯顏色，最嚴重的結果可能會讓你面臨事業失敗! 舉例來說，若你的目標客群是兒童的話，就不該用黑色作為企業色彩以及相關廣告投放，否則你的行銷活動將會面臨巨大的瓶頸！ 既然知道顏色影響的層面如此廣大，接下來就讓我們了解如何選擇適合的網站配色吧。

白 白色在網頁設計上的運用 白色代表著平靜、簡約、純潔及高雅。

這就是為什麼SteveJobs會選擇白色做為第一台iPod的選擇色。

（前往案例／網站） （前往案例／網站） （前往案例／網站） 雖然白色在網頁設計已變得十分受歡迎，但並不是所有網站都適合，因為過度的使用白色，反而會很難在消費者心中建立印象。

在上一篇的2019年趨勢文章中，我們就有提到未來網頁設計的趨勢，將會大量使用生動活潑的色彩。

  紅 紅色在網頁設計上的運用 自古以來，紅色就象徵著熱情以及食欲。

這就是為什麼我們可以看到麥當勞、KitKat、可口可樂、肯德雞等等的企業都使用紅色。

（前往案例／網站） 橘 橘色在網頁設計上的運用 橘色是最具有挑釁效果的色彩，但同時也代表著溫暖及豐收。

舉例來說，全球最大的同志交友平台Grindr，和廣受青少年歡迎的飲料品牌Fanta都使用了橘色。

因為橘色傳達的情緒是友善與活力。

黃 黃色在網頁設計上的運用 在網頁設計上，很少會拿黃色作為主色調，反而是以深色為主色調的網站，會運用黃色作為搭配，因為黃色在視覺設計上是非常大膽、活潑的色彩，因此十分適合新創產業。

（前往案例／網站） 綠 綠色在網頁設計上的運用 綠色在創意產業、食品以及生技產業中十分受到歡迎，因為綠色象徵有機、健康以及環保。

舉例來說，麥當勞就將他們的紅色LOGO變成了綠色，目的是為了傳達給大眾「我們提供健康食物」的訊息。

除此之外，醫藥產業、軟體開發公司也開始使用綠色作為主色調，因為綠色在心理學上能夠帶給人穩定、平衡及放鬆的效果， （前往案例／網站） 藍 藍色在網頁設計上的運用 藍色帶給人平靜、安全、開放（淺藍）及可靠（深藍）的感覺。

因此資訊科技、軟體開發、金融及保險業經常會選用藍色作為企業色，如Facebook、Twitter。

會選擇藍色的目的是希望能讓消費者「信任他們的服務」。

（前往案例／網站） （前往案例／網站） 除此之外，藍色還能與對比色進行靈活的運用，將觀看者的目光轉移到對比色上（如：紅色或橘色調）。

（前往案例／網站） 紫 紫色在網頁設計上的運用 紫色是最能代表神祕感的色彩，在心理學上的統計數據證明，紫色是最能吸引年輕人的色彩，特別是女性。

適合用於美妝、珠寶等相關以女性為主要消費力的產業。

黑 黑色在網頁設計上的運用 黑色代表權威、高雅、低調以及創意。

因此受到大多數主管及白領專業人士的喜愛。

如果你有計畫要製作一個網站，而網站的目標客群是高階管理層、專業經理人，那麼適度的運用黑色將能創造出一個帶有專業感的網站。

（前往案例／網站） （前往案例／網站）   你希望擁有一個專業的網站嗎？快來告訴我們你的計畫吧！ 網頁設計小知識：什麼是RWD響應式網頁設計？ 網頁設計小知識：SEO優化要怎麼做？ 其它文章 網頁設計趨勢：2020年十大設計重點 網頁設計趨勢：GoogleChrome未來將把載入速度較慢網站進行標記 網頁設計趨勢：Apple隱私權政策更新-三大原則保障使用者 網頁設計趨勢：GoogleChrome瀏覽器以AI幫助視障用戶看網頁內容 網頁設計趨勢：Instagram網頁版未來也可發文了！ 網頁設計趨勢：Pantone發表2020年年度色彩 網頁設計趨勢：Chrome79將逐步封鎖https網頁中未SSL加密之內容 網頁設計決勝點：資訊圖表 網頁設計小知識：SEO優化最容易誤解的四大觀念 網頁設計趨勢：Android10正式推出！ 網頁設計趨勢：Wikimedia加入W3C協助制定網頁標準 網頁設計趨勢：iPad也有自己的作業系統了！ 網頁設計趨勢：Google搜尋引擎7月30日起預設封鎖Flash 網頁設計行銷：提升成交率的秘訣－Google再行銷廣告 網頁設計小知識：API設計和應用程式設計有什麼不同？ 網頁設計小知識：什麼是API？ 網頁設計趨勢：Google搜尋引擎小改版—網站圖示 網頁設計行銷策略：SEO與PPC的操作 網頁前端設計：透過JavaScript與jQuery認識Angular 網頁設計與商業思維3：從使用者體驗(UX)設計看見客戶體驗(CX)的價值 網頁設計與商業思維2：UX設計與專案管理的差異 網頁設計與商業思維1：從網頁設計了解產品開發流程 你的APP開發適合原生型、混合型還是Web型？ 網頁設計小知識：HTML是什麼？ 網頁前端設計三大元素：HTML、CSS、JavaScript 網頁設計行銷：2019在地商家業績提升的關鍵 網頁設計SEO：為什麼要裝SSL憑證呢？ 網頁設計：圖片處理技巧 網頁設計SEO：為什麼要做網站，經營社群不好嗎？ 網站行銷：增加訂單不二法則－有效蒐集目標客戶之Email吧！ 網頁設計小知識：淺談SEO的核心價值 網頁設計趨勢：2019年Google演算法情報三大重點一次搞懂！ 網頁設計：提高網路行銷效益的必備技巧－CTA（CallToAction） 網頁設計小知識：快檢查吧！不可或缺的首頁必備內容元素 網頁設計工具-GoogleFonts介紹及應用 網頁設計字型篇：襯線體與無襯線體之應用 網頁設計小知識：什麼是UIUX設計？ 網頁設計：2019年最強LandingPage教戰手冊（下篇） 網頁設計：2019年最強LandingPage教戰手冊（上篇） 網頁設計小知識：十大UX設計容易犯的錯誤 網頁設計字型篇：網頁字型要如何選擇？ 網頁設計：網格（GridLayout）的基本觀念 網頁設計小知識：什麼是Off-SiteSEO（站外SEO）？ 2019年版本！什麼是On-PageSEO？ 深入淺出！2019年網頁設計SEO優化指南4 深入淺出！2019年網頁設計SEO優化指南3 深入淺出！2019年網頁設計SEO優化指南2 深入淺出！2019年網頁設計SEO優化指南1 網頁設計趨勢：什麼是GDPR？ 少即是多！極簡主義的介紹及網頁設計應用(下) 少即是多！極簡主義的介紹及網頁設計應用(上) 網頁設計趨勢：色彩權威Pantone發表2019年年度色彩LivingCoral 網頁設計小知識：什麼是RWD響應式網頁設計？ 網頁設計小知識：SEO優化要怎麼做？ RWD網頁設計開發-W3.CSS介紹 如何選擇適合的網頁設計公司？ 關注2019年7種尖端網頁設計趨勢 文章分類標籤 關鍵字排名 Google搜尋引擎 SEO 台北網頁設計公司 網頁設計公司 網頁設計 2020網頁設計趨勢 GoogleChrome Instagram 搜尋引擎 網頁色彩學 彩通 網頁資訊圖表 UX設計 Angular jQuery SEO優化 前端設計 JavaScript iPadOS 網頁設計趨勢 色彩心理學 iOS Andoid Web型 混合型 原生型 APP開發 CSS HTML 網頁結構 產品開發 使用者體驗 客戶體驗 網頁CX設計 使用者體驗設計 GoogleFonts UI設計 網頁資訊安全 SSL憑證 搜尋引擎優化 On-PageSEO 網格 網站著陸頁 LandingPage GoogleFont 字型設計 極簡主義 GDPR 網站優化 響應式網頁設計 嚮應式網頁 RWD網頁設計 Google演算法 蒐集資訊 BecomeOurClient. 告訴我們您的業務目標，我們將共同創造令人驚喜的事物 CONTACTME