今天這個(gè)需求是我對(duì)勝利后顯示的狀態(tài)的設(shè)計(jì)，中間進(jìn)行了很多次的修改，現(xiàn)在我來(lái)分享一下自己修改過程中的感受。

狀態(tài)還是需要有一些設(shè)計(jì)感的

最開始我的想法過于天真了，以為這種帶字體的狀態(tài)圖標(biāo)直接畫個(gè)圈圈，寫個(gè)字，然后給點(diǎn)顏色就完事了：

但是這樣設(shè)計(jì)的圖標(biāo)，根本行不通，沒有設(shè)計(jì)感，像是沒完成的低保真原型圖

需要開始思考怎樣才能增加設(shè)計(jì)感了。

結(jié)構(gòu)不能亂畫，要有基本邏輯在

所謂增加設(shè)計(jì)感，無(wú)非就是給這個(gè)圖標(biāo)增加億點(diǎn)點(diǎn)細(xì)節(jié)，尤其是怎么去表達(dá)這個(gè)中心思想“勝利”狀態(tài)，我聯(lián)想到了麥穗、翅膀等元素，最后決定選用了翅膀的元素，繪制了一個(gè)樣例如下：

但是這些細(xì)節(jié)是隨意拼湊的，看上去就是各種各樣的圓圈堆疊到了一起，沒有邏輯。

仔細(xì)思考了一下，決定將圓圈分為三層：

1. 一層底托

2. 一層中間層放主形象

3. 一層修飾層放在最外面

就像這樣，內(nèi)部顏色與外部顏色的對(duì)比做的明顯一點(diǎn)，層與層直接就會(huì)分的清楚一些

最后主體放中間，翅膀放兩邊，頂部再加個(gè)小皇冠強(qiáng)調(diào)一下整體的寓意，最終效果如下圖：

這樣整體看起來(lái)就舒服多了，我們可以看一下新版與舊版的對(duì)比：

最后為了讓圖標(biāo)顯得更好看一點(diǎn)，我將翅膀和皇冠做成軟潤(rùn)的狀態(tài)