Axure基础操作

这里写图片描述

Axure这样的软件在我这里就和word这些差不多啦,都是见名思意,需要什么操作,就去页面上到处翻,大概的归纳了几个板块,图片已上,仅供参考。
当然在拖图的时候,简单的学习了一下PS,banner图上有个水印,在ps里面可以让水印的颜色被附近的颜色覆盖,具体怎么操作,可以搜一下。https://jingyan.baidu.com/article/6b182309605df4ba58e159fa.html
在博主看来,对于一个前端小白,PS其实主要学会下面几个,就能布局网页了:
1.去水印
2.背景透明
3.剪切图片大小
4.pdf图片转换


切入正题

Axure基础操作

首先,使用Axure的话,时间充足的情况下可以看看Axure使用文档,附上链接:
https://www.axure.com.cn/docs/d/23.html
楼主比较闲,所以基本都看了一遍,最大的感触就是:

  1. 如果你没有代码基础,那Axure会大大的锻炼你的逻辑思路,对后期学习代码的帮助很大。例如鼠标移入事件,他的执行步骤,那么也会有一个鼠标移除事件。这里写图片描述
  2. 如果你有了代码基础,那么Axure对于你来说那就更加容易上手了,参考学习word文档,PPT之类的。

头部操作区域

重点了解:
(1),组合:
在操作一些元件过后,可以对他进行组合,比如头部由三个元件组成,那你把三个元件全部选中(ctrl+鼠标左键),然后点击“组合”,这样你的header就算是完成了,当你下次需要修改头部的时候,直接在“概要:页面”里面找你自命名的头部就好了。(方便很多)

划重点:!!!组合完成过后记得给组合取个名字,方便查找!!!

(2),锁定:
这个功能也很方便,比如背景布,我们希望他锁定在页面上,不在动了,可以使用这个功能,不至于经常一拖页面布局就乱了。
(3),连接:
这个功能在画流程图和线框图的时候经常会用到。

页面操作区域

页面操作区域,在这里构建你的项目架构,首页,商品页,商品详情页,购买页面等几级的页面结构,这需要你十分了解你们的项目结构,和页面结构。可以鼠标右键生产流程图。

概要

在这里,根据你的组合,可以快速找到你要操作的元件

重点:位置越在下面的元件,在页面上越在底层。

检视(重点区域)

(1),样式:自行参悟
(2),属性(事件交互):鼠标移入移出,按下松开
case1,case2表示事件12….
可以根据事件触发机制,调整元件位置,样式,这时候就提现了前面自命名的重要性了。

告辞:

Axure还有很多细节和关键,例如锚点,热区什么的,这是一个需要多看多用,才能参悟透彻的一个软件。当然对于一个能简单使用他的程度,那么现在就能简单的绘原型图啦。

猜你喜欢

转载自blog.csdn.net/thankYou_2018/article/details/82591726
今日推荐