一、属性
1.不同的元件都有其独立的属性,可对相关属性进行设置。
以文本框为例:
其他类型的元件,在此处元件属性大同小异。
二、元件样式
页面可以添加样式,而元件可以添加更多丰富的样式。
1、元件名称:可以为元件命名(也可选择图层,点击后命名)。
2、元件位置:通过 X 坐标与 Y 坐标,可对元件的位置进行修改。
3、元件大小:通过宽度和高度进行调整。
4、元件角度:直接填写数值可对元件进行旋转,也可在舞台选中元件,按下 Ctrl 键,进行快捷旋转。
5、文本角度:直接填写数值可对元件进行旋转,也可在舞台选中元件,按下 Ctrl 键,进行快捷旋转。/
6、水平翻转与垂直翻转:可将内容进行上下翻转或左右翻转。
7、元件填充:为元件添加颜色,可以选择调色板或吸管吸色或 16 进制色值进行调整(注意:除调整色彩外,还可以选择元件颜色的透明度)。
8、元件阴影:此处可调整元件内阴影和外阴影,并可以设置阴影颜色及阴影位置。
9、元件边框:可为元件添加线条边框。此处可选择边框粗细、类型、颜色、边框是否可见。/
10、圆角半径:调整元件的边角(输入数值即可),可整体调整,也可以单项调整。
11、半透明:调整元件的透明度,单位是百分比。
12、元件字体:调整字体系列、类型、尺寸、颜色以及字体加粗、倾斜、添加下划线、文字阴影。/
13、行间距:通过下拉菜单进行选择,也可直接输入数值。
14、项目符号:类似网页中的有序列表。为多个列表项目,添加符号。/
15、对齐:此处可以将任意元件进行左中右和上中下对齐
16、填充:输入数值,为元件上下左右四个方向进行填充。
三、元件说明
1.、页面可以添加说明,而元件也可以添加相关说明。
2、元件说明区域非常容易理解,通过此区域,我们可以为已选择的元件,添加注释说明,便于
3、同步协作时,项目人员可快速了解注释内容。
4、原型图是为了快速描述项目的流程、页面的逻辑等信息,如何快速让协作人员理解,是主要考虑的问题之一。
5、因此复杂性功能,利用原型图制作耗时耗力,亦可通过文字描述,快速表达。
例:注册账号密码时,输入框的描述。
当元件已添加说明,在浏览器预览时,可通过工具栏说明面板进行查看:
也可以通过单击元件右上角图标进行查看:
四、自定义自段
此处元件说明与 模块页面说明——自定义字段一致。
五、元件交互
1、网页中经常可以看到,鼠标移入到某个按钮时,按钮颜色会改变;鼠标按下时颜色会改变;鼠
2、标单击时颜色也会改变。此类型较为简单的交互效果可以通过元件右键菜单的交互样式进行操作。