原型图设计软件

原创
2014/03/13 10:34
阅读数 833

原型图设计软件

1.       Axure RP http://www.axure.com http://www.axure.org Photoshop级别


2.       GUI Design Studio http://www.carettasftware.com/guidesignstudio 画图板级别


3.       Pencil http://www.evolus.vn/Pencil/Screenshots.html 火狐插件


4.       Mockingbird http://gomockingbird.com/  

5.       Mockflow 

6.        

 

 

 

产品原型设计工具  

2012-01-25 13:27:44|  分类: 默认分类 |举报 |字号 订阅

http://wenku.baidu.com/view/9cc227116c175f0e7cd1374a.html

http://wenku.baidu.com/view/db68016f58fafab069dc0272.html

http://www.axure.org/tools/

http://baike.baidu.com/view/3562739.htm

http://www.chinaz.com/manage/2011/1205/224408.shtml


原型设计是什么?
  产品原型可以概括的说是整个产品面市之前的一个框架设计,
   以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、原素、人机交互的形式,利用线框描述的方法, 将产品脱离皮肤状态下更加具像跟生动的进行表达.原型设计是交互设计师与PDPM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计 师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。
  在原形设计上:Axure软件提供了一套非常完美的原形设计工具。
  目的
  下列角色使用用户界面原型:
  用例阐释者,用来了解用例的用户界面;
  系统分析员,用来了解用户界面如何影响系统分析;
  设计员,用来了解用户界面如何施加影响及它对系统内部的要求;
  类测试人员,用来制定测试计划活动。
  特征
  可建立三种基本原型:
  图纸(在纸上)
  位图(绘图工具)
  可执行文件(交互式)
  很多项目中,您需要按上述顺序使用全部三种原型。
  时机
  用户界面原型必须在先启阶段的初期或在精化阶段一开始建立。整个系统(包括它的实际用户界面)的分析、设计和实施必须在原型建立后进行。
  请注意:创建用户界面原型的主要目的是在实际设计与开发开始之前揭示和测试系统的功能与可用性。这样,您可以在将太多时间与资源投入开发活动之前,确保所构建的系统是正确的。
  为了成功进行该初期测试,开发原型的开支必须远远低于开发实际系统的开支,同时这个原型应具备足够的功能,可以进行有意义的使用测试。
  职责
  用户界面设计员负责维护用户界面原型的完整性,并确保按照用例示意板和边界对象的要求,使用原型构建一个可用的用户界面。

常用原型图设计工具

天天和产品打交道,不时要做一些页面原型、离不开各种工具,工欲善其事必先利其器,好的工具软件可以大大提高工作
效率,工具各有优劣,大家按需取之。原型设计工具我暂时把它分为两类,Web应用原型设计工具及软件应用原型设计工具、微软的visio就不说了:

 

Web应用原型设计工具:先来看看这个几个:Axure RPBalsamiq MockupsPencil Project试用感觉:

 

第一个、Axure RP

来这里看看视频简介:http://www.axure.com/tour.aspx


Axure
的发音是”Ack-sure”RP则是”Rapid Prototyping”快速原型的缩写。Axure RP
Pro
是美国Axure Software
Solution
公司的精心杰作,可以说AxureWindows上最出色的原型设计软件,亦是web产品前期设计的首选,原因是:够简单、上手快,能
帮助网站需求设计者,快捷而简便的创建
基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页,并可自动生成用于演示的网页文件和word文档,以提供演示与开发;
Axure
RP
六合一功能:网站构架图、示意图、流程图、交互设计、自动输出网站原型、自动输出word格式规格文件;
国内都有很多教程了,看看这些:悠识站的教程iaxure网站
客户端下载地址:http://www.axure.com/downloads.aspx
现在是5.5的版本,支持圆角、SVN协调编辑等等。

第二个、Balsamiq Mockups

Balsamiq
Mockups
视频简介


Balsamiq Mokups
是用FlexAir实现的,在Mac OS,
Linux
Windows下都能使用,有桌面版本、ConfluenceJIRA,和XWiki中的版本;
涂鸦风格、使用起来也很简单、各模块工具也很齐全,详细说明可见官方博客 http://www.balsamiq.com/blog/?cat=14


 



有人提到不能输入中文的问题,很简单:在Mockups的菜单里选择 View -> Use System Font 就可以了;
该软件的桌面版售价78美刀。作者意大利人Peldi说这款软件的设计就是用它自己来设计的,满足自己的需求。而在经济寒冷的2008年,从
1,322
位付费用户那获得了162,302美元的收入(其中12月份就有39,000美元);
windows
版本下载地址 http://www.balsamiq.com/products/mockups/desktop#download


第三个、Pencil Project

 


 

查看官网简介:http://www.evolus.vn/Pencil/Screenshots.html


一个firefox插件,比较小的工具,画简单的界面基本上可以满足了;
安装地址:https://addons.mozilla.org/en-US/firefox/addon/8487


第四个、OmniGraffle

 



很不幸的是,这个软件只有Mac版;
Omni Group
这家只有26个人
小公司,他们人数虽少,但却产出了像OmniWebOmniGraffleOmniPlanOmniOutliner等等一系列深受用户欢迎的精品软件,实力绝对不容小觑;
漂亮的界面、能轻而易举的绘制出漂亮的图形、丰富、精致的模板、辅助对齐和尺寸调整功能;详细描述去
宇的博客
看吧;
下载地址 http://www.omnigroup.com/applications/omnigraffle/

软件应用原型设计工具:

 

第一、UIDesigner http://qbar.qq.com/uidesigner/


