本篇教程学习的是Sketch - 企业产品网站简易表单 卡片设计,喜欢的一起来学习吧。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一进行解答。
那我们开始今天的教程吧。
1.本节课的课程目的是如何获取高清无版权图片素材、学习简易表单、卡片式布局设计,课程重点是如何获取高清无版权图片素材,如何制作简易表单、Sketch控件结合图层样式功能快速修改卡片背景,课程难点是Sketch控件结合图层样式功能的使用。
2.先来看简易表单的部分,结构相对简单,标题加上两个输入框和一个按钮,后面还有一层背景,在画板中添加【矩形】,颜色加深,按【T】键输入文字,修改文字颜色和字号,字距为【4】,对齐方式为【居中对齐】。
3.上下间距是【80】,制作左右两边的小图案,画一个【矩形】,【宽度】为【30】,【高度】为【8】,颜色为【蓝色】,复制一层修改位置,【宽度】为【20】,【不透明度】为【80%】,距离标题的间距大概在【15】左右。
4.选中这两个图层再复制一个,放到右边,打个组,用【镜像工具】进行翻转