调整布局和风格

通过风格预设、配色方案和手动微调,打造专属于你的主页视觉风格。

约 1 分钟阅读

名片岛的主页编辑器提供了完整的视觉定制能力, 从一键应用整体风格,到精细调整每一个颜色和字体, 你可以让主页完全呈现自己的风格与品味。

打开外观设置面板

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

风格预设

系统提供 11 种整体风格预设,每种预设包含配套的配色、字体、圆角和间距组合, 是最快速改变主页整体气质的方式。

常见风格预设包括:

  • 极简白:干净清爽,适合简历型主页
  • 暗黑科技:深色背景,适合开发者和设计师
  • 柔和渐变:温暖的渐变色调,适合创意工作者
  • 商务蓝:专业感强,适合职场人士
  • 以及更多高级风格(VIP 专属解锁)

点击任意预设卡片即可实时预览效果,满意后点击「应用」确认。

配色方案

如果你喜欢某个风格的布局,但想换一种颜色, 可以在不改变整体风格的前提下,单独切换配色方案。 目前提供 13 种配色方案,涵盖冷暖色调和中性色调。

配色方案和风格预设可以组合使用,例如「暗黑科技」风格 + 「橙色」配色,打造独特效果。

手动微调颜色

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

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

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

字体设置

标题字体和正文字体可以独立设置,互不影响:

  • 标题字体:影响所有 h1、h2 等标题元素
  • 正文字体:影响段落、列表等正文内容

提供多种中英文字体选项,选择后实时预览效果。VIP 用户可解锁更多字体组合。

背景设置

主页背景支持多种形式:

  • 纯色:简洁的单色背景
  • 渐变:两色或多色渐变背景
  • 图案:网格、点阵等几何图案背景
  • 自定义图片:上传你自己的背景图片

自由布局

所有模块都支持自由定位,你可以拖放到画布任意位置, 包括并排放置或层叠覆盖。这让你的主页布局有无限可能, 而不是被限制在固定的栅格中。

实时预览与保存

所有外观修改均会即时呈现在编辑器画布中,所见即所得。 改动会自动保存(约 1-2 秒延迟),也可按 Ctrl+S 立即保存。 你也可以随时撤销(Ctrl+Z)回到之前的状态。

VIP 高级功能

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

  • 更多高级风格预设(包含付费专属风格)
  • 更多配色方案
  • 更多字体选项
  • 高级背景效果(粒子、动态渐变等)

这篇文章有帮助吗?