10款线框图和原型图设计软件

10款线框图和原型图设计软件的相关文章

• 
  线框图、原型和视觉稿的区别

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  两三年以前，我发现很多搞信息技术的朋友们(非设计师)交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype) 和视觉稿 (Mockup) 是一个东西：表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点不了?」「我不知道这个地方可以按啊!」类似这样的问题在用户体验的项目中屡见不鲜。误把线框图当成原型，有点像...[ 查看全文 ]

  俺村1枝錵

  151
• 
  解析线框图,原型和视觉稿的区别

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  我发现很多搞信息技术的朋友们(非设计师)交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype) 和视觉稿 (Mockup) 是一个东西：表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点不了?」「我不知道这个地方可以按啊!」类似这样的问题在用户体验的项目中屡见不鲜。误把线框图当成原型，有点像建筑里分不清...[ 查看全文 ]

  mingkai21

  41
• 
  详细解析线框图和原型之间的区别

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  线框图并非是原型，但即使是经验丰富的设计师也可能会将两者混为一谈。实际上，两者的差别还是非常多且明显的，那么就让我们通过这篇文章分辨清楚这俩概念，一劳永逸。 线框图 线框图是产品设计的低保真呈现方式。它有三个简单直接而明确的目标： 1、呈现主体信息群 2、勾勒出结构和布局 3、用户交互界面的主视觉和描述 正确地创建了线框图之后，它将作为产品的骨干而存在。 它就像一幢建筑的蓝图一样...[ 查看全文 ]

  海风2012abc

  231
• 
  详细解析线框图原型和视觉稿的区别

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  两三年以前，我发现很多搞信息技术的朋友们(非设计师)交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype)和视觉稿(Mockup)是一个东西：表达自己创意的线框手绘设计稿。 混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点不了?」「我不知道这个地方可以按啊!」类似这样的问题在用户体验的项目中屡见不鲜。误把线框图当成原型，有点像建...[ 查看全文 ]

  木木彡若干年后

  311
• 
  详细解析线框图和原型的过去现在与将来

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  本文作者Jerry Cao是UXPin的内容决策者，也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路，熟悉相关工具，以及完整的设计流程，那么你可以下载UXPin精心制作的《原型设计终极指南》(英文版)。这篇文章会系统为你介绍线框图和原型的发展历程，了解它们在不同历史背景下的发展，能帮你在未来设计更优秀实用的线框图和原型。通过线框图和原型的发展历程，你还能从侧面了解用户...[ 查看全文 ]

  我爱尼姑的头发

  121
• 
  nike产品线框图和渲染图

  标签：工业设计 设计素描

  screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=screen.width-500;" border=0> screen.width-500)this.style.width=scr...[ 查看全文 ]

  qq5874620

  151
• 
  40个网页设计草图和线框图

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  [ 查看全文 ]

  为爱停留295

  1651
• 
  10个用于设计网页线框图的优秀工具

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  线框图是一个可视化的导图，可以用其来诠释出一个网站的龙骨，同时也可以称其为一个页面的示意图或屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以低成本且高效率来进行迭代设计。 为了对线框图进行更好的设计与修改，我们会选择一些优秀的工具，当然少不了的就是Axure、MockFlow以及Balsamiq Mockups等。 在设计初期，你可以在纸上或白板上绘制基本的草图，来帮助完成一些用户界面和任务...[ 查看全文 ]

  W1112135

  101
• 
  线框图入门：各种线框图的不同定位

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  本周和PD们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求，他们也要学习如何设计线框图，所以想更加高效进行入门。 在场的有UED，有PD，我发现，对于两者都要画线框图，引发了一些讨论，这也是我事先预想到可能会引发争议的部分。 其中有个PD讲，有一次，老板是要求她来画线框图给他看的，她花了很多心思在线框图上，结果交付给交互设计师的时候，交互设计师不知道如何进行发挥了，交互设...[ 查看全文 ]

  爱心熊Y00

  91
• 
  网站线框图工具

  标签：Web开发

  当你需要为网站快速创建一个直观和可用的用户界面的时候，在写代码之前做好设计是基础。一个普遍的方法就是通过线框图来展现你的设计，线框图是一种使用线条为基本元素的绘画，与蓝图相对，像框图表现基本的导航和功能块，比如内容、功能等，这些都已经进入网站的创建。线框图的主要原理就是通过归类每一个页面上的入口和出口来保证设计的逻辑流程与功能。 可以在纸上画线框图，这是最快而且最简单...[ 查看全文 ]

  笑看风云9998

  321
• 
  如果来绘制设计中的线框图

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  这是一篇老生常谈的问题，所以若有人已经了解，请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题：究竟线框图为什么要画，以及如何画。 至于线框图为什么要画，就不在这里聱述了。相信已经有很多人写过类似的文章，当然，如果你还有疑问，可以给我写邮件。 现在就是如何画的问题。 这不是很简单吗?一个简单的线框图，断不得比一个精美的视觉图更花费时间吧?也不需要美学的基础，也不需要...[ 查看全文 ]

  丑比呀

  121
