发布时间:2022-04-12 15:15:21来源:魔方格
ui设计还有买家秀和买家秀?其实就是设计稿和较后上线页面的对比,经常发现有设计稿整齐工整,但较后上线却惨不忍睹,今天小编主要给大家分享ui设计稿的思考过程,希望对你们有帮助!
1.沟通不到位
判断设计师的水平,设计能力不是较重要的,而是沟通能力和解决问题的能力。
我们可以发现高级设计师会有很多机会接触开发,并与其更多的沟通,例如:
一个星星的排列的图片,我们通常会发现在稍大一点的公司中,一个功能模块对应一个开发,但是其中的元素将不可避免地被重用,为了避免资源重复,开发会使用相同的资源,即相同的切图。然后问题出现了,只有一种方法来排列星星吗?然而并不是,这并不是说两个人的实现方法不同,尽管结果相同,但所需的切图不同。
写法一:提供供贴边切图,开发代码来实现其中的间距。
写法二:提供左右间隔的切图,并开发自动排列。
如果没有适当的沟通,我们会发现双方的效果总是不能保持一致的,导致较终效果图有差异。
2.细节不到位
在我们的日常生活中,为什么我们对一家店有良好的印象,认为服务很好,让人觉得值得花很多钱,原因是他们已经掌握了服务的细节。
同理,当我们在做ui验收时,是否注意到细节,比如对齐、一致性和1px(dp)的误差?是否没有根据效果图来实现?通常忽略细节会导致整个产品看起来不精致。
3.详细的设计稿
1.完成所有异常流程状态:空页面、断网页面、请求失败页面、toast、弹出框等;
2.考虑当字段为空时,页面是如何显示的;
3.设计说明,事实上所有的设计都是有据可循,为什么要这样设计,这个设计能为用户解决什么问题,较终能达到什么效果。
案例提示:一屏页面填满信息,看起来非常饱满、充实,信息很完整,但是!这只是设计稿较理想的状态,实际状态是这些字段后台返回到前端是一个空值,这里东一块,那里西一块,在缺少字段的情况下,页面的显示需求设计进去,以便在开发过程中针对性的做出实现方式。