截至到今天,你和我都坚持学习了两次课程,给自己一个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元件库中基本元件中占位符、按钮、标题、文本进行讲解,期待您的参与。