當(dāng)開始進行新項目時,一般都會起步于線框圖。本文收集了大量的線框圖設(shè)計工具和套件。
交互設(shè)計師必備哦!
在線設(shè)計模板
Wirefy 以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計工具。允許你運用標(biāo)準(zhǔn)元素設(shè)計出響應(yīng)式線框圖。

Lumzy 網(wǎng)頁設(shè)計和界面設(shè)計的原型設(shè)計工具。

Mockup Builder 另一款原型設(shè)計工具

Mobilizer 選擇設(shè)備,輸入網(wǎng)址,立即呈現(xiàn)出設(shè)備中的效果圖。

Proty 實現(xiàn)快速交互線框圖的好工具,可定制化

Solidify 可點擊的原型設(shè)計工具??沈炞C用戶流程。

f
rame Box

Mockup Designer 使用本地存儲的模型工具

hhhhold 只需把其中的urls丟入代碼中,能實現(xiàn)快速安全的工作。

ProtoFluid 簡化了液態(tài)布局的開發(fā),能夠構(gòu)建出精準(zhǔn)、動態(tài)的視角。

Moqups 一款漂亮的HTML5 應(yīng)用,能夠創(chuàng)建線框圖、模型、UI概念、原型圖等等。

Pencil Project 提供了開源的GUI原型工具,免費下載

免費線框圖套件 Wiref
rame / Blueprint Kit by Kai Husen

Flat UI Kit by webdesignerdepot.com

iPad Sketch Elements AI

Free Windows 8 Wiref
rame Templates for PowerPoint

Sketchapp Wiref
rame IOS by Sam | Sneek

Android Jellybean Wiref
rame Kit

iOS 7 Wiref
rame Kit by Blake Perdue

Flatstrap Sketch Freebie by Raphael Guilleminot

Sketchkit

Free Photoshop Wiref
rame Kit

Wiref
rame Sketch

Sketching the iPad

Spoon

The Ultimate Wiref
rame UI Kit

iPhone Wiref
rame Kit by Trent Ottosen

UI8 Wiref
rame Kit by Creativedash

Tiny Wiref
rame Kit by Alexander Zaytsev

Android Wiref
rame Kit by Rodrigo Soares

iPhone Blueprint Wiref
rame Kit by Jd Uchima
iPhone 5 Wiref
rames by George Treviranus

Printable iPhone 5 + iOS 7 Icon Wiref
rame by Jim Lears

Illustrator iPhone 5 Wiref
rame Mockup by Justin Graham

Lessington by Anatasof Wirapraja

Nexus 4 Wiref
rame for .Sketch by Rodrigo Soares

iPhone 5 Wiref
rame Template by Tji Sousa

Mobile cooking app wiref
rame by Geckotree

Iphone Wiref
rame by Ashton Snook

Shapes for Sketch by Thierry Teyssier

Flat iPhone Wiref
rame Freebie by Gavin Anthony

Wiref
rame by Daryl Ginn

Galaxy S3 Wiref
rame by Bilal

Nexus 4 wiref
rame by Oleg Stirbu

iPhone Blueprint by Stafie Anatolie

Device Wiref
rames by Chris Thompson

Ipad Retina Grid by Bryan Leung

Web / UX Design Wiref
rame Template PSD by Irfan Mir

How To Wiref
rame An iPhone App In Sketch