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

【Figma_01】Figma软件初始与使用

news 2026/2/10 1:29:02

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

在这里插入图片描述

透明度和圆角

在这里插入图片描述

在这里插入图片描述

改变多边形的边数

在这里插入图片描述

渐变效果

在这里插入图片描述

描边

在这里插入图片描述

设置阴影等特效

在这里插入图片描述

拖拽相同的图形

在这里插入图片描述

相关文章：

【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 Interfa…...

编程日记 2024/12/16 18:00:07

【Python篇】PyQt5 超详细教程——由入门到精通（序篇）

文章目录 PyQt5 超详细入门级教程前言序篇：1-3部分：PyQt5基础与常用控件第1部分：初识 PyQt5 和安装1.1 什么是 PyQt5？1.2 在 PyCharm 中安装 PyQt51.3 在 PyCharm 中编写第一个 PyQt5 应用程序1.4 代码详细解释1.5 在 PyCharm 中运…...

编程日记 2024/12/16 17:59:05

day2 数据结构 结构体的应用

思维导图 小练习： 定义一个数组，用来存放从终端输入的5个学生的信息【学生的信息包含学生的姓名、年纪、性别、成绩】 1>封装函数 录入5个学生信息 2>封装函数 显示学生信息 3>封装函数 删除第几个学生信息，删除后调用显示学…...

编程日记 2024/12/16 17:56:01

CSS 进阶教程：从定位到动画与布局

文章目录 🌟 CSS 进阶教程：从定位到动画与布局🌟 目录🌟 1. 定位**Static（默认定位）****Relative（相对定位）****Absolute（绝对定位）****Fixed（固定…...

编程日记 2024/12/16 17:55:00

Nginx性能优化全方案：打造一个高效服务器

Nginx性能优化全方案：打造一个高效服务器 调整工作进程数和线程数调整工作进程数调整线程数 启用Gzip压缩安装Gzip模块配置Gzip压缩 配置缓存策略配置浏览器缓存时间配置代理服务器缓存时间 优化文件访问方式使用sendfile()函数发送文件数据启用sendfile_max_chunk和…...

编程日记 2024/12/16 17:53:58

详解Maven的setting配置文件中mirror和repository的区别

在Maven的setting中，我们常常会用到mirror和repository配置，其中mirror是镜像的意思，而repository则是仓库的意思，它们两者都可以改变maven下载项目以来jar包的地址。 仓库（repository） repository就是个…...

编程日记 2024/12/16 17:51:56

框架模块说明 #07 API加密

背景 在实际开发过程中，我们通常会涉及到数据加密的问题。本文重点探讨两个方面：一是外部接口调用时的数据加密，二是服务间调用的数据加密与解密。 对于外部接口调用，每个用户将拥有独立的动态 AES 加密密钥（KEY&…...

编程日记 2024/12/16 17:50:55

安卓BLE蓝牙开发经验分享

注意点一：一开始必须申请权限，否则后面根本无法成功。 注意点二：BLE使用向某个特征写入来发送数据，写入一次默认长度是23字节，必须向蓝牙设备申请更大字节的写入才能发送更多字节。（23字节是BLE通信的最小…...

编程日记 2024/12/16 17:49:54

后缀表达式有什么场景应用

后缀表达式（Reverse Polish Notation, RPN）在多个领域中有广泛的应用，主要由于其简洁性和易于计算机处理的特点。以下是一些主要的应用场景： ### 1. **编译器和解释器** 后缀表达式在编译器和解释器中用于表达式求值。由于后缀表…...

编程日记 2024/12/16 17:46:51

使用 Kubernetes 部署 Redis 主从及 Sentinel 高可用架构(未做共享存储版)

文章目录 使用 Kubernetes 部署 Redis 主从及 Sentinel 高可用架构Redis 主从架构部署 (1.yaml)Redis Sentinel 部署 (2.yaml)Sentinel 服务暴露 (3.yaml)部署步骤总结 使用 Kubernetes 部署 Redis 主从及 Sentinel 高可用架构 本文将详细介绍如何在 Kubernetes 中部署 Redis …...

