Figma学习一天入门

已于 2022-11-01 19:48:28 修改
阅读量1.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： figma
于 2022-11-01 19:08:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yantuguiguziPGJ/article/details/127639254

目录

0  常规界面

1   设置组件，再拉到Frame下，就可以实现Frame内显示局部组件的效果。

2  json导出格式

3  参考链接

0  常规界面

1  设置组件，再拉到Frame下，就可以实现Frame内显示局部组件的效果。

2  json导出格式

{
    "type": "FRAME",
    "id": "986:1292",
    "name": "Test",
    "x": 5947,
    "y": 9779,
    "width": 1294,
    "height": 734,
    "visible": true,
    "locked": false,
    "opacity": 1,
    "blendMode": "PASS_THROUGH",
    "isMask": false,
    "cornerRadius": 0,
    "cornerSmoothing": 0,
    "topLeftRadius": 0,
    "topRightRadius": 0,
    "bottomLeftRadius": 0,
    "bottomRightRadius": 0,
    "fillStyleId": "S:b6a4e06f8d6cee945eddbba199906848ecee4e84,",
    "strokeStyleId": "",
    "strokeWeight": 1,
    "strokeTopWeight": 1,
    "strokeBottomWeight": 1,
    "strokeLeftWeight": 1,
    "strokeRightWeight": 1,
    "strokeJoin": "MITER",
    "strokeAlign": "INSIDE",
    "dashPattern": [],
    "strokeCap": "NONE",
    "strokeMiterLimit": 4,
    "rotation": 0,
    "layoutAlign": "INHERIT",
    "layoutGrow": 0,
    "layoutPositioning": "AUTO",
    "constraints": {
        "horizontal": "MIN",
        "vertical": "MIN"
    },
    "exportSettings": [],
    "relativeTransform": [
        [
            1,
            0,
            5947
        ],
        [
            0,
            1,
            9779
        ]
    ],
    "absoluteRenderBounds": {
        "x": 5947,
        "y": 9779,
        "width": 1294,
        "height": 734
    },
    "fillGeometry": [
        {
            "windingRule": "NONZERO",
            "data": "M0 0L1294 0L1294 734L0 734L0 0Z"
        }
    ],
    "guides": [],
    "fills": [
        {
            "type": "SOLID",
            "visible": true,
            "opacity": 1,
            "blendMode": "NORMAL",
            "color": {
                "r": 0.7799999713897705,
                "g": 0.7250000238418579,
                "b": 1
            }
        }
    ],
    "strokes": [],
    "effects": [],
    "children": [
        {
            "type": "FRAME",
            "id": "986:1293",
            "name": "TestTwo",
            "x": 0,
            "y": 0,
            "width": 296,
            "height": 734,
            "visible": true,
            "locked": true,
            "opacity": 1,
            "blendMode": "PASS_THROUGH",
            "isMask": false,
            "cornerRadius": 0,
            "cornerSmoothing": 0,
            "topLeftRadius": 0,
            "topRightRadius": 0,
            "bottomLeftRadius": 0,
            "bottomRightRadius": 0,
            "fillStyleId": "S:e9888b395136f5ed64cd5d01063efb321448ac04,",
            "strokeStyleId": "",
            "strokeWeight": 1,
            "strokeTopWeight": 1,
            "strokeBottomWeight": 1,
            "strokeLeftWeight": 1,
            "strokeRightWeight": 1,
            "strokeJoin": "MITER",
            "strokeAlign": "INSIDE",
            "dashPattern": [],
            "strokeCap": "NONE",
            "strokeMiterLimit": 4,
            "rotation": 0,
            "layoutAlign": "INHERIT",
            "layoutGrow": 0,
            "layoutPositioning": "AUTO",
            "constraints": {
                "horizontal": "MIN",
                "vertical": "MIN"
            },
            "exportSettings": [],
            "relativeTransform": [
                [
                    1,
                    0,
                    0
                ],
                [
                    0,
                    1,
                    0
                ]
            ],
            "absoluteRenderBounds": {
                "x": 5947,
                "y": 9779,
                "width": 296,
                "height": 734
            },
            "fillGeometry": [
                {
                    "windingRule": "NONZERO",
                    "data": "M0 0L296 0L296 734L0 734L0 0Z"
                }
            ],
            "guides": [],
            "fills": [
                {
                    "type": "SOLID",
                    "visible": true,
                    "opacity": 1,
                    "blendMode": "NORMAL",
                    "color": {
                        "r": 0.3333333432674408,
                        "g": 0.3176470696926117,
                        "b": 1
                    }
                }
            ],
            "strokes": [],
            "effects": []
        },
        {
            "type": "FRAME",
            "id": "986:1294",
            "name": "TestOne",
            "x": 490,
            "y": 212,
            "width": 653,
            "height": 332,
            "visible": true,
            "locked": true,
            "opacity": 1,
            "blendMode": "PASS_THROUGH",
            "isMask": false,
            "cornerRadius": 0,
            "cornerSmoothing": 0,
            "topLeftRadius": 0,
            "topRightRadius": 0,
            "bottomLeftRadius": 0,
            "bottomRightRadius": 0,
            "fillStyleId": "S:2d8b26bdbece227d5e3042e1876976a0bdded877,",
            "strokeStyleId": "",
            "strokeWeight": 1,
            "strokeTopWeight": 1,
            "strokeBottomWeight": 1,
            "strokeLeftWeight": 1,
            "strokeRightWeight": 1,
            "strokeJoin": "MITER",
            "strokeAlign": "INSIDE",
            "dashPattern": [],
            "strokeCap": "NONE",
            "strokeMiterLimit": 4,
            "rotation": 0,
            "layoutAlign": "INHERIT",
            "layoutGrow": 0,
            "layoutPositioning": "AUTO",
            "constraints": {
                "horizontal": "MIN",
                "vertical": "MIN"
            },
            "exportSettings": [],
            "relativeTransform": [
                [
                    1,
                    0,
                    490
                ],
                [
                    0,
                    1,
                    212
                ]
            ],
            "absoluteRenderBounds": {
                "x": 6437,
                "y": 9991,
                "width": 653,
                "height": 332
            },
            "fillGeometry": [
                {
                    "windingRule": "NONZERO",
                    "data": "M0 0L653 0L653 332L0 332L0 0Z"
                }
            ],
            "guides": [],
            "fills": [
                {
                    "type": "SOLID",
                    "visible": true,
                    "opacity": 1,
                    "blendMode": "NORMAL",
                    "color": {
                        "r": 0.13333334028720856,
                        "g": 0.13333334028720856,
                        "b": 0.13333334028720856
                    }
                }
            ],
            "strokes": [],
            "effects": [],
            "children": [
                {
                    "type": "COMPONENT",
                    "id": "986:1386",
                    "name": "Component 1",
                    "x": 404,
                    "y": -106,
                    "width": 155,
                    "height": 523,
                    "visible": true,
                    "locked": false,
                    "opacity": 1,
                    "blendMode": "PASS_THROUGH",
                    "isMask": false,
                    "cornerRadius": 0,
                    "cornerSmoothing": 0,
                    "topLeftRadius": 0,
                    "topRightRadius": 0,
                    "bottomLeftRadius": 0,
                    "bottomRightRadius": 0,
                    "fillStyleId": "",
                    "strokeStyleId": "",
                    "strokeWeight": 1,
                    "strokeTopWeight": 1,
                    "strokeBottomWeight": 1,
                    "strokeLeftWeight": 1,
                    "strokeRightWeight": 1,
                    "strokeJoin": "MITER",
                    "strokeAlign": "INSIDE",
                    "dashPattern": [],
                    "strokeCap": "NONE",
                    "strokeMiterLimit": 4,
                    "rotation": 0,
                    "layoutAlign": "INHERIT",
                    "layoutGrow": 0,
                    "layoutPositioning": "AUTO",
                    "constraints": {
                        "horizontal": "MIN",
                        "vertical": "MIN"
                    },
                    "exportSettings": [],
                    "relativeTransform": [
                        [
                            1,
                            0,
                            404
                        ],
                        [
                            0,
                            1,
                            -106
                        ]
                    ],
                    "absoluteRenderBounds": {
                        "x": 6841,
                        "y": 9991,
                        "width": 155,
                        "height": 332
                    },
                    "fillGeometry": [
                        {
                            "windingRule": "NONZERO",
                            "data": "M0 0L155 0L155 523L0 523L0 0Z"
                        }
                    ],
                    "guides": [],
                    "description": "",
                    "documentationLinks": [],
                    "fills": [
                        {
                            "type": "SOLID",
                            "visible": false,
                            "opacity": 1,
                            "blendMode": "NORMAL",
                            "color": {
                                "r": 1,
                                "g": 1,
                                "b": 1
                            }
                        }
                    ],
                    "strokes": [],
                    "effects": [],
                    "children": [
                        {
                            "type": "RECTANGLE",
                            "id": "986:1383",
                            "name": "Rectangle 5610",
                            "x": 0,
                            "y": 0,
                            "width": 155,
                            "height": 123,
                            "visible": true,
                            "locked": false,
                            "opacity": 1,
                            "blendMode": "PASS_THROUGH",
                            "isMask": false,
                            "cornerRadius": 0,
                            "cornerSmoothing": 0,
                            "topLeftRadius": 0,
                            "topRightRadius": 0,
                            "bottomLeftRadius": 0,
                            "bottomRightRadius": 0,
                            "fillStyleId": "",
                            "strokeStyleId": "",
                            "strokeWeight": 1,
                            "strokeTopWeight": 1,
                            "strokeBottomWeight": 1,
                            "strokeLeftWeight": 1,
                            "strokeRightWeight": 1,
                            "strokeJoin": "MITER",
                            "strokeAlign": "INSIDE",
                            "dashPattern": [],
                            "strokeCap": "NONE",
                            "strokeMiterLimit": 4,
                            "rotation": 0,
                            "layoutAlign": "INHERIT",
                            "layoutGrow": 0,
                            "layoutPositioning": "AUTO",
                            "constraints": {
                                "horizontal": "SCALE",
                                "vertical": "SCALE"
                            },
                            "exportSettings": [],
                            "relativeTransform": [
                                [
                                    1,
                                    0,
                                    0
                                ],
                                [
                                    0,
                                    1,
                                    0
                                ]
                            ],
                            "absoluteRenderBounds": {
                                "x": 6841,
                                "y": 9991,
                                "width": 155,
                                "height": 17
                            },
                            "fillGeometry": [
                                {
                                    "windingRule": "NONZERO",
                                    "data": "M0 0L155 0L155 123L0 123L0 0Z"
                                }
                            ],
                            "fills": [
                                {
                                    "type": "SOLID",
                                    "visible": true,
                                    "opacity": 1,
                                    "blendMode": "NORMAL",
                                    "color": {
                                        "r": 0.8509804010391235,
                                        "g": 0.8509804010391235,
                                        "b": 0.8509804010391235
                                    }
                                }
                            ],
                            "strokes": [],
                            "effects": []
                        },
                        {
                            "type": "RECTANGLE",
                            "id": "986:1384",
                            "name": "Rectangle 5611",
                            "x": 0,
                            "y": 203,
                            "width": 155,
                            "height": 105,
                            "visible": true,
                            "locked": false,
                            "opacity": 1,
                            "blendMode": "PASS_THROUGH",
                            "isMask": false,
                            "cornerRadius": 0,
                            "cornerSmoothing": 0,
                            "topLeftRadius": 0,
                            "topRightRadius": 0,
                            "bottomLeftRadius": 0,
                            "bottomRightRadius": 0,
                            "fillStyleId": "",
                            "strokeStyleId": "",
                            "strokeWeight": 1,
                            "strokeTopWeight": 1,
                            "strokeBottomWeight": 1,
                            "strokeLeftWeight": 1,
                            "strokeRightWeight": 1,
                            "strokeJoin": "MITER",
                            "strokeAlign": "INSIDE",
                            "dashPattern": [],
                            "strokeCap": "NONE",
                            "strokeMiterLimit": 4,
                            "rotation": 0,
                            "layoutAlign": "INHERIT",
                            "layoutGrow": 0,
                            "layoutPositioning": "AUTO",
                            "constraints": {
                                "horizontal": "SCALE",
                                "vertical": "SCALE"
                            },
                            "exportSettings": [],
                            "relativeTransform": [
                                [
                                    1,
                                    0,
                                    0
                                ],
                                [
                                    0,
                                    1,
                                    203
                                ]
                            ],
                            "absoluteRenderBounds": {
                                "x": 6841,
                                "y": 10088,
                                "width": 155,
                                "height": 105
                            },
                            "fillGeometry": [
                                {
                                    "windingRule": "NONZERO",
                                    "data": "M0 0L155 0L155 105L0 105L0 0Z"
                                }
                            ],
                            "fills": [
                                {
                                    "type": "SOLID",
                                    "visible": true,
                                    "opacity": 1,
                                    "blendMode": "NORMAL",
                                    "color": {
                                        "r": 0.8509804010391235,
                                        "g": 0.8509804010391235,
                                        "b": 0.8509804010391235
                                    }
                                }
                            ],
                            "strokes": [],
                            "effects": []
                        },
                        {
                            "type": "RECTANGLE",
                            "id": "986:1385",
                            "name": "Rectangle 5612",
                            "x": 0,
                            "y": 388,
                            "width": 155,
                            "height": 135,
                            "visible": true,
                            "locked": false,
                            "opacity": 1,
                            "blendMode": "PASS_THROUGH",
                            "isMask": false,
                            "cornerRadius": 0,
                            "cornerSmoothing": 0,
                            "topLeftRadius": 0,
                            "topRightRadius": 0,
                            "bottomLeftRadius": 0,
                            "bottomRightRadius": 0,
                            "fillStyleId": "",
                            "strokeStyleId": "",
                            "strokeWeight": 1,
                            "strokeTopWeight": 1,
                            "strokeBottomWeight": 1,
                            "strokeLeftWeight": 1,
                            "strokeRightWeight": 1,
                            "strokeJoin": "MITER",
                            "strokeAlign": "INSIDE",
                            "dashPattern": [],
                            "strokeCap": "NONE",
                            "strokeMiterLimit": 4,
                            "rotation": 0,
                            "layoutAlign": "INHERIT",
                            "layoutGrow": 0,
                            "layoutPositioning": "AUTO",
                            "constraints": {
                                "horizontal": "SCALE",
                                "vertical": "SCALE"
                            },
                            "exportSettings": [],
                            "relativeTransform": [
                                [
                                    1,
                                    0,
                                    0
                                ],
                                [
                                    0,
                                    1,
                                    388
                                ]
                            ],
                            "absoluteRenderBounds": {
                                "x": 6841,
                                "y": 10273,
                                "width": 155,
                                "height": 50
                            },
                            "fillGeometry": [
                                {
                                    "windingRule": "NONZERO",
                                    "data": "M0 0L155 0L155 135L0 135L0 0Z"
                                }
                            ],
                            "fills": [
                                {
                                    "type": "SOLID",
                                    "visible": true,
                                    "opacity": 1,
                                    "blendMode": "NORMAL",
                                    "color": {
                                        "r": 0.8509804010391235,
                                        "g": 0.8509804010391235,
                                        "b": 0.8509804010391235
                                    }
                                }
                            ],
                            "strokes": [],
                            "effects": []
                        }
                    ]
                }
            ]
        }
    ]
}

