“一套優(yōu)質(zhì)的圖標(biāo)是用戶(hù)體驗(yàn)設(shè)計(jì)中必不可少的重要組成部分，把文字含義通過(guò)清晰易懂的圖形表達(dá)，可以降低用戶(hù)閱讀成本以及提升產(chǎn)品界面的美觀度。“

網(wǎng)站圖標(biāo)設(shè)計(jì)

在雪球最新版本12.0中，圖標(biāo)的設(shè)計(jì)重構(gòu)也是視覺(jué)對(duì)外呈現(xiàn)必不可少的一部分，我們?cè)谶@里將重構(gòu)的思路和想法分享給大家。

01

優(yōu)化圖標(biāo)系統(tǒng)的初衷

在重新對(duì)圖標(biāo)進(jìn)行整理的時(shí)候發(fā)現(xiàn)， 雪球存在大量的不被用戶(hù)所熟知的圖標(biāo)語(yǔ)意，金融產(chǎn)品功能語(yǔ)義對(duì)于用戶(hù)來(lái)說(shuō)本就陌生，我們?nèi)绾未蚱七@種陌生感，做到讓用戶(hù)“一眼即懂”，是后面設(shè)計(jì)上一個(gè)挑戰(zhàn)，也是設(shè)計(jì)需要解決的最重要的問(wèn)題。

網(wǎng)站圖標(biāo)設(shè)計(jì)

雪球從10.0以后，長(zhǎng)時(shí)間未對(duì)圖標(biāo)進(jìn)行整體的梳理， 包括用戶(hù)定位的轉(zhuǎn)變， 設(shè)計(jì)細(xì)節(jié)的整體校準(zhǔn)，我們梳理了目前圖標(biāo)系統(tǒng)存在的問(wèn)題，進(jìn)行Redesign：

• 圖標(biāo)表意混淆不清晰

• 圖形風(fēng)格不符合現(xiàn)階段雪球的品牌定位

• 圖形感受不統(tǒng)一，視覺(jué)重量不一致

• 如何創(chuàng)造驚喜，打磨圖標(biāo)精致度

所以發(fā)現(xiàn)了這么多問(wèn)題，我們?cè)撊绾稳プ瞿兀?/span>

02

設(shè)計(jì)關(guān)鍵點(diǎn)梳理

網(wǎng)站圖標(biāo)設(shè)計(jì)

1. 表象識(shí)別

圖標(biāo)替代的是更為易懂的文字描述，表意準(zhǔn)確應(yīng)該是圖標(biāo)的基本設(shè)計(jì)原則。在設(shè)計(jì)項(xiàng)目之初，我們與用研同學(xué)協(xié)作， 完成對(duì)圖標(biāo)表意問(wèn)題的梳理， 團(tuán)體腦暴，用研再次驗(yàn)證，保證我們的圖形是最適合于現(xiàn)在當(dāng)前語(yǔ)境。

網(wǎng)站圖標(biāo)設(shè)計(jì)

網(wǎng)站圖標(biāo)設(shè)計(jì)

2. 特征探索

網(wǎng)站圖標(biāo)設(shè)計(jì)

• 定義風(fēng)格

網(wǎng)站圖標(biāo)設(shè)計(jì)

網(wǎng)站圖標(biāo)設(shè)計(jì)

網(wǎng)站圖標(biāo)設(shè)計(jì)

05

寫(xiě)在最后：迭代，沒(méi)有終點(diǎn)的旅程

整個(gè)項(xiàng)目耗時(shí)大概2個(gè)月， 圖標(biāo)體系的建立需要整個(gè)團(tuán)隊(duì)在設(shè)計(jì)前、中、后都能夠達(dá)成共識(shí)并協(xié)作完成。每一個(gè)小小的圖標(biāo)，都是我們用心的考量，本次圖標(biāo)的改造，僅僅是一個(gè)開(kāi)始，我們會(huì)不斷地調(diào)整優(yōu)化圖標(biāo)，給用戶(hù)帶來(lái)最準(zhǔn)確，舒適的視覺(jué)體驗(yàn)。

轉(zhuǎn)自：極簡(jiǎn)設(shè)計(jì)