企业官网搭建全流程（设计篇）——专业感视觉方案

一、设计规范制定

1. VI系统延伸

• 主色不超过3种（参考企业VI手册）

• 字体选择：中文推荐思源黑体（免费商用）

2. 页面结构标准

   mermaid

   复制

   graph TB
   A[首页] --> B[产品页]A --> C[关于我们]A --> D[联系表单]

二、关键页面设计要点

1. 首屏设计黄金法则

• 6秒内传达核心业务（主视觉+一句话Slogan）

• 行动按钮颜色对比度≥4.5:1（WCAG标准）

2. 产品展示页规范

• 图片尺寸统一（建议16:9比例）

• 技术参数表格化呈现

三、移动端适配方案

• 采用响应式布局（Bootstrap框架）

• 触控按钮尺寸≥48px×48px