一、布局元素：主次分明，逻辑清晰

• 核心布局原则：采用“F型”或“Z型”浏览逻辑（符合用户自然阅读习惯），顶部固定导航、中间核心内容、底部辅助信息，主次分区明确。
• 关键元素搭配：顶部导航需包含“首页、关于我们、产品/服务、案例展示、联系方式”核心模块，避免超过6个（过多易分散注意力）；首页Banner区域仅保留1-2个核心信息（品牌Slogan+核心产品/服务，或活动主题），搭配简约背景，不堆砌无关元素；中间内容区按“重要性排序”，核心业务放在最显眼位置，辅助内容（如企业动态、行业资讯）放在下方；底部需包含版权信息、联系方式、隐私政策、备案号等基础元素，简洁规范。
• 禁忌：避免多列混乱布局、弹窗过多，禁止核心信息被无关元素遮挡（如广告、冗余图片）。

二、色彩元素：统一调性，贴合品牌

• 色彩搭配原则：遵循“主色+辅色+中性色”黄金搭配比例（7:2:1），主色贴合企业品牌调性（如科技企业用蓝色、传统企业用灰色/棕色、创意企业用亮色），辅色用于突出重点（如按钮、链接），中性色（黑、白、灰）用于文字和背景，保证视觉协调。
• 关键元素搭配：页面背景优先用浅色系（白色、浅灰），提升文字可读性；文字与背景对比度需达标（如黑色文字+白色背景，避免浅色文字+浅色背景）；按钮、链接用辅色或主色，与背景形成明显区分，点击区域清晰；品牌Logo的色彩需与整体页面色彩统一，不可突兀。
• 禁忌：避免同时使用3种以上高饱和度色彩；禁止色彩对比度不足（如浅灰文字+白色背景）；不使用与品牌调性不符的色彩（如科技企业用粉色为主色）。

三、字体元素：简洁易读，层级分明

• 字体选择原则：优先使用无衬线字体（微软雅黑、思源黑体、Arial），易读性强、适配所有设备；避免使用花哨字体（如艺术字、手写体），仅可用于品牌Slogan等特殊场景，且不超过1处。
• 关键元素搭配：建立清晰的字体层级——标题（首页Banner标语、板块标题）用加粗、大号字体（18-24px），突出重点；正文（产品介绍、企业简介）用常规字号（14-16px），行高控制在1.5-1.8倍，提升阅读舒适度；辅助文字（备注、版权信息）用小号字体（12-13px），颜色用浅灰色，不抢主视觉；同层级文字字体、字号、颜色保持统一（如所有板块标题样式一致）。
• 禁忌：避免同一页面使用3种以上不同字体；禁止标题过大/过小、正文过密；不使用难以识别的字体，兼顾老年用户等特殊群体。

四、内容元素：精准传递，兼顾转化

• 核心内容搭配：产品/服务板块需“文字+图片/视频”结合，文字简洁明了（突出产品优势、核心功能，避免专业术语堆砌），图片/视频清晰高清（贴合产品实际，不使用模糊、无关素材）；案例展示板块用“案例图片+简短介绍+成果数据”搭配，增强说服力；关于我们板块突出企业实力（资质、团队、发展历程），搭配真实图片，传递信任感；联系方式板块需清晰展示电话、地址、微信、邮箱等，搭配地图定位，方便用户联系。
• 辅助内容搭配：企业动态、行业资讯需简洁精炼，突出重点，避免长篇大论；引导转化元素（如“立即咨询”“免费报价”按钮）需放在核心位置（Banner下方、产品板块结尾），样式统一，与内容衔接自然；避免冗余内容（如无关的广告、过时的资讯），定期更新内容，保证时效性。
• 禁忌：避免内容空洞（如仅放口号，无实际信息）；禁止图片模糊、文字错漏；不堆砌无关内容，避免用户找不到核心信息。

五、交互元素：简洁流畅，提升体验

• 核心交互搭配：导航栏固定（滚动页面时不消失），下拉菜单简洁，避免多级嵌套；按钮、链接点击后有清晰反馈（如颜色变化、轻微动画），让用户知道“已点击”；图片、视频支持预览、放大，加载速度快（避免加载时间超过3秒）；表单（如咨询表单、报名表单）元素简洁，必填项明确，提交后有成功提示，减少用户操作成本。
• 细节交互搭配：滚动页面时，内容逐步呈现（轻微动画，不夸张），提升视觉体验；移动端适配手势操作（如滑动切换图片、下拉刷新）；避免自动播放音频、视频（需用户手动点击播放），不弹出无关弹窗（如进入网站立即弹出广告）。
• 禁忌：避免交互逻辑混乱（如点击按钮无反馈、导航跳转错误）；禁止复杂动画、过多弹窗，影响用户浏览；不忽视移动端交互，确保移动端与PC端交互体验一致。

六、整体搭配核心：统一性与适配性