一图胜千言 | Axure入门篇

简介: 一图胜千言 | Axure入门篇

有言在先

作为产品经理,最重要的事情之一就是说清楚需求,PRD文档是必须的,但是文档不能只由文字组成,毕竟一图胜千言。Glen更加喜欢用交互图跟设计、前端、后台等同伴梳理需求,而画交互图比较常见的工具就是Axure了。产品经理能够掌握Axure是极好的,如果有一天你的团队里没有交互设计师了,那你就需要自己搞定。这段时间做项目时,重新学习了Axure,下面整理出来分享给大家吧!



憋说话,我要看图

一份逻辑严谨的产品需求文档,你自己心里会想“这感人的逻辑”,但是拿到开发、设计那里时,他们往往会说“别给我看字,我要看图”。文档当然是必须的,因为你可能需要建立需求池,为做过的事情备案。但是,一份简单的交互图可能会让你更加容易与别人沟通。

➀ 产品经理需要掌握基础的交互设计

很多产品的婴儿期其实只是一个草图,只是在一张草稿纸上的几条抽象的线条。如果你像Glen一样习惯了无纸化工作,那么Axure是你很重要的画草图的工具,你还可以用Axure画逻辑图、中(高)保真产品原型。

➁ 一个可参考的工作流程

在设计产品时,Glen习惯先在Axure上画出基础的产品界面,确定基本的产品交互,然后Axure可以直接将原型图导出为Word文档,然后你可以在有原型图的文档上添加文字描述了。

➂ 从界面开始

不讲太多虚的,直接开始我们的Axure入门之旅。下载安装什么的,这里不介绍了,相信你们应该没什么问题。这里我不建议大家把Axure汉化了,一般把外国软件汉化不是一个很好的选择,容易出BUG。打开Axure的界面如下:


画了圆圈的地方是用的最多的地方:1是原型的页面分布,每一页都可以放很多东西;你可以新建页面,可以把很多页面放到同一个文件夹(便于分组),还可以新建页面的子页面。2是组件库,它是原型设计的核心,在这里,你可以直接把你想要的样式拖到右边的页面里(Axure主面板还有其他的区域,之后我们用到时再说吧)。

Axure最最基础的那些事儿

一般的Axure原型文件的格式后缀是“.rp”;自定义部件库的文件格式后缀是“.rplib”;还有一种比较少见的文件格式“.rpprj”,它是团队协作的项目文件。

➀ 关于基本形状

从基本部件库拖一个矩形(Rectangle)到面板上,它是你画原型时,最常用的形状。设定合适的大小,它可以成为按钮、页面、文本框、表格等原型的组成部分。下面介绍三个窍门:

A.双击部件,即可输入文字。


B.点击部件右上角的灰圆圈,可以将部件变为其他的几种样式(当然,你也可以选中部件后右键选择Select Shape来改变部件样式)。

C.点击部件左上角,向内拖动,可改变部件的圆角。

以上的操作可总结为双击文案输入、改变部件形状和改变部件圆角,对于其他的一些原型部件也是适用的。

➁ 关于图片

图片对于原型的制作至关重要,之后你画产品原型时,需要导入很多图标。导入图片的方法有3种:添加图片部件、直接拖入图片、从其他软件粘贴图片。

A.添加图片时,Axure可能会询问你“是否将图片压缩?”,一般情况下,不建议压缩图片,因为那样会导致图片质量降低,建议先不压缩,如果后续有需要,可以右键图片,选择“优化图片”,来压缩图片。

B.右键图片,可对图片进行“分割、裁剪、优化、设置圆角”等操作;按住Shift键拖动图片部件边角,可等比例缩放、扩大图片;按住Ctrl键可旋转图片。

关于图片还有更多的操作,用户还可设置图片事件触发。后续如果讲到动态原型时,再介绍给大家吧(其实掌握静态的原型设计就基本够用了)。

➂ 关于线条

有一次,我想在原型中添加一个箭头,找了半天都没有找到,后来发现Axure把箭头这种常用的图形与线条结合在一起了。点击Axure顶部的Arrow Style,可在下拉框中选择箭头样式。

➂ 关于流程图

在Axure中,也是可以画流程图的,方便你梳理产品业务逻辑。点击“Select Library”,选择Flow,之后你就可以在页面中画流程图了。

PS:现在市面上很多组织会开办各种各样技能的培训课,那些都是收费的,这并不是代表自由主义的互联网分享精神。我作为一个产品经理,从入门开始,将自己一点一滴的学习积累,全部无条件免费分享给大家,不一定要改变世界,只是让世界变得更好。之前已经有了Android(完结)、Excel(完结)、PS(2篇),Axure在储备中…

先让世界变得更好,再想怎么改变世界。

目录
相关文章
|
8月前
|
人工智能 JSON API
一张图读懂大模型应用是如何工作的,一图胜千言
用一张图,带你轻松读懂大模型应用的工作原理。不需要复杂的代码和艰深的理论,只需要一张图,就能让你对大模型有一个全新的认识
一张图读懂大模型应用是如何工作的,一图胜千言
|
9月前
|
前端开发 程序员
前端知识笔记(四十四)———为什么要学代码
前端知识笔记(四十四)———为什么要学代码
73 0
|
前端开发 容器
🍊Flex布局最佳实践之骰子实战篇(面试高频考点,速来围观呀~)
🍊Flex布局最佳实践之骰子实战篇(面试高频考点,速来围观呀~)
703 6
🍊Flex布局最佳实践之骰子实战篇(面试高频考点,速来围观呀~)
|
C++
【C/C++】手把手教你如何实现简易版三子棋(下)
【C/C++】手把手教你如何实现简易版三子棋(下)
102 0
|
人工智能 程序员 C语言
【C/C++】手把手教你如何实现简易版三子棋(上)
【C/C++】手把手教你如何实现简易版三子棋
198 0
|
前端开发 容器
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十二题-单列布局
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十二题-单列布局
92 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十二题-单列布局
|
前端开发 容器
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十三题-双列布局-浮动
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十三题-双列布局-浮动
97 0
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十三题-双列布局-浮动
|
前端开发
#yyds干货盘点# 前端歌谣的刷题之路-第三十三题-或运算
#yyds干货盘点# 前端歌谣的刷题之路-第三十三题-或运算
48 0
#yyds干货盘点# 前端歌谣的刷题之路-第三十三题-或运算
|
前端开发 JavaScript 数据处理
#yyds干货盘点# 前端歌谣的刷题之路-第二十四题-阶乘
#yyds干货盘点# 前端歌谣的刷题之路-第二十四题-阶乘
107 0
#yyds干货盘点# 前端歌谣的刷题之路-第二十四题-阶乘
|
前端开发 JavaScript
#yyds干货盘点# 前端歌谣的刷题之路-第二十六题-绝对值
#yyds干货盘点# 前端歌谣的刷题之路-第二十六题-绝对值
96 0
#yyds干货盘点# 前端歌谣的刷题之路-第二十六题-绝对值

热门文章

最新文章