Axure中文教程:格式设置详解

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所有的产品设计人员都懂CSS的。

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所有的产品设计人员都懂CSS的。

这里介绍一下各种格式设置,其实大家如果用中文版的话,是比较一目了然的,虽然汉化包里面广告比较多,呵呵,这里为了方便大家理解,还是替换成汉化版的截图。组件级的格式设置在右侧组件属性面板里面,这里可以设置组件注释、组件交互和组件格式;页面级的格式设置在底部面板里,里面可以设置页面注释、页面交互和页面格式。

木卫艾欧教程:格式设置详解

组件-位置+尺寸:这里的左上就是CSS里面的左间距和上间距,宽高就是width和heigth,每个选中项的这四个属性是设置单个组件的,完整选择的这四个属性是设置组件组合的,也就是同时设置一组组件的集合,而不是同时设置多个组件,类似于一个容器,里面装了很多组件,这个设置是跟容器相关的,但和里面的组件没有关系。下面的锁就是用来锁定位置的,锁定之后就不能再移动组件或者组件组合了。

组件-字体:这个很容易明白,依次是设置字体,字体大小,粗体,斜体,下划线,字体颜色,列表符号,列表符号就类似HTML里面的ul和li的组合,这里的一部分设置内容在AxureRP的工具栏上也有。

组件-对齐+边距:第一排的按钮是设置组件的水平对齐和垂直对齐的;边距可以设置上下左右,就是CSS里面的margin值;行距是设置组件内文本的,有段落文字的时候比较有用。

组件-样式:这里可以更改默认组件库里面所有组件的默认样式,点击后面的A字母图标,可以打开组件样式编辑器,可以修改默认的,也可以自定义。后面的是格式刷图标,这部分在工具栏上都有。

组件-排序:align是对齐,Distribute是设置水平和垂直的等间距,Order是设置层级的,就是层的顺序,Grouping是设置组件组合和解除组合的,这四个工具栏上都有。

组件-填充,线型+边框:这个也全部在工具栏上有,这个大家平时用的应该比较多,不多解释了。

木卫艾欧教程:格式设置详解

页面格式:页面样式里面也是设置默认显示效果的,也可以自定义,默认的选项就是列出来的这些选项;页面对齐是设置整个原型在页面里的对齐方式的,居左还是居中,类似于设置body里面的align属性;背景色都知道,背景图片也一样,以前的版本要通过修改代码来添加背景图;水平对齐和垂直对齐是针对背景图在页面内的布局的,重复也是设置背景图的,如果背景图的大小不够大,就会重复显示,就像设置桌面背景一样的。

草图效果:在AxureRP 6.0之前的版本,要想画出手绘风格的原型,除了借助Balsamiq Mockups外,就是加载手绘风格的组件库,用这个组件库来制作原型,出来的效果才和Balsamiq Mockups差不多。6.0版本默认就支持手绘风格了,也不需要加载额外的组件库,简单设置一下就轻松搞定了。从汉化版本里面可以很清楚的看出,在页面级的格式设置里面有草图效果的设置,只要将草图后面的值设的高一些,比如设置成100,组件拖动过来的样式就和手绘风格很像了,大家可以尝试一下,非常好用,本身AxureRP的功能也比Balsamiq Mockups强大很多。

格式设置就介绍到这里,这个功能其实是为了方便设置的,不像以前要调出右键菜单,大家用着用着就习惯了,我从5.6转到6.0其实是有点不习惯的。

转载请注明:木卫艾欧网 » 木卫艾欧教程:格式设置详解

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/2478/

(0)
TinadminTinadmin
上一篇 2015-01-01 09:07
下一篇 2015-01-01 11:08

相关推荐

  • Axure icons 64x64 for Axure rp|Axure 图标库 64x64

    干货分享,需要的下载吧。 适用版本:Axure7.0/axure6.5 资源名称:Axure 图标元素库;64x64的Axure元件库;axure图标库 64x64 更新时间:2015年5月28日09:27 下载地址:https://www.iamue.com/wp-content/uploads/…

    Axure 2015-05-28
  • [Mockplus教程]重命名

    对页面和分组的重命名可以选中单个页面,然后使用F2进入名字修改状态,改完之后鼠标随便 点击其它地方即可完成修改。 对于选中页面也可以双击页面节点进入修改状态。 完整演示如下:

    Mockplus 2015-09-18
  • 006. 站点地图区域

    站点地图呈树状的,以主页为根节点,可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解,同时也方便我们对网站整体页面进行管理(添加、删除、重命名、调整层级、调整顺序)   :选择一个节…

    2014-09-12
  • 从零开始学Axure原型设计(入门篇)

    如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可…

    2016-01-06
  • 团队项目现已在Axure RP 9中提供

    团队项目现在可以在最新版本的Axure RP 9 beta中获得!请查看以下步骤以开始使用。 在RP 9中创建一个新的团队项目 转到文件>新团队项目或团队>从当前文件创建团队项目。 为团队项目命名。 为团队项目创建新工…

    2019-04-04
  • 025. axure网格设置

    Axure默认的界面是没有把网格显示出来,没有网格在制作原型的时候,对齐方面不是很好,个人习惯还是把网格显示出来,便于组件对齐和布局。 其实本来这篇文章应该叫做网格与参考线,只是本人对参考线的应用还很局限…

    2014-09-11
  • 001.Axure rp 6.5的软件安装、汉化与注册

    第一步:从网络上下载axure安装程序到本地电脑、汉化语言包、注册码,双击安装程序,如图:                     第二步:安装过程截图乱码的情况是正常的 &nbs…

    2014-09-09
  • 『全网汇总』验证可用axure注册码|axure激活码

    我是UE网的小编:WiKi  整理出了目前市面上所有的axure激活码,学习axure的小伙伴们赶快收藏起来吧! 如发现已经过期的请联系我们进行删除,谢谢!  Axure rp pro 7.0   用户名:3ddown 激活码:FiCGEezgdGoYI…

    2015-05-29
  • JustinMind交互与事件

    JustinMind交互事件说明 1.事件与交互 事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义一个特定…

    2015-04-22
  • Axure基础教程:产品流程图的制作方法详解

    一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法

    2014-12-31