技術(shù)資訊

經(jīng)驗分享：交互設(shè)計文檔(2)

2009-03-09 08:55:00

前一篇：經(jīng)驗分享：交互設(shè)計文檔(1)

繼續(xù)介紹上文中提到的原型設(shè)計工具，還有幾個工具也是很有必要一一介紹一下的：

1、Balsamiq Mockups （有Web版本）

關(guān)于這個工具，黃主任在他的來，超酷的Balsamiq Mockups中有一些介紹。
優(yōu)：看著超舒服，提供的組件工具很多。
劣：雖然提供了很多常用的工具，但反而讓文字操作變得不太方便（當(dāng)然，我們不是在介紹排版工具…）。另外，Web版本同樣也缺少交互功能。

2、Pencil Project

這里也有人介紹Pencil：The Pencil Project制作WEB超方便（不過此文表述好像有點不對勁，Pencil不是用來制作Web的，它不過是一個用來做原型的工具而已?；蛘哒f它只是參與了制作Web的一個基礎(chǔ)步驟。）
優(yōu)：跟Mockups很像，但更簡潔一些。是FireFox瀏覽器的免費插件，bug少，操作挺流暢的。
劣：作為簡單的瀏覽器插件，它有許多工具沒“準(zhǔn)備”，當(dāng)然，更沒有交互功能。

3、Dreamweaver

在上一篇的回復(fù)里頭也有朋友提到過直接用HTML制作網(wǎng)頁的交互原型，當(dāng)然，其實現(xiàn)在主要是用CSS+xHTML。
優(yōu)：在我剛接觸工作的時候，不管是程序員，還是網(wǎng)頁設(shè)計師，都是要了解HTML的。所以，HTML也恰好就是網(wǎng)站前后臺的結(jié)合點，如果各方對網(wǎng)站有什么意見和想法，也可以直接在HTML上修改。同樣，它提供了許多的原型工具，而且直接輸出HTML格式的文件，擁有強大的JS庫……
劣：問題是，制作HTML需要花比較多的時間，即使是無樣式、無視覺效果的HTML。
而在較蟲的時候(2003-1)也有人對選擇Visio或HTML制作線框圖(Wireframes)進(jìn)行了分析：Practical Applications: Visio or HTML for Wireframes

4、OmniGraffle

這個主要是用來做流程圖~心弦同學(xué)對它評價很高：最好的原型和流程圖繪制工具：OmniGraffle 文中介紹也挺詳細(xì)的。
優(yōu)：（看心弦同學(xué)怎么說吧）
劣：暫時只有Mac版。只是做流程圖的工具，做交互界面的話應(yīng)該不太現(xiàn)實（沒準(zhǔn)也可以做好=。=誰知道，麻煩告訴我~~）。

5、做流程圖的還有 MS Office Visio

優(yōu)：Office工具很全，操作也如我們往常熟悉的那樣，好入門。
劣：收費軟件，意味著龐大和復(fù)雜，好像還沒有web版。有時候只是簡單的一些操作需求就有點麻煩了。

6、Mindjet Mindmanager (還有Web版本)

優(yōu)：專一地做腦圖、結(jié)構(gòu)圖。
劣：太專一了，所以只能做腦圖、層次結(jié)構(gòu)圖，連想建立一些相互關(guān)系都非常不直觀=。=
還有的其他的偶就不一一介紹了，跟我們的主題偏得有點遠(yuǎn)~~

前面一直在說，許多的原型設(shè)計工具都沒具備交互功能，而比起做HTML，Axure RP Pro顯然更簡單，更直觀，且可以把成品生成HTML、Word、圖片等文件，攜帶與交流非常方便。我在工作當(dāng)中也算相對比較喜歡使用它一些，因此在下面著重介紹一下RP這個工具。非常希望更多的人參與交流自己的經(jīng)驗，來完善我們的交互設(shè)計文檔制作的“技能”^-^

1、初次見面，請多關(guān)照

如果你第一次見到Axure RP Pro，你可以到這里去認(rèn)識它：Axure Tour ，RP的5.0測試版下載地址。
PS：不要笑話偶火星哦。雖然我知道做這行的知道這個軟件的人很多，但我自己就是個新人，所以會一直以新人的出發(fā)點來繼續(xù)探討下去。

2、組件工具，直觀便捷

線框圖(Wireframe)，有網(wǎng)頁制作中所需要的大部分組件工具了：

還可以制作流程圖哦：

3、軟件的一些小缺陷
~5.0版，Bug多，難道是因為我用的試用版？……
~當(dāng)頁面信息量多的時候，處理起來速度變慢，而且導(dǎo)出HTML之后操作也變得很不流暢。（突然想起那句：美麗是要付出代價的）
~感覺功能還不夠全面，而且做得有點粗糙，做交互效果操作起來并不十分方便。比如像Dynamic Panel(動態(tài)面板)制作頁面交互動態(tài)效果：一些一環(huán)套一環(huán)的操作步驟，不能設(shè)立能用面板，把面板放到Masters(通用欄)時又經(jīng)常會出命名和層次間的許多問題。另外就是是上面那條提到的，面板內(nèi)容越多，軟件處理速度就會變好卡，而操作步驟這種功能，通常是不可避免的多內(nèi)容。