偷偷鲁2019丫丫久久

流程圖和線框圖的關系

作者:
分類: 觀點/經驗
2010-06-28
7054
流程圖(task flow)是指用圖形語言的方式畫出用戶在使用這個產品的方法和達到具體功能的步驟。通常會把產品的使用流程作為某些任務去完成,用語言描述出想要達到的目的,每一個步驟用一個節(jié)點來表示,用線和箭頭指示出每一步驟的方向和所要到達的下一個步驟。流程圖意在幫助設計師很好的了解產品的功能結構和用戶每一步的操作而達到白己的使用日的

但是流程圖也分為兩大類:

一類是產品經理或者技術人員在開發(fā)過程中使用的邏輯流程圖,如圖1:

圖1

另一類是產品設計或用戶體驗人員輸出的頁面流程圖,如圖2:

圖2

頁面流程圖除了用Photoshop、 Illustrator等繪圖工具實現的流程圖之外,還可以是用flash、catalyst實現的帶交互效果的流程,也可以是用axure、Balsamiq等原型工具實現的頁面跳轉邏輯流程

線框圖(wireframe)是在邏輯流程圖的基礎上,用線框的形式細化界面的主要功能和基本布局定位,包括導航、標題、圖片,圖標,文字內容,按紐,各種控制器和形式等,從而確定各個界面之間具體的交互關系

可以按照實現形式分成如下幾類:

最簡單的方式就是用紙和筆簡單繪制實現的紙質線框圖,如圖3

 

0
3
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號