点击此处返回
未登录用户
每日可免费学习1个教程
酸梅干超人
关注人数：23182
1.线性图标设计-零基础学Figma
2.面型图标设计-零基础学Figma
3.玻璃拟态页设计-零基础学Figma
4.完整项目设计-零基础学Figma
5.交互动画设计-零基础学Figma
6.单屏网页设计-零基础学Figma
7.响应式网页设计-零基础学Figma
8.B端表格页设计-零基础学Figma
9.B端规范搭建-零基础学Figma
本次课程讲解Figma零基础系列课程-第九课【B端表格页设计】-响应式布局功能应用，同学们可以在视频下方评论区进行留言，老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.本节课通过B端表格页面，具体的讲解自动布局【Auto Layout】，【Auto Layout】可以帮助响应式页面做排列，但它的功能远不止这些，首先创建画布，功能栏宽度【80】，中间内容左右留【40】的间距，圆角【12】。
2.置入相应的元素，当遇到订单/标签之类的元素按钮，存在【并列关系】场景时为了保证按钮间距一致，【Auto Layout】功能是可以解决问题的。
3.自动布局【Auto Layout】非常重要的概念会根据内部内容自动拓展外部宽度，标签按钮包含背景和文本两部分，标签按钮点击【Auto Layout】后会自动把矩形层去掉，去掉的矩形背景层，出现在了【Fill】的位置。
4.自动布局【Auto Layout】还可以调整四周的间距，每一个标签按钮创建【Auto Layout】之后，再全选点击【Auto Layout】，从左侧图层面板可以看到【Frame】底下包含了若干的子【Auto Layout】。
70000+教程，每天免费学一课
打开APP，离线免流量
