20-Figma-2.5D图标绘制技法

已于 2022-01-23 16:29:34 修改
阅读量1.6k 收藏
点赞数
分类专栏： ui设计 文章标签： figma ui设计
于 2022-01-23 07:24:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/billycoder/article/details/122647099
版权

20-Figma-2.5D图标绘制技法

效果

在这里插入图片描述

步奏

1.分析案列

在这里插入图片描述

2.绘制3个基本矩形

在这里插入图片描述

3.通过Easometric插件完成变形

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4.完成图形拼合

在这里插入图片描述

可以用吸管工具i,随意先上色
5.添加颜色和图片和者文字

在这里插入图片描述

背景模糊
线性渐变
图片或者文字也可以变型
复制属性:ctrl+alt+c
粘贴属性:ctrl+alt+v
billycoder
关注
专栏目录
feathericon-figma:Figma的简单通用矢量图标集合
05-08
Feathericon是一款专门为Figma设计的简单且通用的矢量图标集合。这款图标集旨在提供一个易用、灵活且高质量的...通过下载的"feathericon-figma-master"，你可以获取到图标集的全部内容，包括源文件，方便自定义和开发。
【Figma学习】图标制作
weixin_47050107的博客
08-16 1601
Figma学习
10个国内设计师都在用的Figma插件分享给你，超实用！
2301_79733101的博客
11-02 867
随着设计工具的不断发展和持续创新，产生了许多实用的小插件，可以帮助设计师朋友们有效提高设计效率，节省不必要的设计时间和设计精力到意义和价值更高的设计部分上去。而Figma作为一个功能丰富有强大的专业设计工具，深受国内设计师的喜爱，拥有众多粉丝用户。那么你知道哪些Figma插件更好用吗？有哪些高效实用的Figma插件？今天本文总结了10个高效实用的Figma插件分享，可千万别错过了！
10个改变你Figma体验的高效插件！
2301_79599164的博客
11-09 277
这个工具可以使Figma的所有插件直接悬浮在右边的画布上，最重要的是显示每个插件的logo，更容易找到。在Figma中，文本不能倾斜，这个工具可以调整X和Y轴的调整角度，这个过程是非破坏性的，文本可以在倾斜后继续编辑。通过三轴和透视的参数条件，我们可以达到我们想要的3d效果，非常舒适。非常强大的内容填充工具，可以直接连接到谷歌的服务，直接导入自己设置的表单数据，甚至可以实时更新。这个工具提供了许多常见的3d原型，我们可以将我们的设计应用到原型中进行显示，它支持调整视角，非常容易产生效果！
Figma使用问题（更新自己遇到的问题）
最新发布
技术小白=-=的博客
03-27 3084
记录型笔记（主要记录Figma使用问题和插件使用过程）
好用还免费的10个Figma插件推荐
FourxiYuanzi的博客
04-13 1373
Figma是一款广受设计师喜爱的工具，可用于创建和协作用户界面、图形和原型。它广泛应用的原因之一是因为有许多插件可供选择，可以增强其功能。在本文中，我们将探讨10个设计师必备的Figma插件。
第四课：Figma 图标设计
qq_41768447的博客
07-07 2098
带角度的箭头 shift + L ，按住 shift 键调整以 45 度角调整箭头方向，右侧属性面板可调节箭头方向和线条类型：圆角/直角。绘制图标时，需要多大尺寸的图标，建立多大尺寸的画板，绘制好图标后，按住 alt 键将画板拖入界面中，可保持画板大小，统一图标规范；选择形状，点击右侧属性面板的颜色，切换渐变模式，Linear 中选择渐变类型；选择线段，右键，选择 Outline stroke，即可将线段转为形状；正方体 R + shift，右侧属性面板可调整描边显示方向，描边类型；
create-figma-plugin:开发Figma插件的综合工具包
04-11
"create-figma-plugin"是一个专为开发Figma插件而设计的综合工具包，它简化了插件的创建过程，让开发者可以更高效地构建自己的Figma扩展。 ## 一、Figma插件基础 Figma插件是基于Web技术（如JavaScript和...
eos-icons-figma:EOS图标的Figma扩展
05-07
eos-icons-figma EOS图标的Figma扩展 贡献 遵循Figma插件和。 打开“创建插件”页面，然后选择“ Link existing plugin 。 从eos-icons/manifest.json选择manifest.json文件。
microsoft-figma：从figma中生成无礼的变量文件
02-03
Figma样式为SASS / LESS文件将...获取您的figma个人访问令牌跑gulp extract-figma-styles --token=<FIGMA> --fileId=<FIGMA>这将产生3个文件：colors.scss，typo.scss和json文件figma输出。更多选择--colorFormat rgb
presentator-figma:[只读] Presentator的Figma插件
05-06
Presentator Figma插件 Figma插件可将设计框架直接导出到Presentator。 该存储库是只读的。 在报告问题并发送拉取请求。 请注意，如果您自己托管Presentator ：由于Figma插件在浏览器环境中运行，因此将应用CORS...
2.5D地图GIS系统技术方案
热门推荐
u011180278的博客
03-05 1万+
2.5D地图GIS概述 1.1. 概述 2.5维地图就是根据dem、dom、dlg等数据，以及真三维模型在一定高度、视角和灯光效果，按照轴侧投影的方式生成的地图。本文以电子地图服务平台为例，详细阐述了2.5维电子地图关键技术以及其实现方式。 1.2. 地图的发展和概述 地图作为记录地理信息的一种图形语言形式是按照一定的数学法则，根据地图投影、地理坐标和比例尺，经过制图概括，在一定的...
06-figma-形状操作
billycoder的专栏
01-20 8263
06-figma-形状操作 形状操作 矩形 圆角操作 单个圆角修改 多个圆角修改 直线 水平垂直线 改颜色 箭头 修改箭头方向 椭圆 画正圆 画扇形 多边形 绘制任意多边形 星形 绘制任意多角星 放置图片… 插入图片 在指定的形状中插入图片,直接放入形状即可，这个和蒙版功能很像 蒙版操作 两个图形层叠摆放-》然后框选2个图形-》点击设为模板 布尔运算 如何触发，两个形状，框选之后就会触发 哪些操作？ 连集所选项 -》加-》形状相
2.5D架构图绘制工具
代码大师麦克拉瑞的博客
02-21 2907
亚马逊架构图绘制工具:https://www.cloudcraft.co/ 可绘制2.5D或者平面图，并且可以导出svg，前端同学有福了。
figma 安装插件_figma插件教程6 6
weixin_26715991的博客
08-16 5078
figma 安装插件** The code for this section is here.** **此部分的代码 在这里 。** Okay so we have done a lot of work but our plugin still looks like ???? hot trash™ and is missing some reactiveness. 好的，我们已经做了很多工作，但是我们...
UI: 设计复用时代——人物与场景自主切换的插图设计库
手写我对你的温柔
04-11 381
像讯飞的： 人物UI都是复用的。 Humaaans是可以配合我们熟悉的figma使用的，提供了插件，当然还可以配合其他的。 安装后，新建一个frame，然后使用插件： 他弹出了这个画面，让我们选择，剩下的就是自己搭配衣服、头饰、背景等等、完全自定义。 然后可以导出为svg或者其他格式以便使用。 看到了吗，就拿头这部分而言，是可以自己更换的，实现UI复用。 ...
5分钟用Spline制作一个Figma图标
设计の诗
12-19 3770
Spline是一个新出的轻量级3D软件，可以轻松创建和发布3D Web体验。快速构建和迭代，并可直接导出可开发的文件。 1. 新建Spline文件 打开spline软件，新建一个文件。这时默认会创建一个320✖️320px的白色背景，为了更好得显示，我们将背景放大至800✖️800，然后点左上角的锁定按钮，将白色背景固定住。 2. Figma图标的构成 从Figma官网上可以看到，Figma图标包含红、浅红、紫、蓝、绿5种颜色，半圆角矩形、圆形、3个圆角一个直角的图形3种类型。如果转换为3D图形，则应该
figma button_在Figma中创建图标和徽标的技巧
weixin_26715991的博客
08-31 3641
figma buttonFigma’s $40 million in Series C funding led by Sequoia was announced in early 2019. Almost every designer I know uses it. Every designer online has been raving about it ever since it launc...
PS、AI、Sketch已经老了？这个新生代工具，大家都在偷学！
传智播客的专栏
10-08 273
UI设计岗位日趋火热的当下，UI设计软件也日渐受到关注。掌握更高效的生产力工具，已成为职场人的加薪技能！毫不夸张的说，设计师的日常工作只有 20 %的时间在发挥创意解决问题，80% 的时间...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值