• 
  页面线框图教程之画地为牢的框架设计

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  无论是设计低保真草稿还是高保真的模拟原型，线框图都是从基本的布局开始;良好的布局是顺畅视觉流程的开始，同时也奠定了最终访问效果的基调;布局是一个画地为牢的过程，什么东西放在哪里一旦基本确，界面就大体确定了;设置条条框框并不是为了限制界面设计师的发挥，而是要达到页面之间的协调和整个网站的统一;本文作为系列教程的第二篇文章，将讲述如何进行基本布局和需要注意的问题。 进入论坛参与讨论 ...[ 查看全文 ]

  首都战士7

  11
• 
  解析流程图与线框图的几种分类

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  流程图分为逻辑流程图和页面流程图，线框图分为纸质线框图和HTML线框图，线框图加上了操作步骤、交互逻辑可以叫做流程线框图。这些在理清产品架构，梳理产品逻辑时至关重要。 流程图(task flow) 是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤用一个节点来表示，用线和箭头指示出每一步骤的方...[ 查看全文 ]

  灯火容不得

  1571
• 
  50个线框图套件和在线设计工具

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  当开始进行新项目时，一般都会起步于线框图。本文收集了大量的在现线框图设计工具和套件。交互设计师必备哦。 在线设计模板 Wirefy 以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。 Lumzy 网页设计和界面设计的原型设计工具。 Mockup Builder 另一款原型设计工具 Mobilizer 选择设备，输入网址，立即呈现出设备中的效果图。 Proty 实现快速交互线框图的好工具，...[ 查看全文 ]

  你眉你妹

  91
• 
  详细解析线框稿和视觉稿与原型的区别

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  我和群里设计师聊，发现Prototype、Wireframe、Mockup 因为翻译有时候皆统称为「原型」的关系，导致大混淆，所以来说明下这三者的不同，不清楚这三个术语有什么区别的同学来涨姿势咯。 这是最简单的分法。(拟真=模拟真实最后产出，不是拟物风。) Wireframe 静态的「线框图」 Wireframe 是线框图，除去各种视觉影响元素，只用线条和方块来绘制，可以专注在功能和操作上。不管是用手绘或是软件绘图都...[ 查看全文 ]

  傻啊03

  31
• 
  提高线框设计原型沟通能力的十个方法

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  虽说是每周一篇译文，不过这事儿确实不能算是非常容易。从阅读，到筛选，到试译，到最终确定本周的文章并完成译文，主要还是依靠每天抽些时间来做。还好，毕竟是自主行为，爱过，也仍在爱着，这就是UX从业者兼翻译票友的节操有木有。默，我们进入今次的正文。 我(英文原文作者)参与过很多产品的线框原型设计，包括我自己独立完成的，还有与其他设计师、产品经理甚至是业务分析人员一起合作的。这很棒，因为...[ 查看全文 ]

  勿爱你love

  51
• 
  18套免费的UI组件和线框图工具打包下载

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  有很多同学在把设计稿辛苦做完给到总监确认的时候，有没有被他批评说：这不是他要的。或者被客户说，你怎么做成这样了。其实出现这个情况的原因就是你没有在前期好好沟通，画出线框图确认页面基本元素。那么有了我们今天的18套工具后，以后你会轻松很多。 当开始一个新的网页设计或移动应用项目时，以线框图开始绝对是正确的选择，因为它们可以帮助你与各方达成协议，不会再在后期纠结项目的页面元素：标题...[ 查看全文 ]

  cnxhx8

  141
• 
  页面线框图教程之从本质到表象

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  页面线框图(Wire frame)是网站设计方案中的重要组成部分，无论是I-Board 、Page-Layout、UI-Draft这些不同的称呼，它们的本质都是一样的，网站策划师、网络产品经理的最后交付文档，通常的呈现设计是最直观有效的。单纯从设计的角度，线框图也可以看作一个视觉呈现过程，虽然如此，也不能把线框图的设计当作简单的视觉问题。如何看待线框图，如何着手设计线框图，如何把握线框图的详细程度，如何让其他合作者...[ 查看全文 ]

  息木闻

  21
• 
  解析画线框图容易忽略的几件事

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  通过工作中的观察与总结，我发现不少新人交互设计师以及产品人员，在画线框图时都会忽略一些重要内容，导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题，一方面需要加强沟通，另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。 那么具体怎样做呢?以下就是我工作中积累的一些心得，希望对大家有所帮助。 一、通过明暗对比表达 ...[ 查看全文 ]

  AAA爱美女生

  191
• 
  10 款最好的远程桌面软件

  标签：电脑入门

  远程，如其名意味着能够控制设备，能够访问计算机或设备的所有的应用、软件、文件。今天我们来讨论一下能够帮你来访问计算机或智能手机的一些软件。 远程桌面软件，列举10款最佳： 1) Team Viewer TeamViewer是一个能在任何防火墙和NAT代理的后台用于远程控制，桌面共享和文件传输的简单且快速的解决方案。为了连接到另一台计算机， 只需要在两台计算机上同时运行 TeamViewer 即可，而不需要进行安装...[ 查看全文 ]

  Henry19910520

  1601