编程日记 2024/12/16 17:42:45

AI开发 - 用GPT写一个GPT应用的真实案例

就在昨天，我的同事推荐给我了一个第三方的公共大模型API，这个API集合了国际上上几乎所有知名的大模型，只需要很少的费用，就可以接入到这些大模型中并使用它们。成本之低，令人乍舌！包括我们现在无法试用的 G…...

编程日记 2024/12/16 17:39:42

C#—索引器

C#—索引器 索引器（Indexer）是类中的一个特殊成员，它能够让对象以类似数组的形式来操作，使程序看起来更为直观，更容易编写。索引器与属性类似，在定义索引器时同样会用到 get 和 set 访问器，不同…...

编程日记 2024/12/16 17:37:37

杨振宁大学物理视频中黄色的字去掉（稳定简洁版本，四）

杨振宁大学物理1214 色带矩形带来很大麻烦！ 今天想到一个方法，整个色带矩形拉通，做个通铺处理，不计算，代码做最小化，最稳定追求。 因为黄色字稳定，我们找到他的中心，而这个色带矩形…...

编程日记 2024/12/16 17:35:34

排序算法（5）：归并排序

问题 排序 [30, 24, 5, 58, 18, 36, 12, 42, 39] 归并排序 归并排序采用分治法，将序列分成若干子序列，每个子序列有序后再合并成有序的完整序列。 在数组排序中，如果只有一个数，那么它本身就是有序的。如果有两个数&#xff0…...

编程日记 2024/12/16 17:32:31

Gate学习(7)引入体素源

一、从GitHub下载体素源模型源码 下载地址：BenAuer2021/Phantoms-for-Nuclear-Medicine-Imaging-Simulation：用于核医学成像应用的模型（闪烁显像、SPECT 和 PET） --- BenAuer2021/Phantoms-For-Nuclear-Medicine-Imaging-Simulat…...

编程日记 2024/12/16 17:30:29

2024.12.14 TCP/IP 网络模型有哪几层?

2024.12.14 TCP/IP 网络模型有哪几层? 2024.12.14 今天周六 看到大伙都在考六级，我来复盘小林coding的计算机网络的知识点： TCP/IP 网络模型有哪几层? 问大家，为什么要有 TCP/IP 网络模型? 对于同一台设备上的进程间通信，有…...

编程日记 2024/12/16 17:29:28

item2 for macos

安装Item2 brew install iterm2 查看终端类型 cat /etc/shells Mac OS X 10.15 已经将默认的shell从Bash换成了zsh，所以不用安装，10.15以前的可以使用下面的命令进行安装 brew install zsh 安装Oh My ZSH # curl sh -c "$(curl -fsSL https://ra…...

编程日记 2024/12/16 17:28:26

二维三维空间上两点之间的距离

二维三维路径上，路径总距离以及途径点与障碍物之间的距离等都需要计算两点之间的距离。两点之间的距离有多种计算方法，这些计算方法主要取决于所考虑的空间维度、点的属性以及具体的应用场景。以下是一些常见的距离计算方法： 1. 曼哈顿距离（Manhattan distance） 定义：也…...

编程日记 2024/12/16 17:27:25

相机测距原理

基础概念的回顾 焦距的定义 焦距是指透镜或镜头的光学中心（通常是透镜的几何中心）到其焦点的距离。 焦点是光线的交点，它指的是透镜或镜头聚焦所有入射光线后汇聚的位置。焦点的位置与透镜的曲率和光线的入射角度相关。就是说所有光线经过…...

编程日记 2024/12/16 17:25:22

Debezium SchemaNameAdjuster 分析

