144
如何制作能够吸引客户的完美互动演示?本文将从交互演示工具和法律中解决此问题。
在交互式设计过程中,将产生各种各样的输出,例如流程图,思维导图,纸上绘图,甚至交互演示。为了方便产品经理,设计师,开发人员和项目利益相关者看到直观的效果,并更有效地沟通。设计人员通常通过演示提供直观的产品,显示用户如何与产品交互。
如何进行完美的互动演示?我想在这里分享一些经验。
有很多交互演示工具,我更喜欢使用Axure。Axure简单易用,适合经验丰富的设计师,具有强大的交互式演示能力。对于高级用户来说,制作高保真演示也是一项了不起的成就。
Balsamiq提供具有丰富手绘风格的Web常用组件。你可以用它制作一个正确而快速的原型,它靠近纸上的手绘原型。通常,设计师使用Balsamiq制作第一个演示稿。它使您的演示更具吸引力。
虽然Mockplus是一种新兴工具,但简单快速的原型设计方法和概念赢得了许多用户的青睐。Mockplus中的交互式设计完全可视化,即WYSIWYG。通过简单的拖放操作即可轻松构建交互式原型。它不仅适用于个人,也适用于团队。它在最新版本中添加了团队协作和评论。
还有其他用于交互演示的模型和线框设计工具,如Pencil sketch,Design Studio,Prototype Composer,Lucid Spec,Irise Professional Edition,Adobe Reader等。因为我没有逐一尝试这些工具,所以我不打算详细介绍它们。如果您有兴趣,可以在线搜索。
每个软件都有自己的特点,它既有优点也有缺点。该软件只是一种工具,只要它与您的习惯保持一致,无论您选择哪种软件。关键点是这些软件的交互演示输出。
在介绍设计工具之后,我们来谈谈如何设计演示。对于通常的项目,我基本上使用Axure。它是设计中常用的工具。交互演示只需要达到相对中等保真度。什么是所谓的相对中间保真度?这意味着交付可以反映用户期望的页面内容,页面中内容的相对优先级。此外,它还可以提供过程描述,操作模式和响应状态。
交互演示既不是草稿也不是具有高保真视觉效果的草图方案。草图方案可以使用手绘或手绘工具(Mockplus,balsamiq)完成。虽然高保真原型需要更多努力但效率更低,但不建议使用,除非它用于演示或可用性测试。
新手经常忽略网格规范以形成无序布局。这将直接导致整个项目的修改或重新设计。你可以想象一下,当视觉设计师遵循网格规则来制作布局时,但是视觉草案中的内容不能很好地覆盖,甚至它适合于交互演示。
因此,良好的设计习惯对设计师来说非常重要。您应该遵循网格原则来在一开始就组织布局。同时,有必要确保字体大小和间距满足视觉要求,例如最小间距应保持在10像素。以免造成不必要的痛苦。
为方便起见,一些产品人员和设计师使用拼凑截图来制作页面。这不仅是非标准的,而且还大大降低了互动效果。对视觉设计师也有一定的干扰,我不同意这种行为。
此外,交互阶段的输出应更多地关注信息的布局,内容级别和操作过程。为避免对视觉设计师造成不必要的干扰,我不建议在交互式草稿中使用颜色(文字或特殊状态除外)。如果您有一些想法,可以通过文本进行描述。或者直接告诉视觉设计师你想要什么样的效果。将颜色,纹理和具体情况交给可以充分发挥作用的视觉设计师。
Axure提供动作脚本支持。它使动态模拟真实界面交互成为可能,例如状态切换,时间动画和其他惊人的小工具。
在进行交互演示之前,我们需要考虑是否应该在日常工作中花费如此多的精力和时间。
这取决于原型适用于哪种情况。如果原型用于进行初步用户测试或争取高保真演示的资源。我们需要快速产生接近实际界面的交互效果。
如果演示只为视觉设计师或前端工程师提供在设计过程中的开发。那么过度的设计和效果只会浪费精力。
交互式演示的最实用原则是拥有一组自己的小部件。您可以使用常用的控件,功能设置,图标,标签等制作自己的小单元。此外,您甚至可以将其插入到小部件中。每当设计一个交互式演示时,您都可以轻松找到所需的控件,从而大大提高您的效率。
顺便说一句,每个PROTOTYP 荷兰国际集团的工具有它自己的原型部件。您可以在线搜索并使用他们共享的控件。在我看来,你最好根据DPL构建一套标准小部件供个人使用。
统一更新的大量页面非常麻烦。这时,你可以很好地利用Mater。在制作中,您可以直接制作多路复用模块来替换复制和粘贴。需要调整时,只需调整主文件即可。
什么是材料?Master就像Axure提供的自定义组件功能。您可以在不同页面上引用常用的交互式组件。大多数页面上最常见的内容。它们非常适合制作Master,然后将每个接口拖动到指定位置。
演示就像实际产品一样,它将被快速迭代并不断修改。因此,不要忘记存档您的项目。即使您对同一原型进行更改,请记得记录您更改的内容。这对后续回顾非常重要。这是交互演示的一个重要原则,如果你不遵循它,你的工作可能是徒劳的。
进行交互演示是优秀交互设计师的最基本技能。这也是理清思路的好方法。无论您使用什么工具,只要它能很好地表达您的设计。值得一试。
热门分享
最新文章
2019.10.21
温州网站设计公司:有用的(免费)jQuery插件,以丰富网站的用户体验
2019.09.24
温州高端网站建设:最快的方式让你的网页设计编码
2019.09.16
温州网页设计:如何测试网站多个浏览器和设备同步
2019.09.16
温州企业网站建设:在iPad如何调试网站吗
2019.08.19
前2019年网页设计趋势:你从来没有使用过
2019.08.19
温州高端网站设计:你需要知道的关于视觉感知和网站设计
2019.08.16
温州高端建站:使用HTML,CSS和Javascript创建8个交互式信息图表
2019.08.16
温州网站定制:为什么好的设计会获得更好的营销效果
2019.08.16
温州网站制作:如何通过动画令人愉快地欺骗用户
2019.08.16
温州网站开发:使电子邮件选择美丽和有效绽放
随机推荐
2019.07.18
温州网站建设:SEO站点地图的重要性
2019.08.02
温州网页设计:编写完美的网页设计合同
2019.07.16
温州网站建设:XML Sitemap最佳实践
2019.08.14
温州企业网站开发:电子商务电子邮件营销自动化入门
2019.08.15
温州企业网站开发:为什么小企业需要网页设计服务
2019.07.24
温州网站建设:在进行原型设计之前的交互设计思维过程
2019.07.12
温州企业网站开发:如何备份您的网站和为什么它是重要的
2019.08.13
温州网站制作:设计伦理之在设计中转变道德理解
2019.08.02
温州网站建设:5种简单的方法来准备您的Web设计
2019.08.16
温州网站建设:线框图和原型设计的过去、现在和未来