# Lurmix 网站图片需求文档

本文档列出了 Lurmix 网站所有页面需要的图片资源，包括用途说明和尺寸要求。

---

## 📋 目录

- [首页 (index.astro)](#首页)
- [产品系列页面](#产品系列页面)
- [产品详情数据](#产品详情数据)
- [关于我们页面 (about.astro)](#关于我们页面)
- [定制服务页面 (custom.astro)](#定制服务页面)
- [联系我们页面 (contact.astro)](#联系我们页面)
- [案例数据](#案例数据)

---

## 首页

### 1. Hero 轮播图片
**位置**: 首页顶部 Hero 区域  
**数量**: 3张（每张需要桌面版和移动版共6张）  
**用途**: 展示主要产品或品牌形象的轮播图  

**桌面端图片**:
- 推荐尺寸: **1680×960px** (1.75:1)
- 备选尺寸: 1920×1080px (16:9)
- 格式: JPG/PNG
- 文件大小: ≤500KB/张
- 文件命名: `hero-slide-1-desktop.png`, `hero-slide-2-desktop.png`, `hero-slide-3-desktop.png`

**移动端图片**:
- 推荐尺寸: **750×500px** 或 **1080×720px** (3:2)
- 格式: JPG/PNG
- 文件大小: ≤300KB/张
- 文件命名: `hero-slide-1-mobile.png`, `hero-slide-2-mobile.png`, `hero-slide-3-mobile.png`

**容器高度**:
- 移动端: 500px
- 桌面端: 700px

**当前文件**:
- 桌面端: `/images/hero-slide-1-desktop.png`, `hero-slide-2-desktop.png`, `hero-slide-3-desktop.png`
- 移动端: `/images/hero-slide-1-mobile.png`, `hero-slide-2-mobile.png`, `hero-slide-3-mobile.png`
- 备用（兼容）: `/images/hero-slide-1.png` (1672×941px)

**内容建议**:
- 图1: 主打产品（如 AI Companion）在儿童手中的实际使用场景
- 图2: 产品系列全家福，展示产品多样性
- 图3: 品牌愿景或制造工厂场景，体现专业性

---

### 2. 产品分类卡片图片
**位置**: 首页 "产品分类" 模块  
**数量**: 4张  
**用途**: 展示4个产品系列的分类卡片背景图  
**尺寸要求**: 
- 推荐尺寸: **800×450px** (16:9)
- 格式: JPG/PNG
- 文件大小: ≤300KB/张

**当前引用**:
- AI Companions - `/images/placeholder.jpg`
- Smart Plush Toys - `/images/placeholder.jpg`
- AI Figures - `/images/placeholder.jpg`
- Smart Badges - `/images/placeholder.jpg`

**内容建议**:
- 每个系列的代表性产品或场景
- 与该系列主题色调匹配
- 构图适合放置文字信息

---

### 3. AI Companions 产品卡片图片
**位置**: 首页 "AI Companions" 模块  
**数量**: 4张（展示前4个 AI Companion 产品）  
**用途**: 产品缩略图  
**尺寸要求**: 
- 推荐尺寸: **600×600px** (1:1 正方形)
- 格式: PNG（带透明背景）
- 文件大小: ≤200KB/张
- 背景: 透明或纯色

**当前引用的产品**:
- Buddy Pro
- Star Companion
- Echo Bear
- Mini Friend

**拍摄建议**: 
- 产品居中，45度角拍摄
- 干净的背景（建议去背）
- 突出产品特征和可爱外观
- 统一光线和风格

---

### 4. 公司介绍图标/插图
**位置**: 首页 "公司介绍" 模块卡片  
**数量**: 3张  
**用途**: 配合文字说明的装饰性图标或插图  
**尺寸要求**: 
- 推荐尺寸: **400×400px** 或 **SVG 矢量图**
- 格式: SVG (首选) / PNG
- 风格: 扁平化图标或简约插图

**主题**:
1. **Advanced AI Technology** - AI芯片、神经网络等科技元素
2. **Smart Interactions** - 儿童与AI玩具互动的场景
3. **Growing Companions** - 成长曲线、学习进度等概念

---

### 5. 客户案例 Logo
**位置**: 首页 "Client Cases" 模块  
**数量**: 4张  
**用途**: 展示合作客户的品牌标识  
**尺寸要求**: 
- 推荐尺寸: **200×200px** (1:1)
- 格式: PNG（透明背景）或 SVG
- 文件大小: ≤50KB/张

**当前客户**:
- Nova Labs (EdTech)
- ToyBox Inc. (Toy Brand)
- Dream IP Studio (IP Licensing)
- KidsWear Co. (Fashion Brand)

**要求**: 
- 必须是透明背景
- Logo 清晰可辨
- 建议使用客户的官方 Logo 文件

---

## 产品系列页面

### 产品系列 Hero 背景图

每个产品系列页面（Companion, Plush, Figure, Badge）都有一个 Hero 区域背景图。

**位置**: 产品系列页面顶部  
**数量**: 4张（每个系列1张）  
**尺寸要求**: 
- 推荐尺寸: **1920×1200px** (16:10)
- 格式: JPG
- 文件大小: ≤800KB/张

**当前文件**: 
- `/images/placeholder.svg` (所有系列共用)

**主题建议**:
1. **AI Companions**: 温馨的家庭场景，儿童与 AI 伙伴互动
2. **Smart Plush Toys**: 柔软舒适的卧室/起居室场景
3. **AI Figures**: 充满科技感的展示台或游戏场景
4. **Smart Badges**: 活跃的户外/学校场景，儿童佩戴徽章

---

### 产品详情图片

**位置**: 产品系列页面的各个产品展示区块  
**数量**: 每个产品1张主图  
**尺寸要求**: 
- 推荐尺寸: **1200×1200px** (1:1)
- 格式: PNG（透明背景）
- 文件大小: ≤400KB/张

**拍摄要求**:
- 高分辨率产品图
- 去除背景（透明 PNG）
- 多角度展示产品特征
- 统一的光线和色调
- 可包含产品使用场景（环境照）

---

## 产品详情数据

### AI Companions 系列 (4个产品)
1. **Buddy Pro** - `/images/products/companion/buddy-pro.png`
2. **Star Companion** - `/images/products/companion/star-companion.png`
3. **Echo Bear** - `/images/products/companion/echo-bear.png`
4. **Mini Friend** - `/images/products/companion/mini-friend.png`

### Smart Plush Toys 系列 (4个产品)
1. **Cuddle Bunny** - `/images/products/plush/cuddle-bunny.png`
2. **Dream Lamb** - `/images/products/plush/dream-lamb.png`
3. **Melody Fox** - `/images/products/plush/melody-fox.png`
4. **Night Owl** - `/images/products/plush/night-owl.png`

### AI Figures 系列 (4个产品)
1. **Cyber Knight** - `/images/products/figure/cyber-knight.png`
2. **Hero Rex** - `/images/products/figure/hero-rex.png`
3. **Star Mech** - `/images/products/figure/star-mech.png`
4. **Thunder Bot** - `/images/products/figure/thunder-bot.png`

### Smart Badges 系列 (4个产品)
1. **Buddy Tag** - `/images/products/badge/buddy-tag.png`
2. **Explorer Clip** - `/images/products/badge/explorer-clip.png`
3. **Genius Pin** - `/images/products/badge/genius-pin.png`
4. **Smart Star** - `/images/products/badge/smart-star.png`

**共计**: 16张产品图

---

## 关于我们页面

### 1. About Hero 背景图
**位置**: 关于页面顶部 Hero 区域  
**文件路径**: `/images/about-hero-bg.jpg`  
**尺寸要求**: 
- 推荐尺寸: **1920×800px** (21:9 宽屏)
- 格式: JPG
- 文件大小: ≤600KB

**内容建议**: 
- 公司团队合影
- 研发实验室或生产线
- 传达品牌专业性和创新精神

---

### 2. About Company 背景图
**位置**: 关于页面公司介绍区域  
**文件路径**: `/images/about-company-bg.jpg`  
**尺寸要求**: 
- 推荐尺寸: **1920×1000px**
- 格式: JPG
- 文件大小: ≤600KB

**内容建议**: 
- 公司办公环境或生产设施
- 柔和的背景，确保文字可读性

---

### 3. 核心团队照片
**位置**: 关于页面 "Our Team" 部分  
**数量**: 4-6张（按需）  
**尺寸要求**: 
- 推荐尺寸: **400×400px** (1:1)
- 格式: JPG
- 文件大小: ≤150KB/张

**拍摄要求**:
- 正式职业照
- 统一背景风格
- 高质量肖像照片

---

### 4. 公司发展时间线图片
**位置**: 关于页面历史时间线（如有）  
**数量**: 按需  
**尺寸要求**: 
- 推荐尺寸: **600×400px** (3:2)
- 格式: JPG/PNG

**内容**: 
- 里程碑事件的照片
- 产品发布会、获奖场景等

---

### 5. 办公环境/工厂照片
**位置**: 关于页面 "Our Facilities" 部分  
**数量**: 4-6张  
**尺寸要求**: 
- 推荐尺寸: **800×600px** (4:3)
- 格式: JPG
- 文件大小: ≤300KB/张

**内容建议**:
- 研发实验室
- 生产车间
- 质量检测区
- 办公环境

---

## 定制服务页面

### 1. 客户类型插图
**位置**: Custom 页面 "Who We Serve" 部分  
**数量**: 2张  
**尺寸要求**: 
- 推荐尺寸: **400×400px** 或 SVG
- 格式: SVG (首选) / PNG

**主题**:
1. **Brand Owners** - 公司/工厂图标
2. **IP Holders** - IP角色/版权图标

---

### 2. ODM 服务流程插图
**位置**: Custom 页面 "Our Process" 部分  
**数量**: 4张（可选，当前使用数字标识）  
**尺寸要求**: 
- 推荐尺寸: **300×300px** 或 SVG
- 格式: SVG / PNG

**主题**:
1. Discovery - 发现/咨询
2. Design & Prototype - 设计/原型
3. Engineering - 工程/开发
4. Production & Launch - 生产/发布

---

## 联系我们页面

### 1. Contact Hero 背景
**位置**: 联系页面顶部  
**尺寸要求**: 
- 推荐尺寸: **1920×600px** (16:5)
- 格式: JPG
- 文件大小: ≤400KB

**内容建议**: 
- 客服团队或办公环境
- 柔和的背景，不影响标题文字可读性

---

### 2. 办公地点图片（可选）
**位置**: 联系页面地理位置部分  
**数量**: 3张（Singapore, Hong Kong, Shenzhen）  
**尺寸要求**: 
- 推荐尺寸: **600×400px** (3:2)
- 格式: JPG
- 文件大小: ≤200KB/张

---

## 案例数据

### 客户案例 Logo
**数量**: 4张  
**尺寸要求**: 
- 推荐尺寸: **200×200px** (1:1)
- 格式: PNG（透明背景）
- 文件大小: ≤50KB/张

**客户列表**:
1. **Nova Labs** - `/images/cases/novalabs-logo.png`
2. **ToyBox Inc.** - `/images/cases/toybox-logo.png`
3. **Dream IP Studio** - `/images/cases/dreamip-logo.png`
4. **KidsWear Co.** - `/images/cases/kidswear-logo.png`

---

## 📊 图片总览统计

| 类别 | 数量 | 优先级 |
|------|------|--------|
| 首页 Hero 轮播 | 3 | 🔴 高 |
| 产品图片（16个产品） | 16 | 🔴 高 |
| 产品分类卡片背景 | 4 | 🟡 中 |
| 产品系列 Hero 背景 | 4 | 🟡 中 |
| 客户案例 Logo | 4 | 🟡 中 |
| 关于页面背景图 | 2 | 🟡 中 |
| 公司介绍插图 | 3 | 🟢 低 |
| 团队照片 | 4-6 | 🟢 低 |
| 办公环境照片 | 4-6 | 🟢 低 |
| 其他装饰图片 | 按需 | 🟢 低 |

**总计核心图片**: 约 **36-44 张**

---

## 🎨 统一设计规范

### 色彩规范
- 主色调: 黄绿色 (#a8f000)
- 辅助色: 根据产品系列（橙色、粉色、蓝色等）
- 背景: 干净简洁，避免复杂纹理

### 摄影风格
- 明亮、柔和的自然光
- 浅景深，突出产品主体
- 温馨、亲切的氛围
- 儿童友好的视觉语言

### 文件命名规范
```
/images/
  ├── hero-slide-1.jpg                    # 首页Hero轮播
  ├── hero-slide-2.jpg
  ├── hero-slide-3.jpg
  ├── placeholder.jpg                     # 通用占位符（待替换）
  ├── products/
  │   ├── companion/
  │   │   ├── buddy-pro.png
  │   │   ├── star-companion.png
  │   │   ├── echo-bear.png
  │   │   └── mini-friend.png
  │   ├── plush/
  │   │   ├── cuddle-bunny.png
  │   │   ├── dream-lamb.png
  │   │   ├── melody-fox.png
  │   │   └── night-owl.png
  │   ├── figure/
  │   │   ├── cyber-knight.png
  │   │   ├── hero-rex.png
  │   │   ├── star-mech.png
  │   │   └── thunder-bot.png
  │   └── badge/
  │       ├── buddy-tag.png
  │       ├── explorer-clip.png
  │       ├── genius-pin.png
  │       └── smart-star.png
  ├── cases/
  │   ├── novalabs-logo.png
  │   ├── toybox-logo.png
  │   ├── dreamip-logo.png
  │   └── kidswear-logo.png
  ├── about/
  │   ├── about-hero-bg.jpg               # 关于页Hero背景
  │   ├── about-company-bg.jpg            # 关于页公司背景
  │   ├── team-member-1.jpg
  │   └── ...
  └── icons/
      └── ...
```

---

## 📝 备注

1. **当前占位符**: 网站目前使用 `/images/placeholder.svg` 作为临时图片，需要全部替换为实际产品图片。

2. **优化建议**: 
   - 所有图片使用 WebP 格式可减小 30-50% 文件大小
   - 提供 2x 和 3x 分辨率版本以支持高清屏幕
   - 使用 lazy loading 延迟加载非首屏图片

3. **版权要求**: 
   - 确保所有图片有使用授权
   - 客户 Logo 需获得客户书面许可
   - 涉及儿童的照片需获得监护人同意

4. **可访问性**: 
   - 所有图片需配备 alt 文本描述
   - 确保文字与背景图片有足够对比度
   - 重要信息不应仅通过图片传达

---

## 📧 联系方式

如有图片相关问题，请联系：
- Email: contact@lurmix.com
- Phone: +86 184-0756-4406

---

**文档版本**: 1.0  
**最后更新**: 2026-06-05  
**维护者**: Lurmix 设计团队