品牌ui色彩設(shè)計(jì)分析

品牌ui色彩設(shè)計(jì)分析：我們需要進(jìn)一步篩選出合適的顏色作為16色相環(huán)，并嘗試選擇一些與主品牌顏色更協(xié)調(diào)的顏色。今天小編主要給大家分享品牌ui色彩設(shè)計(jì)分析，希望對你們有幫助!

什么的HSB?

HSB是一種顏色模式，在HSB模式下，H代表色相，S代表飽和度，B代表亮度

1.多嘗試不同的配色

制作色板時(shí)，我們需要盡可能多地創(chuàng)造所有顏色和色彩靈感。不要害怕嘗試不好，嘗試處理所有顏色后，我們可以縮小色板的范圍。在ui設(shè)計(jì)中，可能需要特別注意幾個(gè)問題:

超鏈接顏色、品牌顏色、主色、輔色、成功顏色，錯(cuò)誤顏色、文本顏色、背景顏色。

2.利用HSB色彩模型

第一步是確定品牌顏色，通常是企業(yè)LOGO的顏色。如果沒有可以定義一種。

(1)以品牌色為基準(zhǔn)得出24色帶

以Spotify為例，它的品牌顏色是用綠色來定義它的一套色彩體系。

H值(色相)增加15，S和B不變，遞增到基于品牌顏色的24個(gè)色帶。為什么是24個(gè)?24X15=360剛好圍繞色相環(huán)盤一圏，從而獲得基于品牌色、亮度和飽和度一致性的顏色圈。

(2)基于色帶得出16個(gè)色相環(huán)

細(xì)心的同學(xué)可能會(huì)發(fā)現(xiàn)色帶上的許多顏色實(shí)際上很接近，比如綠色和藍(lán)色。我們需要進(jìn)一步篩選出合適的顏色作為16色相環(huán)，并嘗試選擇一些與主品牌顏色更協(xié)調(diào)的顏色。

(3)根據(jù)篩選得出16色相環(huán)

調(diào)整b(亮度)和s(飽和度)

在這一步中，我們需要定義相同頻率的輔助顏色，即16色相環(huán)的輔助顏色，它可以在亮度(b)上按-10，-20去加減，或者在h上以+-5去増加色相，原理是要有對比度，需要顯而易見。

調(diào)整飽和度值

調(diào)節(jié)亮度，如果對比度不明顯，可以是-20，-30

最后，得出一套頻率相同的色盤，但是它們非常相似，所以我們需要排除其中一些。

制定色板

要制作色板，需要使用一個(gè)網(wǎng)站coolors，只需要在這里輸入相應(yīng)的品牌顏色，就可以得到明度遞減遞增的色板。當(dāng)然，你也可以調(diào)整亮度以獲得出色的色板。

自此我們就得出了整個(gè)產(chǎn)品的調(diào)色板，許多電子商務(wù)公司，包括Airbnb和谷歌，都是通過類似的方法獲得了他們的色板。最后，根據(jù)前面定義的警告顏色、超鏈接顏色和成功提示顏色，我們可以從輔助色板中獲得相應(yīng)的顏色，警告顏色為紅色、超鏈接顏色為藍(lán)色、警告顏色為黃色、成功顏色為綠色等。