知識分享,什么是設(shè)計(jì)流程圖?(3)
3 形式可以很靈活。
a 如果一個(gè)界面可以通往多個(gè)界面,而你又真要描述出這些跳轉(zhuǎn),那就一個(gè)矩形長出多條線路,對應(yīng)標(biāo)示上對應(yīng)的動(dòng)作就ok了。如圖:
b 如果幾個(gè)界面屬于同一邏輯,比如實(shí)際是一個(gè)界面的幾個(gè)tab,則可以這樣把幾個(gè)tab包起來:
c 如果你想把一些警告窗口等臨時(shí)窗口表達(dá)出來,也可以自定義一些圖形,比如:
d 更詳細(xì)一點(diǎn),如果你想把一個(gè)界面的主要內(nèi)容表達(dá)出來,也可以如下圖(還可以細(xì)分里面的內(nèi)容究竟是信息還是下個(gè)界面的入口):
三、沒法做到的和延伸的。
這種流程圖對交互流程表達(dá)也不是萬能的,它不適用于同界面的局部交互,比如一些工具類產(chǎn)品,由始至終只有一個(gè)界面,像PS。又比如某些表單的各種提示,提示在同一界面的不同位置按某種規(guī)則出現(xiàn),要表達(dá)這種規(guī)則只好使用算法流程圖,但其實(shí)也片面,因?yàn)槲覀儾恢烙脩舻妮斎腠樞颉?/p>
除了導(dǎo)航邏輯,設(shè)計(jì)師還可以在其他時(shí)候使用流程圖,比如做服務(wù)設(shè)計(jì)描述服務(wù)藍(lán)圖的時(shí)候,流程里有相關(guān)的人、場景、接觸點(diǎn)、工具、所需資源、輸出等等。如下圖:
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- Photoshop初級教程-命令的技巧
- 色彩知識,講解顏色基礎(chǔ)知識和配色理論
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 調(diào)色知識,簡單實(shí)用的調(diào)色原理
- UI知識,尺寸對UI設(shè)計(jì)的影響
- 圖片畫冊平面設(shè)計(jì)排版ps理論教程