悠悠楠杉
网站页面
茉耀图标颜色设置方法：打造品牌视觉统一的完整指南
07/10
基础文本颜色
正文字体建议采用#404040配合以下辅助色：
- 引用框： #F8F8F8背景 + #888888边框
- 数据标注： #2980B9（蓝色系）
- 重点句： 使用#E74C3C高亮而非加粗
段落间隔方案
[示例样式]
正文段落色 #404040
段落间距 1.5倍行距
段首缩进 2字符
分隔线 #ECF0F1（浅灰）
图表配合规范
当正文包含图表时：
1. 主图表色保持与标题色相呼应
2. 辅助色从茉耀的"互补色生成器"获取
3. 数据标签使用#7F8C8D（中性灰）
五、全局统一性维护技巧
颜色继承功能：在"模板设置"中开启"颜色层级关联"，修改主色时次级颜色自动更新
跨平台一致性：
- 导出时勾选"保留色值编码"
- 移动端查看时启用"自适应亮度调节"
版本回溯：每次重大配色修改后，使用"快照"功能保存颜色方案版本
团队协作：创建共享颜色库，命名规则建议：
naming-convention moyao_primary_blue moyao_secondary_orange moyao_text_dark
结语：从技术到美学的升华
优秀的颜色配置不仅是参数的堆砌，更需考虑：
- 用户阅读节奏（通过颜色引导视线流动）
- 品牌人格化表达（冷色调专业感/暖色调亲和力）
- 环境适应性（暗黑模式下的自动转换）
茉耀的"智能配色助手"可基于内容语义自动推荐配色方案，但人工调整仍不可替代。建议定期进行A/B测试，收集真实用户的颜色感知反馈，持续优化视觉体系。
设计箴言："最好的颜色设置是让用户感受不到设置的存在，却自然地被内容吸引。" —— 茉耀UX团队设计哲学
