設計師專屬:10款超實用且高效的線框設計工具

csdn發表於2013-10-15

  在Web開發和軟體開發專案中線框扮演者極其重要的角色,因為它能允許開發者和客戶在專案搭建中視覺化網頁。友好性、易操作以及內容多樣化對於網站來說非常重要,利用線框工具可以幫助你簡化繁瑣的設計過程為你節省時間和精力。本文分享十款流行線框工具,希望對你有所幫助。

  PowerMockup—為PPT新增線框

設計師專屬:10款超實用且高效的線框設計工具

  如果你想在PPT中新增線框,那麼這款就是個不錯的選擇。在PPT視窗中新增新的頁面,支援線框元素、圖示;還可以在幻燈片中自由拖放。目前,PowerMockup的最新版本相容Microsoft Office包括Office 2013。該工具售價$60。

  Moqups—線上Mockup線框工具

設計師專屬:10款超實用且高效的線框設計工具

  如果你需要基於向量的線框,那麼這款線上版的HTML5應用就是你的最佳選擇。它是由羅馬尼亞軟體工程師開發而來,該工具是免費的,無需註冊。最近該工程師團隊推出了Moqups高階版本。

  Wireframe.cc — 線上線框工具(免費)

設計師專屬:10款超實用且高效的線框設計工具

  Wireframe.cc是一款簡單且免費的工具,你可以利用滑鼠在畫布上畫出任何你想要的東西,並生成獨特的URL,可共享。

  Axure RP—功能齊全

設計師專屬:10款超實用且高效的線框設計工具

  Axure RP是一款應用全面且廣泛的設計工具,支援開發複雜的原型、規範檔案以及簡單的線框草圖。此外,它還具有其他一些高階功能,包括能夠與客戶共享原型。其設計之初旨在與團隊成員進行協作並參與管理與反饋。售價$290。

  Balsamiq Mockups—基於Flash

設計師專屬:10款超實用且高效的線框設計工具

  這款工具於2008年一名軟體工程師開發而來,其在短時間內就變得非常流行。如此流行的背後也當歸功於世界各地的開發者。Balsamiq Mockups允許開發者進行設計,看起來就如同在紙上繪製的素描,而不是機械式的設計。此外,它相容Flash以及Adobe Air應用。售價$80。

  Fluid UI—Android、 iOS、Windows App線上原型線框工具

設計師專屬:10款超實用且高效的線框設計工具

  這是一款可以跨平臺、跨裝置開發應用程式設計模型的網頁應用程式。Fluid UI具有豐富的資源庫,不管是iOS、Android還是Windows 8都能找到最合適的資源來使用。Fluid UI有動畫效果,高保真模擬使用者體驗和操作。售價$30/月。

   Pencil—GUI原型工具(開源)

設計師專屬:10款超實用且高效的線框設計工具

  Pencil是一款開源的手繪風格原型圖繪製工具,可以用來繪製各種架構圖和流程圖。Pencil向開發者提供一個免費、開源的GUI原型工具,具備了多種原型設計模板、多頁背景文件、跨頁超連結、富文字編輯支援等功能,安裝十分簡單。

  UXToolbox—基於Windows的線框Tool

設計師專屬:10款超實用且高效的線框設計工具

  如果你正在開發移動應用、桌面軟體或是網站,UXToolbox可幫助你建立互動式原型和線框。其一大亮點是,你可在勾勒線框過程中與完美線框進行切換,輕鬆匯出HTML或XML格式。售價 $240。

  Live Wires— iPad線框應用

設計師專屬:10款超實用且高效的線框設計工具

  你可以在iPad上直接測試、驗證,同時相容iPhone與iPad應用。此外它還有豐富的類庫。售價只需 $10。

  Mockups.me—UI線框應用

設計師專屬:10款超實用且高效的線框設計工具

  就特性而言,Mockups.me與Balsamiq Mockups非常相似,不同的是,它可以運用在基於Android 和iOS兩大系統的平板應用中,此外,它還有個內建的通訊系統,用來收集意見和反饋。

  原文出自:Bestdesigntuts

相關文章