當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內(nèi)容

設計趨勢,探討信息可視化的流程和方法(下)(2)

來源:新浪博客 作者:劉津 學習:3574人次

設計趨勢,探討信息可視化的流程和方法(下)

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

設計趨勢,探討信息可視化的流程和方法(下)

設計趨勢,探討信息可視化的流程和方法(下)

設計趨勢,探討信息可視化的流程和方法(下)

有意思的是,在圖即將完成時,發(fā)現(xiàn)有個地方多了條支線,導致圖形無法完全對稱,非?上АW詈笤儐朠D,發(fā)現(xiàn)這條支線是由于理解錯誤造成的,本來就應該去掉。

PD是什么?縮寫常識學起來:《小常識學起來!設計師最好知道一下的常用縮寫》

當時的草圖繪制過程:

設計趨勢,探討信息可視化的流程和方法(下)

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

Step 3:探索視覺風格

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

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

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

設計趨勢,探討信息可視化的流程和方法(下)

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

第一版(卡通):

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

設計趨勢,探討信息可視化的流程和方法(下)

第二版(寫實):

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網(wǎng)友求助,請回答!