Axure8.0基础教程(1-10)AxureRP8实战手册

axure商城

本文转载自小楼老师博客:http://www.iaxure.com/3768.html Axure新手必须掌握的56个基础操作,节选自小楼老师新书《Axure RP8 实战手册-网站和APP原型制作案例精粹》。

基础操作篇

本篇包含56种常见的基础操作,初学者应在掌握本篇内容后再进行实战案例篇的学习,以免产生学习障碍。同时,建议具备一定基础的读者学习本篇中相对生疏的内容,并加以掌握。

第1章 使用元件

本文目录

基础1. 添加元件到画布

基础2. 添加元件名称

基础3. 设置元件位置/尺寸

基础4. 设置元件默认角度

基础5. 设置元件颜色与透明

基础6. 设置形状或图片圆角

基础7. 设置矩形仅显示部分边框

基础8. 设置线段/箭头/边框样式

基础9. 设置元件文字边距/行距

基础10. 设置元件默认隐藏

 

正文

 

基础1. 添加元件到画布

在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。(图1-1)

图1-1

基础2. 添加元件名称

文本框属性中输入元件的自定义名称,建议采用英文命名。

建议格式:PasswordInput01或Password01

名称含义:序号01的密码输入框

格式说明:“Password”表示主要用途;“Input”表示元件类型,一般情况下可省略,当有不同类型的同名元件需要区分或名称不能明确表达用途的时候使用;“01”表示出现多个同名元件时的编号;单词首字母大写的书写格式便于阅读。(图1-2)

图1-2

基础3. 设置元件位置/尺寸

元件的位置与尺寸可以通过鼠标拖拽调整,也可以在快捷功能或元件样式中进行输入调整。(图1-3)

x:指元件在画布中的x轴坐标值。

y:指元件在画布中的y轴坐标值。

图1-3

w:指元件的宽度值。

h:指元件的高度值。

在输入数值调整元件尺寸时,可以在样式中设置,让元件【保持宽高比例】。(图1-4)

图1-4

基础4. 设置元件默认角度

方式一:选择需要改变角度的元件,按住键的同时,用鼠标拖动元件的节点到合适的角度。(图1-5)

方式二:在元件样式中进行角度的设置,元件的角度与元件文字的角度可以分开设置。(图1-5)

图1-5

 

基础5. 设置元件颜色与透明

选择要改变颜色的元件,点击快捷功能区中的背景颜色设置按钮,选取相应的颜色,或者在元件样式中进行设置。(图1-6)

图1-6

基础6. 设置形状或图片圆角

可以通过拖动元件左上方的圆点图标进行调整,也可以在元件样式中设置圆角半径来实现。(图1-7)

图1-7

基础7. 设置矩形仅显示部分边框

在Axure RP 8的版本中,矩形的边框可以在样式中设置显示全部或部分。(图1-8)

图1-8

基础8. 设置线段/箭头/边框样式

线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进行设置。(图1-9)

图1-9

基础9. 设置元件文字边距/行距

在元件样式中可以设置元件文字的【行间距】与【填充】。(图1-10)

行间距:是指文字段落行与行之间的空隙。

填充:是指文字与形状边缘之间填充的空隙。

图1-10

基础10. 设置元件默认隐藏

选择要隐藏的元件,在快捷功能或者元件样式中勾选【隐藏】选项。(图1-11)

图1-11

本文摘录自图书《Axure RP8 实战手册-网站和APP原型制作案例精粹(预计2016年7月初上市),作者为小楼一夜听春语,未经许可请勿转载!

本文由 Axure中文网 作者:小楼一夜听春语 发表,其版权均为 Axure中文网 所有,文章内容系作者个人观点,不代表 Axure中文网 对观点赞同或支持。如需转载,请注明文章来源。
544

评论:

35 条评论,访客:35 条,站长:0 条

0%好评

  • 好评:(0%)
  • 中评:(0%)
  • 差评:(0%)

最新评论

  1. avatar
    El cielo límpido发布于: 

    元件无法拖入画布怎么回事。。。救命🆘!!而且之前做过的图,那些画布中的元件也拖动不了了。。。

  2. avatar
    飞翔发布于: 

    感觉这个很基础啊 能不能上点干货 直接从项目原型开始~

  3. dewarpan
    dewarpan发布于: 

    请问图片标注用的是什么软件?这个软件标记的感觉特别舒服~

  4. rihanna1992
    rihanna1992发布于: 

    说实话,我是新手昨天才安装Axure,我现在也是不知道隐藏有什么用,但一步步学就会知道的了,谢谢作者

  5. liangliang
    liangliang发布于: 

    您好,创建一个新的文件时不能定义文件的尺寸吗?比如要做一个iphone6的文件,在哪里可以定义375×667的尺寸呢?

  6. 孙超
    孙超发布于: 

    隐藏有什么用啊?一般什么情况下会使用隐藏功能

  7. 毛毛虫
    毛毛虫发布于: 

    内容很清楚详细,但是我觉得要是有视频的话会更直观的

  8. la luna
    la luna发布于: 

    很棒,感觉像是在看视频似得。

发表评论