交互設計師必藏：50個線框圖套件和在線設計工具

當開始進行新項目時，一般都會起步于線框圖。本文收集了大量的線框圖設計工具和套件。
交互設計師必備哦！

推薦閱讀：
《推薦！交互細節中的那些變形金剛》
《iOS用戶體驗設計：如何構建交互模式》
《20個專為無線端設計提供靈感的資源站》

在線設計模板

Wirefy

以內容優先為原則的線框圖在線設計工具。允許你運用標準元素設計出響應式線框圖。

Lumzy

網頁設計和界面設計的原型設計工具。

Mockup Builder

另一款原型設計工具

Mobilizer

選擇設備，輸入網址，立即呈現出設備中的效果圖。

Proty

實現快速交互線框圖的好工具，可定制化

Solidify

可點擊的原型設計工具。可驗證用戶流程。

Frame Box

Mockup Designer

使用本地存儲的模型工具

hhhhold

只需把其中的urls丟入代碼中，能實現快速安全的工作。

ProtoFluid

簡化了液態布局的開發，能夠構建出精準、動態的視角。

Moqups

一款漂亮的HTML5 應用，能夠創建線框圖、模型、UI概念、原型圖等等。

Pencil Project

提供了開源的GUI原型工具，免費下載

免費線框圖套件

Wireframe / Blueprint Kit by Kai Husen

Flat UI Kit by webdesignerdepot.com

iPad Sketch Elements AI

Free Windows 8 Wireframe Templates for PowerPoint

Sketchapp Wireframe IOS by Sam | Sneek

Android Jellybean Wireframe Kit

iOS 7 Wireframe Kit by Blake Perdue

Flatstrap Sketch Freebie by Raphael Guilleminot

Sketchkit

Free Photoshop Wireframe Kit

Wireframe Sketch

Sketching the iPad

Spoon

The Ultimate Wireframe UI Kit

iPhone Wireframe Kit by Trent Ottosen

UI8 Wireframe Kit by Creativedash

Tiny Wireframe Kit by Alexander Zaytsev

Android Wireframe Kit by Rodrigo Soares

iPhone Blueprint Wireframe Kit by Jd Uchima

WireKit, An iPhone App Wireframing Kit by Adam Whitcroft

iPhone 5 Wireframes by George Treviranus

Printable iPhone 5 + iOS 7 Icon Wireframe by Jim Lears

Illustrator iPhone 5 Wireframe Mockup by Justin Graham

Lessington by Anatasof Wirapraja

Nexus 4 Wireframe for .Sketch by Rodrigo Soares

iPhone 5 Wireframe Template by Tji Sousa

Mobile cooking app wireframe by Geckotree

Iphone Wireframe by Ashton Snook

Shapes for Sketch by Thierry Teyssier

Flat iPhone Wireframe Freebie by Gavin Anthony

Wireframe by Daryl Ginn

Galaxy S3 Wireframe by Bilal

Nexus 4 wireframe by Oleg Stirbu

iPhone Blueprint by Stafie Anatolie

Device Wireframes by Chris Thompson

Ipad Retina Grid by Bryan Leung

Web / UX Design Wireframe Template PSD by Irfan Mir

How To Wireframe An iPhone App In Sketch

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量58萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：