本文來自公眾號:你丫才美工(ID:Ymeigong)
作者:美丫姐
都說這個配色不好看了
你們?yōu)槭裁催€要較真?
“你就試試嘛”
昨天微博大V江寧公安在線
就是江寧婆婆
因?yàn)榕渖珕栴}
在晚上與網(wǎng)友怒對起來了
有一位網(wǎng)友對于公安微博
每次通報的時候用藍(lán)色作為背景
這件事情產(chǎn)生了疑問
畢竟每次江寧婆婆發(fā)出的
都是藍(lán)色底的通報消息圖
比如這樣
嗯,這個是在說宋喆
被點(diǎn)贊了8W次,真棒
對于這樣的質(zhì)問
江寧婆婆求真務(wù)實(shí)的拿出了真實(shí)效果
解答了網(wǎng)友的疑惑
瞎了…瞎了…
網(wǎng)友在半瞎的情況下依舊不依不饒
不斷的提出新的配色方案
像極了不挑刺好像錢就花的不值的甲方
先后有人提出不同的配色方案
“不能白底黑字嗎?”
提這個方案的童鞋
一定是沒遇見過訃(fu)告
……
“不能黑底紅字嗎?”
仿佛走錯了片場
就差貞子爬出來了
……
最后討論以一張極具殺傷力的
藍(lán)紅配色圖
宣告結(jié)束
最后網(wǎng)友紛紛表示自己徹!底!瞎!了!
這件事情完美體現(xiàn)了一件事情
大多數(shù)普通人對配色內(nèi)心沒有譜
并不是每個人都有設(shè)計師的色感
so當(dāng)甲方爸爸說:
你能不能藍(lán)底上面寫個紅字的時候
請原諒他,畢竟他是普通人
我們今天的話題就是
如何向普通人委婉解釋
這個配色真TMD丑,別用了
雖然之前在五彩斑斕黑文章里面
提到了藍(lán)紅配色的方案
但如果是文字較多情況
對配色要求會更高
畢竟我們會強(qiáng)調(diào)文字識別度
那么我們主要可以從以下幾個維度
睡說服甲方爸爸
色相明度接近
無法看清內(nèi)容
既然有文字內(nèi)容
那么肯定是需要被用戶看清楚的
字都看不清還設(shè)計個屁啊
就拿江寧婆婆示意圖為例
建議大家如果想要查看配色
可以多選中HSB模式不同軸
這樣能夠更直觀的去查看各類我們需要的數(shù)值
H:色相;S:飽和;B:明度
將案例去色之后我們可以發(fā)現(xiàn)
使用了 白色 & 黑色的特殊色
案例1/6/7
對比度看上去會更好一點(diǎn)
而其他幾種配色都像是下圖的4/5所示
S/B的指數(shù)都爆表
堪稱高明度高飽和并且?guī)в?b>色相的配色
高明度高飽和+色相的配色=
辣!眼!睛!
這就像是兩個都極其耀眼的人在一起
毫無主次之分
所以會出現(xiàn)看不清楚的情況
一旦降低了其中一個配色的飽和度或是明度
刺眼跟看不清的情況就會好很多
雖然以下案例的配色不美好
但至少能說明紅藍(lán)配存在的問題
雙高配色大部分情況對比度底
這也就是為什么在大面積的文字排版中
我們通常會保證底色or文字色
有一個是白色or黑色的情況
因?yàn)檫@樣至少避免了飽和與明度雙高的局面
但如果甲方非要高飽和度高明度的配色
為了讓字體顯示清楚
我們也可以選擇搭配好不同色相
同樣的飽和度明度之下
也有著深淺不一的色相
所以也會有這種
“大家都很亮啊,但怎么有的看不清”
的情況出現(xiàn)
對比左右兩種,中間對比度就很弱
寫不下去了寫不下去了
我瞎了…
所以還是別挑戰(zhàn)雙高配色了
換個維度來寫吧再寫我要瞎了
這些配色
充滿套路
再就是有些配色
從古到今就被不斷使用在同一場景
所以被賦予了特殊的含義
使用不當(dāng)就會覺得很奇怪
這類配色就讓甲方爸爸不要執(zhí)著了
一不小心就會被配色喧賓奪主
比如:
希望各位寶寶的甲方
看的這篇文章之后
不要再異想天開的提配色意見了
畢竟 公安局都看不過去了…
愛盈利-運(yùn)營小咖秀(www.jza6.com) 始終堅持研究分享移動互聯(lián)網(wǎng)App運(yùn)營推廣經(jīng)驗(yàn)、策略、全案、渠道等純干貨知識內(nèi)容;是廣大App運(yùn)營從業(yè)者的知識啟蒙、成長指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺;