5步驟教你調出應用在UI設計的和諧配色

從許多研究與理論中,都充分說明顏色是如何的影響我們的感受。顏色可以作為品牌標識的一種表達,它可以喚起消費者溫暖、興奮、活潑、專業與信任…等感覺,就像Visa的深藍色意在像徵公司的卓越和可靠性;星巴克將綠色作品牌主要顏色,希望咖啡館成為顧客可以放鬆的地方。

當品牌選定適合的品牌主色,並不斷使用相同的顏色進行品牌行銷時,就會增強品牌知名度,故 一開始必須確定選色的顏色是否有清楚地傳達品牌理念與準則。

選定好品牌色後,可以延伸將其使用在LOGO、商品包裝、產品意象,甚至是品牌官網上。而將顏色應用在設計好的UI介面上,往往是一個不容易的任務,善用和諧配色的5步驟,將有助於創造更和諧的顏色盤,讓你的設計看起來更舒服、更協調!

coloring

Step 1|選擇主色

主色的選定很重要,它不僅是反映品牌個性最主要的特徵,也有助於在消費者心中建立品牌形象。不同顏色可以帶給觀眾不同感受,選定你品牌或產品希望的主色,再根據所選顏色做和諧色的延伸。

關於品牌主色的選擇,可以參考:「談設計|品牌配色的重要」一文。

Step 2|次要色彩設定

複製第一步驟所選的主色,並使用HSB模式選擇色彩。

嘗試將S值設在5-10之間;B值設在95-100之間。

coloring-step-2

Step 3|輔助色彩設定

再次複製步驟一的主色,增加或減少H值設定在30-40之間;並增加B值在5-10之間。

Step 4|色彩的黃金法則 : 60/30/10

根據色彩的黃金法則:主色彩60%,次要色30%,輔助色10%的比例,分配三色的應用比例在設計好的UI介面上。
coloring-step-4

Step 5|顏色與比例應用的變化

嘗試不同的顏色變化、比例應用的分配,將會有不同的感受以及意想不到的驚喜!

品牌配色的方法不止一種,沒有絕對好或不好的方法多多嘗試不同的配色法則也能獲得更多靈感。最重要的是,找到符合品牌精神的代表色,讓品牌印象能更深刻地留在消費者心中!