設(shè)計(jì)趨勢,探討信息可視化的流程和方法(下)(2)
首先,從這個(gè)圖中找出一個(gè)最大的完整的事件,也就是圖中橙色的部分。
有意思的是,在圖即將完成時(shí),發(fā)現(xiàn)有個(gè)地方多了條支線,導(dǎo)致圖形無法完全對(duì)稱,非?上。最后詢問PD,發(fā)現(xiàn)這條支線是由于理解錯(cuò)誤造成的,本來就應(yīng)該去掉。
PD是什么?縮寫常識(shí)學(xué)起來:《小常識(shí)學(xué)起來!設(shè)計(jì)師最好知道一下的常用縮寫》
當(dāng)時(shí)的草圖繪制過程:
第一個(gè)圖和第二個(gè)圖的內(nèi)容一樣,修改后是不是容易理解多了呢?第三個(gè)圖是在第二個(gè)圖的基礎(chǔ)上增加了一些細(xì)節(jié)信息。我們?cè)诳紤]最優(yōu)展現(xiàn)形式時(shí),可以先不考慮細(xì)節(jié),只考慮基礎(chǔ)的框架結(jié)構(gòu),這樣更容易發(fā)現(xiàn)問題所在。
Step 3:探索視覺風(fēng)格
在探索視覺風(fēng)格時(shí)要注意抓大放小,先定下來最主要模塊的風(fēng)格,再做延展。比如我現(xiàn)在在做的御膳房產(chǎn)品,就是要先定下來產(chǎn)品結(jié)構(gòu)圖的視覺風(fēng)格,再延展到子產(chǎn)品的信息圖上。如果先設(shè)計(jì)子產(chǎn)品的信息圖風(fēng)格,就很難延展到總體結(jié)構(gòu)圖上了,會(huì)起到事倍功半的效果。
首先先尋找一些競品和素材,發(fā)散一下思維,同時(shí)也確定一下自己想要的感覺。
我想要的感覺是:科技感的、扁平化的、形式新穎有趣味……
接下來,就進(jìn)入了視覺設(shè)計(jì)師最最痛苦的“探索、修改”無限循環(huán)的過程了。
第一版(卡通):
視覺設(shè)計(jì)師第一次嘗試的是卡通版本。這個(gè)版本很美觀,但是對(duì)產(chǎn)品的表述內(nèi)容太少,不夠全面。卡通風(fēng)格也不太適合表現(xiàn)這樣一款大型的阿里大數(shù)據(jù)官方產(chǎn)品,且風(fēng)格不好拓展。
第二版(寫實(shí)):
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop初級(jí)教程-命令的技巧
- 圖片畫冊(cè)平面設(shè)計(jì)排版ps理論教程
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 調(diào)色知識(shí),簡單實(shí)用的調(diào)色原理
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論