設(shè)計趨勢，探討信息可視化的流程和方法（下）(2)

首先，從這個圖中找出一個最大的完整的事件，也就是圖中橙色的部分。

有意思的是，在圖即將完成時，發(fā)現(xiàn)有個地方多了條支線，導(dǎo)致圖形無法完全對稱，非常可惜。最后詢問PD，發(fā)現(xiàn)這條支線是由于理解錯誤造成的，本來就應(yīng)該去掉。

PD是什么？縮寫常識學(xué)起來：《小常識學(xué)起來！設(shè)計師最好知道一下的常用縮寫》

當(dāng)時的草圖繪制過程：

第一個圖和第二個圖的內(nèi)容一樣，修改后是不是容易理解多了呢？第三個圖是在第二個圖的基礎(chǔ)上增加了一些細(xì)節(jié)信息。我們在考慮最優(yōu)展現(xiàn)形式時，可以先不考慮細(xì)節(jié)，只考慮基礎(chǔ)的框架結(jié)構(gòu)，這樣更容易發(fā)現(xiàn)問題所在。

Step 3：探索視覺風(fēng)格

在探索視覺風(fēng)格時要注意抓大放小，先定下來最主要模塊的風(fēng)格，再做延展。比如我現(xiàn)在在做的御膳房產(chǎn)品，就是要先定下來產(chǎn)品結(jié)構(gòu)圖的視覺風(fēng)格，再延展到子產(chǎn)品的信息圖上。如果先設(shè)計子產(chǎn)品的信息圖風(fēng)格，就很難延展到總體結(jié)構(gòu)圖上了，會起到事倍功半的效果。

首先先尋找一些競品和素材，發(fā)散一下思維，同時也確定一下自己想要的感覺。

我想要的感覺是：科技感的、扁平化的、形式新穎有趣味……

接下來，就進(jìn)入了視覺設(shè)計師最最痛苦的“探索、修改”無限循環(huán)的過程了。

第一版（卡通）：

視覺設(shè)計師第一次嘗試的是卡通版本。這個版本很美觀，但是對產(chǎn)品的表述內(nèi)容太少，不夠全面。卡通風(fēng)格也不太適合表現(xiàn)這樣一款大型的阿里大數(shù)據(jù)官方產(chǎn)品，且風(fēng)格不好拓展。

第二版（寫實）：