【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

在这里插入图片描述

透明度和圆角

在这里插入图片描述

在这里插入图片描述

改变多边形的边数

在这里插入图片描述

渐变效果

在这里插入图片描述

描边

在这里插入图片描述

设置阴影等特效

在这里插入图片描述

拖拽相同的图形

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/937152.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

MATLAB中all,any函数的应用

MATLAB中all,any函数的应用

all表示要查的范围内全非 0 0 0返回 1 1 1，否则返回 0 0 0 any表示要查的范围内有一个非 0 0 0返回 1 1 1，否则返回 0 0 0 向量和矩阵都可以使用，在矩阵中，可以通过1(看列)或2(看行)设置维度 a l l all all和 a n y any any函数…
阅读更多...
.NET 9 已发布，您可以这样升级或更新

.NET 9 已发布，您可以这样升级或更新

.NET 9 已经发布，您可能正在考虑更新您的 ASP.NET Core 应用程序。 我们将介绍更新应用程序所需的内容。从更新 Visual Studio 和下载 .NET SDK 到找出可能破坏应用程序的任何重大更改。 下载 .NET 9 SDK 这些是下载 .NET 9 SDK 所需的步骤。 更新 Visual Studi…
阅读更多...
服务器数据恢复—热备盘上线过程中硬盘离线导致raid5阵列崩溃的数据恢复案例

服务器数据恢复—热备盘上线过程中硬盘离线导致raid5阵列崩溃的数据恢复案例

服务器数据恢复环境： 两组分别由4块SAS接口硬盘组建的raid5阵列，两组raid5阵列划分LUN并由LVM管理，格式化为EXT3文件系统。 服务器故障： RAID5阵列中一块硬盘未知原因离线，热备盘自动激活上线替换离线硬盘。在热备盘上…
阅读更多...
Mac上使用ln指令创建软链接、硬链接

Mac上使用ln指令创建软链接、硬链接

在Mac、Linux和Unix系统中，软连接（Symbolic Link）和硬连接（Hard Link）是两种不同的文件链接方式。它们的主要区别如下： 区别： 硬连接： 不能跨文件系统。不能链接目录（为…
阅读更多...
PCIe学习笔记

PCIe学习笔记

