交互設(shè)計(jì)師必藏:50個(gè)線框圖套件和在線設(shè)計(jì)工具

2013-12-17    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里 

當(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)式線框圖。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

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

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

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

Mockup Builder in 50 Free Wireframe Kits and Web Apps

Mobilizer

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

Mobilizer in 50 Free Wireframe Kits and Web Apps

Proty

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

Proty in 50 Free Wireframe Kits and Web Apps

Solidify

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

Solidify in 50 Free Wireframe Kits and Web Apps

Frame Box


 in 50 Free Wireframe Kits and Web Apps

Mockup Designer

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

Mockup Designer in 50 Free Wireframe Kits and Web Apps

hhhhold

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

hhhhold in 50 Free Wireframe Kits and Web Apps

ProtoFluid

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

ProtoFluid in 50 Free Wireframe Kits and Web Apps

Moqups

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

Moqups in 50 Free Wireframe Kits and Web Apps

Pencil Project

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

Pencil Project in 50 Free Wireframe Kits and Web Apps

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

Wireframe / Blueprint Kit by Kai Husen

Wireframe / Blueprint Kit by Kai Husen in 50 Free Wireframe Kits and Web Apps

Flat UI Kit by webdesignerdepot.com


Flat UI Kit by webdesignerdepot.com in 50 Free Wireframe Kits and Web Apps

iPad Sketch Elements AI

iPad Sketch Elements AI in 50 Free Wireframe Kits and Web Apps

Free Windows 8 Wireframe Templates for PowerPoint


Free Windows 8 Wireframe Templates for PowerPoint in 50 Free Wireframe Kits and Web Apps

Sketchapp Wireframe IOS by Sam | Sneek


Sketchapp Wireframe IOS by Sam | Sneek in 50 Free Wireframe Kits and Web Apps

Android Jellybean Wireframe Kit


Android Jellybean Wireframe Kit in 50 Free Wireframe Kits and Web Apps

iOS 7 Wireframe Kit by Blake Perdue


iOS 7 Wireframe Kit by Blake Perdue in 50 Free Wireframe Kits and Web Apps

Flatstrap Sketch Freebie by Raphael Guilleminot


Flatstrap Sketch Freebie by Raphael Guilleminot in 50 Free Wireframe Kits and Web Apps

Sketchkit


Sketchkit in 50 Free Wireframe Kits and Web Apps

Free Photoshop Wireframe Kit


Free Photoshop Wireframe Kit in 50 Free Wireframe Kits and Web Apps

Wireframe Sketch


Wireframe Sketch in 50 Free Wireframe Kits and Web Apps

Sketching the iPad


Sketching the iPad in 50 Free Wireframe Kits and Web Apps

Spoon


Spoon in 50 Free Wireframe Kits and Web Apps

The Ultimate Wireframe UI Kit


The Ultimate Wireframe UI Kit in 50 Free Wireframe Kits and Web Apps

iPhone Wireframe Kit by Trent Ottosen


iPhone Wireframe Kit by Trent Ottosen in 50 Free Wireframe Kits and Web Apps

UI8 Wireframe Kit by Creativedash


UI8 Wireframe Kit by Creativedash in 50 Free Wireframe Kits and Web Apps

Tiny Wireframe Kit by Alexander Zaytsev


Tiny Wireframe Kit by Alexander Zaytsev in 50 Free Wireframe Kits and Web Apps

Android Wireframe Kit by Rodrigo Soares


Android Wireframe Kit by Rodrigo Soares in 50 Free Wireframe Kits and Web Apps

iPhone Blueprint Wireframe Kit by Jd Uchima


iPhone Blueprint Wireframe Kit by Jd Uchima in 50 Free Wireframe Kits and Web Apps

WireKit, An iPhone App Wireframing Kit by Adam Whitcroft


WireKit, An iPhone App Wireframing Kit by Adam Whitcroft in 50 Free Wireframe Kits and Web Apps

iPhone 5 Wireframes by George Treviranus


iPhone 5 Wireframes by George Treviranus in 50 Free Wireframe Kits and Web Apps

Printable iPhone 5 + iOS 7 Icon Wireframe by Jim Lears


Printable iPhone 5 + iOS 7 Icon Wireframe by Jim Lears in 50 Free Wireframe Kits and Web Apps

Illustrator iPhone 5 Wireframe Mockup by Justin Graham


Illustrator iPhone 5 Wireframe Mockup by Justin Graham in 50 Free Wireframe Kits and Web Apps

Lessington by Anatasof Wirapraja


Lessington by Anatasof Wirapraja in 50 Free Wireframe Kits and Web Apps

Nexus 4 Wireframe for .Sketch by Rodrigo Soares


Nexus 4 Wireframe for .Sketch by Rodrigo Soares in 50 Free Wireframe Kits and Web Apps

iPhone 5 Wireframe Template by Tji Sousa


iPhone 5 Wireframe Template by Tji Sousa in 50 Free Wireframe Kits and Web Apps

Mobile cooking app wireframe by Geckotree


Mobile cooking app wireframe by Geckotree in 50 Free Wireframe Kits and Web Apps

Iphone Wireframe by Ashton Snook


Iphone Wireframe by Ashton Snook in 50 Free Wireframe Kits and Web Apps

Shapes for Sketch by Thierry Teyssier


Shapes for Sketch by Thierry Teyssier in 50 Free Wireframe Kits and Web Apps

Flat iPhone Wireframe Freebie by Gavin Anthony


Flat iPhone Wireframe Freebie by Gavin Anthony in 50 Free Wireframe Kits and Web Apps

Wireframe by Daryl Ginn


Wireframe by Daryl Ginn in 50 Free Wireframe Kits and Web Apps

Galaxy S3 Wireframe by Bilal


Galaxy S3 Wireframe by Bilal in 50 Free Wireframe Kits and Web Apps

Nexus 4 wireframe by Oleg Stirbu


Nexus 4 wireframe by Oleg Stirbu in 50 Free Wireframe Kits and Web Apps

iPhone Blueprint by Stafie Anatolie


iPhone Blueprint by Stafie Anatolie in 50 Free Wireframe Kits and Web Apps

Device Wireframes by Chris Thompson


Device Wireframes by Chris Thompson in 50 Free Wireframe Kits and Web Apps

Ipad Retina Grid by Bryan Leung


Ipad Retina Grid by Bryan Leung in 50 Free Wireframe Kits and Web Apps

Web / UX Design Wireframe Template PSD by Irfan Mir


Web / UX Design Wireframe Template PSD by Irfan Mir in 50 Free Wireframe Kits and Web Apps

How To Wireframe An iPhone App In Sketch


How To Wireframe An iPhone App In Sketch in 50 Free Wireframe Kits and Web Apps

分享本文至:

日歷

鏈接

個(gè)人資料

存檔