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

【Figma_01】Figma软件初始与使用

news 2025/11/15 7:27:19

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

使用docker在3台服务器上搭建基于redis 6.x的一主两从三台均是哨兵模式

一、环境及版本说明 如果服务器已经安装了docker,则忽略此步骤,如果没有安装,则可以按照一下方式安装: 1. 在线安装(有互联网环境): 请看我这篇文章 传送阵>> 点我查看 2. 离线安装(内网环境):请看我这篇文章 传送阵>> 点我查看 说明：假设每台服务器已…...

编程新知 2025/11/14 19:42:18

接口测试中缓存处理策略

在接口测试中，缓存处理策略是一个关键环节，直接影响测试结果的准确性和可靠性。合理的缓存处理策略能够确保测试环境的一致性，避免因缓存数据导致的测试偏差。以下是接口测试中常见的缓存处理策略及其详细说明： 一、缓存处理的核…...

编程新知 2025/11/14 19:42:17

从零实现STL哈希容器：unordered_map/unordered_set封装详解

本篇文章是对C学习的STL哈希容器自主实现部分的学习分享 希望也能为你带来些帮助~ 那咱们废话不多说&#xff0c;直接开始吧&#xff01; 一、源码结构分析 1. SGISTL30实现剖析 // hash_set核心结构 template <class Value, class HashFcn, ...> class hash_set {ty…...

编程新知 2025/11/13 16:26:16

（转）什么是DockerCompose?它有什么作用？

一、什么是DockerCompose? DockerCompose可以基于Compose文件帮我们快速的部署分布式应用&#xff0c;而无需手动一个个创建和运行容器。 Compose文件是一个文本文件&#xff0c;通过指令定义集群中的每个容器如何运行。 DockerCompose就是把DockerFile转换成指令去运行。 …...

编程新知 2025/11/10 21:33:17

大数据学习（132）-HIve数据分析

​​​​&#x1f34b;&#x1f34b;大数据学习&#x1f34b;&#x1f34b; &#x1f525;系列专栏&#xff1a; &#x1f451;哲学语录: 用力所能及&#xff0c;改变世界。 &#x1f496;如果觉得博主的文章还不错的话&#xff0c;请点赞&#x1f44d;收藏⭐️留言&#x1f4…...

编程新知 2025/10/7 8:52:21

LINUX 69 FTP 客服管理系统 man 5 /etc/vsftpd/vsftpd.conf

FTP 客服管理系统 实现kefu123登录&#xff0c;不允许匿名访问&#xff0c;kefu只能访问/data/kefu目录&#xff0c;不能查看其他目录 创建账号密码 useradd kefu echo 123|passwd -stdin kefu [rootcode caozx26420]# echo 123|passwd --stdin kefu 更改用户 kefu 的密码…...

编程新知 2025/11/12 13:38:19

七、数据库的完整性

七、数据库的完整性 主要内容 7.1 数据库的完整性概述 7.2 实体完整性 7.3 参照完整性 7.4 用户定义的完整性 7.5 触发器 7.6 SQL Server中数据库完整性的实现 7.7 小结 7.1 数据库的完整性概述 数据库完整性的含义 正确性 指数据的合法性 有效性 指数据是否属于所定…...

编程新知 2025/11/12 15:21:52

Web中间件--tomcat学习

Web中间件–tomcat Java虚拟机详解 什么是JAVA虚拟机 Java虚拟机是一个抽象的计算机&#xff0c;它可以执行Java字节码。Java虚拟机是Java平台的一部分&#xff0c;Java平台由Java语言、Java API和Java虚拟机组成。Java虚拟机的主要作用是将Java字节码转换为机器代码&#x…...

编程新知 2025/9/13 18:20:34

Ubuntu系统复制（U盘-电脑硬盘）

所需环境 电脑自带硬盘&#xff1a;1块 (1T) U盘1&#xff1a;Ubuntu系统引导盘&#xff08;用于“U盘2”复制到“电脑自带硬盘”&#xff09; U盘2&#xff1a;Ubuntu系统盘&#xff08;1T&#xff0c;用于被复制&#xff09; &#xff01;&#xff01;&#xff01;建议“电脑…...

编程新知 2025/11/10 4:18:39

ubuntu22.04有线网络无法连接，图标也没了

今天突然无法有线网络无法连接任何设备&#xff0c;并且图标都没了 错误案例 往上一顿搜索&#xff0c;试了很多博客都不行&#xff0c;比如 Ubuntu22.04右上角网络图标消失 最后解决的办法 下载网卡驱动&#xff0c;重新安装 操作步骤 查看自己网卡的型号 lspci | gre…...

编程新知 2025/11/11 2:16:46