现在就能办的设计产品
标准化页面按件计价;整站设计通常按页面数量打包。 拿不准要出几套稿的,先把页面清单列出来,我们给一个明确的工作量估算。
一份能直接开工的设计交付物,应该有什么
只给几张效果图,开发是没法动的。下面这些是我们每次都会交的东西 —— 你也可以拿它去对照别人给你的稿子,少了哪项,后面都会变成扯皮。
设计文件本身
- 首页定调稿,以及全部内页的可编辑源文件
- 移动端断点稿:至少覆盖手机竖屏,必要时含平板
- 关键交互状态:悬停、点击、加载中、空状态、报错提示
- 表单的默认态与校验错误态
- 页面之间的跳转关系与层级说明
交给开发的部分
- 标注文件:尺寸、间距、圆角、阴影、层级关系
- 色值表与字号字重规范,含主色、辅助色、状态色
- 切图与图标资源,按用途导出合适格式
- 响应式规则说明:哪些元素在窄屏收起、哪些换行
- 字体缺失时的降级方案(这决定了最终看起来像不像稿子)
最容易被忽略的是字体降级。设计稿用的是商用字体,开发上线后如果没买授权, 客户的电脑上会渲染成另一个字体 —— 版面全乱,看起来像没做过设计。
"改到满意"不是承诺,是可无限延长的工期
把改稿轮次写清楚,对双方都是保护:你知道会有几轮,我们知道什么时候能往下走。 下面是我们默认的口径,也可以按项目另议。
| 阶段 | 确认什么 | 默认轮次 | 超出如何计 |
|---|---|---|---|
| 风格提案开工第一步 | 整体调性、配色方向、版式感觉 | 2 轮 | 按次计费,或转入下一阶段时合并 |
| 首页稿 | 信息层级、主视觉、转化入口位置 | 2 轮 | 按次计费,报价单里写明单价 |
| 内页稿 | 沿用首页规范的批量页面 | 1 轮 | 小范围文字修改不额外计费 |
| 移动端稿 | 断点下的排布与操作区域 | 1 轮 | 按次计费 |
| 定稿后 | — | 0 轮 | 视为变更需求,重新评估工作量 |
定稿之后再改,往往牵动的是已经写好的代码,成本远高于改稿本身。 所以我们会反复确认才进入开发,这一点上我们宁可慢一点。
关于设计,被问得最多的几个
可以。风格提案阶段就是干这个的:给 2 个不同方向的调性方案,你选一个再往下做。
但更有效的方式是你给 2–3 个"感觉对"的参考网站,哪怕是国外的、别的行业的。一张参考图能省掉半小时的形容词沟通。
取决于字体的授权方式。系统自带字体和开源字体(如思源系列)可以直接用;商用字体需要购买网页授权,否则有法律风险,也不保证客户设备上能渲染出来。
我们默认优先用可免费商用的字体,如果需要特定商用字体,会在方案里注明授权费用由谁承担。
可以。交付设计稿与标注文件,你交给自己的开发团队实现。
唯一需要提前约定的是:开发过程中遇到实现困难需要调整设计时,找谁改。建议在合同里约定一定次数的配合答疑,避免开工后两头卡住。
能,而且通常是投入产出比最高的一个页面 —— 因为它离成交最近。
核心不是好看,而是把客户在决策时的疑问按顺序回答掉:这是什么、值不值、凭什么信、买了会怎样、不确定怎么办。我们按这个顺序来组织版面。
把页面清单发过来,
我们估一下工作量。
告诉我们要设计哪些页面、有没有参考方向,1 个工作日内给出工作量估算与报价。 已有品牌素材的,发过来我们看看能直接用到什么程度。