原型绘制软件-原型图用什么软件做

初级UI设计师更加关注的是界面的视觉效果,而高级UI设计师,不仅要考虑用户的视觉体验,更多的是关注用户使用体验和交互设计。所以UI设计师的晋升之路必须要掌握原型设计这个环节,才能设计出更加完美的作品。那原型设计软件有哪些呢?推荐一款原型设计软件。

一、快速原型

快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:

1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。

2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。

3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。

4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式

二、交互原型

交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:

1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。

2、Flash。从曾经最流行的FlashMX、Flash8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久。它功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发,但是对技术要求高,做出好的效果需要懂点AS脚本。导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出。

3、Axure。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

三、高保真原型

单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作。

原型图用Pixso软件做。

原型图软件Pixso是国内新一代在线设计协作工具,原型、设计交互和交付都可在此一并完成,属于一站式工作平台。

原型图软件Pixso自带组建变体、自动布局等专业设计工具,还支持UI设计和 原型播放,一个工具就能完成 高保真 的产品设计。而且在设计中还可以添加页面交互、模拟产品的最终形态,使工作过程可视化。

Pixso支持建立流畅的原型框架流程,将产品整体方案进行具象化演示,以便产品经理、设计师、开发共同探索分析用户核心需求。

Pixso内置可商用字体:

Pixso是国人自主研发的设计工具,全中文界面,完美支持中文内容,内置多款可商用字体,免去手动安装字体的步骤。

在 Pixso 选中文本图层,点击右侧面板文本属性的【字体】,在打开的字体列表中,就能看到内置的所有可商用字体,包含:思源黑体、思源宋体、OPPO Sans、站酷快乐体、江西拙楷体、沐瑶软笔手写体、旁门正道标题体、优设标题黑、HarmonyOS Sans SC等。

axure是一款专业的快速原型设计工具。

axure全称“Axure RP”,是一款快速原型制作软件,是一个专业的快速原型设计工具;它的使用人群一般是产品设计师,能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

axure界面功能

1、导航面板

线框图(Wireframe)或流程图(Flow)绘制之前,应考虑界面框架,确定信息内容和层次结构。

清晰地定义了界面框架之后,接下来就可以使用页面导航面板来定义页面了。网页导航板是用来管理设计的网页,它可以添加、删除和重组网页层次。

2、页面组织排序

通过拖拽网页或点击工具栏上的排序按钮,网页导航面板可以上下移动网页位置并重新组织网页层次。在网页导航面板中为设计打开页面,鼠标双击页面将在线框面板中为线框图设计打开页面控制。

控制项为使用者介面中设计线框图表。控制面板中包含了按钮、图片、文本框等常用控件。

3、添加控件

从控制面板拖动控制件到线框图面板,可以追加控制件。控制器可以从一个线框图中复制,然后粘贴到另一个线框图中。