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

billycoder billycoder 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2k累计阅读 2.1k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄17年
关注
原创 2022-01-23 16:29:34 2k 阅读 AI 写同款· GEO 优化 ›
Figma进阶-用Easometric插件打造2.5D立体图表 本文详细介绍了如何在Figma中利用Easometric插件高效创建2.5D立体图表。通过分步教程，从安装插件、构建基础立方体到制作复杂的立体柱状图和饼图，手把手教你掌握这一提升数据可视化设计科技感与视觉冲击力的关键技能。文章还分享了色彩规划、光影模拟等进阶技巧，并提供了常见问题的高效解决方案，助力设计师快速打造专业级立体视觉效果。 阅读详情

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

效果

在这里插入图片描述

步奏

1.分析案列

在这里插入图片描述

2.绘制3个基本矩形

在这里插入图片描述

3.通过Easometric插件完成变形

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

4.完成图形拼合

在这里插入图片描述

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

在这里插入图片描述

背景模糊
线性渐变
图片或者文字也可以变型
复制属性:ctrl+alt+c
粘贴属性:ctrl+alt+v
收录于
ui设计

当前文章被收录于：

ui设计
38 篇文章 27 人学习
订阅专栏 查看详情
标签
#figma #ui设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Figma新手必看：5分钟用Easometric插件打造超酷3D立方体（附详细步骤） 本文为Figma新手提供了一份快速打造3D立方体的实战指南。通过核心插件Easometric，配合Oblique等工具，详细拆解了从平面图形到立体效果的完整步骤，帮助用户无需3D基础即可轻松创建专业级等距设计，提升视觉表现力。 阅读详情

相关推荐

Figma实战：2.5D图标设计全流程解析

本文详细解析了使用Figma进行2.5D图标设计的全流程，从基础概念到实战技巧。通过等轴测网格设置、Easometric插件应用、基础形状绘制、色彩搭配与光影处理等步骤，帮助设计师高效创建精美的2.5D图标。文章特别强调了Figma在2.5D设计中的优势，包括插件生态和矢量编辑能力，适合UI/UX设计师学习参考。

weixin_28523493的博客 364

Figma入门-立体效果

本文介绍如何使用Easometric插件在Figma中创建立体效果，包括安装插件、处理图标、尝试不同视角、复制调整多个面构建立方体，并通过调整透明度和层级实现真实立体效果。

我码玄黄的博客 864

5分钟用Spline制作一个Figma图标

Spline是一个新出的轻量级3D软件，可以轻松创建和发布3D Web体验。快速构建和迭代，并可直接导出可开发的文件。 1. 新建Spline文件 打开spline软件，新建一个文件。这时默认会创建一个320✖️320px的白色背景，为了更好得显示，我们将背景放大至800✖️800，然后点左上角的锁定按钮，将白色背景固定住。 2. Figma图标的构成 从Figma官网上可以看到，Figma图标包含红、浅红、紫、蓝、绿5种颜色，半圆角矩形、圆形、3个圆角一个直角的图形3种类型。如果转换为3D图形，则应该

设计の诗 4385

Figma实战：2.5D图标设计与Easometric插件高效应用

本文详细介绍了在Figma中利用Easometric插件高效设计2.5D图标的完整流程与技巧。从基础形状准备到等距变形实操，再到色彩与细节处理，逐步解析2.5D图标设计的核心方法。文章还分享了复杂结构构建、性能优化及团队协作规范等高级技巧，帮助设计师提升工作效率与设计质量。

weixin_30566063的博客 604

Figma实战：2.5D图标设计的Easometric插件高效应用

本文详细介绍了如何在Figma中利用Easometric插件高效创建2.5D图标。通过理解等角投影原理，结合五步实战流程——从绘制基础图形、使用插件变形、拼合复杂形体，到色彩质感添加与细节处理，设计师可以快速掌握这一平衡美感与效率的设计风格，显著提升2.5D图标的设计效率与质量。

weixin_28523493的博客 334

Figma新手必看：5分钟搞定2.5D图标设计（附Easometric插件使用技巧）

本文为Figma新手提供了一套高效的2.5D图标设计工作流。通过深度解析Easometric插件的使用技巧，包括预设配置、属性粘贴等高级功能，帮助设计师在5分钟内快速完成从平面草图到立体成品的图标设计，大幅提升工作效率。

weixin_28520495的博客 292

【Figma学习】图标制作

Figma学习

weixin_47050107的博客 2027

Figma新手必看：5分钟搞定2.5D图标绘制（附Easometric插件使用技巧）

本文为Figma新手提供了快速上手2.5D图标绘制的完整指南。通过解析2.5D设计原理，并重点介绍Easometric插件的核心使用技巧，帮助读者在5分钟内掌握从基础立方体到复杂场景的构建方法，高效创作出具有立体感的等距视觉作品。

weixin_28523493的博客 191

figma-图标

iconfont支持蓝色使用插件：Fill Rule Editor1.figma导入iconfont问题会遇到图标不一致的情况图标由黄色改为蓝色2.需要Flatten之后好用，选中内层图标，不要变成组件，直接改图形，目标是把它变成蓝色的需要点击高亮处，把空隙里面内容去掉另外要在原子组件里调。

