很多平臺(tái)的設(shè)計(jì)風(fēng)格都是偏可愛(ài)類(lèi)型的,尤其是用戶(hù)年齡段比較低的,比如動(dòng)漫類(lèi)的,校園類(lèi)的等等。

就在前不久,我剛剛悟出了三個(gè)因素,對(duì)于可愛(ài)類(lèi)型的圖標(biāo),可謂是至關(guān)重要,今天就攤牌分享給大家,大綱如下:

很多可愛(ài)的事物都是圓嘟嘟的,所以這里的圓指的就是圓潤(rùn)。

表達(dá)圓潤(rùn)最重要的一個(gè)因素就是圓角。

對(duì)于圓角,我平時(shí)最多關(guān)注的就是圓角有沒(méi)有統(tǒng)一,卻忽略了圓角對(duì)于圖標(biāo)氣質(zhì)的影響。

比如下面這幾個(gè)圖標(biāo),最開(kāi)始設(shè)計(jì)成這個(gè)樣子:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

總感覺(jué)還差點(diǎn)意思,但又說(shuō)不上來(lái),于是拿以往的圖標(biāo)做對(duì)比:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

發(fā)現(xiàn)問(wèn)題就是整體看起來(lái)有點(diǎn)生硬,沒(méi)有之前的圓潤(rùn),于是我就調(diào)整了整體的圓角,把圓角變大,對(duì)比如下:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

一下子感覺(jué)就出來(lái)了:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

所以我認(rèn)為,大圓角對(duì)于可愛(ài)類(lèi)型的圖標(biāo),影響巨大,如果你目前做的圖標(biāo)感覺(jué)不夠可愛(ài),首先就可以嘗試這一條規(guī)則。

效果一定非常棒!

短即短小。

這是兩年前第一次做的動(dòng)漫首頁(yè)圖標(biāo),現(xiàn)在看來(lái)可優(yōu)化空間還很大:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

但當(dāng)時(shí)有一個(gè)圖標(biāo)得到了很多人的一致好評(píng):

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

關(guān)鍵的點(diǎn)就在于,這個(gè)圖標(biāo)的「短小」尾巴,再配合一個(gè)小動(dòng)效:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

非??蓯?ài),有靈性。

這就是「短小」細(xì)節(jié)在整體設(shè)計(jì)中起到的可愛(ài)作用。

起如何把這個(gè)「短小」的因素貫穿下去呢,我的方法就是用在線(xiàn)條尾部,之前很多地方都有點(diǎn)長(zhǎng),我們縮短一下試試:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

效果也是非常顯著的,這個(gè)點(diǎn)是非常細(xì)節(jié)的,我也是做了很久之后才悟出來(lái)的,希望可以給大家來(lái)點(diǎn)啟發(fā)。

情就是表情,物體只要有表情,就好像有了生命,通過(guò)表情來(lái)傳達(dá)可愛(ài)的情緒與感覺(jué)。

一組圖標(biāo),不一定每一個(gè)都帶有表情,多了反倒有些膩。

只要有一兩個(gè)在其中,就會(huì)讓整體看起來(lái)活潑、獨(dú)特很多!

比如現(xiàn)在這個(gè)就是沒(méi)有表情圖標(biāo)的:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

我們?cè)賮?lái)看融入部分表情之后:

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

在氣質(zhì)這一塊拿捏的也算是死死的!

總結(jié)

以上就是最近總結(jié)的,關(guān)于可愛(ài)類(lèi)型圖標(biāo)的感悟,圓、短、情,大家可以練起來(lái)了,哈哈。

更多騰訊設(shè)計(jì)師的圖標(biāo)設(shè)計(jì)方法:

歡迎關(guān)注作者的微信公眾號(hào):「菜心設(shè)計(jì)鋪」

如何做好可愛(ài)型圖標(biāo)設(shè)計(jì)?騰訊設(shè)計(jì)師總結(jié)了這3個(gè)要點(diǎn)!

收藏 96
點(diǎn)贊 45

復(fù)制本文鏈接 文章為作者獨(dú)立觀(guān)點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。