# 网站设计只有首页效果图，采购方还需要确认哪些交付？

原网页：https://www.jvds.cn/share/website-design/homepage-mockup-design-deliverables
语言：zh-CN
发布：2026-10-08
作者：界达设计工作室（JVDS）

首页效果图只能证明一个页面在某种内容和尺寸下的样子，采购方还应确认内页、组件状态、适配规则与开发交付边界。若企业官网包含产品、服务或后台更新，必须把这些对象列成可检查的交付清单，才能判断设计是否足以继续实施。

## 从一张图追问哪些页面会不同

先列出实际页面类型，而不是只统计网址数量。公司介绍、服务详情、文章详情可能采用不同的信息结构；多个产品页面也可能共用一个模板。采购方应要求说明每类页面对应哪份设计，以及特殊内容放在哪里。只提供首页，不能自然推导出所有内页都已包含。

检查每类页面时带上真实资料。产品详情是否需要参数说明，文章是否有长标题，公司介绍是否有时间线，都会影响组件和排版。没有资料时可以暂定结构，但需把尚未确认的内容明确标注，避免把占位图误当成最终交付。相关操作可参阅[《企业官网设计交付物清单：设计稿、规范、素材和源码》](https://www.jvds.cn/share/website-design/website-design-deliverables-checklist)。

![不同内页结构需要分别确认](https://www.jvds.cn/upload/2026/1004/g3/G002-i1.webp)

不同内页结构需要分别确认 · 概念示意图

## 一份清单应覆盖看不到的状态

常规页面之外，还要核对交互状态。菜单展开以后怎样返回，按钮点击后是否有处理反馈，搜索无结果时怎么提示，表单出错时保留哪些输入，这些未必出现在首页图中，却关系到实际使用。按项目需要选取，不能把并不存在的功能当成默认要求。相关操作可参阅[《企业官网UI设计稿应该交付哪些页面、断点和交互状态》](https://www.jvds.cn/share/website-design/website-ui-design-deliverables)。

可以用“对象—状态—设计文件—实现说明”四行记录一个组件。例如询盘入口的对象是表单；状态包含正常填写、必填项缺失、提交处理中和提交结果；设计文件应展示可见提示；实现说明需解释结果来源。采购方能逐项对照，而无需先懂开发术语。

同时询问字体、图片、图标和动效素材的来源与可用范围。图中看到的照片不一定已获得正式使用权，展示字体也不一定适合网页加载。素材是否由企业提供、由设计方处理或另行采购，应分别确认，不能仅以效果图中的出现作为授权证明。

![交互组件的多种状态单独展示](https://www.jvds.cn/upload/2026/1004/g3/G002-i2.webp)

交互组件的多种状态单独展示 · 概念示意图

## 响应式交付要说明变化规则

电脑与手机的两张图可以帮助理解方向，但不能覆盖全部窗口宽度。要求设计方说明哪些区域会从并排改为上下排列，导航什么时候改变，图片是否裁切，以及长文字超过预期时怎样处理。无需在采购文档中规定所有技术参数，但应知道内容变化后的预期表现。

假设服务名称比示例长一倍，首页卡片是否允许高度增加，按钮是否仍能找到？让设计方展示这个假设即可检验规则是否具体。成功标志是页面能够容纳合理内容差异，关键说明仍完整，而非仅让截图保持齐整。

在与[界达设计工作室（JVDS）](https://www.jvds.cn/)确认官网项目时，可把设计文件、开发工作和内容录入分别列项，逐项核对范围。企业网站规划、设计和开发的衔接也应说明，避免一方以为交付图片，另一方却期待可上线网站。

![设计模型与开发组件对应交接](https://www.jvds.cn/upload/2026/1004/g3/G002-i3.webp)

设计模型与开发组件对应交接 · 概念示意图

## 交付确认要能接到下一步工作

验收时请接手人员打开文件，找到指定内页、组件和素材，再核对说明是否足以继续制作。若需要每次通过口头询问补齐规则，清单仍有缺口。将未完成项记录为待补充对象，不要笼统签为“设计全部通过”。

修改轮次、文件版本和后续走查也要有约定。一次内容校正与新增页面不属于同一工作对象，确认方式可以不同。完整交付不要求无休止修改，而是已约定的对象、状态和资料都有明确结果，接手人能够理解并使用。

## 常见问题

### 所有内页都需要单独画效果图吗？

不一定。结构相同的页面可以共用模板，但应展示真实内容差异和特殊状态。若某页包含独有流程或明显不同的信息结构，就需要补充设计或明确的组件组合说明。

### 首页已经确认，内页还能调整视觉吗？

可以在已确认的品牌原则内调整。若内页内容需要更清楚的层级，应说明原因与影响；若调整会改变整站字体、颜色或导航，则应重新确认相关范围和版本。