1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

超详细评测!2019年值得关注的四个原型制作工具--九分科技

时间:2020-06-20   分类:交互设计    作者:网络   来源:网络整理   点击:199

超详细评测!2019年值得关注的四个原型制作工具--九分科技 本文来自九分网络

内容采集来自9fen.net

Cezary Ołowski :如今各大公司在产品功能竞争上,比起之前口若悬河的宣传,现在更多的是将功能直接展示出来。相信你也有过这种经历,有时用言词解释某些 idea,倒不如在白板或者纸上写下来更省时、易懂。而这张纸上的说明就是原型。 本文来自九分网络

再来想象另一种情况。你对陶器很着迷,打算打造一种新型的喷水壶。此时明智的方法是和朋友快速制作一个简易模型。因为你不想一上来就开始建立庞大的生产线,而只是希望先检验你的想法是否有漏洞。而这个模型正是原型。 本文来自九分网络

无论你是要开发一个新的 App 还是要制作个喷水壶,原型设计作为设计流程中的一步,可以帮助你验证自己的想法、向他人说明自己的设计、还能在用研中帮助检验用户体验。如果把设计看作是一种沟通手段,那么经过原型打磨过的设计可以让用户每次和你的产品沟通时,都会有一段愉快的对话。用户会喜欢什么样的「话题」,也可以通过原型先测试一下,把那些让人不知所措的冷笑话排除掉。这个打磨沟通的过程,就是原型设计。

九分网络

那么,应该使用什么样的工具制作原型?这很大程度上取决于你想要实现的效果以及制作原型的目的。选择合适的工具对于开发和客户的沟通至关重要。同时,选择符合呈现效果复杂度的工具也很重要,如果只是想制作按钮的简单悬停状态,则无需构建整个屏幕。切忌不要用大炮打麻雀。

内容采集来自9fen.net

挑选工具前,我们需要制定一个挑选标准。我关注的几个因素是: copyright 9fen.net

1. 易用性

九分网络

学习一款工具有多难?可以不费劲的快速自学还是需要专门费力研究? 内容采集来自9fen.net

2. 协作效率

本文来自九分网络

这点是原型设计的核心价值。原型是否容易分享并留言评论?如何与你的团队以及客户沟通?留言管理、链接分享、云端文件管理,是否可以快速下载并离线预览,不同的使用情景需要不同的功能支持。 内容采集来自9fen.net

3. 保真度 九分网络

原型看起来是否够逼真?还是像一个线框图大致展现一下思路?高保真原型更适合做用户测试,这样用户可以更加关注产品的流程或者功能,而不会因为原型的低劣保真度分心。低保真原型更适合设计的初期想法,此时你不需要在意具体细节。 内容采集来自9fen.net

4. 流程衔接

copyright 9fen.net

该工具是否适合现在的工作流程?它是否可以很自然地同现在的工作方式衔接?这一点非常重要,没有什么比穿着不合脚的鞋子更糟心了。 本文来自九分网络

一、Framer X

官网链接:https://framer.com/ copyright 9fen.net

超详细评测!2019年值得关注的四个原型制作工具--九分科技

九分网络

copyright 9fen.net

Framer 已经上线有一段时间了。它的前身——Framer Studio 是用来制作高阶且复杂的交互原型,比如可以键入信息、调用设备传感。不过它也有一个缺点,就是需要 CoffeeScript编程基础。 九分网络

Framer X——最新上线的版本,功能强大且入门门槛低了很多。现在你仅需点击几下就可以制作和之前一样的高阶交互效果。无需任何编程知识仍可达到编程制作的效果。可自定义页面过渡、轻松创建滚动组件以及可滑动的 UI元素,而且元素还可以快速响应。但是如果你需要在原型上添加一些额外的高大上效果,那你就要到一家商店,里面都是用 React编写的代码组件:YouTube播放器,UI工具包,货币转换器,可交互式地图组件。如果懂 React,你也可以自己建立组件以供自己或他人使用。更棒的是,还可以直接交付代码给开发套用,减少沟通中的摩擦和误解。

内容采集来自9fen.net

实际上,Sketch 是静态设计工具中的老大,但它却并不理想。因为设计师产出的是图像,而开发人员需要使用 Invision 或 Zeplin等工具将图像再转换为代码。Framer X 旨在让设计师不仅可以绘图,还可以从多个方面考虑设计,从而让产品的各个环节更加紧密地联系在一起。

内容采集来自9fen.net

1. 易用性 www.9fen.net

如果你很熟悉 Sketch,就可以顺畅无阻地转换到 Frame X。两者的主要不同是在创建布局时,Framer X 使用的是框架而不是组。框架就像是一个 HTML 的容器,可以将素材等放到隐形容器内,这些框架易于操作和调整样式。Framer X 还有更多强大的功能,比如 Stacks。使用 Stacks 可以轻松创建具有自动分发和对齐功能的自定义列表,非常方便。但是,如果要创建更高级的组件,则需要一些 React 基础知识。这可能会吓跑一些设计师,尤其是那些主张「设计师不应写代码」的人。

www.9fen.net

综上,在易用性方面,Framer X 获得五颗星中的三颗星。 本文来自九分网络

2. 协作效率

copyright 9fen.net

标签: 原型设计 交互原型 交互软件 原型制作 原型工具 软件测评

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----