项目延期最常见的原因不是技术难点，而是"视觉稿都做好了，甲方才发现流程不对"。这时候改，前端可能已经写了一半。
把设计拆成两个阶段，这个问题基本就能避免。
第一阶段：线框图解决逻辑
线框图是灰色的、没有配色的草图，它只关心三件事：页面上有什么、放在哪、点了会去哪。
这个阶段最值得花时间，因为改动成本几乎为零，拖个框就行。需要确认的是：
- 首页的信息顺序：用户第一眼看到什么，往下滑依次看到什么
- 每个页面的主次关系：什么是主角，什么是配角
- 关键入口的位置：咨询按钮放几处，分别在哪
- 表单长什么样：几个字段，是弹窗还是独立页
建议甲乙方一起过一遍线框图，逐页讲"用户在这里会想什么"。这一步聊透了，后面省的时间是十倍计。
第二阶段：视觉稿解决感受
线框确认后再做配色、字体、图片风格、按钮样式。这时候改的只是"好不好看"，不影响结构。
视觉稿要注意几个企业站的高频问题：
- 配色是否和品牌一致：用现有的 VI 色，别另起炉灶
- 正文字号是否够大：16 像素是底线，行高 1.5 以上才不挤
- 对比度够不够：浅灰字配白底，看着高级但很多人看不清
- 有没有真实的图片位：用灰色占位块看不出实际效果，尽量提前准备真实素材
交付物要给全
设计定稿后，开发需要的不只是一张图。完整的交付包括：
- 各页面的设计稿：首页、列表页、详情页、表单页，覆盖所有版面类型
- 移动端版本：不能只给电脑版让开发自己猜
- 标注与切图：间距、字号、色值，以及图标和背景图的分层文件
- 交互状态：按钮悬停、按下、禁用、加载中、错误提示长什么样
其中交互状态最常被漏掉。设计稿里按钮只有一个样子，开发只能自己发挥，最后出来的错误提示风格跟整体格格不入。
设计也要考虑现实
有几点需要设计师和开发提前对齐，否则设计稿落到代码里会走样：
- 文字长度可变：标题写十个字好看，写成三十个字会不会撑破
- 内容会更新：留好后台可编辑区域的弹性，别把文字写死在图里
- 图片比例不固定：规定好裁切规则，否则编辑上传的图会撑乱布局
- 性能有上限：满屏大图和复杂动画，在手机上会掉帧
验收怎么看
拿到设计稿别只说"挺好看"或"不太喜欢"。对照需求文档逐页检查：该有的内容在不在、顺序对不对、行动入口够不够明显。感受上的意见可以说，但要说具体——"这个标题希望更醒目"，比"感觉不够大气"有用得多。
线框图花一周，能省掉后面一个月的返工。这是整个项目里性价比最高的时间投入。
—— 一位做过几百版改稿的设计师