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

【Figma_01】Figma软件初始与使用

news 2026/5/21 19:03:36

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

告别花屏！手把手教你为STM32H743的RGB屏配置LVGL显示驱动（基于CubeIDE）

告别花屏！STM32H743的RGB屏LVGL显示驱动全流程实战（基于CubeIDE） 在嵌入式GUI开发中，LVGL凭借轻量级、高性能和丰富的控件库成为热门选择。但对于STM32H743这类高性能MCU，如何充分发挥硬件潜力并避免常见显示问题&…...

编程新知 2026/5/21 17:05:27

Python开发者三步完成Taotoken接入并运行第一个AI对话

🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 Python开发者三步完成Taotoken接入并运行第一个AI对话对于希望快速将大模型能力集成到Python项目中的开发者而言，找到…...

编程新知 2026/5/21 13:47:07

TikTokDownload：5分钟搞定抖音去水印批量下载终极方案

TikTokDownload：5分钟搞定抖音去水印批量下载终极方案【免费下载链接】TikTokDownload 抖音去水印批量下载用户主页作品、喜欢、收藏、图文、音频项目地址: https://gitcode.com/gh_mirrors/ti/TikTokDownload 想要轻松保存抖音上的精彩内容却苦于官方水印…...

编程新知 2026/5/21 13:25:22

Windows RTMP流媒体服务器搭建完整指南：nginx-rtmp-win32终极教程

Windows RTMP流媒体服务器搭建完整指南：nginx-rtmp-win32终极教程【免费下载链接】nginx-rtmp-win32 Nginx-rtmp-module Windows builds. 项目地址: https://gitcode.com/gh_mirrors/ng/nginx-rtmp-win32 想要在Windows系统上快速搭建自己的RTMP直播服务器…...

编程新知 2026/5/21 12:56:49

FLUX.1-dev-Controlnet-Union深度解析：多模态控制网络的架构与实战应用

FLUX.1-dev-Controlnet-Union深度解析：多模态控制网络的架构与实战应用【免费下载链接】FLUX.1-dev-Controlnet-Union 项目地址: https://ai.gitcode.com/hf_mirrors/InstantX/FLUX.1-dev-Controlnet-Union FLUX.1-dev-Controlnet-Union作为FLUX.1-dev生态…...

编程新知 2026/5/21 12:22:48

用USRP B200mini和GNU Radio抓取大疆无人机位置：一个极客的无线安全实验手记

极客实验室：用USRP B200mini破解无人机通信协议实战指南从零开始的SDR探险去年夏天的一个傍晚，我在阳台上调试天线时，突然注意到头顶频繁掠过的无人机。这些飞行器究竟在传输什么数据？这个偶然的观察引发了我长达三个月的技术…...

编程新知 2026/5/21 12:10:03

Chrome-Charset：三步解决浏览器网页乱码问题的终极指南

Chrome-Charset：三步解决浏览器网页乱码问题的终极指南【免费下载链接】Chrome-Charset An extension used to modify the page default encoding for Chromium 55 based browsers. 项目地址: https://gitcode.com/gh_mirrors/ch/Chrome-Charset 你是否曾经…...

编程新知 2026/5/21 11:47:29