点击此处返回
未登录用户
每日可免费学习1个教程
十砳
关注人数：205
1.Sketch - 企业产品网站基础介绍+头部设计
2.Sketch - 企业产品网站Banner+应用预览设计
3.Sketch - 企业产品网站简易表单+卡片设计
4.Sketch - 企业产品网站文字列表+底部设计
5.Sketch - 企业产品网站产品页设计1
6.Sketch - 企业产品网站产品页设计2
7.Sketch - 企业产品网站案例列表页设计
8.Sketch - 企业产品网站案例详情页设计
9.Sketch - 企业产品网站帮助页设计
10.Sketch - 企业产品网站新闻列表页设计
11.Sketch - 企业产品网站关于我们设计
12.Sketch - 企业产品网站文件交付与项目总结
本篇教程学习的是Sketch - 企业产品网站文字列表 底部设计，喜欢的一起来学习吧。
学完本课内容后，同学们可以根据下图作业布置，在视频下方提交作业图片，老师会一一进行解答。
那我们开始今天的教程吧。
1.本节课的课程目的是学习文字列表、网站底部区域的制作，课程重点是如何制作文字列表、打出小方块符合，如何制作网站底部区域，课程难点是网站底部区域的制作。
2.从结构来看是三个列表，每一个当中包含一个小图标，标题以及文字列表部分，通过栅格系统就可以知道每一列大概会占到栅格当中的4列。
3.首先画一个【矩形】，【高度】加大，与上面的距离是【80】，在【外观】中选择【图层样式】，就会变成【fb】样式，按【Ctrl+L】把栅格调出来，用【矩形】进行大致的框选，增加【高度】。
4.把图标加进来，图标大小是【70×60】，找到【图像填充】，添加图标
70000+教程，每天免费学一课
打开APP，离线免流量
