调整布局和风格

设置主页布局、配色、字体和背景

约 3 分钟阅读最近核对:2026-08-14维护:名片岛产品团队

名片岛的主页编辑器提供整体风格预设和常用的颜色、字体、背景与布局设置, 你可以按需要调整主页的展示效果。

打开外观设置面板

  1. 进入主页编辑器
  2. 点击右侧面板顶部的「外观」标签
  3. 外观面板会展示所有视觉相关的设置选项

风格预设

系统目前提供 10 种整体风格预设,每种预设会一键应用配套的颜色、字体和圆角,是快速改变主页整体气质的方式。

风格预设包括:

  • 免费风格:极简、暗夜、暖阳、海洋、森林、薰衣草、玫瑰
  • 高级风格:午夜、日落、霓虹(VIP 专属)

点击可用的预设卡片后,效果会直接呈现在编辑器画布中,并进入未保存状态。

配色方案

如果你喜欢当前风格的字体和圆角,但想更换颜色,可以单独切换配色方案。 目前提供 12 种配色方案,涵盖冷暖色调和中性色调。

配色只更改颜色并保留字体和圆角,因此可以与风格预设组合使用。

手动微调颜色

如果预设方案不完全满足需求,可以在面板中进一步手动调整:

  • 主色调:按钮、链接、强调色
  • 背景色:页面底色
  • 文字颜色:正文文字颜色

手动微调后,风格预设和配色方案的关联会解除,进入完全自定义模式。

字体和字号

在「精细调节」中可以选择主页字体和整体字号,修改后会实时反映到画布中的文字内容。VIP 用户可解锁更多字体选项。

背景设置

主页当前支持以下背景形式:

  • 纯色:简洁的单色背景
  • 静态渐变:不带动画的渐变背景
  • 图片:使用图片作为页面背景

当前不支持图案、粒子、动态渐变或可配置的视频背景。

调整布局

新建主页默认使用自由定位,官方模板已经提供电脑和手机初始布局。你可以在电脑端画布直接拖动、缩放或调整模块层级,无需切换布局模式。

历史自动布局主页会继续使用自动适配不同屏幕宽度的排版;第一次拖动模块时,系统会以当前排版为起点转换为自由定位。完成后请分别检查电脑和手机预览。手机机型选择只改变预览宽度,不会创建机型专属布局。

实时预览与保存

外观修改会即时显示在编辑器中。修改后请留意顶部的「未保存」「保存中」「已保存」「保存失败」或「内容已在其他位置更新」提示;也可按 Ctrl+S(Mac 为 Cmd+S)主动保存,并用 Ctrl+Z 撤销最近操作。

VIP 高级功能

VIP 会员可以解锁以下额外风格能力:

  • 更多高级风格预设(包含付费专属风格)
  • 更多配色方案
  • 更多字体选项

这篇文章有帮助吗?