设计稿还原度不高?
在工作中会经常会遇见视觉还原度不足的问题,开发觉得不影响功能不愿意更改,经常遇到下面这种情况,你会怎么办?
你是否经常遇到如图的情况

图片来源于网络
一、设计规范是否完整输出?
视觉规范、视觉标注、视觉控件库的整理与输出目的只有一个:那就是指导开发,让设计100%还原落地。如下图为常用的设计尺寸,如果没有规范,视觉不统一,需要返工导致开发成本加大

二、考虑情况是否周全?
是否考虑极限情况。比如某区域设计的文字,文字过多怎么处理?没有内容怎么展示?面板有没有收起功能,如果有,面板变动的同时,周边元素怎么跟着变化等

图片来源于蚂蚁后台
三、后期是够便于运营维护?
随着项目的推荐,后期会加入很多新功能,但如果每加入一个功能就重新设计页面,工作效率大大降低。如果在设计的时候就考虑到延展功能,并且和开发沟通,会事半功倍

图片来源于语雀的新增页面
四、是否考虑开发难度?
有些元素是不用设计的,比如地图(如下图),日历,选择日期的滚动效果,UI可以偷个懒~

图片来源于高德开放平台
也有些设计的动态很炫,但是开发到产品里就会不稳定或者难度增大影响整个产品后面的进程,这个时候不和开发沟通的话,小心开发提刀来见~
五、跳转逻辑是否沟通清楚?
不要设计图上传蓝湖就完事了,设计规范做得再完善,开发问题依然存在。如果有特殊的页面交互,记得蓝湖备注,如下图

条件允许的话,与开发坐一起;遇到问题及时修改解决。不要截个图就完事,直截了当描述问题并详细告知改成什么样子,比如,高拉长20PX,颜色改为#333333……
在实际项目中,设计与开发通常会有以下两种情况出现:
开发经验大于设计经验时:开发话语权大。这种情况,可以在交互视觉设计过程与规范输出中,让开发提供更多正确的方向引导,借鉴开发团队以往的宝贵经验更好。如:设计文档的共享与即时性、设计规范的专业性,开发认同的设计规范去指导开发、设计相关问题单的及时跟踪与解决、设计需求变更流程等,都能有效指导开发,提高产品开发落地的高还原性。
设计拥有丰富的经验:设计话语权大。这个时候是最好的,用多年积累的经验和设计沉淀创造指导项目。
最后,构建开发标准(参考自花火嘉宾)
可以从这几个维度去考量开发是否按照设计稿开发,按照权重依次是
功能实现:功能打通且无bug;
跳转逻辑:用户路径没有错误;
视觉还原:适配情况、设计稿还原度、动效实现、极限情况的样式是否被破坏;
细节把控:图片、icon清晰度,比例是否和谐等
希望本篇对你有所帮助,谢谢阅读~













































































