海淀西北旺网站建设土巴兔装修公司
Figma初识与学习准备
- 背景介绍
- 软件使用
- 1.1 切换主题
- 1.2 官方社区
- 设计界面
- 2.1 创建一个项目
- 2.2 修改文件名
- 2.3 四种模式
- 2.4 新增界面
- 2.5 图层
- 2.6 工具栏
- 2.7 属性栏
- section
- 透明度和圆角
- 改变多边形的边数
- 渐变效果
- 描边
- 设置阴影等特效
- 拖拽相同的图形
背景介绍
Ul设计:User Interface Design,即用户界面设计,属于“平面视觉”的子类。
- 传统的UI设计软件有:adobe PS,adobe AI。但是它们由于功能太过冗余复杂,不适合专门做UI设计。
- 之后有两款专门用于UI设计的软件推出了,分别是Sketch(2010推出),adobe XD(2017年推出)。但是这两款软件都是本地软件,无法抵抗云服务的浪潮,于是 Figma 在这个背景下应运而生飞速发展。
Figma下载网站:https://www.figma.com/downloads/

免费版使用的时候会有限制,对学生可以申请教育优惠。但是这里需要你使用学校的邮箱登录。
软件使用
1.1 切换主题

有黑白两个颜色可以切换。

1.2 官方社区



Figma的文件类型:

白板文件类型:可以进行涂改和绘画。

幻灯片文件类型:目前还很简陋。
因此目前主要的还是设计文件。
设计界面
2.1 创建一个项目



2.2 修改文件名

2.3 四种模式




2.4 新增界面


2.5 图层

在图层当中选中元素和在画面当中选中元素是一样的。
2.6 工具栏

- 拖动画布:按住空格键之后拖动。



快捷键:shift+c
2.7 属性栏


section

透明度和圆角


改变多边形的边数

渐变效果

描边

设置阴影等特效

拖拽相同的图形

