一個簡單的圖標(biāo)設(shè)計需求,如何做好差異化的?

2021-4-12    周周



每天努力的用心的去做設(shè)計,挺開心的,其中最開心的細(xì)節(jié)就是“思考自己的設(shè)計如何與別人的不一樣”,讓你的差異化產(chǎn)出得到認(rèn)可后,這將是一件非常非常幸福的事情。

今天和大家分享一個前一陣子做的小案例,做的一個直播貨幣,名字叫星幣。

思考過程如下:

  • 發(fā)散一些關(guān)鍵詞
  • 造型上的差異思考
  • 配色上的差異思考
  • 加一點(diǎn)可愛的小表情

發(fā)散一些關(guān)鍵詞

其實“星幣”可發(fā)散的空間很小,因為已經(jīng)非常具象了,無非就是星星、和錢幣。

我們可以看下大概的感覺:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

但是如果按照上面的感覺做,那最后出來的效果一定很常規(guī),這也就有了我接下來的思考。

造型上的差異思考

我們仔細(xì)觀察,一般參考中的星星都是非常規(guī)矩的,無非就是尖角圓角的區(qū)別:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

要么就是胖瘦的區(qū)別:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

所以這次我打算做一個不那么規(guī)矩的,有點(diǎn)跳遠(yuǎn)的感覺、又有點(diǎn)星火的感覺,所以我把星星的一個腳拉長:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

然后再把兩個胳膊往上抬一抬:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

這樣就好像是一個跳躍的小人一樣,會相對來說活潑一些。

接下來為了讓整體更加和諧,我在錢幣周邊挖了一個小口:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

目的就是配合那只伸出來的腳,讓整體感覺更加巧妙一點(diǎn)。

配色上的差異思考

其實星幣很容易聯(lián)想到金黃色,如果按照這個設(shè)想來做,那就會比較普通,所以我選擇讓他和直播、社區(qū)的配色一致:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

這樣在顏色方面也就有點(diǎn)自己的調(diào)性了。

加一點(diǎn)可愛的小表情

剛才不是說讓這個星星看起來像個跳躍的小人嘛,那一般人都有表情的,所以我們完全可以再加上一個可愛的表情:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

讓整體更加生動形象。

當(dāng)然,如果星幣在面積小的場景下是看不清表情的,所以需要做成兩種,一種是有表情的, 一種是沒有表情的。最后,還可以再做個有質(zhì)感的:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

后來發(fā)現(xiàn)質(zhì)感做的有點(diǎn)臟,于是又優(yōu)化了一下質(zhì)感,效果如下:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?

總結(jié)

整個構(gòu)思和執(zhí)行的過程還是可以的的,也得到了大家的認(rèn)可,不過很可惜的是,后來名字改了,改成了能量幣,哈哈哈哈,通過能量,我又聯(lián)想到了太陽,太陽能嘛,執(zhí)行原理都是一樣的,大概效果如下:

一個簡單的圖標(biāo)設(shè)計需求,騰訊設(shè)計師是如何做好差異化的?


文章來源:優(yōu)設(shè)網(wǎng)    作者:菜心設(shè)計鋪


藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

分享本文至:

日歷

鏈接

個人資料

存檔