本次课程讲解Figma零基础系列课程-第七课【单屏网页设计】-参考线和栅格应用,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.本节课通过单页式/PPT式的网页案例来学习,参考线和栅格应用,常规网页创建尺寸有两种。
2.右侧面板点击【Desktop】-【1280/1440】是做常规的尺寸,做网页会做小的,然后再去适配大的,案例创建的是【1280】
3.制作滚屏网页首先需要创建【格线系统】,顺着格线作为参照来设计,任何一个【Frame】右侧面板都会有【Auto layout】/【Layout grid】两个东西。
4.一般【Layout grid】里面有【Grid】/【Columns】/【Rows】,常规【Columns】默认是五个,本案例是个数【20】间距【45】,以四的倍数递增,【Margin】指的是栅格之间的间距。