Adseed 使用文档
工作室组件类型与属性

文本组件

文本组件的属性配置与排版技巧

文本组件用于在画布上展示可编辑的文字内容,适用于标题、说明文字、标签、动态文本等场景。支持字体、颜色、大小等多种排版配置。

组件属性

选中文本组件后,右侧属性面板会显示以下专属属性(通用属性请参考组件概览):

属性说明默认值
文本内容要显示的文字,支持多行输入
字体选择字体样式,平台提供多种中英文字体微软雅黑
字号文字大小,单位像素14
加粗是否使用粗体显示
斜体是否使用斜体显示
颜色文字颜色,通过颜色选择器设置红色 (#FF0000)
多语言配置为不同语言设置不同的文本内容

排版建议

根据文本在作品中的用途,推荐以下字号配置:

用途建议字号说明
主标题24 ~ 36 px页面中最醒目的文字,通常搭配加粗
副标题18 ~ 24 px用于段落标题或次要标题
正文14 ~ 18 px普通说明性文字,需保证阅读舒适度
标签/注释12 ~ 14 px辅助性小文字,如按钮标签、提示文字

移动端作品建议正文字号不低于 14px,过小的文字在手机屏幕上难以阅读。

使用场景

标题文字

在页面顶部放置大号加粗文本作为标题,为用户提供明确的页面主题。

说明文字

使用适中字号的文本为产品或内容添加说明,帮助用户理解页面信息。

按钮标签

在图片按钮上方叠加文本组件作为按钮文字。将两者放入同一容器中,方便统一管理和定位。

动态文本

文本内容可以在运行时通过事件系统的 updateProperty 动作进行更新。例如实现计分板、倒计时、动态提示等效果。更多详情请参考事件系统

多语言文本

如果您的作品面向多语言用户,可以为文本组件配置不同语言下显示不同的内容。

选中文本组件

在画布上点击要配置多语言的文本组件。

打开多语言设置

在右侧属性面板中找到 多语言配置 选项,展开多语言设置面板。

输入各语言文本

为每种需要支持的语言输入对应的文本内容。系统会根据用户的语言环境自动切换显示对应的文字。

字体的最终显示效果取决于用户设备上是否安装了对应字体。如果用户设备上不存在所选字体,系统会自动使用默认字体替代显示。建议优先使用平台内置的通用字体以确保显示一致性。

文字颜色设置

点击属性面板中的颜色选择器,可以通过以下方式设置文字颜色:

  • 色板选取 — 在色板中直接点击选取颜色
  • 十六进制输入 — 输入精确的颜色值(如 #333333
  • RGB 输入 — 分别输入红、绿、蓝通道数值

建议正文文字使用深色系颜色(如 #333333),标题可根据设计需要使用品牌色或强调色。避免在浅色背景上使用浅色文字,确保文字可读性。

这个页面有帮助吗?

On this page