这四个方法帮你百分百还原UI设计稿！

UI设计还有买家秀和买家秀？事实上，这是设计草案和最终在线页面之间的比较。我们经常发现设计草案很漂亮，很整洁，但在线页面很糟糕。今天，这篇好文章总结了四个原因和解决方案，以帮助你解决这个问题。

UI设计还有买家秀和买家秀？事实上，这是设计草案和最终在线页面之间的比较。我们经常发现设计草案很漂亮，很整洁，但在线页面很糟糕。今天，这篇好文章总结了四个原因和解决方案，以帮助你解决这个问题。

产品、操作甚至老板都要问：这是什么？谁来拿这个锅，测试一下？开发？还是ued？毫无疑问，这个锅的ued是固定的，当然，一些学生会说：开发说不能实现，只能这样做。那么，为什么你总是相信开发说你不能这样做呢？也许只是开发想要懒惰呢？（请不要打我，我知道你爱我）。

设计师高级利器 —— 学习前端

知己知彼，百战不殆。以下是一些简单的前端知识，将使用所有页面的布局。以Android为例，有五种常见的页面布局：

1. 线性布局（LinearLayout）

2. 表格布局（TableLayout）

3. 单帧布局（FrameLayout）

4. 相对布局（RelativeLayout）

5. 绝对布局（AbsoluteLayout）

对五种常见布局感兴趣的同学可以自己去了解一下，这里就不解释了。

另外还有两个单词需要很好的理解:

margin：元素周围产生额外的空白区。“空白区”通常是指其他元素无法出现且父元素背景可见的区域。

padding：它被称为内部距离，其判断的基础是边框与内容文本之间的距离，我喜欢CSS权威指南解释的“白色填充”（或“白色填充”），因为它非常生动。白色填充（padding）补白位于元素框的边界和内容区之间。自然，影响该区域的属性是padding。

总结买家秀的原因：

沟通不到位

细节不到位

验收不规范，不到位

设计稿没有详细说明

其实做好每一件事都没那么容易。你真的认为UI只是一幅画吗？高级UI可以通过看手机来区分字体大小、1px甚至0.5px误差、控制间距，包括非常微妙的颜色误差等。

1.沟通不到位

一位设计师判断自己的水平，设计能力不是最重要的，而是沟通能力，以及解决问题的能力。

设计助理：标记切图，OK！

设计师：标注切图丢开发，OK！

高级设计师：标注切图丢开发，开发跟进，OK！

高级设计师：在标记切割图的过程中，与开发人员沟通，确认页面细节，根据验收规范进行验收，提供完整的设计草案，并有一定的开发知识，能够理解开发代码，并提出建议。

设计专家：设计并编写自己的代码。

到底什么是详细的设计稿？

1. 完成所有异常流状态：为空页，断网页，请求失败页，toast，弹框等。

2. 在空时考虑页面的显示方式。

3. 设计说明书（前一篇文章提到，事实上，所有的设计都是有根据的，而不是毫无根据的，为什么这样的设计，这样的设计可以解决用户的问题，最终能达到什么效果？）

案例tips：你完全填满了他的信息，看起来非常完整，信息非常完整，但是！这只是设计草案的理想状态，实际状态是这些字段背景返回到前端是一个空值，此时东空缺，西空缺，在字段缺失页面显示也需要设计，以便开发可以有针对性地实现。

总结

美丽的设计只能说明你是一个合格的设计师。作为设计师，我们需要努力学习如何为用户创造定制产品。