【網頁設計】兩個網頁設計的原則,教你利用網頁色彩學留住訪客

【網頁設計】兩個網頁設計的原則,教你利用網頁色彩學留住訪客

【推薦原因】

藉由主視覺設計,建立訪客對官網「門面」的第一印象、進而引發瀏覽意願。網頁在訪客眼中,不用7秒鐘,就能決定對網站的品牌印象與好感度。也因此如果網站設計的好,能夠馬上留住顧客,進而增加印象。

本篇文章將從網站顏色出發探討,網站顏色的搭配、Logo顏色的搭配在視覺上給網站訪客的印象是否符合品牌印象、品牌意識。主視覺對網站訪客會產生長期影響,那麼網站顏色的搭配、Logo顏色的搭配會就是網站設計重要的一個環節。


        

1.網站受眾,客群的年齡、職業、性別

不同的顏色會喚起網站訪客不同的情緒反應,色彩在客觀角度是對於人們的一種視覺刺激與象徵。因此不同產業、品牌意識所相對應的顏色也會不同,以塑膠再製粒網站為例,塑膠企業的網站因為主要業務為環保塑膠再製,所以儘管塑膠石化給人的第一印象是黑、深灰色,但因業務、品牌意識為塑膠再製粒、永續經營。所以整體網站顏色會是以綠色為基底去打造,綠色以綠能環保有循環、永續經營之意,以視覺刺激來說對眼睛是最舒服的顏色,綠色吻合塑膠企業的品牌形象,所以會是比較好的一個選擇。

其他顏色象徵參考

1.黑色 : 象徵權威、高雅、冷漠,適合有關設計的產業。2.白色 : 象徵信任、開放、極簡,適合所有產業。3.海軍藍 : 象徵務實、保守,適合有關專業、法律的產業。4.粉紅色 : 象徵甜美、浪漫、少女,適合甜品、美妝的產業。5.還有許多顏色,每種顏色都帶有情感再不同層次對訪客有不同的刺激。   

   

2.色彩心理學不能偏於一方,要平均展現

整體網站配色中,每塊顏色的份量不能偏於一方,在主色彩配上其他輔助色才能凸顯出重點。配色沒有一個固定的答案,剛架站的新手可以嘗試使用631法則,在設計產業常見的配色比例,60%主色調、30%次色調、10%輔助色調,讓整的網頁的配色達到平衡,表達出網頁的風格。

      

結語

善用搜尋引擎,網站配色四個大字打進去就會有許多線上配色工具。從配色工具讓配色這件事不再猶豫,並非人人都是色彩設計高手,善用這些免費的線上配色工具、選色服務,對新手、老鳥都一定會有所幫助。

     

光曜數位行銷

官方網站

部落格

粉絲專頁

     

文章由【光曜數位行銷】授權提供TC使用,原文文章標題為【網頁設計資源大公開!運用暗黑網頁色彩學巧妙收服訪客的心】,版權歸【光曜數位行銷】所有,欲轉載請聯繫原發布單位,經TC彙集整理,部分內容為TC創作,未經授權不得轉載。圖片來源:pexels


TC Summary

1.網站受眾,客群的年齡、職業、性別

不同的顏色會喚起網站訪客不同的情緒反應,色彩在客觀角度是對於人們的一種視覺刺激與象徵。因此不同產業、品牌意識所相對應的顏色也會不同    

2.色彩心理學不能偏於一方,要平均展現
60%主色調、30%次色調、10%輔助色調,讓整的網頁的配色達到平衡,表達出網頁的風格。

       

《延伸閱讀》