前期准备
下载一份官方规范,将官方规范文件置入到 Figma 中,若是使用网页版,建议打开两个 Figma 网页,在两个网页中分别打开规范文档和需要设计的项目,这样便可以通过 Tab 切换,快速将官方文档中的文件复制粘贴到设计项目中;
前期设计时,建议打开标尺,快速拖拽参考线,快捷键 shift + r 可查看或关闭标尺;
cmd + 鼠标滚轮,可放大/缩小画布;
创建文字
(快捷键 t ), 选择字体,调整字号、字重、颜色
创建颜色组件
创建投影效果
鼠标悬停在前方数值处,可左右拖动调整数值,投影后方的下拉箭头也可切换效果类型;
调整等分间距
选择所有模块,调整角度下方的数值,可快速统一模块间距;
形状中间的小圆圈,可点击快速调整模块顺序;
创建蒙版
将需要创建蒙版的图形编组(快捷键 ctrl + g),将蒙版放置在编组中的最后一层,选择蒙版层,右键设为蒙版(快捷键:alt + cmd + m);
按住 alt 键,可查看内容与内容之间的间距;
课程来源:
酸梅干超人零基础学 Figmahttps://www.bilibili.com/video/BV1fg411G7cs?p=2&spm_id_from=pageDriver&vd_source=98ff6b45a8ad88aa9e7408ec9cebb330