原型设计工具—Axure

作为软件设计的一员,需要在软件开发初期确保软件的具体内容,防止后期大幅度的修改。 在这样的情况下,原型设计软件就起到了关键的作用。

摘要:

原型设计为什么这么重要呢?

因为它帮助我们搭建了低保真或高保真的用户界面,并加入了一定的交互功能,原型设计工具就像是演草纸一样,我们可以写在原型设计工具上设计出我们想象的界面,然后更改,讲编码放在最后一部分,这样就可以减少不必要的浪费。

博主个人使用原型设计工具的经历:

Keynote:虽然它属于PPT范围类的软件,但很多时候人们也用它来做原型设计,因为它在演讲时起到非常好的效果,但毕竟它不是真正的原型设计,还有很多不如其他软件操作简单。但比较适合初学者。

sketch:这款软件是IOS系统下的原型设计软件。现在非常多的人使用,但因为需要付费,博主作为一名穷学生还没有使用过。

Axure:非常简洁、方便的软件,博主在上学期的一堂课程上正式学习了这款软件,也是我正式使用的第一款原型设计软件。接下来会重点地介绍它。

一、原型设计工具

1.什么是原型设计?

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导致该产品的可用性。

2.什么是原型设计工具

POP、Pencil Project、Axure、墨刀、sketch等生成低保真或高保真的用户界面设计的工具。

二、Axure介绍

1.Axure的界面

原型设计工具—Axure

1.1工具栏

原型设计工具—Axure

红圈里包含了Axure中的所有工具,下方是快捷键,可以自定义改动。

1.2页面

原型设计工具—Axure

可以从这部分选择自己要制作或修改的页面。

1.3原件窗口

原型设计工具—Axure

这部分是非常重要的部分。

同过元件窗口可视化需要的元件,可以直接拖动到操作面板中,需要的元件也可以在搜索框搜索。

1.4操作窗口

原型设计工具—Axure

操作窗口占据了大部分,可以从这部分看到自己制作出的成品,还可以看到用户看不到的内容。

1.5属性界面

原型设计工具—Axure

在属性界面可以更改元件的属性

2.事例展示

1.以前和同学一起做过一个关于家具的APP原型设计

原型设计工具—Axure

一共做了11个界面,主要包括了滚动,图片覆盖,界面之间转换等。

上一篇:深入理解JavaScript事件循环机制


下一篇:java Web Servlet学习笔记-1 HttpServletQequest对象的学习