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

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

很多可愛的事物都是圓嘟嘟的,所以這里的圓指的就是圓潤。

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

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

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

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

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

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

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

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

一下子感覺就出來了:

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

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

效果一定非常棒!

短即短小。

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

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

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

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

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

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

非常可愛,有靈性。

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

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

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

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

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

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

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

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

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

我們再來看融入部分表情之后:

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

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

總結(jié)

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

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

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

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

收藏 96
點(diǎn)贊 45

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