sketch设计交付解决文本高度办法
由于目前设计工具的出现,越来越多的设计工具帮助设计师们简化工作流程,再也不用熬夜标注了,所以设计师一般将设计图上传之后,开发人员可以直接查看标注,这个时候,由于设计师少了再次核查设计稿的步骤,组多的问题也就产生了,1 设计图会有测量误差,开发人员会觉得设计人员会对设计使得专业性产生质疑;2 设计中测量的文本高度是带有行高的,而开发人员不知道具体的行高,所以就使用默认行高或者设置统一行高,这就造成了设计还原度不高的问题;
3 设计师切图标注过程中,可以对设计稿再次核查,细节调整,直接交付过程中,可能无法发现一些问题。
所以,我们为了更好的视觉还原,设计师们可以使用一款sketch插件来去除文本行高,减少交付问题,让开发小哥哥也能省点心。
使用插件:https://pan.baidu.com/s/1NvsdICXWnIez24KIujoH6A
插件包中包含:Auto Fix Android Text Line Height (Android使用sketch插件) & YRTZ iOS Text Line Height (iOS sketch 插件)
Android插件使用有系统版本限制,本人为 Mac OS10.12.6,不可用,其他系统未知。
iOS插件亲测可用,由于本人经常使用iOS设计稿进行设计,所以,一般不使用android的思源字体。另外,思源字体做设计时数字的位置偏高一些,还有苹方字体与思源字体同为黑体,较为相近,所以,也可以使用苹方字体来适配android设计稿。
Q 这个插件解决了什么问题?
A 由于sketch使用过程中,文本会有行高,而实际开发过程中,开发人员写文本时,会有默认行高,与我们设计稿中1.5倍行高不一致,设计稿还原度不够,针对这个问题,想开发人员讨教后,得知,开发人员可以使用代码去除行高,但是其实显示中还是会有一点点的行高。
所以,我们使用sketch的这个插件在设计稿完成之后在当前画板或选中的文本图层使用这个插件,之后,所有的文本就会没有行高的显示,更佳易于开发人员测量与设计还原。