品牌视觉是网站给人的整体感觉。字体、颜色、字号、密度、圆角和浅深色模式看起来像小细节,但它们会一起影响访客是否觉得网站清晰、可信与符合您的品牌。
这些设置会套用到全站。您不需要逐页重设字体或品牌色;设置一次后,网站各页的模块会使用同一套方向。
打开编辑器的“设置”→“设计”。调整时可同时使用电脑、平板与手机预览查看效果。
请一次只改一两个项目,再观察整体效果。若同时换字体、颜色、间距和大量图片,很难判断是哪一个改动让网站看起来不对。
排版不只是挑一款好看的字。您可以分别设置不同语言使用的字体,并调整 H1、H2、H3 与正文的字级。
“设计”会先根据您的网站内容语言,显示最可能需要的字体字段;展开“多语种字体”后,还能分别设置英文、繁体中文、简体中文、日文和韩文。
目前每种语言可选择的精选字体数量约为:
| 语言 | 可选字体数(约) |
|---|---|
| 英文 | 170 款 |
| 繁体中文 | 60 款 |
| 简体中文 | 30 款 |
| 日文 | 70 款 |
| 韩文 | 40 款 |
各语言的菜单会根据字体支持范围筛选,因此不必担心将只支持英文的字体套用到中文内容。系统提供的字体列表可能随更新调整;目前不支持上传您自己的字体文件。
若您的网站同时有中文与英文,请分别查看两种文字在标题、按钮与正文中的效果。选字的原则是“清晰优先于个性”:品牌名称或大标题可稍有特色,长篇正文则要在手机上轻松阅读。
您可分别调整 H1、H2、H3 和正文的字级,每种文字提供 9 个尺寸层级。H1 是每页最重要的主标题,H2 与 H3 用于段落层级,正文则是一般说明文字。
不要把所有文字都调大。清晰的标题层级能让访客扫读,也能帮助辅助工具理解页面结构。
Kanorio 的全站色彩设置集中在下列三项:
| 设置 | 可以调整什么 |
|---|---|
| 品牌主色 | 按钮、重点、链接与部分背景使用的颜色;浅色与深色模式各有一组颜色。 |
| 品牌文字色 | 显示在品牌主色背景上的文字或图标颜色;可让系统自动判断黑白对比,也可分别手动覆盖。 |
| 外观模式 | 决定公开网站跟随访客系统设置,或固定使用浅色、深色外观。 |
目前没有独立的全局次要色或背景色字段;请用品牌主色、模块图片和内容层级建立视觉重点。
品牌色选择器提供 24 组预设搭配,分为经典鲜艳色、莫兰迪色系,以及大地/中性色。每组都包含适合浅色与深色模式的配色。
若品牌已有色彩规范,您也可以使用取色器或手动输入 Hex、RGB 或 HSL 色码。选择器会保留最近使用的颜色,方便您回到先前试过的组合。调整浅色模式颜色后,系统也会协助生成适合深色模式的起始建议;请仍切换两种模式检查结果。
当按钮或区块使用品牌色背景时,文字必须有足够对比才看得清楚。系统预设会选择黑色或白色文字,并显示对比提示;若品牌规范需要特定文字色,也可自行调整。
不要只用颜色传达重要信息,例如只把错误信息变红。请同时用清晰文字、图标或位置说明,让色觉差异的访客也能理解。
| 选项 | 通俗说明 |
|---|---|
| 跟随系统 | 访客设备设置浅色时显示浅色,设置深色时显示深色。 |
| 固定浅色 | 所有访客都看到浅色外观。 |
| 固定深色 | 所有访客都看到深色外观。 |
选择“跟随系统”前,要同时检查两种模式。若您的 Logo、照片或品牌色在深色背景上不清晰,可改成固定浅色,或重新调整深色模式的品牌色。
密度控制模块与模块之间的留白,也就是内容的紧实程度。Kanorio 提供两种全站选择:
| 密度 | 适合情境 |
|---|---|
| 标准 | 默认选项,阅读节奏比较从容,适合作品集、品牌故事和一般服务网站。 |
| 紧凑 | 缩小模块间距,信息密度较高,适合内容较多的服务或说明页。 |
请在手机预览检查:过于紧凑会让按钮与段落难以阅读,过于宽松则会让访客需要滑动太久。
圆角控制按钮、卡片和图片边缘要多方正或圆润。它也会全站套用。
| 圆角 | 视觉感受 |
|---|---|
| 利落 | 边缘比较方正,感觉理性、利落。 |
| 一般 | 默认选项,平衡清楚与柔和感。 |
| 柔和 | 圆角比较明显,感觉亲切、轻松。 |
选择时请与 Logo、产品风格和照片气氛一致,不需要每个模块使用不同风格。
网站小图标是浏览器标签页和书签旁边的小图案。它不在“设计”标签设置;请打开“管理网站”→“常规”调整。
您可以保留系统根据 Logo 自动生成的图标,或上传自定义图标。小图标尺寸很小,请避免放入过多文字或非常细的线条。
可以。品牌色是全站设置,改动会影响使用该设置的按钮、链接与视觉元素。改完后请检查所有页面,特别是文字对比和图片上的按钮。
目前不支持。请从平台提供、且已按语言支持范围筛选的字体中选择;您仍可为英文、繁体中文、简体中文、日文和韩文分别设置字体。
深色或浅色模式本身不会直接决定搜索排名。真正重要的是内容是否可读、页面是否有正确标题与描述,以及公开网站能否正常加载。
目前这些是全站共享设置。若要让特定页面有不同重点,请用该页的图片、文案和模块安排来创造差异。
它是显示在品牌色背景上的文字或图标颜色。系统会默认选择容易阅读的黑色或白色;若您的品牌规范有需要,也可自行覆盖并检查对比提示。