博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
<iOS, Android>移动原型工具总结
阅读量:4114 次
发布时间:2019-05-25

本文共 2111 字,大约阅读时间需要 7 分钟。

经过多年的码农岁月,不少的朋友可能已经逐渐向PM迈进,那么,在和客户谈需求时,为了更好地理解客户的需求,可能就会用到原型设计。

这里将介绍一下,原型设计的各个工具的优势和劣势。(仅个人看法,请随便拍砖)

1. Microsoft Visio.

这个工具用来画流程图,还有模型图,都相当强大,不过它还可以用来画各个移动的界面图。

在网上去搜索下载两个插件,分别是Andorid和iOS的。 名字为:Audio.vss, iPhone产品设计visio模板.css

优点:

微软的技术,相信大家也是看得到的,非常的牛B, 可以画出多个漂亮的界面,有多个控件可以使用。并且可以分别针对iphone和Android画不同的界面,

劣势:

a. 不太好的是, 不能动态地模拟。

b. 不能放在设备上查看。

c. 没有Mac版本,尽管有在Mac上可以替换Visio的软件,但据说兼容不是很好。

2. GUI Design Studio

这个工具主要是用来设计Windows平台上的软件模型,以及网页模型,对于手机端支持不好。

这里记录几点,我觉得主要的使用方法。

a. 在new project时,(注意不是New file),在弹出的New Project界面中,把底部的引用库全部加进来,可以有效地参考已有的模板,在使用时,可以直接拿来使用,而不需要自己再去一个一个地写,对齐什么的,较为方便。而且也有助于初学者的使用。

b. 通常我们的原型中可能会需要到图片,从哪里导入呢, 有三种方法,这里只说一种,因为另外两种方法不记得了。菜单Design-->Add Bitmap...-->导入。

c. 创建动作连接线,如用户点击某按钮后,应当跳转到哪个界面的, 在顶部的工具栏中间,有一个两头都是矩形的小图标,点它,然后点按钮,再点另一个界面,即可实现模拟点这个按钮跳转到另一个界面的操作。

d. 测试界面的跳转,按F9键即可,也即是工具栏上的一个类似于"播放"的图标。在设计时,按它可以快速测试界面跳转是否有问题。

e. 在播放时,会需要设定一个第一界面,即从哪个界面开始播放,在界面中,注意哪个界面周围被一个绿色框包起来的,那个就是第一界面,要设置其它界面为第一界面,只需要选中那个界面,然后点右键,“Set Representative Elemement F10”,即可。 快捷键为F10.

f. 界面上的控件,要对其进行内容设置什么的,双击即可。当然,右键-->属性也是一样的。

g. 最后, 通常我们会把这些界面设计好后, 为了方便放在标书中,或者设计文档中,我们会把这些设计图放在Word中,怎么办呢。 操作如下: File-->Export....-->导出成图片,然后通过PS来一张一张地切出来即可。

h. 如果是做移动的设计原型,我们通常会需要修改页面为我们想要的大小,在纯洁的界面上,点右键"Screen Canvas Size...".

注:该版本在csdn的下载中,这是一个最新的英文版本及破解程序4.4 http://download.csdn.net/detail/xuechangchun007/4848380

这是一个老版本2.0的汉化版本,同样是破解过的:http://download.csdn.net/detail/studentsky/3603346

建议初学者把这两个都下载下来,使用时,先操作老版本学习一下,然后再使用4.4的那个版本。(俺就是这样做的)

优点:

a. 操作方便,

b. 如果是用来做windos程序,那是再好不过了

劣势:

a. 无Mac版本

b. 无针对手机版本的控件。如果非要用这个做手机版本, 那就只能近似地做出效果了。

3. Axure 6.5

我下载的是一个英文版本的破解版本, 网上说它可以专门制作移动设备的项目原型,并可以在设备上进行实机演示,不过由于在下遇钝,试了半天,也没有研究得很好。

(补充,据说在网上可以下载到Axure的移动设计插件,有了这些插件后,这个工具就好用多了)

优点:

a. 有Mac版本

b. 方便生成网页界面跳转

劣势:

a. 凭心而论,操作起来不太方便。

b. 暂时没有找到可以针对移动设备的原型。

4. Balsamiq Mockups

优点:

a. Mac版本

b. 感觉它是完全针对iOS手机版本的,所以效果非常接近Mac风格。

c. 操作起来较为方便

劣势:

a. 无法破解,据官网上讲的,每个号都是他们人工生成的,没有任何规律。不破解的话,只能使用7天,7天后就无法进行保存,那就完全没用。

5. iPhone Mockup.

下载地址:http://iphonemockup.lkmc.ch/

可绘制简单线框图(Illustration)和手绘风格线框图(Pencil)两种风格的原型。组件都可以任意拖动,放到合适的位置。但是由于是在线软件,可能在安全保障上会有些欠缺,而且有些类似于沙盘的形式,不知道什么时候还会消失。

优点:

可以协同创作, 快速。直接在网页上进行绘制。

劣势:

过于简单,不知道什么时候会消失。

转载地址:http://aewpi.baihongyu.com/

你可能感兴趣的文章
ls 命令详解
查看>>
关于浏览器内核你不得不了解的事
查看>>
Wire:Linux开源聊天应用
查看>>
百度、搜狗、讯飞同时宣布语音识别准确率达到97%,他们是怎么做到的?
查看>>
使用 Glyphr 玩转Linux字体
查看>>
aria2 让下载提速
查看>>
你玩过物联网操作系统吗?
查看>>
黑客需要身兼几种计算机语言?
查看>>
全新 Kali Linux 系统安装指南
查看>>
开源客户端框架:JavaScript
查看>>
你知道么?火狐搜集您的数据?
查看>>
从 ISO 镜像中提取和复制文件的绝招(Linux)
查看>>
大神教你如何构建面向应用的运维管理新思维
查看>>
总结四条对学习Linux系统有帮助的方法
查看>>
4 种方法识别Linux系统 USB 设备
查看>>
Linux 文件编码大挪移
查看>>
最最流行的10个开源数据可视化项目
查看>>
新人需要掌握的五大Linux终端命令的技巧
查看>>
超简单玩转 GitHub 的问题单(issue)
查看>>
学编程需要学好英语?
查看>>