日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

10款交互设计原型开发工具(转)

發布時間:2024/7/19 编程问答 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 10款交互设计原型开发工具(转) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

所謂“工欲善其事,必先利其器”,盡管小米加步槍可以也可以打敗敵人,但如果朱棣有了坦克裝甲部隊,那豈不是更容易平定安南?

關于原型開發工具,各有各的使用習慣,有人喜歡axure、photoshop,也有人喜歡手繪,robert還見到過高人直接用excel制作的交互原型,不僅能夠布局,還具有基本的鏈接和跳轉功能,相當佩服。工具只是實現目標的一個手段,因此選用何種工具完全基于個人的習慣及方便。當然在某些公司為了便于不同的設計師之間進行交流以及重用而規定使用相同的工具,那就另當別論。

下面只是個人所使用過的并且認為值得推薦的工具,我盡可能的將其便利性與不足寫出來,當然如果您發現有所不足或有更多的補充,也歡迎隨時和我聯系。

1、Axure RP(Rapid Prototyping)

Axure(讀音為Ack-Sure)無疑是目前最受關注的原型開發工具,其能通過組件的方式幫助網站或軟件設計師快速建立帶有注釋的原型(流程圖、線框圖),并憑借自定義可重用的元件、動態面板以及豐富的script能夠建立基本功能或頁面邏輯的動態演示文件。

Axure借鑒了office的界面,能夠讓用戶快速上手,并且提供了豐富的組件樣式修改,使得通過其能夠創建低保真、高保真甚至接近于實際效果的界面。然而最讓人稱道的是,Axure的豐富的腳本模式,可以通過點擊和選擇能夠快速完成界面元素的交互,如鏈接、state切換、動態變化等效果,使得Axure能夠生成十分接近于真實產品的原型。另一方面,Axure能夠導入其他人創建的元件庫,使得Axure能夠滿足絕大多數類型產品的設計。

但Axure仍然有一個讓人頭痛的問題:對于中文的支持不太友好。在小部分元件上輸入中午的時候,經常需要像碰運氣似的反復切換輸入法,破壞了咱們設計師的用戶體驗。

瑕不掩瑜,Axure仍然是交互設計師的首選原型工具。

2、Microsoft Office Visio

Visio在2000年被微軟收購,并在2002年成為office2003套件中的一個組件,最新版本是2007。Visio能夠獲得推薦的原因是因為Visio的適用性非常之廣,從網站界面、數據庫模型,到平面布置圖到工藝流程圖,Visio都提供了相應的元件庫和模板來進行快速創建。


相較Axure而言,Visio更適合于傳統行業的生產或流程設計,或者軟件及互聯網行業中的信息、數據和流程的說明,而不太適用于web界面。因為其的基于web的元件庫還是比較少,并且形式和結構也更類似于word中的圖形工具,因此在原型開發效率上都有所不足。

3、Balsamiq Mockups

這個基于Adobe AIR Runtime的工具實在是有讓人眼前一亮的感覺,手繪風格的元件樣式粗獷淋漓,能創建接近于紙上手繪的原型文件。其提供了豐富的手繪風格的web常用元件,包括常用的html控件、以及一些組合控件,如多媒體控制器、標簽頁、列表、Iphone界面元件等。

Mockups最值得贊賞之處在于其提供的多數組件都可定制外觀,對于中文的支持也不錯(選擇View > Use System Fonts)。


4、Mockflow


Mockflow和以上工具最大的不同在于Mockflow是一項基于Adobe Flex技術開發在線服務,提供了與Balsamiq Mockups基本相似的功能,甚至更豐富的組件,雖然其元件定制化不夠強大,但其提供的元件庫默認樣式卻非常適合用來做商業產品原型的搭建。有一個讓我愛不釋手的功能是模板,可以設置基于任何頁面的模板來進行新的頁面設計。


與其他模板工具相比,mockflow有一個非常特色的功能,基于web的存儲可以在任意電腦上聯機打開,同時可以其他人進行快速的分享,并收集在線反饋意見,非常適合虛擬團隊的原型設計交流。


雖然在線服務的基本帳號只能創建一個文件,但單個文件卻沒有限制頁數,因此也基本上足夠使用。


5、Pencil sketch


Pencil 是一款基于Firefox的擴展組件,安裝之后即可在Firefox的工具菜單中打開Pencil的繪圖面板。功能比較簡單,僅能用以日常簡單工作的輔助 說明。提供的默認元件都是基于軟件工程,因此更適合用于windows桌面程序的簡易界面搭建,或者是基本的頁面功能說明,并不適用于嚴肅的原型開發,但 好在體積小、又輕便,能夠方便將網頁中的元素直接拖到或者復制到當前的畫布中,這也是Pencil安裝在Firefox所帶來的便利之一吧。


更多工具...

在以上列舉的原型開發工具都是較為常用的,也是在國內的交互設計師們比較常討論的,但其實和Axure功能相似的軟件還有很多,下面也就一些簡單說明:

6、GUI Design Studio

這 是一款真的非常強大的原型制作工具,沒有在上面推薦的原因是因為我還沒有實際體驗過,但沖著這工程級的界面設計就沒有去嘗試的沖動,但是從官方網站的截圖 和視頻演示來看,這款軟件的操作模式和前面的原型工具大有不同。Axure之類多是基于頁面的原型設計,對于web網站盡管很實用,但是對于軟件界面的流 程設計卻略顯繁瑣。而GUI Design Studio卻另辟蹊徑,直接以建立元素與元素之間的關聯的方式來自動化的創建動作流程,而從視頻演示來看,這樣的確很大程度上提升了軟件界面原型搭建的 效率。

7、Prototype Composer


Serena 公司免費提供的原型開發工具,功能確實強大,提供了基于項目管理主要流程的產出物文檔模板、原型工具以及開發流程控制,這個軟件的開發理念非常好,用這一 款工具來滿足項目開發流程中各個環節的溝通和決策。但軟件的學習和使用成本比較高,要了解其中的全部功能,貌似需要花不少時間。另外軟件的效率和穩定性還 有待提高,試用的過程中多次出錯及停止響應。


8、Lucid Spec

由 Elegance科技推出的Lucid Spec是一款很類似Pencil的原型工具,僅僅是提供了更多控件。不過Lucid Spec強調了生成干凈的說明文檔的功能,這可能是針對于多數原型工具的自動化生成規范的冗余而言的,不過老實說Lucid Spec提供的原型界面太過簡陋,并且生成的說明文檔也未見優化有怎樣的提升。視頻介紹

9、Irise Professional Edition

Irise與其他原型工具相比其中一個特色在于提供了樣本數據的功能,這是類似于excel表的一個樣本數據庫,可以通過界面元素直接獲取樣本數據庫中的數據,這樣所生成的原型甚至可以使動態數據更新的。

10、Adobe Reader

Adobe reader?沒錯。其實理論上任何可以創建圖形和文本的工具都可以用來原型開發,因為原型本身就是對于業務邏輯和功能界面的模擬或仿真,因此有何理由不能使用PDF格式呢?BoxandArrow的這篇文章《PDF Prototype:》提醒了我們,所有的原型工具都只是工具,而不是設計本身。

當然原型工具還有很多,您可以在這篇文章對比更多可用以進行原型開發的工具。

原文鏈接:http://www.tianya8.net/2009/10/10.html

視覺聯盟網址:http://www.visionunion.com/

轉載于:https://www.cnblogs.com/68948/archive/2011/05/15/2046976.html

總結

以上是生活随笔為你收集整理的10款交互设计原型开发工具(转)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。