ui设计稿的思考过程

来源：广州达内教育it培训机构时间：2021/7/31 16:30:23

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

　　1.沟通不到位

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

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

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

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

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

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

　　2.细节不到位

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

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

　　3.详细的设计稿

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

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

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

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

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/3168/news/389229/违者必究！ 以上就是广州达内教育it培训机构 小编为您整理 ui设计稿的思考过程的全部内容。