设计要点

先定首页调性首页确认后再铺内页,返工成本最低

必须含移动端只出桌面稿等于把适配成本推给开发阶段

改稿轮次写进合同"改到满意"不是承诺,是可无限延长的工期

标注要能开发尺寸、间距、色值、字号缺一样,开发就得靠猜

设计不等于好看先解决"客户能不能找到信息",再谈审美

要素清单 →

首页 / UI 设计

先把稿子定下来,再花开发的工时

设计阶段每省一小时,开发阶段可能要还三天。页面的信息层级、转化路径、移动端适配, 都应该在写代码之前解决 —— 而不是让开发边写边猜。

在售产品 交付 设计稿 + 标注 移动端断点 参考工期 3–15 个工作日
价格与销量实时读取自产品库

现在就能办的设计产品

标准化页面按件计价;整站设计通常按页面数量打包。 拿不准要出几套稿的,先把页面清单列出来,我们给一个明确的工作量估算。

§ 02
交付物

一份能直接开工的设计交付物,应该有什么

只给几张效果图,开发是没法动的。下面这些是我们每次都会交的东西 —— 你也可以拿它去对照别人给你的稿子,少了哪项,后面都会变成扯皮。

设计文件本身

  • 首页定调稿,以及全部内页的可编辑源文件
  • 移动端断点稿:至少覆盖手机竖屏,必要时含平板
  • 关键交互状态:悬停、点击、加载中、空状态、报错提示
  • 表单的默认态与校验错误态
  • 页面之间的跳转关系与层级说明

交给开发的部分

  • 标注文件:尺寸、间距、圆角、阴影、层级关系
  • 色值表与字号字重规范,含主色、辅助色、状态色
  • 切图与图标资源,按用途导出合适格式
  • 响应式规则说明:哪些元素在窄屏收起、哪些换行
  • 字体缺失时的降级方案(这决定了最终看起来像不像稿子)

最容易被忽略的是字体降级。设计稿用的是商用字体,开发上线后如果没买授权, 客户的电脑上会渲染成另一个字体 —— 版面全乱,看起来像没做过设计。

§ 03
改稿怎么算

"改到满意"不是承诺,是可无限延长的工期

把改稿轮次写清楚,对双方都是保护:你知道会有几轮,我们知道什么时候能往下走。 下面是我们默认的口径,也可以按项目另议。

阶段 确认什么 默认轮次 超出如何计
风格提案开工第一步 整体调性、配色方向、版式感觉 2 轮 按次计费,或转入下一阶段时合并
首页稿 信息层级、主视觉、转化入口位置 2 轮 按次计费,报价单里写明单价
内页稿 沿用首页规范的批量页面 1 轮 小范围文字修改不额外计费
移动端稿 断点下的排布与操作区域 1 轮 按次计费
定稿后 0 轮 视为变更需求,重新评估工作量

定稿之后再改,往往牵动的是已经写好的代码,成本远高于改稿本身。 所以我们会反复确认才进入开发,这一点上我们宁可慢一点。

§ 04
常见问题

关于设计,被问得最多的几个

可以。风格提案阶段就是干这个的:给 2 个不同方向的调性方案,你选一个再往下做。

但更有效的方式是你给 2–3 个"感觉对"的参考网站,哪怕是国外的、别的行业的。一张参考图能省掉半小时的形容词沟通。

取决于字体的授权方式。系统自带字体和开源字体(如思源系列)可以直接用;商用字体需要购买网页授权,否则有法律风险,也不保证客户设备上能渲染出来。

我们默认优先用可免费商用的字体,如果需要特定商用字体,会在方案里注明授权费用由谁承担。

可以。交付设计稿与标注文件,你交给自己的开发团队实现。

唯一需要提前约定的是:开发过程中遇到实现困难需要调整设计时,找谁改。建议在合同里约定一定次数的配合答疑,避免开工后两头卡住。

能,而且通常是投入产出比最高的一个页面 —— 因为它离成交最近。

核心不是好看,而是把客户在决策时的疑问按顺序回答掉:这是什么、值不值、凭什么信、买了会怎样、不确定怎么办。我们按这个顺序来组织版面。

设计咨询

把页面清单发过来,
我们估一下工作量。

告诉我们要设计哪些页面、有没有参考方向,1 个工作日内给出工作量估算与报价。 已有品牌素材的,发过来我们看看能直接用到什么程度。

咨询热线 400-000-0000

此表单为演示,不会发送任何数据。