MENU

站在开发者的角度看待Axure

March 14, 2021 • Read: 290 • 环境工具阅读设置

自己一篇内部交流的paper

0x01 什么是Axure?

Axure是一款绘画产品原型图的设计工具,用动态交互的方式告诉别人产品想实现的功能以及表达的意思。


0x02 为什么需要Axure?

工具是为了高效解决一些问题,使用Axure是因为在工作中遇到了如下一些问题:

  • 1、工作中大家涉及的方向不一样,通常团队中UI会参与较多产品,对产品展现的形式和逻辑会很好,但是业务需求场景等不太熟悉;而熟悉业务需求场景的通常知道想实现一个什么样功能但对展现的形式和排版的想法较少。(通过一个工具交互告诉UI你想展示的内容、大概的排版,再配上一些模拟数据或者参考链接,大家能够更容易理解一些,不需要花太多时间去理业务,只需要在你的基础上考虑设计风格和形式,彼此能够较快的沟通确认好需求。
  • 2、有时候和同时A对接解释过这个功能,但同事B、C等等不在场,等同事B、C来了还需要再解释一遍,这个过程增加了一些重复沟通成本,再者即使给同事对接了产品需求文档,在做的时候一方面文字一大篇看的都密密麻麻,做这个功能要文档翻到这做到那个功能文档需要翻到那边,比较麻烦。(通过一个工具对某个功能点或者按钮或者需要有什么限制直接在界面上标记出来,看上去更直观更方便些,提高效率也减少一些沟通成本。
  • 3、有时候会出现一些自己还没想周全的功能或者一个想法突然闪现不给记下来就忘了,但是文字记下来描述的可能过几天自己也忘了什么意思了。(通过一个工具对自己不太成熟的想法交互画出来,画出来之后再看看可能就发现一些逻辑问题或者其他代替的想法。)
  • 4、有些客户提需求可能就是他们随口一说的,但在现场一时半会也没有找出这个需求不合理的地方,等代码实现一半了可能有冲突了或者他们又要改这改那。(通过一个工具在不写一行代码短时间内出草图既可以和客户确认好他们需求的意思减少后期反复修改次数,也更方便对别人提出的需求是否合理更直观的判断,遇到自己摸不准时候草图出来了和同事参与一起讨论也就更方便了。)

....


0x03 如何上手Axure?

虽然Axure好处很多,也解决了一些问题,但此时好像又产生了更多其他的新问题:

  • 1、这个工具更多面向UI和产品经理,他们来做就行了,为什么不把专业的事交给专业的人来做,作为开发者是否有必要使用?
专业的事应当交给专业的人来做,但不同角度去使用同一个工具侧重点不一样,作为开发者我觉得这个工具是为了更便捷的和同事沟通配合工作,我不需要用到这个工具多专业的功能,只是用来连接业务和设计之间沟通的桥梁,把自己的想法快速呈现出来即可。
  • 2、作为开发者去了解不太熟悉的设计方面,上手成本会不会较高,需要了解什么预备知识吗?
使用这个工具上手很快,5分钟之后~
可以了解一些设计的规范习惯、知道一些术语即可,比如我通常一般都是画web后台,1440*900或者1920*1080布局、微软雅黑、14号左右字体,颜色参考一些好的UI框架他们给的规范比如红色用来警告等,看完一些规范后设计界面会更整齐,有逻辑些。(野生设计,以上纯属瞎说- -!)
  • 3、为什么我画的Axure不太好看,有什么资源素材或者技巧吗?
1、Axure不需要画的多好看能表达意思就行,虽然画的好的能做到1:1和实际系统,但通常不会这样做,只要做到低保真即可;

2、下载一些别人做好的Axure元件,比如蚂蚁、饿了吗、Iview这三套再结合系统自带的基本就够了,野生小技巧extension:rplib;

3、平时逛站点时候遇到好看的素材可以f12或者截图保存下来,关注哪方面平时留意下一些其他人做法即可,比如我关注的更多是后台,有时候搞到网站后台,会去留意下站点的样式以及一些布局的逻辑。野生小技巧用一些搜索dorks快速找一些同类站点、后台等方便参考。

4、去逛逛设计师常访问的站点去收集素材,我平时图标基本用阿里的ico,找想法去看站酷网,其他的偶尔逛下。
野生小技巧搜UI设计师或者xxx导航、awesome-ui等关键字即可一把嗦更方便找到和UI相关的站点。

5、用一些在线的功能,比如在线ps、在线一键抠图等。
野生小技巧document.body.contentEditable="true"
  • 4、为什么要用Axure,其他工具不香吗?
我用过Axure、Mockplus、Sketch这三个,最后还是选择Axure了更适合些,Axure最新是9.x版本,但不向下兼容8.x版本,如果要为了兼容打开别人rp可以用8.x,不考虑的话直接9.x,除了一些做移动端交互工具以外,主流的还有Adobe XD、Origami可以根据自己喜欢选择。

0x04 操作使用Axure

  • 场景介绍
  • 实例介绍

0x05 最后

人生苦短,我用Axure,以上就是我站在开发者一个野生的角度去使用Axure,有使用不当或者错误地方大家帮忙指出,谢谢!