[{"data":1,"prerenderedAt":308},["ShallowReactive",2],{"content-/guide/style-customization":3,"related-guide":276},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":270,"_id":271,"_source":272,"_file":273,"_stem":274,"_extension":275},"/guide/style-customization","guide",false,"","样式定制","自定义页面样式和设计以符合品牌形象","样式定制, CSS 定制, 品牌定制, HTMLPAGE","HTMLPAGE","2025-11-27","设计","/content-images/guide/guide.jpg",{"type":16,"children":17,"toc":257},"root",[18,25,31,38,45,70,76,99,105,128,134,157,163,187,193,216,222,244,248],{"type":19,"tag":20,"props":21,"children":22},"element","h1",{"id":8},[23],{"type":24,"value":8},"text",{"type":19,"tag":26,"props":27,"children":28},"p",{},[29],{"type":24,"value":30},"学习如何定制页面样式以符合你的品牌。",{"type":19,"tag":32,"props":33,"children":35},"h2",{"id":34},"定制选项",[36],{"type":24,"value":37},"📌 定制选项",{"type":19,"tag":39,"props":40,"children":42},"h3",{"id":41},"_1-颜色定制",[43],{"type":24,"value":44},"1. 颜色定制",{"type":19,"tag":46,"props":47,"children":48},"ul",{},[49,55,60,65],{"type":19,"tag":50,"props":51,"children":52},"li",{},[53],{"type":24,"value":54},"主色和辅色",{"type":19,"tag":50,"props":56,"children":57},{},[58],{"type":24,"value":59},"背景颜色",{"type":19,"tag":50,"props":61,"children":62},{},[63],{"type":24,"value":64},"文字颜色",{"type":19,"tag":50,"props":66,"children":67},{},[68],{"type":24,"value":69},"边框颜色",{"type":19,"tag":39,"props":71,"children":73},{"id":72},"_2-字体定制",[74],{"type":24,"value":75},"2. 字体定制",{"type":19,"tag":46,"props":77,"children":78},{},[79,84,89,94],{"type":19,"tag":50,"props":80,"children":81},{},[82],{"type":24,"value":83},"标题字体",{"type":19,"tag":50,"props":85,"children":86},{},[87],{"type":24,"value":88},"正文字体",{"type":19,"tag":50,"props":90,"children":91},{},[92],{"type":24,"value":93},"字号和行高",{"type":19,"tag":50,"props":95,"children":96},{},[97],{"type":24,"value":98},"字重和风格",{"type":19,"tag":39,"props":100,"children":102},{"id":101},"_3-布局定制",[103],{"type":24,"value":104},"3. 布局定制",{"type":19,"tag":46,"props":106,"children":107},{},[108,113,118,123],{"type":19,"tag":50,"props":109,"children":110},{},[111],{"type":24,"value":112},"容器宽度",{"type":19,"tag":50,"props":114,"children":115},{},[116],{"type":24,"value":117},"间距调整",{"type":19,"tag":50,"props":119,"children":120},{},[121],{"type":24,"value":122},"元素大小",{"type":19,"tag":50,"props":124,"children":125},{},[126],{"type":24,"value":127},"位置调整",{"type":19,"tag":39,"props":129,"children":131},{"id":130},"_4-效果定制",[132],{"type":24,"value":133},"4. 效果定制",{"type":19,"tag":46,"props":135,"children":136},{},[137,142,147,152],{"type":19,"tag":50,"props":138,"children":139},{},[140],{"type":24,"value":141},"阴影效果",{"type":19,"tag":50,"props":143,"children":144},{},[145],{"type":24,"value":146},"圆角设置",{"type":19,"tag":50,"props":148,"children":149},{},[150],{"type":24,"value":151},"边框样式",{"type":19,"tag":50,"props":153,"children":154},{},[155],{"type":24,"value":156},"动画时间",{"type":19,"tag":32,"props":158,"children":160},{"id":159},"定制流程",[161],{"type":24,"value":162},"🎯 定制流程",{"type":19,"tag":164,"props":165,"children":166},"ol",{},[167,172,177,182],{"type":19,"tag":50,"props":168,"children":169},{},[170],{"type":24,"value":171},"选择要定制的元素",{"type":19,"tag":50,"props":173,"children":174},{},[175],{"type":24,"value":176},"修改相关属性",{"type":19,"tag":50,"props":178,"children":179},{},[180],{"type":24,"value":181},"实时预览效果",{"type":19,"tag":50,"props":183,"children":184},{},[185],{"type":24,"value":186},"保存定制方案",{"type":19,"tag":32,"props":188,"children":190},{"id":189},"定制建议",[191],{"type":24,"value":192},"💡 定制建议",{"type":19,"tag":46,"props":194,"children":195},{},[196,201,206,211],{"type":19,"tag":50,"props":197,"children":198},{},[199],{"type":24,"value":200},"保持品牌一致",{"type":19,"tag":50,"props":202,"children":203},{},[204],{"type":24,"value":205},"不过度装饰",{"type":19,"tag":50,"props":207,"children":208},{},[209],{"type":24,"value":210},"测试各种设备",{"type":19,"tag":50,"props":212,"children":213},{},[214],{"type":24,"value":215},"征询意见反馈",{"type":19,"tag":32,"props":217,"children":219},{"id":218},"相关资源",[220],{"type":24,"value":221},"🔗 相关资源",{"type":19,"tag":46,"props":223,"children":224},{},[225,235],{"type":19,"tag":50,"props":226,"children":227},{},[228],{"type":19,"tag":229,"props":230,"children":232},"a",{"href":231},"/ai/design-system.md",[233],{"type":24,"value":234},"设计系统",{"type":19,"tag":50,"props":236,"children":237},{},[238],{"type":19,"tag":229,"props":239,"children":241},{"href":240},"/features/style-system.md",[242],{"type":24,"value":243},"样式系统",{"type":19,"tag":245,"props":246,"children":247},"hr",{},[],{"type":19,"tag":26,"props":249,"children":250},{},[251],{"type":19,"tag":252,"props":253,"children":254},"em",{},[255],{"type":24,"value":256},"好的样式定制能强化品牌识别。",{"title":7,"searchDepth":258,"depth":258,"links":259},3,[260,267,268,269],{"id":34,"depth":261,"text":37,"children":262},2,[263,264,265,266],{"id":41,"depth":258,"text":44},{"id":72,"depth":258,"text":75},{"id":101,"depth":258,"text":104},{"id":130,"depth":258,"text":133},{"id":159,"depth":261,"text":162},{"id":189,"depth":261,"text":192},{"id":218,"depth":261,"text":221},"markdown","content:guide:style-customization.md","content","guide/style-customization.md","guide/style-customization","md",[277,289,300],{"_path":278,"_dir":279,"_draft":6,"_partial":6,"_locale":7,"title":280,"description":281,"keywords":282,"author":11,"date":283,"category":284,"image":285,"_type":270,"_id":286,"_source":272,"_file":287,"_stem":288,"_extension":275},"/blog/accessibility-guidelines","blog","无障碍设计指南","WCAG 标准和无障碍设计最佳实践","无障碍设计指南, Blog, HTMLPAGE","2025-11-26","待分类","/content-images/blog/blog.jpg","content:blog:accessibility-guidelines.md","blog/accessibility-guidelines.md","blog/accessibility-guidelines",{"_path":290,"_dir":279,"_draft":6,"_partial":6,"_locale":7,"title":291,"description":292,"keywords":293,"author":294,"date":295,"category":296,"image":285,"_type":270,"_id":297,"_source":272,"_file":298,"_stem":299,"_extension":275},"/blog/accessible-ux-research-guide","无障碍用户研究完全指南：从规划到实施的每一步","深入了解如何进行包容性的用户体验研究，确保残障用户的声音被听见，让产品真正为所有人而设计","用户研究, 无障碍设计, 包容设计, UX研究, 残障用户, 无障碍访问","HTMLPAGE 内容团队","2025-12-01","无障碍与设计","content:blog:accessible-ux-research-guide.md","blog/accessible-ux-research-guide.md","blog/accessible-ux-research-guide",{"_path":301,"_dir":279,"_draft":6,"_partial":6,"_locale":7,"title":302,"description":303,"keywords":304,"author":11,"date":283,"category":284,"image":285,"_type":270,"_id":305,"_source":272,"_file":306,"_stem":307,"_extension":275},"/blog/react-hooks-guide","React Hooks 实战指南","深入理解 React Hooks，包括 useState、useEffect、自定义 Hooks 等","React Hooks 实战指南, Blog, HTMLPAGE","content:blog:react-hooks-guide.md","blog/react-hooks-guide.md","blog/react-hooks-guide",1774945278945]