美文网首页Axure知识汇总axure
Axure之幼儿养成记---页面操作区及基础元件之矩形

Axure之幼儿养成记---页面操作区及基础元件之矩形

作者: Axure鲨鱼号 | 来源:发表于2019-10-10 19:05 被阅读0次

截至到今天,你和我都坚持学习了两次课程,给自己一个YES。

一、写在课前:

友情提醒:

1、本文字数1002字,阅读时间大约12分钟,操作实践时间约30分钟。

2、对Axure有一定使用经验的小鱼或鲨鱼,可以直接略过本节,当然可以快速浏览,欢迎留言共同探讨。

二、开课小甜点

上节课,我们对Axure针对工具栏进行逐一介绍,工具栏共分十九个功能项,分别是文件操作,图形绘制,元件对齐方式,操作界面布局等十九个功能项,如有疑惑的地方可以关注我们,然后回看上一节《Axure之虾米养成记第二课》。

本堂课,我们将对Axure操作区域中页面、元件库中基本元件-矩形进行概要讲解,记得跟着一起做,实践出真知。

三、页面操作区

页面操作区共分三块:添加页面、添加文件夹、搜索

1、添加页面:

实现同级目录对应页面的添加:

2、文件夹添加:

3、页面搜索功能:

四、基础元件

元件可以理解为不同形状的积木,搭建大厦需要不同的积木进行堆积,所以制作原型需要不同的元件构成。

1、矩形

1.1:设置图形的圆角半径

1.2:改变图形的形状

1.3:属性

其中属性模块分为:交互、文本链接、形状三大模块

交互模块:可以添加鼠标操作等各种交互动作,后续课程会结合实例进行讲解

文本链接:

形状:可以对矩形样式进行修改,还可以进行全局的交互样式设置,设置引用页面,设置选项组名称,元件提示等操作。

建议多去点击操作,尝试一下,后期我们会结合案例进一步讲解。

1.4:说明

自定义字段展示:

建议多去点击操作,尝试一下,后期我们会结合案例进一步讲解。

1.5:样式

用于设置矩形的样式:

位置和尺寸:

包括在画布的定位坐标(X、Y)轴,矩形本身的宽和高,设置是否隐藏矩形元件,元件角度,元件内部文本的角度,水平翻转,垂直翻转,自动适配文字宽度,自动适配文字长度。

元件全局样式设定:

填充:对矩形内部颜色的填充

阴影:分为内部阴影和外部阴影

边框:可以设置线宽、边框颜色、边框样式

圆角半径:设置图形的圆角半径

不透明:设置图形的不透明度

字体:设置填充字体的各种属性(类型、大小、颜色等)

行间距:设置文本的行间距

项目符号:设置文本的项目符号

对齐:对文本进行不同对齐方式展示

填充:填充文本的位置,类似于占位符

建议多去点击操作,尝试一下,后期我们会结合案例进一步讲解。

五、画重点:

本节课对Axure操作区域中页面、元件库中基本元件-矩形,如有纰漏,欢迎留言指正,转载转发,我们共同进步。

六、课后预习:

下次课程我们将对Axure元件库中基本元件中占位符、按钮、标题、文本进行讲解,期待您的参与。

相关文章

网友评论

    本文标题:Axure之幼儿养成记---页面操作区及基础元件之矩形

    本文链接:https://www.haomeiwen.com/subject/rxwapctx.html