Hi,我是优设小编

ranger

浏览全部 323 篇文章

到我的微博瞧瞧

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

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

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

在线设计模板

Wirefy

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

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

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

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

另一款原型设计工具

Mockup Builder in 50 Free Wireframe Kits and Web Apps

Mobilizer

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

Mobilizer in 50 Free Wireframe Kits and Web Apps

Proty

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

Proty in 50 Free Wireframe Kits and Web Apps

Solidify

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

Solidify in 50 Free Wireframe Kits and Web Apps

Frame Box

 in 50 Free Wireframe Kits and Web Apps

Mockup Designer

使用本地存储的模型工具

Mockup Designer in 50 Free Wireframe Kits and Web Apps

hhhhold

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

hhhhold in 50 Free Wireframe Kits and Web Apps

ProtoFluid

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

ProtoFluid in 50 Free Wireframe Kits and Web Apps

Moqups

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

Moqups in 50 Free Wireframe Kits and Web Apps

Pencil Project

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

Pencil Project in 50 Free Wireframe Kits and Web Apps

免费线框图套件

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

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

youshege

 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/interaction-kits