想必赡盘，我們看多了太多“會(huì)說(shuō)話”的icon，比如左邊缰揪，統(tǒng)一成一個(gè)購(gòu)物主題的icon矩陣陨享，右邊，用icon排出一句話钝腺。
當(dāng)你愛(ài)上一個(gè)人抛姑，連icon都可以是愛(ài)ta的形狀。
但是我今天想和大家分享我最近突然感興趣的另一種會(huì)說(shuō)話的icon艳狐，可以說(shuō)是“icon中的心機(jī)con”定硝。但從專業(yè)角度來(lái)說(shuō)，其實(shí)就是小紅點(diǎn)設(shè)計(jì)毫目，之前看過(guò)其他牛逼的設(shè)計(jì)師寫(xiě)過(guò)這個(gè)控件蔬啡，文章在這里：http://www.reibang.com/p/292dab3898e9诲侮。
從淘寶說(shuō)起：
紅色框處的部分，大家都是很清楚箱蟆，就紅色框出的部分沟绪，就非常常見(jiàn)，作用是提醒消息條數(shù)顽腾，但是我們看這種綠色部分才比較心機(jī)近零，他在同一排的icon在一起，就成了會(huì)說(shuō)話的icon抄肖。用的也不是小紅點(diǎn)，而是一個(gè)氣泡窖杀，說(shuō)的是“免費(fèi)搶漓摩。”
這樣的設(shè)計(jì)入客，不單單只是icon的視覺(jué)設(shè)計(jì)管毙，更是交互設(shè)計(jì)。他們往往：
1.和其他圖標(biāo)一樣桌硫，本身是提供入口夭咬，與文字相適應(yīng)，更形象铆隘；
2.但是更鶴立雞群卓舵，在不是全部icon都有，而是其中部分有膀钠，但有了就顯得更吸睛掏湾，帶營(yíng)銷(xiāo)氣息；
3.可能是下方文字的補(bǔ)充肿嘲，或者解釋融击；
4.顏色上有統(tǒng)一性。
這些心機(jī)小氣泡往往是帶說(shuō)明功能的雳窟，如上圖尊浪，對(duì)于“城市服務(wù)”，支付寶中封救，可以用來(lái)查詢你的社會(huì)保障服務(wù)拇涤，“查三金”的用途，但是在招商銀行兴泥，主要是用來(lái)繳費(fèi)工育，生活用水、用電等等其他服務(wù)的搓彻，雖然兩個(gè)icon都是城市服務(wù)如绸，但內(nèi)容的說(shuō)明是通過(guò)這個(gè)小氣泡來(lái)區(qū)分的嘱朽。有很多運(yùn)用的很好的案例，如下圖：
在金融產(chǎn)品中，我最欣賞京東金融內(nèi)的設(shè)計(jì)扼脐，顏色簡(jiǎn)介岸军，氣泡和內(nèi)容對(duì)比明顯，低調(diào)卻飽含營(yíng)銷(xiāo)氣息瓦侮，小氣泡是對(duì)話氣泡的樣式艰赞，有嗷嗷待哺的感覺(jué)。
不是說(shuō)這種心機(jī)icon效果好肚吏，就會(huì)適用所有情況方妖，也有例外，比方說(shuō)罚攀，我覺(jué)得餐飲類(lèi)App的“心機(jī)”就顯得有點(diǎn)弄巧成拙党觅，因?yàn)樗衖con都很花哨，用紅色滿減等一些標(biāo)識(shí)的顯示就非常弱斋泄。
以上，簡(jiǎn)略地小結(jié)一下：
1.icon多且icon不花哨的時(shí)候炫掐，可以用一些心機(jī)氣泡
2.不需要所有icon都加魁莉，但加了以后會(huì)有個(gè)別很醒目
3.說(shuō)明內(nèi)容或者強(qiáng)調(diào)營(yíng)銷(xiāo)
4.Badge/徽標(biāo)/小紅點(diǎn)不僅是視覺(jué)藝術(shù)，也是交互藝術(shù)
歡迎提意見(jiàn)卒废，感謝閱讀~