Debezium SchemaNameAdjuster 分析 目录 1. 概述2. 核心功能3. 实现原理4. 应用场景5. 扩展示例6. 总结1. 概述 SchemaNameAdjuster 是 Debezium 中的一个工具类，主要用于确保 Schema 名称符合 Avro 命名规范。在数据库变更事件被转换为 Kafka 消息时，需要为每个表和字段创…...

编程日记 2024/12/16 17:24:21

智慧医疗能源事业线深度画像分析（上）

引言 医疗行业作为现代社会的关键基础设施，其能源消耗与环境影响正日益受到关注。随着全球"双碳"目标的推进和可持续发展理念的深入，智慧医疗能源事业线应运而生，致力于通过创新技术与管理方案，重构医疗领域的能源使用模式。这一事业线融合了能源管理、可持续发…...

编程新知 2026/2/8 20:41:46

生成 Git SSH 证书

🔑 1. ​​生成 SSH 密钥对​​ 在终端（Windows 使用 Git Bash，Mac/Linux 使用 Terminal）执行命令： ssh-keygen -t rsa -b 4096 -C "your_emailexample.com" ​​参数说明​​： -t rsa&#x…...

编程新知 2025/9/18 11:31:13

python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）

更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...

编程新知 2025/10/25 7:51:48

css的定位（position）详解：相对定位 绝对定位 固定定位

在 CSS 中，元素的定位通过 position 属性控制，共有 5 种定位模式：static（静态定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）和…...

编程新知 2026/2/6 6:35:29

如何理解 IP 数据报中的 TTL？

目录 前言理解 前言 面试灵魂一问：说说对 IP 数据报中 TTL 的理解？我们都知道，IP 数据报由首部和数据两部分组成，首部又分为两部分：固定部分和可变部分，共占 20 字节，而即将讨论的 TTL 就位于首…...

编程新知 2026/2/4 18:09:49

算法笔记2

1.字符串拼接最好用StringBuilder&#xff0c;不用String 2.创建List<>类型的数组并创建内存 List arr[] new ArrayList[26]; Arrays.setAll(arr, i -> new ArrayList<>()); 3.去掉首尾空格...

编程新知 2026/1/27 12:17:05

HashMap中的put方法执行流程（流程图）

1 put操作整体流程 HashMap 的 put 操作是其最核心的功能之一。在 JDK 1.8 及以后版本中&#xff0c;其主要逻辑封装在 putVal 这个内部方法中。整个过程大致如下&#xff1a; 初始判断与哈希计算&#xff1a; 首先&#xff0c;putVal 方法会检查当前的 table&#xff08;也就…...

编程新知 2026/2/8 3:32:52

MySQL 知识小结（一）

一、my.cnf配置详解 我们知道安装MySQL有两种方式来安装咱们的MySQL数据库&#xff0c;分别是二进制安装编译数据库或者使用三方yum来进行安装,第三方yum的安装相对于二进制压缩包的安装更快捷&#xff0c;但是文件存放起来数据比较冗余&#xff0c;用二进制能够更好管理咱们M…...

编程新知 2026/1/26 13:29:47

vulnyx Blogger writeup

信息收集 arp-scan nmap 获取userFlag 上web看看 一个默认的页面&#xff0c;gobuster扫一下目录 可以看到扫出的目录中得到了一个有价值的目录/wordpress&#xff0c;说明目标所使用的cms是wordpress&#xff0c;访问http://192.168.43.213/wordpress/然后查看源码能看到 这…...

编程新知 2026/1/29 5:24:50

STM32---外部32.768K晶振（LSE）无法起振问题

晶振是否起振主要就检查两个1、晶振与MCU是否兼容&#xff1b;2、晶振的负载电容是否匹配 目录 一、判断晶振与MCU是否兼容 二、判断负载电容是否匹配 1. 晶振负载电容&#xff08;CL&#xff09;与匹配电容&#xff08;CL1、CL2&#xff09;的关系 2. 如何选择 CL1 和 CL…...

编程新知 2026/2/7 10:55:43