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

   在线设计模板

  Wirefy

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


  Lumzy

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


  Mockup Builder

  另一款原型设计工具


  Mobilizer

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

列表框交互">
  Proty

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


  Solidify

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


  Frame Box


  Mockup Designer

  使用本地存储的模型工具


  hhhhold

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


  ProtoFluid

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


  Moqups

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


  Pencil Project

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


  免费线框图套件

  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

  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

时间: 2024-10-28 23:26:06

交互设计师必用50个线框图套件和在线设计工具的相关文章

Photoshop线框图套件:PS制作线框图

这篇文章向大家介绍一套免费的 Photoshop线框图套件,这个线框图套件中包括通知.图片和视频,表单字段,标题,段落,项目符号列表,导航,广告横幅和普通网站的元素,如:搜索框,电子邮件注册表单等等. 这个套件的使用非常简单.新建一个空白的 Photoshop 文档并在打开线框图套件的 PSD 文件,然后把你需要的元素从套件中拖放到自己的空白 Photoshop 文件中进行布局设计. 如果你有两个显示器或有一个大屏幕,这将是非常有帮助的.我通常会在一个屏幕打开一个空白的 Photoshop 文件

交互设计师的知识架构

  @刺绅堂七 :如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书.学了一大堆软件.画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本<交互设计学习大纲>就好了. 出现这个问题有两个原因,一是交互设计师没有可视性强的产物,交互设计师的产物一般是线框图.流程图.信息架构图.说明文档等等,但这些东西既不如视觉设计稿华丽精美,也不如程序代码高贵冷艳,在外行人看来初级交互设计师和高级交互设计师画的好像都差不多,轻易看不出你修炼到了几层功力;第

交互设计师技能:优秀交互设计师的必备条件

文章描述:优秀交互设计师的必备条件. 我们肯定都听过这样一句话:天才是1%的灵感加99%的汗水.然而又有多少人知道,其实这句话并没有结束,后半句是:但是,那1%的灵感,比99%的汗水更重要! 努力不一定成功,但不努力一定不能成功.为什么努力不一定成功?就源自这1%的灵感的差别. 那么,对于交互设计师来说,这1%的灵感到底是什么呢?在这里,仅谈谈自己的一点看法. 懂用户 有人说,交互设计师需要有换位思考的能力.而实际上,并不是努力站在对方角度上思考,就一定会知道他的想法.我接触的人里,有这样三种典

2014年最佳的十款交互设计工具

  几年前交互设计师还是一个不明觉厉的工作,而现在,交互设计师和UI设计师一同战在设计最前线.UI设计师们拥有经典的PS和先锋的Sketch来开疆拓土,相比之下交互设计师这个新兴的职业还没有比较统一的设计工具.不过,交互设计社区的成熟催生出越来越多功能完善的新工具,也使得2014年成为了交互设计工具之年. 在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面.2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向

聊聊线框图——为线框图多留点时间

线框图是交互设计师必不可少的产出物,它在交互设计师的工作中扮演了如此重要的角色,以至于交互设计师经常被认为是个画线框图的,但是无论是设计师本人还是项目组成员,对于线框图存在的意义未必有足够的认识. 项目为何需要线框图? 为什么不缩短周期,直接跳转到视觉设计呢? 对于设计师而言,疑问一样存在: 线框图给我们带来什么价值? 在我们想进行线框图培训时,疑问有: 不就是画个草图吗?还需要学习? 如果大家都把线框图理解成"草图",那么按照正常逻辑,草图的产出一定是比视觉稿更快而不是更慢才对,但是

对交互设计师的几点期望

虽然今年名义上已经不再管人了,但也不得不掺和进很多人事,这里想简单说说,即使不能帮助这个行业的从业者规划职业道路,也算是把之前摸过的路小结一下,给大家一个参考. 相关文章:页面重构工程师应该具有的技能和素质 交互,视觉,前端开发,用户研究,其实任何一个岗位,我都喜欢从意愿,能力,潜力这三个方面来说. 先说潜力吧,之前不觉的,现在越来越觉的,做交互是需要一点潜力的.一是逻辑思维的能力,结构化思考,推理假设,即使不需要太严谨,也是需要自己先把逻辑搞合理了,设计出来的东西才能合理.(在设计评审中,经常

产品交互原型设计工具分享

交互设计师的一项重要工作就是进行产品原型设计(Prototype Design).而产品原型设计最基础的工作,就是画出站点的大体wireframe(框架图)并结合批注.大量的说明以及流程图等,将自己的产品原型完整而准确的表述给产品.UI.重构/http://www.aliyun.com/zixun/aggregation/7433.html">开发工程师等等,并通过沟通反复修改prototype直至最终确认,然后进入后续的设计开发流程. 要完成以上复杂的设计和沟通工作,需要一个好的原型设计

读后有感 - UI设计师必知:线框图、原型和视觉稿

读后有感 - UI设计师必知:线框图.原型和视觉稿 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 线框图:草图,重点在交互的目标上,即业务如何交互完成,是不依赖于平台的,如同数据库设计中的概念

交互设计师经验:为线框图多留点时间

注:heidi写这系列的专业文章,并不说明目前heidi做得有多好,相反,每当我发现自己做得不够好时或者遇到问题时,都喜欢反思并总结,可是由于以前养成的不良习惯,导致我最终写出来的东西总是像专业教程,这也导致会有一些小朋友误认为我是专业人士,其实真的不是这样,我写出来未必是专业文章(有时只不过表现如此),我只是觉得这个话题值得探讨,值得分享,也值得自己继续努力而已.所以,也请不要四处转载. ----------------------低调的分割线------------------ 线框图是交互