ui设计稿的思考过程

发布时间:2022-04-12 15:15:21来源：魔方格

ui设计还有买家秀和买家秀?其实就是设计稿和较后上线页面的对比，经常发现有设计稿整齐工整，但较后上线却惨不忍睹，今天小编主要给大家分享ui设计稿的思考过程，希望对你们有帮助!

1.沟通不到位

判断设计师的水平，设计能力不是较重要的，而是沟通能力和解决问题的能力。

我们可以发现高级设计师会有很多机会接触开发，并与其更多的沟通，例如:

一个星星的排列的图片，我们通常会发现在稍大一点的公司中，一个功能模块对应一个开发，但是其中的元素将不可避免地被重用，为了避免资源重复，开发会使用相同的资源，即相同的切图。然后问题出现了，只有一种方法来排列星星吗?然而并不是，这并不是说两个人的实现方法不同，尽管结果相同，但所需的切图不同。

写法一:提供供贴边切图，开发代码来实现其中的间距。

写法二:提供左右间隔的切图，并开发自动排列。

如果没有适当的沟通，我们会发现双方的效果总是不能保持一致的，导致较终效果图有差异。

2.细节不到位

在我们的日常生活中，为什么我们对一家店有良好的印象，认为服务很好，让人觉得值得花很多钱，原因是他们已经掌握了服务的细节。

同理，当我们在做ui验收时，是否注意到细节，比如对齐、一致性和1px(dp)的误差?是否没有根据效果图来实现?通常忽略细节会导致整个产品看起来不精致。

3.详细的设计稿

1.完成所有异常流程状态:空页面、断网页面、请求失败页面、toast、弹出框等;

2.考虑当字段为空时，页面是如何显示的;

3.设计说明，事实上所有的设计都是有据可循，为什么要这样设计，这个设计能为用户解决什么问题，较终能达到什么效果。

案例提示:一屏页面填满信息，看起来非常饱满、充实，信息很完整，但是!这只是设计稿较理想的状态，实际状态是这些字段后台返回到前端是一个空值，这里东一块，那里西一块，在缺少字段的情况下，页面的显示需求设计进去，以便在开发过程中针对性的做出实现方式。

机构简介