UIDesigner
由腾讯CDC出品;
是如何设计软件原型的呢?详细介绍请见腾讯博客
Visio更实用的网页原型设计工具Axure RP Pro 5

  互联网行业产品经理的一项重要工作,就是进行产品原型设计(Prototype
Design)
。而产品原型设计最基础的工作,就是结合批注、大量的说明以及流程图画框架图wireframe,将自己的产品原型完整而准确的表述给
UI
UE、程序工程师,市场人员,并通过沟通会议,反复修改prototype 直至最终确认,开始投入执行。
  进行产品原型设计的
软件工具也有很多种,我写的这个教程所介绍的Axure
RP
,是taobaodangdang等国内大型网络公司的团队在推广使用的原型设计软件。同时,此软件也在产品经理圈子中广为流传。之所以Axure
RP
得到了大家的认同和推广,正是因为其简便的操作和使用,符合了产品经理、交互设计师们的需求。
  在正式谈Axure
RP
之前,我们先来看看做产品原型设计,现在大致有哪些工具可以使用,而他们的利弊何在。
  纸笔:简单易得,上手难度为零。有力于瞬间
创意的产生与记录,有力于对文档即时的讨论与修改。但是保真度不高,难以表述页面流程,更难以表述交互信息与程序需求细节。


  Word:上手难度普通。可以画wireframe,能够画页面流程,能够使用批注与文字说明。但是对交
互表达不好,也不利于演示。
  PPT:上手难度普通。易于画框架图,易于做批注,也可以表达交互流程,也擅长演示。但是不利于大篇幅的
文档表达。
  Visio:功能相对比较复杂。善于画流程图,框架图。不利于批注与大篇幅的文字说明。同样不利于交互的
表达与演示。
  Photshop/fireworks:操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,
不擅长文字说明与批注。
  Dreamweave:操作难度大,需要基础的html知识。易于画框架图、流程图、表达交互设计。不擅
长文字说明与批注。


  以上这些工具,都是产品经理经常会使用到的,但是从根本上来说,这些工具都不是做prototype
design
的专门利器,需要根据产品开发不同的目的,不同的开发阶段,选择不同的工具搭配使用,才能达到表达、沟通的目的。
  比如使
用纸笔,更适合在产品创意阶段使用,可以快速记录闪电般的思路和灵感;也可以在即时讨论沟通时使用,通过图形快速表达自己的产品思路,及时的画出来,是再
好不过的方法。而word则适合在用文字详细表达产品,对产品进行细节说明时使用,图片结合文字的排版,是word最擅长的工作。而
ppt
自然是演示时更好。visio则可以适用于各种流程图、关系图的表达,更可通过画use case
获取用户需求。PS/FW是图片处理的工具,DW则是所见即所得的网页开发软件,这些是设计师的看家本领,对于普通的产品经理来说,需要耗费太多的精力去
掌握。
  其实每件工具,每个软件,在创造它的初期,软件设计师们都给它赋予了性格、气质。因为每个工具的产生,都是为了满足人类的某一
方面需求。比如锄头是锄土的,起子是起螺丝的,电熨斗是烫衣服的。但是不同的工具都有自己的工作领域,在其他领域它并不擅长。而以上的软件在创造的初期,
并非为了帮助产品经理、ue完成产品原型设计,因此他们都不能在prototype design 这件工作上得心应手。而Axure
RP
正是在互联网产品大张其道的前提下,为满足prototype design创建的需求,应运而生。


安装

Axure的英文界面一直是对初学者的很大困扰,网上也一直没有中文版本。
今天经朋友介绍,终于找到Axure的汉化包。
不敢独享,发给大家一起学习。
在此非常感谢汉化包作者:
生一笑

经本人亲自试用,这个汉化非常好,仅对Axure 5.1.0.1699版本有效,其它版本会造成软件无法打开。
---------------------------------
Axure 5.1.0.1699
汉化包
http://www.rayfile.com/files/81ba8bb3-e24b-11dd-8c23-0014221b798a/
---------------------------------
Axure 5.1.0.1699
软件原版
http://www.skycn.com/soft/41842.html
---------------------------------
注册码
Name
3ddown
Serial
FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA
---------------------------------
使用方法:
下载后解压缩,用解压缩得到的Client.dll文件覆盖掉Axure安装目录的同名文件。
---------------------------------
原文链接
http://www.thinkjam.org/zoptuno/archives/2009/01/axure-5-chinese-realease.html
---------------------------------

 

  Axure RP 能帮助网站需求设计者,快捷而简便的创建
基于目录组织的原型文档、功能说明、交互界面以及带注释的wireframe网页,并可自动生成用于演示的网页文件和word文档,以提供演示与开发。
 
 Axure RP 的特点是:


快速创建带注释的wireframe文件,并可根据所设置的时间周期,软件自动保存文档,确保文件安全。
在不写任何一条htmljavascript语句的情况下,通过创建的文档以及相关条件和注释,一键生成html prototype演示。
根据设计稿,一键生成一致而专业的word版本的原型设计文档。

参考文献:

交互原型设计软件 Axure RP
Pro 5
中文教程


 


布:Axure 5.1.0.1699汉化


 

[分享]Axure中文汉化包

 

 

展开阅读全文
打赏
0
10 收藏
分享
加载中
还是还是喜欢用国产Mockplus,上手快,操作便捷,也几乎没有学习成本。
2017/12/11 14:19
回复
举报
用了mockplus后,对于简单的设计果断放弃AXURE
2017/01/10 18:16
回复
举报
更多评论
打赏
2 评论
10 收藏
0
分享
返回顶部
顶部