当开始进行新项目时,一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
交互设计师必备哦!

推荐阅读:
《推荐!交互细节中的那些变形金刚》
《iOS用户体验设计:如何构建交互模式》
《20个专为无线端设计提供灵感的资源站》

在线设计模板

Wirefy

以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。

交互设计师必藏:50个线框图套件和在线设计工具

Lumzy

网页设计和界面设计的原型设计工具。

交互设计师必藏:50个线框图套件和在线设计工具

Mockup Builder

另一款原型设计工具

交互设计师必藏:50个线框图套件和在线设计工具

Mobilizer

选择设备,输入网址,立即呈现出设备中的效果图。

交互设计师必藏:50个线框图套件和在线设计工具

Proty

实现快速交互线框图的好工具,可定制化

交互设计师必藏:50个线框图套件和在线设计工具

Solidify

可点击的原型设计工具。可验证用户流程。

交互设计师必藏:50个线框图套件和在线设计工具

Frame Box

交互设计师必藏:50个线框图套件和在线设计工具

Mockup Designer

使用本地存储的模型工具

交互设计师必藏:50个线框图套件和在线设计工具

hhhhold

只需把其中的urls丢入代码中,能实现快速安全的工作。

交互设计师必藏:50个线框图套件和在线设计工具

ProtoFluid

简化了液态布局的开发,能够构建出精准、动态的视角。

交互设计师必藏:50个线框图套件和在线设计工具

Moqups

一款漂亮的HTML5 应用,能够创建线框图、模型、UI概念、原型图等等。

交互设计师必藏:50个线框图套件和在线设计工具

Pencil Project

提供了开源的GUI原型工具,免费下载

交互设计师必藏:50个线框图套件和在线设计工具

免费线框图套件

Wireframe / Blueprint Kit by Kai Husen

交互设计师必藏:50个线框图套件和在线设计工具

Flat UI Kit by webdesignerdepot.com

交互设计师必藏:50个线框图套件和在线设计工具

iPad Sketch Elements AI

交互设计师必藏:50个线框图套件和在线设计工具

Free Windows 8 Wireframe Templates for PowerPoint

交互设计师必藏:50个线框图套件和在线设计工具

Sketchapp Wireframe IOS by Sam | Sneek

交互设计师必藏:50个线框图套件和在线设计工具

Android Jellybean Wireframe Kit

交互设计师必藏:50个线框图套件和在线设计工具

iOS 7 Wireframe Kit by Blake Perdue

交互设计师必藏:50个线框图套件和在线设计工具

Flatstrap Sketch Freebie by Raphael Guilleminot

交互设计师必藏:50个线框图套件和在线设计工具

Sketchkit

交互设计师必藏:50个线框图套件和在线设计工具

Free Photoshop Wireframe Kit

交互设计师必藏:50个线框图套件和在线设计工具

Wireframe Sketch

交互设计师必藏:50个线框图套件和在线设计工具

Sketching the iPad

交互设计师必藏:50个线框图套件和在线设计工具

Spoon

交互设计师必藏:50个线框图套件和在线设计工具

The Ultimate Wireframe UI Kit

交互设计师必藏:50个线框图套件和在线设计工具

iPhone Wireframe Kit by Trent Ottosen

交互设计师必藏:50个线框图套件和在线设计工具

UI8 Wireframe Kit by Creativedash

交互设计师必藏:50个线框图套件和在线设计工具

Tiny Wireframe Kit by Alexander Zaytsev

交互设计师必藏:50个线框图套件和在线设计工具

Android Wireframe Kit by Rodrigo Soares

交互设计师必藏:50个线框图套件和在线设计工具

iPhone Blueprint Wireframe Kit by Jd Uchima

交互设计师必藏:50个线框图套件和在线设计工具

WireKit, An iPhone App Wireframing Kit by Adam Whitcroft

交互设计师必藏:50个线框图套件和在线设计工具

iPhone 5 Wireframes by George Treviranus

交互设计师必藏:50个线框图套件和在线设计工具

Printable iPhone 5 + iOS 7 Icon Wireframe by Jim Lears

交互设计师必藏:50个线框图套件和在线设计工具

Illustrator iPhone 5 Wireframe Mockup by Justin Graham

交互设计师必藏:50个线框图套件和在线设计工具

Lessington by Anatasof Wirapraja

交互设计师必藏:50个线框图套件和在线设计工具

Nexus 4 Wireframe for .Sketch by Rodrigo Soares

交互设计师必藏:50个线框图套件和在线设计工具

iPhone 5 Wireframe Template by Tji Sousa

交互设计师必藏:50个线框图套件和在线设计工具

Mobile cooking app wireframe by Geckotree

交互设计师必藏:50个线框图套件和在线设计工具

Iphone Wireframe by Ashton Snook

交互设计师必藏:50个线框图套件和在线设计工具

Shapes for Sketch by Thierry Teyssier

交互设计师必藏:50个线框图套件和在线设计工具

Flat iPhone Wireframe Freebie by Gavin Anthony

交互设计师必藏:50个线框图套件和在线设计工具

Wireframe by Daryl Ginn

交互设计师必藏:50个线框图套件和在线设计工具

Galaxy S3 Wireframe by Bilal

交互设计师必藏:50个线框图套件和在线设计工具

Nexus 4 wireframe by Oleg Stirbu

交互设计师必藏:50个线框图套件和在线设计工具

iPhone Blueprint by Stafie Anatolie

交互设计师必藏:50个线框图套件和在线设计工具

Device Wireframes by Chris Thompson

交互设计师必藏:50个线框图套件和在线设计工具

Ipad Retina Grid by Bryan Leung

交互设计师必藏:50个线框图套件和在线设计工具

Web / UX Design Wireframe Template PSD by Irfan Mir

交互设计师必藏:50个线框图套件和在线设计工具

How To Wireframe An iPhone App In Sketch

交互设计师必藏:50个线框图套件和在线设计工具

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量58万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

交互设计师必藏:50个线框图套件和在线设计工具

 

收藏 10
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。