邯郸 UI 设计外包|企业官网界面设计验收标准
适合和本地 UI 外包、建站团队签需求单、验收时直接对照;偏向邯郸 B
端客户：机械、建材、汽修、口腔、商贸、工程公司，兼顾美观、转化、适配、合规。
一、品牌视觉规范验收(优先核对，避免和 LOGO/VI 脱节)
严格沿用企业 VI：LOGO、主色、辅助色、中性色，提供 RGB(线上)、CMYK(印刷备用)色值，不随意改色、提亮、换色系
LOGO 使用：预留安全留白、最小显示尺寸;禁止拉伸变形、叠加阴影 / 描边、换色扭曲
字体体系：全站统一字体方案，标题、正文、辅助文字区分，整套不超过 3 种字体;优先选择免费商用字体(避免字体版权索赔)
视觉气质匹配行业：重工机械稳重简约、口腔美容柔和干净、餐饮温暖亲和，不能风格跑偏
图标、装饰元素统一：线性 / 面性图标风格统一，不混搭多种样式
本地高频坑：UI 单独外包，设计师没拿到 VI 色卡，自己凭感觉配色，最后和 LOGO、画册、门头对不上。
二、页面布局与信息层级验收(B 端官网重点，决定询盘)
首屏：核心业务、主打优势、联系方式 / 咨询按钮清晰，不堆砌无关大图;客户 3 秒知道你是做什么的
内页标准化：首页、关于我们、产品 / 服务、案例、新闻、联系我们，布局逻辑统一
信息层级：标题>副标题>重点标签>正文>备注;重点信息(报价、资质、服务范围)突出，不杂乱
产品页：参数、实拍图、分类清晰，适合机械、设备类客户;图文间距合理，不拥挤
转化触点：固定悬浮咨询、电话按钮、在线表单位置统一，不遮挡核心内容
三、多端响应式验收(邯郸企业最容易漏检)
PC 端：主流分辨率 1920、1440、1366 测试，不出现横向滚动条、元素错位
移动端(手机)：自动重新排版，按钮足够大(方便点击)，文字不挤、图片不变形;重点：移动端不要照搬 PC 布局
平板端：自适应过渡正常
测试浏览器：Chrome、Edge、360(国内常用)，样式无明显错乱
验收要求：UI 稿必须同时交付 PC 版 + 移动端设计稿，不能只做 PC
四、图片、素材、版权验收(红线)
所有配图、插画、图标有商用授权，无百度随便下载的版权图;可使用正版图库、企业实拍图
图片压缩适配网页：设计稿考虑线上加载，大图分层，避免后期上线打开很慢
图片水印：不自带第三方平台水印;企业实拍图统一调色风格
五、交互细节规范验收(UI 静态稿 + 交互说明)
基础 hover 效果：按钮、链接、卡片悬浮样式统一，有反馈(变色、轻微提亮)
弹窗、表单、下拉菜单样式统一;表单输入框、报错提示 UI 配套设计
轮播 banner：指示器、切换箭头样式规范;控制切换节奏
分页、标签、筛选组件样式统一
外包避坑：很多 UI 只出静态图，不写交互说明，交给前端之后效果完全走样
六、可用性、SEO 友好设计要求(兼顾邯郸同城 SEO)
文字不是整张图片：重要标题、产品介绍是文字层，方便搜索引擎抓取(不要全图首页)
图片预留 alt 文本位置，UI 标注给到前端
页面结构符合语义：H1 标题唯一，导航层级清晰
不做过度炫酷动画：动画过多会拖慢打开速度，B 端客户更看重稳定、快速访问
七、交付物清单(验收必须拿到全套文件)
✅ Figma/PSD 源文件(分层、命名规范，方便后续改版)
✅ PC 端全部页面设计稿
✅ 移动端对应页面设计稿
✅ 色卡、字体规范文档、组件库(按钮、卡片、表单、图标)
✅ 交互说明文档(hover、弹窗、轮播规则)
✅ 切图文件(图标、banner、特殊组件)
八、不合格判定 & 补充条款(写进外包合同)
视觉和 VI 严重冲突、LOGO 变形 → 要求免费修改
移动端大面积错位、文字无法阅读 → 返工
使用无版权素材、商用字体 → 由设计外包方承担版权责任
只交付效果图、不给源文件、不分层 → 视为未完成交付
修改次数约定：一般合同约定免费修改轮次(例如 2 轮大改，小微调合理范围内)，超出另行收费
九、快速验收自检表
□ 色值和企业 LOGO/VI 一致
□ 字体商用无版权风险 □ PC + 手机双端设计稿齐全
□ 悬浮、表单、按钮交互有标注
□ 源文件分层、命名清晰
□ 重点业务和咨询按钮突出
□ 图片素材具备商用授权
□ 页面文字可被搜索引擎识别