交互学堂
专注分享专业知识

Axure学习笔记 | 初识Axure

本文结构:

Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure

辰安笔记

 01 —

说点题外话

Axure学习笔记 | 初识Axure

唠叨之语:

这个是我在B站上看学习视频自己整理的笔记。话说我的学习笔记基本上是从视频上扒下来,然后加入一些自己的思考。我在规划做分享Axure的时候也想过,网上资源那么多,我做这个有必要吗?有用吗?思考一番,做这件事情虽然艰苦,费力不讨好,但是有收益。我现在就是把自己当作一个产品来打造。通过这些事情有以下收益:

1.对自己来说,知识更加系统,当然也可能会让我更加僵化,这个我会注意;

2.对招聘者来说,TA可以看见我学习的态度,思考的过程,输出能力,对产品知识技能系统化的掌握,甚至是我的一些作品;

3.对那些对产品有兴趣的人来说可以看我的东西跟我一起成长,我太懂刚入门时的痛苦了。

我能预感到我要做的事情需要花费很大的精力时间。而且我不知道我花费这些时间有没有价值。我想起曾国藩说过的一句话,叫做“扎硬寨,打呆仗”。我就先扎下寨再说。至于后面,如果情况不妙我会果断弃坑。适时转移思路。

圣人有三不朽:立功、立德、立言。吾不才,岂敢忝称圣人。只愿以此为标杆实现产品经理岗位三不朽。

立功:做出现象级的产品;

立德:提携更多的优秀PM;

立言:要勤于总结,善于总结,持续输出。

扯了好多,话归正题!

 02 —

什么是Axure及诞生原因

Axure学习笔记 | 初识Axure

Axure学习笔记 | 初识Axure

什么是Axure

Axure学习笔记 | 初识Axure

诞生原因又是什么?

1.什么是Axure

Axure学习笔记 | 初识Axure

Axure RP是专业的快速原型设计工具。它可以让设计师们利用需求,设计功能和界面来快速地创建应用软件的线框图、流程图、原型和规格说明文档,并且同时支持多人协作和版本控制管理。

Axure RP因其制作原型快速,交互效果良好,沟通高效而被UX、UI、UE、PM广泛使用。利用它来定义需求和规格,设计功能及界面。

我认为,Axure是为了沟通的,是工具。产品经理不要被Axure所束缚。是我们在使用工具,而不是工具使用我们。要明白我们的目的,然后利用其实现我们的目的。切不可工具之上主义。曾见过,有人用excel作画,那技术简直牛掰,那功夫下的真是多,一看就花了大力气。不过这又有什么用呢?哪怕你不用Axure也能把思路,原型跟所有人说明白。大可弃之不用。

所以,它只是工具。

Axure学习笔记 | 初识Axure

什么是Axure

2诞生原因

诞生的原因是什么

Axure学习笔记 | 初识Axure

Axure原型的出现正是符合了互联网行业发展的需求。

从用户角度来说,过去的软件功能比较单一,没有太多的业务。发展到后来,软件功能日趋复杂,用户需求增多。但是用户对自己真正需要什么样的需求不一定很清楚。鉴于此,为了挖掘用户的实际需求。就需要用原型对用户进行产品演示,从而挖掘需求。

另一方面,从开发人员角度来说,软件功能的日趋复杂也使得软件开发人员的职能得以细分。在开发过程中,人员分工明确,但是,这也带来了沟通的不便。为了降低沟通成本,明确产品目标,提高工作效率。Axure原型的出现就非常有必要了。

所以,因为软件日益复杂化带来的用户需求模糊化和开发人员工作开展复杂化,Axure成为了在实际工作中产品经理的必备技能。

 03 —

Axure分类

Axure学习笔记 | 初识Axure

Axure学习笔记 | 初识Axure

Axure分类

1.草图原型

轻描淡写,勾勒产品的美

Axure学习笔记 | 初识Axure

第一类是草图原型。这类原型的作用是描述产品大概需求,记录瞬间灵感。比如流程图、导航图。这样的原型优点就是能够简单快捷地描述产品,捕捉瞬间的灵感,抓住产品核心需求。缺点就是不能够很好地借助原型图与其他人员进行交流。

Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure

Axure分类

Axure学习笔记 | 初识Axure

虽然是低保真原型,可我对你的爱从来不低

2.低保真原型

Axure学习笔记 | 初识Axure

第二类是低保真原型。这类原型的作用是展示系统的大致结构和基本交互效果。根据现有的系统或界面利用相关的元件进行设计。它的优点就是可以反应用户需求的基本功能和交互效果,减少原型设计时的精力,便于产品经理和开发人员进行沟通。但是,在美观度,交互效果真实程度上不尽如人意。

Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure

Axure学习笔记 | 初识Axure

Axure分类

3.高保真原型

爱你就要原汁原味

Axure学习笔记 | 初识Axure

第三类是高保真原型。这类原型在视觉上和体验上几乎接近真实产品。交互效果丰富,界面美观。是产品设计时的demo,概念产品的演示。它的优点很接近真实产品,能够通过此原型对用户进行演示,吸引用户。但是,在产品结构的搭建和交互效果的设计上需要产品人员花费大量的时间和精力。就像我现在做的事情。哈哈!

Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure

Axure分类

Axure学习笔记 | 初识Axure

就算分离的世界天空依然相连,有没有在风中听到我呼唤。

4.怎样看待三种原型

Axure学习笔记 | 初识Axure

三种原型并不存在孰优孰劣的情况。

产品人员在应用原型图的时候,需要根据实际需要进行选择。一味的使用高保真原型不仅浪费时间和精力,还可能给产品的后续设计带来不便。

