AxureRP8实战手册(基础1-10)

AxureRP8.0教程 小楼一夜听春语 86542℃ 0评论

基础操作篇

本篇包含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. 设置元件默认角度

方式一:选择需要改变角度的元件,按住<Ctrl>键的同时,用鼠标拖动元件的节点到合适的角度。(图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年8月底上市),作者为小楼一夜听春语,未经许可请勿转载!


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » AxureRP8实战手册(基础1-10)

喜欢 (415)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(18)个小伙伴在吐槽
  1. 小郑2016-06-16 09:33 回复
  2. 第一课学习,非常感谢,写得很详细
    yanshan2016-06-25 11:18 回复
  3. 感谢小楼老师,刚看完你的axure 7.0教程。才发现8.0都出来这么久啦,实在是雪崩啊。 以上内容的“基础2. 添加元件名称 文本框属性中输入元件的自定义名称” 这个“文本框属性”这几个字感觉用得不太好,换成“检视面板区的名称框”吧。个人意见哈
    nikee2016-06-26 23:07 回复
  4. “基础10. 设置元件默认隐藏 选择要隐藏的元件,在快捷功能或者元件样式中勾选【隐藏】选项。(图1-11)” 右键也可以隐藏,补充上会更好些吧
    nikee2016-06-26 23:08 回复
  5. Axure RP8 实战手册-网站和APP原型制作案例精粹,小楼老师,这本书哪里可以买?
    tong2016-07-08 11:45 回复
    • 同问
      pangtouren2016-09-05 16:41 回复
  6. 没看见这本书有卖的啊 Axure RP8 实战手册-网站和APP原型制作案例精粹
    qhql2016-08-10 15:58 回复
  7. 不错,新人学习到了很多
    苏诗修2016-08-18 15:44 回复
  8. 非常感谢啊,太棒了
    yuankun45592016-08-18 22:42 回复
  9. step by step 教程,非常用心
    程序员鼓励师2016-09-28 11:12 回复
  10. 请问为什么每次元素过小时就没法拖动,一选择就是改变大小,没法拖动,只能用上下左右键移动。。。
    Sherry2016-09-29 11:20 回复
    • 是不是选择可变形的指针
      比利亚2017-02-10 10:15 回复
  11. 您好 我有一个问题需要请教,就是如果想要做一个圆形的手表的屏幕交互,可是动态面板是方形的,怎么办、
    胡屠夫2017-03-06 13:45 回复
    • 小楼一夜听春语
      要看具体需求
      小楼一夜听春语2017-03-06 17:39 回复
    • 小楼一夜听春语
      1.说明到底什么样的交互 2.这样的问题最好到群里交流
      小楼一夜听春语2017-03-09 07:25 回复
  12. 太棒了,很详细!
    福尔摩浩2017-09-01 13:45 回复
  13. 老师,很想问下,您在图上做标注是用什么软件呢?
    zhyzhsh2017-11-30 00:18 回复
    • 小楼一夜听春语
      axure
      小楼一夜听春语2017-11-30 09:45 回复