图5 （点击查看大图）

图6 （点击查看大图）

　　执行

　　刚开始执行的时候觉得花的时间较多，不能充分的享受设计完成后的愉悦，而要面对增设标注这项“浩大”的工程，枯燥的放大，拉取标尺，移动水平线，填写数据，还是难免觉得麻烦。也会不经意的疑惑，这样真的能更利于制作和减小像素差吗？

　　反馈

　　很快的收到了页面重构同事的反馈：

　　标注作为参考，约定，相比设计原型，更为精细；

　　能更快捷地了解设计稿的意图，减少了沟通成本；

　　能节省更多重复的测量工作；

　　增强了下游环节包括开发线对还原视觉稿的意识。

　　反馈中也有很多改进建议，比如：更注重文本行间数值的标注，更多的关注间距、元素宽高、颜色值、边框宽度、字体大小、文本段落行等的标注。这些建议，还需要我们在后续实际工作中来不断优化了。

　　一些收获

　　第一：视觉设计师，会更加注意行高与间距，在视觉上能够最精准还原到所设计的样式以保证体验顺畅，强调设计还原与网页的品质；更容易关注到视觉层次的设计，容易形成统一的视觉规范和品牌；

　　第二：重构工程师，会更加可控和高效，方便重构工程师在最短时间内做出页面及模板；也提高还原设计稿的意识，降低还原的难度；

　　第三：引导开发线的同事对细节的重视；

　　第四：将最完美的界面体验呈现在用户面前；

　　随着互联网产品变化的速度越来越快，我们面对的设计工作也越来越复杂，这需要我们找到更多、更好的方法来提高效率，提升品质。

　　“标注”，也许就是一次卓有成效的尝试。

　 【相关阅读】

　　QQ登录Banner之清明概念创意设计过程

　　QQ影音正式版官网Banner诞生过程

　　内部爆料!09年QQ登录Banner诞生过程

　　门户网站改版案例：腾讯网首页诞生过程