今天這個(gè)需求是我對(duì)勝利后顯示的狀態(tài)的設(shè)計(jì),中間進(jìn)行了很多次的修改,現(xiàn)在我來(lái)分享一下自己修改過(guò)程中的感受。
狀態(tài)還是需要有一些設(shè)計(jì)感的
最開(kāi)始我的想法過(guò)于天真了,以為這種帶字體的狀態(tài)圖標(biāo)直接畫(huà)個(gè)圈圈,寫(xiě)個(gè)字,然后給點(diǎn)顏色就完事了:
但是這樣設(shè)計(jì)的圖標(biāo),根本行不通,沒(méi)有設(shè)計(jì)感,像是沒(méi)完成的低保真原型圖
需要開(kāi)始思考怎樣才能增加設(shè)計(jì)感了。
結(jié)構(gòu)不能亂畫(huà),要有基本邏輯在
所謂增加設(shè)計(jì)感,無(wú)非就是給這個(gè)圖標(biāo)增加億點(diǎn)點(diǎn)細(xì)節(jié),尤其是怎么去表達(dá)這個(gè)中心思想“勝利”狀態(tài),我聯(lián)想到了麥穗、翅膀等元素,最后決定選用了翅膀的元素,繪制了一個(gè)樣例如下:
但是這些細(xì)節(jié)是隨意拼湊的,看上去就是各種各樣的圓圈堆疊到了一起,沒(méi)有邏輯。
仔細(xì)思考了一下,決定將圓圈分為三層:
一層底托
一層中間層放主形象
一層修飾層放在最外面
就像這樣,內(nèi)部顏色與外部顏色的對(duì)比做的明顯一點(diǎn),層與層直接就會(huì)分的清楚一些
最后主體放中間,翅膀放兩邊,頂部再加個(gè)小皇冠強(qiáng)調(diào)一下整體的寓意,最終效果如下圖:
這樣整體看起來(lái)就舒服多了,我們可以看一下新版與舊版的對(duì)比:
最后為了讓圖標(biāo)顯得更好看一點(diǎn),我將翅膀和皇冠做成軟潤(rùn)的狀態(tài)