前段实践整理过一些原型设计用的软件,这里分享一下,喜欢对更多的PM战线的童鞋有所裨益。(因为交互原型工具Axure ui设计师都很常用了,文中就不专门介绍了)

首先分下类:

•1、交互原型(产品能做什么)

-1.1腾讯UIDesigner

-1.2Flash

•2、快速原型(产品大概长什么样)

-2.1Pencil

-2.2lumzy

-2.3MockupCreater

-2.4MockupBuilder

•3、高保真原型(产品就要长什么样)

-3.1PhotoShop

1、交互原型(产品能做什么)

•除了能做出线框原型,还能实现丰富的交互功能

•可以输出功能高保真的原型

-1.1 腾讯UIDesigner

-1.2 Flash

1.1 腾讯UIDesigner

•针对不同的设计需求有不同版本

–A、2.5的formobile版从控件到交互相当简单

–B、2.0功能交互全面,响应速度也较快,但是针对PC平台应用设计的

•预览很方便,可以导出exe文件


1.2 Flash

•从曾经最流行的Flash MX、Flash 8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久

•功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发

•对技术要求高,做出好的效果需要懂点AS脚本

•导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出

2、快速原型(产品大概长什么样)

•重点在于快速输出线框原型,交互功能匮乏

•输出的是低保真的原型

-2.1 Pencil

-2.2 lumzy

-2.3 MockupCreater

-2.4 MockupBuilder

2.1 Pencil

•http://pencil.evolus.vn/Default.html

•一款开源的手绘风格原型图绘制工具,部件比较丰富

•除了使用超链接没有其他交互,只能用于快速画出界面

•可以导出为PNG、pdf、web格式


2.1 lumzy

•http://lumzy.com/app/

•无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)

•若不缴费则隔一会会有缴费提示

•草图风格

•功能较简单,交互少,部件不多

•可以导出为pdf、jpg文档

•上手快,适用于快速原型




2.1 MockupCreater

•只能做界面原型无法做交互,即输出仅为概念草图

•部件简单

•只支持PNG、RTF和PDF三种静态文件格式导出


2.1 MockupBuilder

•草图原型

•部件还算丰富

•只能用超链接做交互

•只能导出为PNG、PDF

3、高保真原型(产品就要长什么样)

•交互功能匮乏,但制作的是精美原型

•可以输出视觉高保真的原型

-3.1 PhotoShop

3.1 PhotoShop

•很多交互设计师会用到的工具,虽然并不能实现实际交互

•用于对视觉高保真有要求的情况

•站酷上有不少案例http://www.zcool.com.cn/

•现有的版本甚至可以直接切图并保存为web格式

•使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作

ui/ue设计师应该了解的原型设计软件的更多相关文章

  1. UI Prototype Design IDE( 界面原型设计工具 )

    UI Prototype Design IDE( 界面原型设计工具 )   如何用工具去与客户进行交流,互动,定义要做的系统,什么什么的... 0.Balsamiq Mockups http://ww ...

  2. 交互原型设计软件axure rp学习之路(一)

    开始学习之前,请一定要明白:Axure是个极其极其极其简单的软件.因为你所做的就是拖部件,打字,拖部件,打字,最多加个对齐.如果你能把axure当作word或者ppt来用,那你就学会了axure. A ...

  3. 交互原型设计软件axure rp学习之路(三)

    (三)Axure rp元件的触发事件 l  OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l  OnMouseEnter(鼠标移入时): 鼠标进入 ...

  4. 推荐一款开源的原型设计软件--pencil

    如果觉得内置的元素不够,可以直接用类似屏幕截图软件直接剪切粘贴,并且可以制作自己的元素集合.很好用 http://pencil.evolus.vn/ Easy GUI Prototyping Penc ...

  5. 原型设计软件介绍——Axure RPx

    我个人使用的是Axure RP8版本 进去后的主页面(汉化版),可以看到上方功能栏,缩放大小功能,左下角则是软件内置的一些元件 我在左边的元件库中拖入了一个矩形框,定义为640*960个像素,并把矩形 ...

  6. 交互原型设计软件axure rp学习之路(二)

    (二)Axure rp的线框图元件 l  图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大:选择图片时可以选择 ...

  7. 推荐两个界面原型设计工具--GUIDesignStudio 和 Mockups For Desktop

    前段时间,有幸参加一次高级软件架构师的培训,授课老师介绍了两个很好玩的界面原型设计工具:GUIDesignStudio 和 Mockups For Desktop,现分享一下,截图说明,洗洗眼球,权当 ...

  8. mac设计师系列 Adobe “全家桶” 15款设计软件 值得收藏!

    文章素材来源:风云社区.简书 文章收录于:风云社区 www.scoee.com,提供1700多款mac软件下载 Adobe Creative Cloud 全线产品均可开放下载(简称Adobe CC 全 ...

  9. 9款原型设计工具与Sketch的强强组合,轻松构建交互原型!

    原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于 ...

随机推荐

  1. C#&Java重学笔记(集合比较和转换)

    C#部分: 1.C#中集合有三种,数组类,ArrayList,和字典键值对类,一般也可以自定义集合,但是自定义集合的类型也只有这三类. 2.自定义集合实现三类集合的方法:前两者需要继承Collecti ...

  2. 在Delphi中实现动画窗口

    Windows下有一个函数AnimateWindow,在Delphi自带的Win32 API Help中是找不到的.你可以在Delphi的编辑器中输入windows.等待代码向导出来,继续输入Anim ...

  3. 传说中的WCF(11):会话(Session)

    在标题中我加了一个大家都很熟悉的单词——Session,熟吧?玩过Web开发的朋友肯定在梦中都会见到她. 在Web中为什么要会话呢?毕竟每个用户在一个Web应用中可能不止进行一次操作,比如,某二手飞机 ...

  4. poj 1733(带权并查集+离散化)

    题目链接:http://poj.org/problem?id=1733 思路:这题一看就想到要用并查集做了,不过一看数据这么大,感觉有点棘手,其实,我们仔细一想可以发现,我们需要记录的是出现过的节点到 ...

  5. MongoDB 管理工具:Robomongo

    http://www.open-open.com/lib/view/open1383029577546.html

  6. JSTL Tag学习笔记(二)之<fmt: />

    JSTL的formatting tags可以用来格式化和显示文本.日期.时间.数字.如果在JSP页面中要用到该库提供的tag的话,需要引入如下taglib: <%@ taglib prefix= ...

  7. 重温《js权威指南》 第7,8章

    第七章 数组         数组是值的有序集合.js数组是无类型的,数组元素可以是任意类型,同一个数组中不同元素也可能有不同的类型.数组可以动态增长或缩减,创建时无须生命那个一个固定的大小并且数组大 ...

  8. TableViewCell自定义分割线

    产品设计的要求cell的分割线长度不用是整个屏幕宽,并且设计要求分割线为2px(两条),上下不同色. 实现如下: UITableView中将分割线样式改为None tableView.separato ...

  9. linux下安装配置DHCP服务器

    前提是已经安装了 core 及 base 两个组 1 2 3 4 5 # cat /etc/redhat-release   Red Hat Enterprise Linux Server relea ...

  10. Iterator的remove方法可保证从源集合中安全地删除对象(转)

    如果对正在被迭代的集合进行结构上的改变(即对该集合使用add.remove或clear方法),那么迭代器就不再合法(并且在其后使用该迭代器将会有ConcurrentModificationExcept ...