当前位置: 首页 > news >正文

【Figma_01】Figma软件初始与使用

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

在这里插入图片描述

透明度和圆角

在这里插入图片描述

在这里插入图片描述

改变多边形的边数

在这里插入图片描述

渐变效果

在这里插入图片描述

描边

在这里插入图片描述

设置阴影等特效

在这里插入图片描述

拖拽相同的图形

在这里插入图片描述

http://www.lryc.cn/news/504349.html

相关文章:

  • 【Python篇】PyQt5 超详细教程——由入门到精通(序篇)
  • day2 数据结构 结构体的应用
  • CSS 进阶教程:从定位到动画与布局
  • Nginx性能优化全方案:打造一个高效服务器
  • 详解Maven的setting配置文件中mirror和repository的区别
  • 框架模块说明 #07 API加密
  • 安卓BLE蓝牙开发经验分享
  • 后缀表达式有什么场景应用
  • 使用 Kubernetes 部署 Redis 主从及 Sentinel 高可用架构(未做共享存储版)
  • AI开发 - 用GPT写一个GPT应用的真实案例
  • C#—索引器
  • 杨振宁大学物理视频中黄色的字去掉(稳定简洁版本,四)
  • 排序算法(5):归并排序
  • Gate学习(7)引入体素源
  • 2024.12.14 TCP/IP 网络模型有哪几层?
  • item2 for macos
  • 二维三维空间上两点之间的距离
  • 相机测距原理
  • Debezium SchemaNameAdjuster 分析
  • Stable Diffusion绘画 | SDXL模型使用注意事项
  • (五)机器学习 - 数据分布
  • Flink State面试题和参考答案-(上)
  • 利用开源Stable Diffusion模型实现图像压缩比竞争方法用更低的比特率生成更逼真的图像
  • QT信号与槽机制详解
  • openGauss开源数据库实战二十二
  • BurpSuite解决暴力破解时需要验证码问题
  • WPF Combox使用 Text无法选择正确获取CHange后的Text
  • 【速览】设计模式(更新中)
  • 【stable diffusion部署】Stable Diffusion开源本地化的文生图图生图AI
  • 县城楼市踩踏式降价,或现2字头,率先回归月薪一平方的合理价格