3  参考链接

Figma软件汉化-Figma中文版下载-Figma中文社区

(137条消息) 17-Figma-磨砂图标绘制技法_billycoder的博客-CSDN博客

(137条消息) 29-Figma-我的页面制作_billycoder的博客-CSDN博客_figma制作网页

(137条消息) 38-Figma-页面交互演示制作_billycoder的博客-CSDN博客_figma交互

Figma中的自动布局要怎么用？一篇文学会官方说明文件 - 腾讯云开发者社区-腾讯云 (tencent.com)

Add a little magic to your files – Figma

Figma auto layout playground – Figma

Figma：Figma入门与界面设计基础_2024-07-22_00-02-43.Tex
11-17 1205
工具栏：位于左侧，包含选择、画笔、形状、文本等工具。图层面板：位于右侧，管理设计中的图层，调整顺序和可见性。组件面板：位于右侧，用于创建和管理UI组件。属性面板：位于右侧，显示当前选中对象的属性，如颜色、大小、位置等。设计空间：中央区域，进行实际的设计工作。Figma允许用户自定义快捷键，以适应个人的工作流程。这可以显著提高设计速度，减少鼠标操作，让你更加专注于设计本身。打开快捷键设置：点击Figma界面右上角的齿轮图标，选择“快捷键”。创建新快捷键：在“自定义”部分，点击“+”添加新快捷键。
Figma：矢量图形编辑与设计技术教程_2024-07-22_00-08-46.Tex
11-17 1458
在开始使用Figma进行矢量图形编辑与设计之前，了解其界面布局至关重要。
【Figma】入门第一篇 页面和功能简介 初学者必看
JU_OLG的博客
10-10 4330
本文以网页版 figma 英文为例，简单介绍一下工作台界面上的各个模块的功能，给刚开始使用 figma 的学习者提供一些参考，加速上手。
【开发工具】Figma入门
大雨的博客
07-16 1940
Figma是一款基于云端的UI/UX设计工具，支持跨平台协作与实时同步编辑。文章详细介绍了Figma的核心功能：云端协作、矢量图形编辑、原型设计、组件复用等特性，并提供了从界面基础到图标设计、自动布局等功能的系统教程。同时分享了高效使用技巧如快捷键操作、批量处理等实用方法，推荐了官方插件市场、设计素材网站等学习资源。通过音乐播放器界面等实战案例，帮助读者快速掌握这一设计工具，提升团队协作效率与设计质量。
使用Lottie和Figma创建动画效果
GcdtIteration的博客
09-18 2020
通过在Figma中设计动画，然后使用Lottie插件导出为JSON文件，最后将其集成到您的应用程序或网站中，您可以轻松地为用户呈现出令人印象深刻的动画效果。Lottie是一个用于创建高质量、可交互的动画效果的工具，而Figma是一种流行的设计工具，提供了丰富的设计功能和插件支持。通过遵循以上步骤，您可以使用Lottie和Figma创建出令人惊叹的动画效果，并将其集成到您的应用或网站中。根据您的应用程序或网站的平台，您可以相应地调整代码，并将导出的JSON文件路径替换为您的文件路径。步骤1: 设计动画效果。
figma-theme:从Figma Styles生成可用于开发的主题JSON文件
05-02
Figma主题 从Figma Styles生成可用于开发的主题JSON文件 从Figma文件ID解析 与和其他CSS-in-JS设置一起使用 用构建 npm i figma-theme 入门 在您的项目中将figma-theme安装为开发依赖项 获取Figma API的 使用您的访问令牌创建一个.env文件 FIGMA_TOKEN=<personal> 或者为FIGMA_TOKEN添加一个环境变量 添加一个npm运行脚本： figma-theme <figma> 运行脚本以基于Figma Styles创建theme.json文件 选项 选项可以作为CLI标志传递或包含在package.json中的figma-theme对象中 --out-dir ：输出目录（默认当前工作目录） --metadata ：包括来自Figma API的其他元数据
Figma入门-文字、样式、链接、动作
我码玄黄的博客
11-23 2502
Figma原型图制作入门，记录文字工具使用（快捷键T，修改字体苹方、semibold、16号），链接设置及actions面板常用操作，包括复制组件链接，提高制作效率。
Midjourney学习指南【入门篇】
探索AIGC领域的体验设计师
09-04 1495
本期的【入门篇】教程更多是偏向于对完全没使用过的AI绘画新手，内容包含Midjourney的注册流程、订阅说明和基础设置，更详细的操作指南会在后续的文章中进行说明。
架构师视角：AI如何解决高等教育中的个性化学习难题？
最新发布
AI天才研究院
08-02 958
在“大规模标准化教育”与“个体差异化需求”的矛盾中，高等教育正面临着前所未有的“个性化危机”。作为一名深耕AI与教育领域的架构师，我曾参与过3所顶尖高校的个性化学习平台设计。——它能通过数据感知学生的差异，用算法匹配个性化的学习路径，最终让“因材施教”从理想走向现实。本文将从三个维度，拆解AI解决高等教育个性化学习难题的底层逻辑。无论你是教育行业的技术从业者，还是高校的IT管理者，都能从中找到可落地的思路。
从零开始学习GSAP：30天动画开发挑战
AI架构全栈开发实战笔记
06-03 1042
本文专为“想系统学习网页动画开发，但不知从何下手”的朋友设计。我们将用30天时间，从GSAP的基础语法讲到复杂场景实战，覆盖90%日常开发需要的动画技巧，最终能独立完成一个“高交互感网页”的动画部分。本文采用“30天挑战”的结构，分为**基础入门（第1-10天）→ 进阶技巧（第11-20天）→ 实战通关（第21-30天）**三个阶段。每天包含“学习目标”“核心知识点”“动手练习”和“注意事项”，像游戏任务一样带你打怪升级。Tween：单个动画的“基础单元”，控制元素的属性变化。Timeline。
从零开始学习网络安全渗透测试之基础入门篇——（三）APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
love6a6的博客
07-27 1067
HTML5：是HTML的最新标准，提供了一系列新的元素和API，用于构建更加丰富和强大的Web应用。Vue.js：是一个渐进式JavaScript框架，用于构建用户界面，特别是单页应用（SPA）。它易于上手，且灵活性强。
小程序领域设计的学习打卡小程序设计策略
小程序开发
07-10 1136
在“知识焦虑”与“自我提升”需求爆发的今天，学习打卡类应用成为用户管理时间、追踪成长的重要工具。但市面上许多打卡小程序存在“用户坚持难”“功能同质化”“数据价值低”等问题。本文聚焦小程序场景下的学习打卡产品设计，覆盖用户需求分析、核心功能设计、交互体验优化、技术实现策略四大模块，适用于初级开发者与产品经理学习。本文从“用户为什么需要打卡”讲起，拆解学习打卡的核心要素；通过“设计策略→技术实现→实战案例”的逻辑，结合生活比喻与代码示例，最终总结可复用的设计框架。学习打卡的本质。
Figma入门-初识组件
我码玄黄的博客
11-24 922
Figma中组件可复用，设计好元素后创建组件，可快速复制并保持一致性。修改母版组件，所有实例自动更新。组件提升设计效率，方便团队协作，确保风格统一。
Figma 新手教程学习笔记
shr177180的博客
05-15 2081
30min快速入门figma
学习figma
qq_66740903的博客
06-27 6308
Figma是目前最流行的一款免费云端设计工具，常用于UI设计，Web设计，移动应用设计和交互设计等领域。下面介绍一些Figma的基本概念和使用方法。
Figma基本操作
cc蒲公英的博客
08-08 3291
Figma基本操作
Figma怎么用？看这篇最全攻略，用完回不去了！
热门推荐
aimeeth的博客
10-31 3万+
以上就是本文的全部内容了，希望通过本文的介绍，能够让各位朋友了解到Figma的基本特性、基础入门方法以及其免费版、国产替代品以及高效插件等相关的内容。不可否认的是，目前Figma确已成为设计领域高效工具的佼佼者，无论您是个人设计师还是有着团队，都希望您能找到一款心仪的工具，无论是Figma也好，还是摹客协作平台也好，重要的是工具能满足您的需求，帮助您提高工作效率，创造出色的设计作品。
Figma最全面的新手指南，从基础到高级，一网打尽
2301_79599164的博客
11-22 5688
Figma基础界面与传统设计软件没有太大区别，有Sketch使用经验的用户几乎可以无缝连接到Figma。顶部导航栏顶部是导航栏，所有打开的文档都将显示在这里。左边的Figmaicon是Home键。点击返回团队主页。右边的导航Tab可以通过快捷键Command+123切换。这里的快捷键与Sketch查看所有视图的快捷键相冲突。在Figma中，查看所有视图的快捷键是Shift+1，查看目标视图到全图大小的快捷键是Shift+2。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yantuguiguziPGJ

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值