[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
其他
> 详细
Axure RP 8.0小白学习笔记03 -常用元件
时间:
2019-07-13 13:39:37
阅读:
83
评论:
0
收藏:
0
[点我收藏+]
选择元件库(Libraries)下拉表中的默认(Default)选项, 显示的就是系统提供的做原型的所有原件了。先看常用元件(Common)。
1. 矩形
有3个默认样式来选择Box1/2/3,只是默认样式不同, 其他都一样。
1-1 修改矩形的圆角半径
两种方式:
拖动右上角的“倒三角”符号
在样式(STYLE)的圆角半径直接输入角度即可。
1-2 改变矩形形状
两种方式:
-点击右上角的“小圆”符号调出形状列表。
在属性(Properties)--形状(Shape) – 选择形状(Select Shape)中调出形状列表。
1-3 矩形文字:双击矩形, 可填充文字。
1-4 自适应
双击小方块, 元件会根据文字大小进行自适应形状大小。
2. 按钮
提供了两个默认样式。 跟矩形一样, 只是默认样式不同, 其他都一样。
双击按钮改变其内文字, 双击又下角小方块可自适应改变其大小。
3. 标题
提供了3个标题, 默认字体大小不同。其他的属性样式都是一样的。
拖动标题元件边框上的小方块可以拖动调整其大小。
自适应:
双击边框上的小方块, 元件会根据其内的文字大小自适应调整自己的大小。
调整宽度前
调整宽度后
水平方向上的小方块可调整期高度。 四个角可同时调整宽度和高度
4. 文本
文本标签和文本段落。
默认填充文字多或少, 其他都一样。
5. 线条
水平线和垂直线。作为原型中内容分割作用。
小结
可以看到, 以上的原件在“页面概要”中后面都标记的“Rectangle矩形”。 这说明的一个本质的问题:这些原件本质上都属于矩形, 只不过呈现出了不同的样式而已。
所以看到右上角有“倒三角”和“小圆”符号就知道可以调整“圆角半径”和“形状”。
以及双击“小方块”调整元件大小, 双击元件可填充文字。
6. 占位符
顾名思义, 就是放在页面上先占个位。因为在做原型的时候不太清楚未来页面要放什么, 但是这个位置还是要留出来。
7. 图片
双击图片, 添加图片内容
双击要填充的图片, 填充完成。
填充图片的作用:
1做高保真原型时要求跟真实产品还原度很高, 不可避免的要添加真实图片, 这时会用到。
2 利用图片制作带有图片背景的按钮,就是把添加图片的图片元件当成按钮来用。
8. 热区
添加热区后可以对原件的某一个区域进行编辑。默认是有浅绿色的遮罩。
例如在图片的右上角添加一个热区, 那么我在使用时只需要点击热区区域而不影响整张图片。
完!
Axure RP 8.0小白学习笔记03 -常用元件
原文:https://blog.51cto.com/sunshinegirls/2419887
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!