嗨， 小朋友们，今天我们要聊一聊一个非常有趣的话题，那就是怎么把设计师画的美美的设计稿， 我给跪了。 变成真正在网站上看起来超级棒的页面哦！这样我们上网的时候就会觉得超级开心，超级舒服了。

第一步：思考布局问题

抄近道。 先说说 我们要想想页面的布局问题，就像小朋友搭积木一样，我们要把各种东西摆得整齐，好看。比如间距能不能用百分比来表示呢？这样就可以让我们的页面看起来更灵活哦！

第二步：小版本迭代

如果只是稍微改一下 就像换了一件衣服一样，那就不太复杂了。主要原因是我们已经有了很多现成的控件， 就像搭积木的时候已经有了很多基础的积木块，只需要按照说明写清楚，就可以不需要写很多文档了。

第三步：文档要简单明了

我们的文档不需要写得太复杂，只要能让开发叔叔看得懂就可以了。就像我们给小猫起名字， 挽救一下。 不需要太复杂，只要小猫能认识就可以了。

第四步：积极回应开发的疑问

在开发叔叔忙得团团转的时候， 即使我们已经准备好了所有东西，他们也可能有问题要问我们。这时候，我们要积极地回应他们， 谨记... 和他们一起解决问题。就像小朋友和爸爸妈妈一起玩的时候，爸爸妈妈有时候也会问我们问题，我们要告诉他们答案哦！

第五步：大版本迭代

如果是要换一个全新的样式， 就像换一个全新的玩具一样，那我们就要准备一份详细的文档了。比如导航在超级大的屏幕上怎么处理， 抄近道。 多语言是怎么换行的，换行规则是什么这些问题都要写在文档里面哦！

第六步：评审人员

我们需要和产品经理、 设计领导，还有开发叔叔，还有测试小姐姐们一起评审。 调整一下。 就像做游戏的时候，需要很多小朋友一起玩，每个人都要出谋划策一样。

第七步：整理标注文档

也是没谁了。 为什么要整理一份标注文档呢？就像我们写作业一样，需要一份详细的作业清单，这样我们才能知道要写什么不写什么。标注文档就是我们的作业清单，帮助我们还原设计稿。

第八步：五大核心关键因素

要让设计稿还原得像原版一样，我们需要把握五大核心关键因素。就像小朋友玩捉迷藏， 可不是吗！ 我们需要找到所有的线索，才能找到藏起来的小伙伴。

第九步：文档内容

文档里面要放什么呢？当然不是全部放，就像我们的书包，不能放得满满的， 我悟了。 那样我们走路就不方便了。我们需要放的是最重要的东西。

第十步：设计中期评审

在设计中期评审的时候， 我们要和产品链中的关键角色一起，就像小朋友们一起玩游戏，每个人都要参与，这样才能玩得更开心，说句可能得罪人的话...。

第十一步：开发还原度检视

我们要向开发叔叔宣讲标注， 让他们知道我们要做什么这样才能更好地还原设计稿。就像我们告诉小朋友们我们要做什么游戏，他们才会按照我们的规则来玩，我们一起...。

第十二步：向开发宣讲标注

我们要积极响应开发叔叔的每一个疑问， 就像小朋友们回答老师的问题一样，这样才能学到更多的知识，痛并快乐着。。

第十三步：记住细节

在定稿前， 我们要进行评审，就像小朋友们写完作业后老师要检查一下看看有没有错误。

第十四步：框架前期评审

框架前期可能已经和开发叔叔评审过了 但是我们有时候也会突然想到一些新的点子，所以要特别注意这些细节。

第十五步：向开发走读layout

我们要向开发叔叔走读layout， 就像我们给小朋友们讲一个故事一样，让他们知道我们要做什么这样他们做起来就会更容易。

第十六步：遇到小问题

掉链子。 在我们做网站建设这个团队中， 经常会遇到一些小问题，就像小朋友们玩游戏的时候，有时候会摔倒一样。但是只要我们勇敢面对，就能找到解决办法。

第十七步：

好了小朋友们，今天我们就聊到这里。希望你们能够学会如何通过网站还原设计稿，提升用户体验，让我们的网站变得超级棒，CPU你。！