ui/ue设计师应该了解的原型设计软件
前段实践整理过一些原型设计用的软件,这里分享一下,喜欢对更多的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设计师应该了解的原型设计软件的更多相关文章
- UI Prototype Design IDE( 界面原型设计工具 )
UI Prototype Design IDE( 界面原型设计工具 ) 如何用工具去与客户进行交流,互动,定义要做的系统,什么什么的... 0.Balsamiq Mockups http://ww ...
- 交互原型设计软件axure rp学习之路(一)
开始学习之前,请一定要明白:Axure是个极其极其极其简单的软件.因为你所做的就是拖部件,打字,拖部件,打字,最多加个对齐.如果你能把axure当作word或者ppt来用,那你就学会了axure. A ...
- 交互原型设计软件axure rp学习之路(三)
(三)Axure rp元件的触发事件 l OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发.比如点击按钮. l OnMouseEnter(鼠标移入时): 鼠标进入 ...
- 推荐一款开源的原型设计软件--pencil
如果觉得内置的元素不够,可以直接用类似屏幕截图软件直接剪切粘贴,并且可以制作自己的元素集合.很好用 http://pencil.evolus.vn/ Easy GUI Prototyping Penc ...
- 原型设计软件介绍——Axure RPx
我个人使用的是Axure RP8版本 进去后的主页面(汉化版),可以看到上方功能栏,缩放大小功能,左下角则是软件内置的一些元件 我在左边的元件库中拖入了一个矩形框,定义为640*960个像素,并把矩形 ...
- 交互原型设计软件axure rp学习之路(二)
(二)Axure rp的线框图元件 l 图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大:选择图片时可以选择 ...
- 推荐两个界面原型设计工具--GUIDesignStudio 和 Mockups For Desktop
前段时间,有幸参加一次高级软件架构师的培训,授课老师介绍了两个很好玩的界面原型设计工具:GUIDesignStudio 和 Mockups For Desktop,现分享一下,截图说明,洗洗眼球,权当 ...
- mac设计师系列 Adobe “全家桶” 15款设计软件 值得收藏!
文章素材来源:风云社区.简书 文章收录于:风云社区 www.scoee.com,提供1700多款mac软件下载 Adobe Creative Cloud 全线产品均可开放下载(简称Adobe CC 全 ...
- 9款原型设计工具与Sketch的强强组合,轻松构建交互原型!
原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于 ...
随机推荐
- javascript设计模式-迭代器模式(Iterator)
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- vi编辑器的常见使用技巧
光标移动 在普通模式下, 1.按 h 向左移动光标 按 h + 数字n 可以向右移动 n个字符 比如 h + 5 就是向左移动5个字符 2.按j向下移动光标 3.按k向上移动光标 4.按 l 向 ...
- 借助flexpaper实现word在线预览和打印
为了实现word能够在web上尽量以原始的排版样式展现出来,选择基于activex控件的方式太过于依赖某种浏览器,并且存在可能需要花费金钱购买相应的控件产品:于是借助flexpaper这种flash展 ...
- mysql之游标
游标 行,也不存在每次一行地处理所有行的简单方法(相对于成批地处理它们).有时,需要在检索出来的行中前进或后退一行或多行.这就是使用游标的原因.游标( cursor)是一个存储在MySQL服务器上的数 ...
- 如何理解 MySQL 中的 <=> 操作符?
问题 : 我在看以前的一个开发者的代码时看到 WHERE p.name <=> NULL 在这个查询语句中 <=>符号是什么意思啊?是不是和 =号是一样啊?还是一个语法错误啊? ...
- NodeJS路径的小问题
今天从新过了一边node的基础知识,自己写了一个小例子: foo.js exports.setSome = function (x) {return x }; saveData.js /** * Cr ...
- Struts2.0 去掉action后缀名
刚刚接触Struts2.0,发现默认请求都会带着后缀名:action 就如下图,url地址中会暴露login.action(请原谅struts拼写错误..) 作为一个URL简洁爱(chu)好(nv)者 ...
- 使用XShell工具密钥认证登录Linux系统
如果你是一名Linux运维,那么Linux服务器的系统安全问题,可能是你要考虑的,而系统登录方式有两种,密码和密钥.哪一种更加安全呢? 无疑是后者! 这里我为大家分享用Xshell利器使用密钥的方式登 ...
- Android百度地图开发05之公交信息检索 + 路线规划
在上一篇blog中介绍过POI检索的使用,本篇blog主要介绍公交信息检索和线路规划的内容. 公交信息检索 实际上,公交信息检索与POI检索.在线建议检索非常相似,也是把你需要检索的信息发送给百度地图 ...
- Zn离子参数
Generating Topology and Coordinates Files Using xLeap (AmberTools V1.5) Parameter and example files: ...