设计还原度差?如何可以提升?
作者:优漫动游设计部 2023-10-31 16:58 查看: 193

  设计还原度到底是态度问题还是技术问题?本文介绍几个实用的提升设计还原度的方法


设计还原度差?如何可以提升?



  如果你参与过实际的项目开发上线,必然会遇到一个合作中的难题一一设计的还原度完美的设计稿一经开发实现后效果惨不忍睹,怎样才能减轻还原的痛苦且达到很好的实现效果呢?第一步,也是最重要的一步,设计师需要针对还原的重要性与开发达成共识。只有大家意识统一,才能共同解决问题一般来说还原度的重要性为:用户产品、B端、产品后台。对于用户产品最好是能做到像素级然后开始我们具体的操作,从设计、标注、还原3个环节去提升设计的还原度、优化设计文件,避免给自己挖坑。

  1.文字

  在界面设计中,文字往往会占比较大的比重,也容易影响最终效果

  文字在效果图中最好按照中英文最好是单独设置文字,开发还原度会更好。英文使用SFPro、中文使用PingFangSC。

  你也可以使用craft插件设置每个字体样式或TextStyle,这需要把行高调成和开发使用的system字体行高。

  2.对齐

  我们经常会在设计中遇到图文对齐的情况,在设计边缘对齐时,需要考虑到默认的文字行高《默认行高一般是字号的1.2倍)。如果需要强行对齐边缘,可以文字往上移,因为有些机型的字体无法更改行高。

  3.特殊情况一定不能忽略

  在设计中先考虑到一些极端情况,比如内容过长或过短,并在图中做出示意例如微信小程序的表单组件规范

 怎么标注才完美

  很多设计师开始用sketch了,可以利用各种插件轻松导出设计规范,但在实际项目中,偷懒往往会造成后期更大的麻烦,合理利用标注工具,节约的时间可以把一些容易出错的部分详尽标出。

  对UI设计行业感兴趣的小伙伴可以扫描下方二维码,领取广州UI设计培训课程七天免费试听活动,助力追梦的莘莘学子把握黄金学习机会,用专业技能充实自己,成为优秀UI设计师。
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服