首页 > 其他 > 详细

主流原型设计工具介绍

时间:2020-05-20 16:08:59      阅读:123      评论:0      收藏:0      [点我收藏+]

主流原型设计工具介绍

  前言:工欲善其事必先利其器,比如说打钉子,用电钻肯定比用小榔头敲敲来的快,来的牢固,特别是如今这个追求效率的社会中。原型设计工具也是如此,如何高效将项目的想法转变成可视化的操作过程,是如今人们挑选可视化设计工具的主要依据。根据老师的推荐和知乎上的评价,有两款原型设计工具普遍被提到---摹客墨刀。

   但知乎上就这两个原型设计工具的介绍和推荐基本上是这两家公司自己写的,难免会有王婆卖瓜自卖自夸的嫌疑。作为一个刚刚入门,无限接近于小白的我,这次用亲身经历结合我们组的项目---“扶贫宝”的设计(这个设计是我基于我们组理念的自己搭建的框架不是我们组的作品),用于体会与分辨这两款原型设计工具的特点。 其中我引入了一个打分机制:1.新手友好分  2.  团队可协作分  3.功能分   

4.可视化分                  

 

 摹客

个人创作流程:

1.创建账号

2.进入摹客界面(输入扶贫宝):可选的机型较多,功能加分!!

 技术分享图片

 

 

3.进入页面  评:这地方对新人和小白不友好没有新人教程进去容易懵逼

 技术分享图片

 

 

 4.实践环节

4.1工具评价

技术分享图片

 

 工具种类众多可以基本满足基本上做原型的所有功能。

 

4.2操作评价

可视化的操作界面,基本上通过拖动左边的工具栏到右边的操作台就可完成,傻瓜式操作,对于零基础的人也可以完成

以下是我针对我们组的内容初步搭建的原型框架

 

技术分享图片

 

 

 虽然页面比较的丑,但是对于初次利用该平台设计的我来说,摹客平台的操作难度是十分低的,可以说如果是对想简简单单做个框架的人和团队来说靠该平台是较为容易的

 

4.3 页面切换

技术分享图片

 

  

说实话对初次应用该平台的人真的不好找,也没有提示。

但找到交互按钮后,平台给予的提示较为充足,类似做PPT切换页面的形式。

本例子对“新鲜水果”做了个交互,可以很流畅导入下一个页面。

技术分享图片

 

 

 4.4美观美化

 

说实话,对一个PS基础较弱的人来说,平台给的框架基本上是方方正正的框或圆,对一个基础较弱的人来说,该平台导入别人素材框架的交互,基本上没有

如果说真的要做到锦上添花对界面进行美化,代价较大

技术分享图片

 

 引入该平台的一个案例,它的页面设计素材等都是自己导入的,图形也要自己裁剪,案例较少。

 

 

 墨刀

个人创作流程 :

1.创建账号

2.登入(新手教程!!!!) 

评:对新用户较友好,能明白它每个模块怎么用(部分举例)

技术分享图片技术分享图片技术分享图片

 

 

 

 

 3.进入页面创建个人项目

对比摹客  ,墨刀引入了模板这一理念,在创作的初期,该平台就引导用户有模板这么一个选项

技术分享图片

 

 

 打开模板,其中的内容种类很多,当然大多是要会员或收费的,但能通过模板学到别人原型的思路也可以拿些设计的元素。

 

4.实战操作

4.1系统选项

技术分享图片

 

 

 

基本包含了主流的机体,和摹客功能类似。(这里选择手机)

 

 4.2 主题选择(较为人性化)

技术分享图片

 

 

4.3界面

技术分享图片

 

 

 可以看到墨刀的界面区别于摹客,它标注了你所选机型的样子,便于设计者更好去定位你原型的位置。

 

4.4工具评价

技术分享图片

 

 区别于摹客,墨刀对每个机型都有其对应的工具快,同时种类更加多。

4.5  设计过程

自己设计的过程大致和摹客差不多,这里不再解释。

技术分享图片

 

 但界面更加简洁干净。

 

这里推荐下模板设计原型

(1)找到和你原型类似的模板

技术分享图片

 

 (2)下载 根据你原型的要求进行编辑

技术分享图片

 

 通过简单的更改图片以及文字就基本上满足我们扶贫宝的要求。

(3)点击运行

技术分享图片

 

 其中的链接位置不变,不需要我们再次修改

我们点击自己修改过的扶贫产品凉山洋葱

直接可以跳转界面,并加以修改

技术分享图片

 

 基本是满足要求,同时界面也简洁明了。

 

 

总结打分

1.新手友好分  2.  团队可协作分  3.功能分   4.可视化分   

 

摹客:  1.新手友好分      提示较少,很多需要自己摸索,适合有经验的人创作   但界面较清晰  ?? 

              2.支持团队一起创作  ?????

    3.功能分  基本功能有无亮点 ???

    4.可视化分  无需代码编写 同时有画板功能能大局了解 ?????

技术分享图片

 

 

 

2.墨刀

1.新手友好分  有新手提示 有模板 有机型框架 ?????

2.团队协作  支持团队协作但不操作怎么流程???

3.功能分 功能较多 有各操作系统独有的模板 ?????

4.可视化分  链接过程容易乱 没有摹客清晰 ???

 

综上所述:墨刀更加高效,同时对新手上手快,且有模板更容易花费低成本做出高质量的原型

                摹刀更加偏向于有一定经验的人,它的上限肯定比墨刀要高,它的流程更加清晰,界面设计有图层,能操作出更加美观的画面,但同时创作更难,画的时间更多。

主流原型设计工具介绍

原文:https://www.cnblogs.com/hetaiji/p/12923270.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!