【转】常用原型图设计工具

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

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

第一个、Axure RP:

axure_5

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

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

第二个、Balsamiq Mockups:

mockups_fpa

Balsamiq Mockups 视频简介

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

iphonedemo

iphoneexamples

  • 有人提到不能输入中文的问题,很简单:在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:

pencil_project

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


第四个、OmniGraffle

omnigraffle

软件应用原型设计工具:

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

  • UIDesigner由腾讯CDC出品;
  • 是如何设计软件原型的呢?
### 网页原型图设计工具推荐 对于网页原型图设计,市场上有许多优秀的工具可供选择。以下是几款常用的高效工具及其特点: #### 1. **Axure** Axure 是一款功能强大的桌面端原型设计工具,广泛应用于复杂交互和动态内容的原型制作中。它能够帮助设计师快速创建带有注释的线框图文件,并自动生成用于演示的HTML页面或Word文档[^3]。此外,通过深入研究网络上分享的大量Axure原型文件资源,可以更好地理解其在实际项目中的应用价值[^4]。 #### 2. **即时设计** 作为国内新兴的一款在线协作型设计平台,“即时设计”提供了类似于Sketch的功能体验同时支持多人实时编辑特性使其成为团队合作的理想选择之一[^2]。该工具不仅适用于UI界面绘制还具备基础级别的交互动效模拟能力满足一般性的产品展示需求。 #### 3. **Adobe XD** 由 Adobe 开发的专业级UX/UI 设计解决方案——Adobe XD 结合了视觉设计、交互定义以及资源共享等功能于一体 。凭借流畅的操作流程与无缝衔接 Photoshop/Illustrator 生态圈的优势 ,使得即使是初学者也能迅速上手并产出高质量的作品 [^1]. #### 4. **Framer** 针对高保真度动画效果有特殊要求的产品经理或者前端工程师来说 , Framer 可谓量身定制的最佳拍档 . 它允许使用者借助简单的拖拽方式或是编写少量代码来实现复杂的过渡变换动作, 并且最终导出成果可以直接嵌入到真实应用程序当中去测试运行状况 [^1]. ```python # 示例:简单Python脚本生成随机颜色供Framer使用 import random def generate_random_color(): r = lambda: random.randint(0,255) return '#%02X%02X%02X' % (r(),r(),r()) print(generate_random_color()) ``` 以上四类工具各有侧重领域,在挑选具体哪一种之前建议先明确个人工作场景再做决定。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值