美文网首页
sketch设计交付解决文本高度办法

sketch设计交付解决文本高度办法

作者: 梦享者 | 来源:发表于2018-09-26 14:39 被阅读0次

由于目前设计工具的出现,越来越多的设计工具帮助设计师们简化工作流程,再也不用熬夜标注了,所以设计师一般将设计图上传之后,开发人员可以直接查看标注,这个时候,由于设计师少了再次核查设计稿的步骤,组多的问题也就产生了,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的这个插件在设计稿完成之后在当前画板或选中的文本图层使用这个插件,之后,所有的文本就会没有行高的显示,更佳易于开发人员测量与设计还原。

相关文章

  • sketch设计交付解决文本高度办法

    由于目前设计工具的出现,越来越多的设计工具帮助设计师们简化工作流程,再也不用熬夜标注了,所以设计师一般将设计图上传...

  • iOS疑难杂症

    1. 富文本设置...结尾时,高度计算不正确 解决办法: 先不要在富文本里面设置如下方法 而是等计算完高度后,设置...

  • 高效产出PRD的“三不”原则

    现在业内对于产品需求文档(PRD)普遍认同的交付形式是Axure的原型+文本,当然你也可以说是Sketch或者PP...

  • android h5输入框输入后文档上移

    文本内容刚好超出键盘+可视内容高度,输入获取焦点,上面内容往上推后消失不见。 原因:不知 解决办法 :检查内容框的...

  • Adobe XD 会取代sketch和invision吗

    Adobe对于取代sketch和inVison的解决方案是Adobe XD. Sketch已经成为ui/ux设计师...

  • Sketch数字运算相关技巧

    众所周知,我们可以在Sketch检查器的文本输入框中输入任意数字改变图层的位置(X,Y)、宽度、高度以及角度等,也...

  • Sketch Mirror不能用?那就用Skala Previe

    在手机上预览Sketch设计稿,很多设计师会选择使用Sketch Mirror,关于Sketch Mirror的使...

  • 聊一聊 Sketch 与 iOS 文字的行高

    摘抄自知乎-五道口大鲨鱼 UI 设计师用 sketch 输出的设计稿交付工程师后还原总是会遇到一些问题 尤其以字体...

  • UI资源

    Sketch sketch中文网 sketch设计资源:谷歌官方Material Design模板 CSS技巧 懒...

  • 2018年移动设计规范

    设计前的准备工作 ①合适的设计工具 Sketch Sketch是OS X平台独占,需要下载Sketch可以到这个...

网友评论

      本文标题:sketch设计交付解决文本高度办法

      本文链接:https://www.haomeiwen.com/subject/wsgdoftx.html