設計師專屬:10款超實用且高效的線框設計工具
在Web開發和軟體開發專案中線框扮演者極其重要的角色,因為它能允許開發者和客戶在專案搭建中視覺化網頁。友好性、易操作以及內容多樣化對於網站來說非常重要,利用線框工具可以幫助你簡化繁瑣的設計過程為你節省時間和精力。本文分享十款流行線框工具,希望對你有所幫助。
PowerMockup—為PPT新增線框
如果你想在PPT中新增線框,那麼這款就是個不錯的選擇。在PPT視窗中新增新的頁面,支援線框元素、圖示;還可以在幻燈片中自由拖放。目前,PowerMockup的最新版本相容Microsoft Office包括Office 2013。該工具售價$60。
Moqups—線上Mockup線框工具
如果你需要基於向量的線框,那麼這款線上版的HTML5應用就是你的最佳選擇。它是由羅馬尼亞軟體工程師開發而來,該工具是免費的,無需註冊。最近該工程師團隊推出了Moqups高階版本。
Wireframe.cc — 線上線框工具(免費)
Wireframe.cc是一款簡單且免費的工具,你可以利用滑鼠在畫布上畫出任何你想要的東西,並生成獨特的URL,可共享。
Axure RP—功能齊全
Axure RP是一款應用全面且廣泛的設計工具,支援開發複雜的原型、規範檔案以及簡單的線框草圖。此外,它還具有其他一些高階功能,包括能夠與客戶共享原型。其設計之初旨在與團隊成員進行協作並參與管理與反饋。售價$290。
Balsamiq Mockups—基於Flash
這款工具於2008年一名軟體工程師開發而來,其在短時間內就變得非常流行。如此流行的背後也當歸功於世界各地的開發者。Balsamiq Mockups允許開發者進行設計,看起來就如同在紙上繪製的素描,而不是機械式的設計。此外,它相容Flash以及Adobe Air應用。售價$80。
Fluid UI—Android、 iOS、Windows App線上原型線框工具
這是一款可以跨平臺、跨裝置開發應用程式設計模型的網頁應用程式。Fluid UI具有豐富的資源庫,不管是iOS、Android還是Windows 8都能找到最合適的資源來使用。Fluid UI有動畫效果,高保真模擬使用者體驗和操作。售價$30/月。
Pencil—GUI原型工具(開源)
Pencil是一款開源的手繪風格原型圖繪製工具,可以用來繪製各種架構圖和流程圖。Pencil向開發者提供一個免費、開源的GUI原型工具,具備了多種原型設計模板、多頁背景文件、跨頁超連結、富文字編輯支援等功能,安裝十分簡單。
UXToolbox—基於Windows的線框Tool
如果你正在開發移動應用、桌面軟體或是網站,UXToolbox可幫助你建立互動式原型和線框。其一大亮點是,你可在勾勒線框過程中與完美線框進行切換,輕鬆匯出HTML或XML格式。售價 $240。
Live Wires— iPad線框應用
你可以在iPad上直接測試、驗證,同時相容iPhone與iPad應用。此外它還有豐富的類庫。售價只需 $10。
Mockups.me—UI線框應用
就特性而言,Mockups.me與Balsamiq Mockups非常相似,不同的是,它可以運用在基於Android 和iOS兩大系統的平板應用中,此外,它還有個內建的通訊系統,用來收集意見和反饋。
原文出自:Bestdesigntuts
相關文章
- 為設計師準備的 10 個非常有用和高效的線框圖工具
- 安卓設計師不容錯過的15款實用UI介面設計工具安卓UI
- 10個用於設計網頁線框圖的優秀工具網頁
- 程式設計師程式設計的10個實用技巧程式設計師
- 10款Web程式設計師必備的CSS工具Web程式設計師CSS
- Web設計師必備的10款最佳排版工具Web
- 在網站設計中實用的10款線上工具網站
- 程式設計師超實用工具網站大全程式設計師網站
- 10款最新且超實用的開發框架框架
- 世界級大牛對程式設計師超實用的程式設計箴言(上)程式設計師箴言
- 世界級大牛對程式設計師超實用的程式設計箴言(下)程式設計師箴言
- 程式設計師不可不知的7款程式設計工具程式設計師
- 20款優秀的移動產品原型和線框圖設計工具原型
- 你專屬的程式設計師春節“大禮包”程式設計師
- 設計師的專屬魔法,用SVG動畫重現布林運算的設計過程SVG動畫
- Geek Clues——程式設計師的專屬新聞程式設計師
- 程式設計師專用食品程式設計師
- 騰訊設計師做了100個彈框後總結的設計經驗
- 15款新鮮出爐的實用網頁設計工具網頁
- 十八款為設計師提供的免費工具
- 超載的程式設計師程式設計師
- 程式設計師的工具程式設計師
- 使用者體驗設計師常用的21款工具和應用
- 讓 Java 程式設計師更加高效的開發工具Java程式設計師
- 設計師常用的工具和應用分享
- 設計師開發者看過來 35款新工具
- 超級程式設計師程式設計師
- 谷歌程式設計師有哪些高效的程式設計習慣?谷歌程式設計師
- 5款程式設計師常用的Python開發工具程式設計師Python
- 15款為設計師而生的思維導圖工具
- 15款Java程式設計師必備的開發工具Java程式設計師
- Java程式設計師不要錯過的7款新工具Java程式設計師
- 工具不怕多!使用者體驗設計師常用的20款應用
- Mac設計師必備的10款PS外掛Mac
- 高效程式設計師的 5 種角色程式設計師
- 程式設計師實用工具網站程式設計師網站
- 程式設計師和設計師必備的20個CSS工具程式設計師CSS
- Toolfk.com 程式設計師工具網上線程式設計師