智慧型手機網站|微調有差の日系新版面配色-捷可印

智慧型手機網站|微調有差の日系新版面配色-捷可印

名片

DM

海報

信封

貼紙

大圖輸出

資料夾

菜單

智慧型手機網站|微調有差の日系新版面配色-捷可印
  1. 部落格
  2. 好書推薦
  3. 智慧型手機網站|微調有差の日系新版面配色 智慧型手機網站|微調有差の日系新版面配色

智慧型手機網站|微調有差の日系新版面配色

智慧型手機網站|微調有差の日系新版面配色

若想營造出讓人難以捉摸的不可思議氛圍,可以將偏暗的冷色系與灰色搭配使用。


客戶要求重點

● 希望是簡約的網站首頁,呈現出最尖端的高科技產品意象

● 最好能營造出都會風、精緻的形象 



左側 NG 設計

NG1 無彩色的漸層效果給人生硬的印象

畫面中主要採用了無彩色的漸層效果,使整體呈現出無機質、生硬的印象。


NG2 不協調的氛圍,強調色與產品不搭

此處的用色與產品顏色及概念不搭,有莫名的突兀感。


NG3 老套的呈現手法,細部裝飾和版面都顯得過時

按鈕的設計、不上不下的留白空間,以及在漸層效果中放入文案等做法,全是上一個年代的呈現手法。


NG4 加入多餘立體效果的按鈕不夠俐落

對比過強的漸層顯得沉重,按鈕的立體效果也不夠俐落。


右側 OK 設計

OK1 運用象徵知性的藍色,以及帶有高貴、神祕感的藍紫色漸層,形塑出充滿未來風格的意象。


OK2 使用讓人聯想至金屬的灰色,便能營造出先進且時尚的印象。


OK3 採用斜線為基調的設計,最適於呈現創新及氣勢的科技產業。


OK4 按鈕設計中加入自然的細部裝飾再搭配漸層效果,可望提升點擊率。 


配色POINT

設計企業網站時配色一定要考慮到心理效果!單純運用單色調呈現是不夠的。


讓人聯想至金屬的灰色,雖是相當適用於電子產品的顏色,但只有灰色會造成單調且老氣的印象。若想營造出讓人難以捉摸的不可思議氛圍,可以將偏暗的冷色系與灰色搭配使用。 


目標客群:中小學生的家長

偏黃的綠色給人安心、安全的印象,黃色也和橘色相當適配,是能夠展現出清爽、年輕感的配色。



目標客群:學生

新鮮的翡翠綠推薦用於以清新學生為取向的產品,再用灰色作為強調色,效果就不會顯得太強烈。



目標客群:喜歡趕流行的消費者

面向對於最新產品及流行相當敏銳的客群,充滿神祕感的鈷藍色和紫紅色是最佳選擇,這樣的配色能激發好奇心及消費意願。


目標客群:重視品質與穩定的消費者

針對穩重的成熟客群,可使用帶灰色調的煙燻藍,與低彩度的咖啡色組合使用,便能展現出知性與典雅的感覺。 



授權:原點出版


色彩=訊息,選對色才會賣,做你商品熱銷的神隊友 >>> 《微調有差の日系新版面配色》

工作經歷

聯絡方式

    分類
    好書推薦