【 tulaoshi.com - 平面设计 】
当开始进行新项目时,一般都会起步于线框图。本文收集了大量的在现线框图设计工具和套件。交互设计师必备哦。
在线设计模板
Wirefy
以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/1f3c7c2b760308b9107583369f516153.jpg)
Lumzy
网页设计和界面设计的原型设计工具。
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/510dd5eb3938732bddd50b223a5ae24d.jpg)
Mockup Builder
另一款原型设计工具
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/adc6d966aef3dc9e6d2012c054ddedde.jpg)
Mobilizer
选择设备,输入网址,立即呈现出设备中的效果图。
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/e17b616568f06a627ab1ad5de7956a52.jpg)
Proty
实现快速交互线框图的好工具,可定制化
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/51b4b11df4131587001dfde005da16fb.jpg)
Solidify
可点击的原型设计工具。可验证用户流程。
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/ff688faf31c68f3e267f1a5e514d467c.jpg)
Frame Box
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/6d449dad1451e7e747621296104d232d.jpg)
Mockup Designer
使用本地存储的模型工具
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/5b463020946f613b9d83fb80386949b8.jpg)
hhhhold
只需把其中的urls丢入代码中,能实现快速安全的工作。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/8399ac8453b7a0e758a6d2c9fc8e539d.jpg)
ProtoFluid
简化了液态布局的开发,能够构建出精准、动态的视角。
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/31882dbd6b11887b6dfa42be68f789fd.jpg)
Moqups
一款漂亮的HTML5 应用,能够创建线框图、模型、UI概念、原型图等等。
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/10cd29ffd81a6943ae75b3a20bda222a.jpg)
Pencil Project
提供了开源的GUI原型工具,免费下载
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/a38ecc5c9681d026c265bb2385762d72.jpg)
免费线框图套件Wireframe / Blueprint Kit by Kai Husen
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/014b94ca1f971a18dd2a279584e4b653.jpg)
Flat UI Kit by webdesignerdepot.com
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/c12f71128042771cf2b088668b8b7628.jpg)
iPad Sketch Elements AI
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/368a62dc56c869f9057e13216d01858e.jpg)
Free Windows 8 Wireframe Templates for PowerPoint
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/8dc1009705353b4c75a50b956e37a93c.png)
Sketchapp Wireframe IOS by Sam | Sneek
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/0b307a8702e5077ad1c92696c94f08b0.jpg)
Android Jellybean Wireframe Kit
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/8b10a4324c79f12d1a89fa743ed47fdb.jpg)
iOS 7 Wireframe Kit by Blake Perdue
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/d101fa2881dc48cd0568810bbf559584.jpg)
Flatstrap Sketch Freebie by Raphael Guilleminot
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/ef265c40d2752103bc838924296189df.jpg)
Sketchkit
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/e9874fcfe08f9c1776709276f1e0f6be.jpg)
Free Photoshop Wireframe Kit
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/c1fedc0d6e830f8308607305ba2097b4.jpg)
Wireframe Sketch
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/7891cb1296fa5470665bd91a73ce005c.jpg)
Sketching the iPad
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/d1d333d7647452e1485da7ea6a291e10.jpg)
Spoon
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/d4889ccfedd30005607807ffbd244a3c.jpg)
The Ultimate Wireframe UI Kit
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/5b000ab47f6b017084d7cc890a9e5700.jpg)
iPhone Wireframe Kit by Trent Ottosen
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/8fd9f3f7086c2c231bf2c0f47062dea1.png)
UI8 Wireframe Kit by Creativedash
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/37f9f07b6964d38f44f55135d970b9b7.gif)
Tiny Wireframe Kit by Alexander Zaytsev
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/147279e23a5d37aa26c42ff3952b76fd.png)
Android Wireframe Kit by Rodrigo Soares
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/43ccc666ec6ab276593e4ab64f0fe9b3.png)
iPhone Blueprint Wireframe Kit by Jd Uchima
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/da6dc46ab00928d77d431f0c09a1e258.png)
WireKit, An iPhone App Wireframing Kit by Adam Whitcroft
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://uisdc.qiniudn.com/wp-content/uploads/2013/11/WireKit%20An%20iPhone%20App%20Wireframing%20Kit%20by%20Adam%20Whitcroft.png)
iPhone 5 Wireframes by George Treviranus
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/be3b37ef8809dfce6768a2ea9f9eab79.png)
Printable iPhone 5 + iOS 7 Icon Wireframe by Jim Lears
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/3fad20796a542267bb1b2df0b8756b2d.gif)
Illustrator iPhone 5 Wireframe Mockup by Justin Graham
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/371e4107a0125219eefe6db3b73f799b.jpg)
Lessington by Anatasof Wirapraja
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/f0d09d094231c875e2be7c7bae4da8e7.jpg)
Nexus 4 Wireframe for .Sketch by Rodrigo Soares
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/161cce7a47609849042197191eb29403.png)
iPhone 5 Wireframe Template by Tji Sousa
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/4074e23642f10a2e824a1b727321fc51.gif)
Mobile cooking app wireframe by Geckotree
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/6a08cc5b1f0ca8cff69668ed8829272e.png)
Iphone Wireframe by Ashton Snook
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/062b7da55ebe2b5c357fa9c391d2c9b2.png)
Shapes for Sketch by Thierry Teyssier
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/f51077b22001c9c268990660cccb7e3e.png)
Flat iPhone Wireframe Freebie by Gavin Anthony
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/62be6d1a84e10ed9a2b6e835bc1e5600.png)
Wireframe by Daryl Ginn
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/5f2a53a9e657ef4fe245d0d7a0869530.jpg)
Galaxy S3 Wireframe by Bilal
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/0f5f248dc1e2389e848e29b8c6a3741f.png)
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)Nexus 4 wireframe by Oleg Stirbu
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/875ddcc3e5aae082ed1b5b5bb8849dfa.jpg)
iPhone Blueprint by Stafie Anatolie
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/6b89e0aace252976a54cafbb343a153a.jpg)
Device Wireframes by Chris Thompson
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/e67f788caea63a0c807588b22e3949e8.jpg)
Ipad Retina Grid by Bryan Leung
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/63179c7f04e30fb2635ac8ba2439a357.png)
Web / UX Design Wireframe Template PSD by Irfan Mir
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/9a015ebe8354d8c67581d16deab95e36.png)
How To Wireframe An iPhone App In Sketch
![50个线框图套件和在线设计工具,PS教程,图老师教程网](http://img.tulaoshi.com/image/20160217/24481adbd05d16594611e56fe6bb62a3.png)