美文网首页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