• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

  目前市场上主要的原型设计工具主要分为三种,分别是简单快速型、轻快灵活星。功能全面型、接下来我会从这三个类别开始,依次介绍归属于这些类别的原型设计软件。

首先,第一类产品的特点是简单快捷。代表工具有Chinoco,InVision,Flinto Lite,screen guest,Adebo。Xd,男爵Fig POP,蒙太奇等。他们的操作难度普遍较低。

就像Chainco的口号一样,这类工具是UI设计师的交互演示工具。这三个工具都是在web端设计的。虽然风格略有不同,但本质上是相似的。交互设置大多以创建热点为主,点击热点跳转页面为主要功能,几乎不需要任何学习成本,没有操作难度。国内用户可能更熟悉Chainco,但是Chainco还没有国外版本。而且因为其协作功能等原因,InVision展现了更好的一面,赢得了更多国外用户的青睐。

Baron Fig POP是一个非常方便的快速绘制APP创意的工具。Baron Fig是一家专门为有创作需求的人记录和讨论自己想法的文具公司。可以在官网购买各种尺寸的卡片、笔记本、纸张,方便你直接在实体纸张上画出APP的创意思路。蒙太奇,不是电影剪辑中的蒙太奇手法,是一种不需要设计技巧的工具,利用现成的工具快速生成APP原型。直接打开网页登录即可使用。

作为Adobe旗下的原型设计工具,它有着天然的平台优势——用户可以直接导入PS、AI、草图文件作为原型素材。可以通过拖拽的方式创建设计好的页面之间的交互,可以设置过渡动画;Adobe提供基本组件元素、平台组件库和一些图标库。你可以通过链接分享原型。此外,它还支持设计草图的自动标注。作为本地工具,目前只能通过登录Adobe icloud账号在云端管理项目。当然,虽然官方标榜是免费工具,但是免费程度非常有限:只能使用2 GB云存储,Typekit,最多共享1个设计规范和1个原型。

目前,作为国外知名的在线原型设计协作工具,Invision发展势头强劲。最初,Invision主要关注设计草案之后的交互原型和团队协作管理。比如可以流畅连接草图/PS设计稿,对设计稿进行批注,手绘功能可以让团队自由讨论想法。

不过后来发布的Invison studio,基本的设计功能已经具备,可以完成相当精细的设计稿,相对强大的交互功能也可以满足大部分设计师的动态效果需求。有了InVision Studio,你还可以把团队的设计规范放到设计工作中。不过对于国内用户来说,Invision还是有一些不方便的地方:比如全英文界面;国内访问速度一般;而且价格比较贵。

  接下来,我们介绍第二类产品,他们的特点是轻快灵活,操作起来相对简单,适用的范围也比较广泛,其中代表工具:Mockplus、Proto.io 6、UXPin、Flinto for Mac、Balsamiq

经典的,比如Flinto for Mac,只需要根据层级移动组件位置,就能创造出相应的交互效果。同时,这些工具虽然看起来操作方式不太一样,但都是采用拖拽链接作为基本操作方式。这种操作的高度可视化使得设计过程非常简单和有效。

原型。io也是国外一款轻便易用的在线原型设计工具,可以在大多数浏览器中使用。支持导入草图和PS设计稿进行交互。界面清爽,UI组件丰富。可以直接用链接分享原型,并且由于集成了移动录屏工具lookback,适合用户测试场景:可以记录用户点击、滑动、点击区域;还可以录制用户的语音和facecam视频评论。

Balsamiq样机是一个简单的框图和最小保证的原型工具。当你在做网络产品的原型时,千万不要错过。手绘低保真输出为主要特色,美观清爽,支持几乎所有HTML控件原型。还支持iPhone元素的原型图。Proto.io是一个高保真的原型工具。专用的手机原型开发平台3354可以构建和部署全交互手机程序的原型,并可以模拟类似的成品。它可以在大多数浏览器中运行,并提供三个重要的界面:仪表板、编辑器和播放器。目前,Proto。io有协作功能,但有限;另外交互设计复杂,细节效果只能通过容器实现,入门成本高。价格比Invision便宜,但还是比国货高。Mockplus可以说是这四个工具的代表。相对于proto.io这种小组件由容器组成,再由容器组合成其他组件的设计模式,Mockplus直接提供了更多高度封装的组件。熊老师作为一个“懒人”,很爱这种化繁为简的方式。而且,依靠这种简单的操作方法和程序本身自带的2000多个矢量图标,即使完全没有网络,也能出色地完成原型设计。导出的演示包和HTML离线包也会使预览不受网络限制。

最后,第三种原型设计软件,

他们的特点是功能全面,但是相应的使用难度也比较高,主要的代表工具:Axure RP、Justinmind、Framer JS、Marvel App、Atomic

原型设计想做到功能全面,那就难免会和代码挂上钩。这一类中,Axure应该是大家更为熟悉的一个。也可以说,Axure是原型设计工具中在设计难度和可用性上平衡把握的比较好的一个了。但是,即便如此,它的变量、判断等等功能还是难倒了许多交互设计师。此外,作为一款离线工具,Axure的原型预览和分享方式并不十分友好。浏览器预览本地文件需要安装插件;支持上传到Axshare分享,但在国内的速度也较慢。因为离线,Axure 文档存档会比较安心,不过如果涉及到多人协作,也会有“信息更新不及时”的问题。

  Uizard 能够直接将设计师的手绘线框图转化为电子文档,并自动进行前端编码,到处 html 或 CSS。将你的手稿拍下来,上传到网站,你就可以得到你的电子线框图

  Atomic简单易学的原型工具,且具备一定的交互功能。Atomic 是一个简单易学的原型工具,仅支持网页端操作,团队可以实时共创协作,且具备一定的交互功能。设计师们可能会想到 Atomic Design(原子设计),构建 Design System 的核心指导理论。他们并没有必然的联系,但在整个设计理念上是一脉相承的该网站易用性较高,有非常清晰、简单的使用说明,帮助使用者快速上手。

  “可以邀请团队成员同时编辑同一个项目(就像Figma),制作完成后,可以简单快速地分享链接并添加留言评论。还可以创建类似于Sketch的共享库,这样整个团队可以共用同一个设计资源。”

  如果说Axure是在寻求平衡,那么Framer JS则是在诠释着到底什么才是用代码“写”原型。这才是这一类中真正以代码为基础的原型设计工具,只要能够写出相应的代码,它就可以把你的想法通通变成现实。

  这一类工具功能虽然相对全面,但是学习成本被大幅提升,尤其是Framer JS,功能强大到使其他工具望尘莫及,但其学习成本也可以说是“十年磨一剑”。所以,想要熟练运用这一类工具,最好还是先掌握了足够的知识,再来尝试。

 

 

 

Link to comment
Share on other sites