PCIE高速串行数据总线 当拿到一块板子 比如你要用到PCIE 首先要看这块板子的原理图 一般原理图写的是 PCI express 表示PCIE 以下是Netfpga为例下的PCIE插口元件原理图 ![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/01dc604fbdc847e8998a978c83c7b2eb.png 一般主…
阅读更多...
Elasticsearch Kibana （windows版本） 安装和启动

Elasticsearch Kibana （windows版本） 安装和启动

目录 1.安装 2.启动 elasticsearch 3.启动 kibana 1.安装 elasticsearch下载，官网链接： Download Elasticsearch | Elastichttps://www.elastic.co/downloads/elasticsearch kibana下载，官网链接： Download Kibana Free | G…
阅读更多...
linux下查看nginx的安装路径

linux下查看nginx的安装路径

一般会安装在默认位置下：/usr/local/openresty/nginx 或/usr/local/nginx 查看nginx运行进程，mast process 后面一般是nginx 的安装目录 ps -aux|grep nginx执行ls -l /proc/进程号/exe 会打印出安装/运行位置 ps -aux|grep nginx ls -l /proc/进程号/ex…
阅读更多...
strongswan构建测试环境

strongswan构建测试环境

make-testing脚本文件负责构建strongswan的虚拟化测试系统。位于目录strongswan-5.9.14/testing/，需要以管理员身份运行make-testing。生成测试用到的虚拟客户机镜像，KVM虚拟机和虚拟网络的配置文件位于目录:config/kvm。 ~/strongswan-5.9.14/testing$…
阅读更多...
以太网链路详情

以太网链路详情

文章目录 1、交换机1、常见的概念1、冲突域2、广播域3、以太网卡1、以太网卡帧 4、mac地址1、mac地址表示2、mac地址分类3、mac地址转换为二进制 2、交换机的工作原理1、mac地址表2、交换机三种数据帧处理行为3、为什么会泛洪4、转发5、丢弃 3、mac表怎么获得4、同网段数据通信…
阅读更多...
噪杂环境（房车改装市场）离线语音通断器模块

噪杂环境（房车改装市场）离线语音通断器模块

一直在坚持，却很难有机会上热门，在现在这个以流量为导向的时代，貌似很难靠所谓的坚守和热爱把产品成功的推向市场了。目前的客户仍然是以老客户为主，应用场景主要是房车改装，根据九客户的需求定制化一些模块。因为没有…
阅读更多...
Android实现RecyclerView边缘渐变效果

Android实现RecyclerView边缘渐变效果

Android实现RecyclerView边缘渐变效果 1.前言： 是指在RecyclerView中实现淡入淡出效果的边缘效果。通过这种效果，可以使RecyclerView的边缘在滚动时逐渐淡出或淡入，以提升用户体验。 2.Recyclerview属性： 2.1、requiresFading…
阅读更多...
操作系统（10）存储器的层次结构

操作系统（10）存储器的层次结构

前言 操作系统存储器的层次结构是一个复杂而有序的系统，它旨在提供不同速度、容量和成本的存储设备，以满足计算机系统中各种数据存取需求。 一、层次结构概述 操作系统存储器的层次结构通常包括多个层次，从高速到低速、从高成本到低成本排列。…
阅读更多...
数据库中的代数运算

数据库中的代数运算

这些代数基本运算通常被封装在数据库查询语言中，如SQL中的SELECT、FROM、WHERE等子句，使得用户可以更方便地对数据库进行查询和处理。 下面的介绍基于以下两个关系来说明： 传统的集合运算 并（∪） 合并两个关系中的元组…
阅读更多...
9_less教程 --[CSS预处理]

9_less教程 --[CSS预处理]

LESS（Leaner Style Sheets）是一种CSS预处理器，它扩展了CSS语言，增加了变量、嵌套规则、混合（mixins）、函数等功能，使得样式表的编写更加灵活和易于维护。下面是一些LESS的基础教程内容&#xff…
阅读更多...
Vulhub：Fastjson[漏洞复现]

Vulhub：Fastjson[漏洞复现]

1.2.24-rce(CVE-2017-18349-Fastjson反序列化) 对于 Fastjson 来说，该漏洞的主要问题在于其1.2.24版本中autotype特性允许任意类的反序列化，因此攻击者通过type指定自定义类并实例化，在特定条件下调用这些类的公共方法。如果一个不受信任的 J…
阅读更多...
【AI日记】24.12.13 kaggle 比赛 2-3 大扫除、断舍离、自己做饭

【AI日记】24.12.13 kaggle 比赛 2-3 大扫除、断舍离、自己做饭

【AI论文解读】【AI知识点】【AI小项目】【AI战略思考】【AI日记】 工作 参加：kaggle 比赛 Regression with an Insurance Dataset参考：kaggle 回归类入门比赛 House Prices - Advanced Regression Techniques内容：构建自己的EDA&#xff08…
阅读更多...
MIF格式详解，javascript加载导出 MIF文件示例

MIF格式详解，javascript加载导出 MIF文件示例

MIF 格式详解 MIF（MapInfo Interchange Format）是由Pitney Bowes Software开发的一种文本格式，用于存储地理空间数据。它通常与地图可视化和地理信息系统（GIS）相关联。MIF文件通常成对出现，一个.mif文件用…
阅读更多...
vlan和vlanif

vlan和vlanif

文章目录 1、为什么会有vlan的存在2、vlan(虚拟局域网)1、vlan原理1. 为什么这样划分了2、如何实现不同交换机相同的vlan实现互访呢3、最优化的解决方法，vlan不同交换机4、vlan标签和vlan数据帧 5、vlan实现2、基于vlan的划分方式1、基于接口的vlan划分方式2、基于m…
阅读更多...
PyTorch基本使用-自动微分模块

PyTorch基本使用-自动微分模块

学习目的：掌握自动微分模块的使用 训练神经网络时，最常用的算法就是反向传播。在该算法中，参数（模型权重）会根据损失函数关于对应参数的梯度进行调整。为了计算这些梯度，PyTorch 内置了名为 torch.autogra…
阅读更多...
Oracle最佳实践-优化硬解析

Oracle最佳实践-优化硬解析

前段时间参加oracle CAB，oracle高级服务部门做了一个数据库最佳实践的报告，其中就有一项就是解决未使用绑定变量但执行次数很多的SQL； 对于一个数据库来说如果不知道该如何优化，那么最简单最有效的优化就是减少硬解析，…
阅读更多...
最新文章

Copyright @ 2022~2023