html商业网站模板代价网站建设
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

透明度和圆角


改变多边形的边数

渐变效果

描边

设置阴影等特效

拖拽相同的图形

