當(dāng)開始進(jìn)行新項(xiàng)目時(shí)，一般都會(huì)起步于線框圖。本文收集了大量的線框圖設(shè)計(jì)工具和套件。
交互設(shè)計(jì)師必備哦！

推薦閱讀：
《推薦！交互細(xì)節(jié)中的那些變形金剛》
《iOS用戶體驗(yàn)設(shè)計(jì)：如何構(gòu)建交互模式》
《20個(gè)專為無線端設(shè)計(jì)提供靈感的資源站》

在線設(shè)計(jì)模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計(jì)工具。允許你運(yùn)用標(biāo)準(zhǔn)元素設(shè)計(jì)出響應(yīng)式線框圖。

Lumzy

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

Mockup Builder

另一款原型設(shè)計(jì)工具

Mobilizer

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

Proty

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

Solidify

可點(diǎn)擊的原型設(shè)計(jì)工具。可驗(yàn)證用戶流程。

Frame Box

Mockup Designer

使用本地存儲(chǔ)的模型工具

hhhhold

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

ProtoFluid

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

Moqups

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

Pencil Project

提供了開源的GUI原型工具，免費(fèi)下載

免費(fèi)線框圖套件

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

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