基本无害的博客 2423

Figma进阶技巧：如何用2.5D图标提升你的设计作品（含Easometric插件使用指南）

本文详细介绍了如何利用Figma和Easometric插件创建2.5D图标，提升设计作品的视觉层次和用户体验。通过解析2.5D设计原理、Easometric插件的深度使用技巧以及实战案例演示，帮助设计师快速掌握这一流行设计风格，适用于移动应用和网页设计等多种场景。

weixin_30733003的博客 228

从平面到立体：用Figma+Easometric打造高级2.5D图标全流程

本文详细介绍了如何利用Figma和Easometric插件从零开始打造高级2.5D图标的全流程。从理解2.5D设计的核心逻辑到基础形状构建、高级质感塑造，再到高效工作流优化，帮助设计师掌握这一独特设计风格的实用技巧，提升数字产品界面的视觉表现力。

weixin_28523493的博客 125

别再手动导图标了！用LVGL Font Converter和阿里图标库，5分钟为你的嵌入式项目添加Figma图标

本文介绍了如何利用LVGL Font Converter和阿里图标库快速为嵌入式项目添加Figma图标，大幅提升开发效率。通过矢量图标字体方案，解决了传统位图和SVG图标的内存占用和性能问题，详细讲解了从Figma导出、阿里图标库处理到LVGL集成的全流程技巧，帮助开发者5分钟内完成图标导入。

weixin_30918633的博客 491

Figma教程上新丨绝了~以为是青铜结果是个王者

UI设计岗位日趋火热的当下，UI设计软件也日渐受到关注。掌握更高效的生产力工具，已成为职场人的加薪技能！ 毫不夸张的说，设计师的日常工作只有 20 %的时间在发挥创意解决问题，80% 的时间都在重复一些机械操作，改颜色、改间距、改排列等等，这些都让整个设计工作冗余、低效还无趣。 网上有句话说的好，成功人士都是工具控。好的工具不仅能够提升劳动效率，连干活儿的心情都能好很多。图片 Figma 是一款更为先进、更理解设计师工作方式和需求的界面设计工具。Figma 让设计师无需再考虑操作系统问题，也不需要管理插件

weixin_51689029的博客 1123

2.5D素材_设计_软件

2.5D素材的制作涉及多种软件工具，具体选择取决于设计需求和个人技能。

浪漫韫秋 926

设计师必看！用Figma+2.5D地图组件打造高逼真数据可视化原型

本文详细介绍了如何利用Figma和2.5D地图组件打造高逼真数据可视化原型，帮助设计师在智慧城市、工业监控等领域提升作品效果。通过核心原则、高效工作流和交互动效设计，实现美观与功能的完美平衡，并优化开发协作流程。

read5的博客 296

C++ 类

本文介绍了C++中类的核心概念和使用方法。

weixin_54859557的博客 1016

Figma 从入门到精通：一篇写给设计师和前端开发者的完整指南

Figma全链路设计指南：从零基础到项目实战 本文系统梳理Figma设计全流程，涵盖基础操作、进阶功能、图标绘制、APP实战及团队协作等核心内容。通过竞品对比、界面解析、工具详解和实战案例，帮助读者建立专业设计工作流。特别强调Figma的组件系统、自动布局和协作优势，并提供新手学习路径、快捷键指南和7天练习计划。文章既可独立作为教程，也可配合视频课程使用，适合不同基础的设计师系统提升Figma技能。

黄裳博客 1565

从零到一：Ubuntu22.04下VSCode与中文输入法的深度整合指南

本文详细介绍了在Ubuntu22.04系统中如何深度整合VSCode与中文输入法，包括环境准备、安装方案对比、输入法配置及常见问题解决方案。通过fcitx框架优化中文输入体验，提供从基础设置到高级调试的全方位指南，帮助开发者提升在Linux环境下的开发效率。

weixin_29158047的博客 483

Figma#1： 图形绘制

放寒假了，但又没完全放

weixin_62428841的博客 2万+

MacBook Pro 合盖省电终极配置：pmset 5条命令实现一夜掉电＜1%

本文详细介绍了如何通过5条pmset终端命令优化MacBook Pro的合盖休眠设置，实现一夜掉电<1%的极致省电效果。针对M系列芯片的特性，文章解析了MacOS的休眠机制，并提供电池模式与电源模式的差异化配置方案，帮助用户显著提升续航表现。

weixin_33824385的博客 480

FastGPT 引申：借鉴 FastGPT 基于MySQL + ES 实现知识库（含表结构以及核心代码）

FastGPT 引申：借鉴 FastGPT 基于MySQL + ES 实现知识库（含表结构以及核心代码）

蜗牛的专栏 3435
上一篇： 19-Figma-旋转造型绘制技法
下一篇： 21-Figma-APP项目实战概述
点赞 0
评论 0
书签 书签 0
billycoder
billycoder
博客等级 码龄17年 171粉丝 188原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值