Axure8.0学习笔记(三)

制作以下简单登录框:
在这里插入图片描述

一、制作注册登录框

在这里插入图片描述
PS:背景从网上任意找一个模糊图片即可。注册和登录框的边界均设置为None。
(一)、将左边的“注册”和“登录”实现上下均分:
(1)复制一个同样的矩形元件,如下图所示放置:
![在这里插入图片描述](https://img-blog.csdnimg.cn/093bc784eb3e492bb9702070b4798de5.png

(2)选中两个矩形元件,直接往下拖,就可以覆盖整个背景底板并实现上下均等:
在这里插入图片描述
(二)、透明度设置
从制作目标来看,两个矩形元件的背景均为黑色的不同透明度。
(1)将两个矩形元件的颜色都设置为黑色;
(2)找到“检视”面板的“样式”部分设置透明度即可。
(三)、填充文字并设置文字格式
在这里插入图片描述
*需要注意的是:如果要在改背景透明度的同时要改变文字的透明度,就在“检视”面板中设置;如果只需要改变背景透明度,在属性栏中的“填充颜色”中设置。

二、制作信息填写模块

在这里插入图片描述

(一)、绿色标识符的制作
在这里插入图片描述

  • 圆形元素去掉边框,设为绿色(可以用吸附工具)
  • 用两个矩形框做中间的白色对号,将其中一个矩形元素的检视样式设置为90度
    在这里插入图片描述
  • 组合且旋转至√的样子即可
    (二)、隔线的制作
    在这里插入图片描述

分别插入垂直线和矩形框制作即可。

最终完成界面

在这里插入图片描述以上仅仅是一个小界面的设计,交互问题后续总结。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值