產品交互原型設計工具分享 - 網頁設計

http://webdesign.zoapcon.com

交互設計師的一項重要工作就是進行產品原型設計(Prototype Design)。而產品原型設計最基礎的工作,就是畫出站點的大體wireframe(框架圖)并結合批注、大量的說明以及流程圖等,將自己的產品原型完整而準確的表述給產品、UI、重構/開發工程師等等,并通過溝通反復修改prototype 直至最終確認,然后進入后續的設計開發流程。

要完成以上復雜的設計和溝通工作,需要一個好的原型設計工具。這里就目前常用的和比較熱門的工具來分享一下:
Word(產品經理比較常用)
Fireworks(交互組內推廣的)
Balsamiq Mockups(近期曝光率比較高)
Auxre RP(業界圈子內廣為流傳)

一、優勢劣勢對比


二、操作界面對比
Word:基本是通過繪圖工具欄的各種線框來畫wireframe。


Fireworks:通過公共庫的WEB原型組件庫畫wireframe。


Balsamiq Mockups:操作類似FW,通過頂部的控件庫拉取到工作區域畫wireframe。


Auxre RP:基本操作也和FW,Mockups類似,3是工作區域,從5控件庫里拉取到工作區域畫wireframe。


控件庫內含了許多會經常使用到的widget物件,例如:按鈕(Button)、圖片(Image)、文字面板(Text Panel)、單選按鈕(Radio Button)、復選框(Checkbox)、下拉式選單(Droplist)。甚至可以藉由Dynamic Panel的功能,來設計動態介面,例如:下拉式選單、頁簽,甚至是更進階的AJAX或RIA的功能。

Axure RP相對于其他原型工具,比較有特色的有以下幾個方面:


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 inspirr 的頭像
    inspirr

    inspirr

    inspirr 發表在 痞客邦 留言(0) 人氣()