The third blog work - prototyping

This work belongs courses <Links courses>
Where this requirement in the job <Link job requirements>
The target job  

1, common prototyping tools --3 species

First we need to understand what three prototype tools?

They are: blade, Axure PR, Mock plus

In order to understand these three prototyping tool, I turn to these search tools, and intends to try each one. Next, I have carried out these three software downloads:

(1) blade

Its slogan is: professional, reliable, simple, easy to understand online product prototyping and collaboration platform.

The next step is entering its official web surface, we can clearly see its simple page, as shown below:

Then I downloaded the blade interface (here is to build the project):

 

 In fact, according to my observation that (its advantages):

a, first of all is a neat version of the appearance, content design is simple and clear, you can switch to any language (Chinese / EN).

b, blade of this tool is very small, is in the use of relatively simple and approachable. (It has a small video presentation of the official website of the main page)

c, there is a major feature of it is that it can be directly on the page online prototype design. (This makes me think it is very unique ~)

In fact, many times we prefer to use the web version of the online tools to do something like this without downloading you can use, very convenient.

d, registered account when the need to focus on the micro-channel public number of the blade, this time on your account and public micro-channel number synchronization, you can view items in public number.

No public has a few more features, feel it's very simple and convenient registration -

e, there are a lot of templates and controls (using the template selection, control directly drag) in the establishment of the project, we personally feel that these small projects are directly met.

f, in line to see the doctor blade is mainly used for the production app. (Then I will use it to do my homework ~)

There is a lot ......

(2) Axure RP 

接着我下载了Axure PR,它的标语是:The most powerful way to plan, prototype and hand off to developers, all without code.(我只注意到了不需要写代码@^@)

没错!是英文的版本,还好我的Google安装了翻译的插件~         接下来就是它的主页面:

然后我进行了Windows64版本的下载,经过安装之后如下:

 

 

 

 在研究了一会之后(我对这个工具进行了下载,我将说说它的特点):

 a、英文版本的(全英的~),额~这个我还去搜索了一下,有汉化版本的,或者是加一些插件就可以实现汉化。(看英文版本有助于提升英语水平~)

这里有一个汉化的网页教程:https://www.360kuai.com/pc/90e0bbb912d6dd846?cota=4&tj_url=xz&sign=360_57c3bbd1&refer_scene=so_1

资源的话,搜索一下就有了~

b、需要下载安装之后才能使用(貌似是这样的,我没有看到可以在线)。

c、这种大工具虽然全是英文,但是功能特别强大。(来源于它的官网上页面上)

  • 适用于任何项目的强大原型。
  • 全面,易于理解的规格使开发人员能够交付与设计相匹配的产品。将Axure RP文件发布到Axure Cloud,并提供完整的图片,包括文档,原型和带有自动红线和代码导出的视觉设计。
  • 在Axure Cloud中快速将静态图像转换为交互式原型。
  • 无论是创建图表还是线框,Axure RP都可以帮助记录问题并让每个人都在同一页面上。
  • …………

总结功能:就是很强大,可以实现很多交互操作,应该是用来做大项目用的。

因为英文的我用起来也比较懵,但是里面的基本操作单词都很简单~

但是它还是有一些不足的用户体验(网络上搜索到的):

a、由于交互操作太多,导致制作原型的速度比较慢。

b、虽然功能强大,但是在修改上较为繁琐,比较耽搁时间。

还有一些其他的……

(3)Mock plus 

Mockplus的标语是:Mockplus中的原型交互设计完全可视化,所见即所得,Mockplus是更快更简单的原型设计工具,交互快、设计快、演示快、上手快。

最后我进行了Mock plus的下载使用:

 然后是下载之后项目的创建:

 

 接下来是我的使用体验感:

下载之后的使用感觉和墨刀差不多,优点也都大同小异,毕竟都是中文版本。但是还是有一些特别之处:
a、国产的(墨刀貌似也是)

b、原型交互设计完全可视化,主要适用于制作Web。

c、没有复杂的交互

…………

总结:
其实它们三个是个有特色,但是我根据我们现在的项目来做比较的话,有以下几点!

首先是墨刀和Mockplus:

a、都为中文的,用起来会比较方便。

b、都使用操作简单,控件都是可以直接拖拽来进行使用。

c、适用于多种类型(多种客户端:app、web、……)的原型设计。

d、工具都是小巧便捷,如果有什么特殊的需求,都可以安装那项功能的插件。

e、可以通过微信公众号或者小程序来同步项目。

f、没有复杂的交互,只进行页面元素的设计和页面的交互。

(暂时就想到了这些)

接着就是Axure PR:

它的话就是功能比之前的两个功能强大,可以实现很多交互操作,适用于大项目,在前面也是有所提到。

最后就是墨刀可以在线使用,但是另外的两个需要下载。

2、需求分析

选题——我选择的是社团管理(介绍其详细的项目需求)

 

3、设计原型(小程序和网页端)

 

4、原型设计的可查看地址

Guess you like

Origin www.cnblogs.com/mylovertomylove/p/11571697.html