一个产品所面对的对象可以分为三类,产品经理本人、项目组人员、用户。如果仅仅是想把大概的思路呈现出来,勾勒产品大概设计框架,只需要用草图原型。如果需要通过原型图与项目组其他人员进行沟通,只需呈现基本的结构和交互,因为过多的交互和色彩的呈现会影响开发人员思路的开拓。如果是需要把产品完成的呈现给上级或是呈现给用户,那么就需要高保真原型。所以,需要什么并不是由事物本身的特性所决定的,而是由利用事物的人的目的所决定的。金银虽好,给一个冻饿之人,并不能雪中送炭;寒窑虽破,给一对恩爱夫妻,亦能安贫幸福。

另外,在制作原型的时候,不可囿于一种工具,认为一种工具可以解决原型制作过程中的任何阶段的任何问题。要充分利用一切能利用的工具。初期记录创意和思路的时候可以用纸笔,原型制作需要文字描述时可以采用Word,需要内部沟通,演示产品的时候可以用Axure。

 04 —

Axure的安装、汉化和注册

Axure学习笔记 | 初识Axure

安装不赘述。有需要找我拿8.0破解版。

汉化得两说。我觉得还是很有必要的。用工具是为了方便快捷地解决问题而不是装逼。如果英文的用习惯了不汉化还是可以的。初用建议汉化,毕竟汉语更方便些。汉化的步骤是,将lang文件夹赋值到Axure的安装目录下(这个也在我的那个安装包里)。另外,汉化了会使软件不稳定,容易闪退。我就遇到了好几次。辛苦做的东西没保存,然后我只能再重新做一遍。

由于Axure的正常使用需要购买,我在网上找到了破解的注册用户和密钥。所以不过后续可能会造成一些不便,比如发布等。不过也可以通过其他的方式解决。我就用产品大牛这个网站来管理自己的原型和需求等。

 05 —

Axure工具界面介绍及快捷键

Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure

因为其他区域的功能会在之后的学习提到,在这里就不再赘述。

文件菜单主要是对文件进行操作,包括文件的打开、保存、新建、导入/导出、打印等操作;

编辑菜单主要是粘贴、剪切、复制等操作;

试图菜单主要是对整个软件的页面区域的显示与隐藏进行控制;

项目菜单中用的比较多的是全局变量;

布局菜单主要是对元件的操作和辅助,包括元件摆放的顺序、辅助线、锁定、分布、对齐、转化等;

发布菜单主要是对原型的输出,包括预览和生成;

团队菜单主要是对原型的团队管理;

账户菜单和帮助菜单用的较少,可以建立自己的用户和进行线上交流。

这些功能只是简单的说一说,自己实际操作多了,这些东西自然而然就会。我只是提醒以下大家。

Axure学习笔记 | 初识Axure

Axure学习笔记 | 初识Axure

ctrl+”(引号):网格的显现和隐藏,可以精确的摆放原件;

ctrl+s:保存,剪切,粘贴,复制,撤销,全选的快捷键和office是一样的;

ctrl+d:直接复制粘贴或者按住ctrl直接拖拽来复制;

ctrl+9:格式刷。选择要复制的格式,点击复制,点击要应用的地方,点击应用;

ctrl+shift+[:置于底层;ctrl+shift+]:置于顶层;ctrl+[:下移一层;ctrl+]:上移一层;

ctrl+o:打开一个工程;

ctrl+n:新建一个工程;

ctrl+f:查找;

ctrl+h:替换;

ctrl+y:重做;

F5生成原型预览。F8生成原型文件。ctrl+F8在原型中重新生成当前页面;

ctrl+shift+”(引号):网格对齐;

ctrl+.(点号):隐藏全局辅助线。ctrl+,(逗号):隐藏页面辅助线。ctrl+shift+,(逗号):对齐辅助线。

在实际应用中,快捷键流利使用的秘诀是熟能生巧。这就需要我们多做多用。快捷键能够大大提高我们的使用效率。在实际应用中用的比较多的是2、3、10。快捷键在学习中不用刻意去记,我觉得记住几个平时用的多的就行。不常用的在工具栏中就能够找得到。

 06 —

站点地图

Axure学习笔记 | 初识Axure

1.站点地图是什么

Axure学习笔记 | 初识Axure

2.站点地图作用

3.站点地图注意事项

Axure学习笔记 | 初识Axure

1.站点地图是什么

站点地图是软件的骨架,能够清晰地展示软件的结构,管理软件的页面关系。它由功能菜单和页面两部分组成。

站点地图功能条就是Home上面的那一条。可以新增页面和新增文件夹、移动、删除、搜索、生成流程图等等。具体的如下图:

Axure学习笔记 | 初识Axure

Axure学习笔记 | 初识Axure

2.站点地图作用

站点地图的作用可以从两个个方面来论述。

对于设计者来说,站点地图可以用来给原型设计搭建一个清晰的思路。首先可以先搭建大致的框架,然后再根据各个模块进行深化设计。

对使用者来说,能够让使用者快速地了解原型的结构,提高沟通效率。当使用者了解了结构之后,能够让使用者快速地找到想要的模块,从而节省时间。

Axure学习笔记 | 初识Axure

3.站点地图注意事项

制作原型时要规划结构,也就是说原型设计中的框架搭建很重要。然后命名要有意义,这是一个好习惯。需要养成。这样后续的工作就会很方便。最后如果进行多人协作开发,不要使用一个总根。

 07 —

实例

Axure学习笔记 | 初识Axure

实例是做百度门户的框架搭建。由于比较简单。只附图。

Axure学习笔记 | 初识Axure
Axure学习笔记 | 初识Axure

 文|孟老湿

THE END

Axure学习笔记 | 初识Axure

天之生我 我辰安在

赞(0) 打赏
未经允许不得转载:IAMUE » Axure学习笔记 | 初识Axure

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