sketch字体行高设置
1、正文多行文字时,行与行之间为了美观需要留出空间,如果正文字号24px。
2、那么行高1.5的话,实际sketch里面就设置行高为:24×1.5=36px,sketch中多行文字控件实际上下留白部分相等,数值为:(36-24)÷2=6px。
3、标题是单行的话,字号是32px,由于单行文字没有留白需求,所以可以为1倍行高,也茧盯璜阝就是sketch里面设置行高为30×1=30px,我在标注时标记此处为1倍行高,提醒开发人员此处行高倍数特殊处理。
4、这样的话,我标注的时候,就直接用标注程序,标注多行文字与标题文字之间的实际测量距离即可,如果设计目标是视觉上20px的距离效果,那么排版时控件之间的距离就应该是:20-6=14px
5、正文同上,上下留白依然为(36-24)÷2=6px
6、标题两行,字号32px,行高1.5倍,sketch设置数值为48px,那么标题控件上下留白为:(48-32)÷2=8px
7、所以为了保持20px的实际视觉效果,标题和正文这两个控件之间的距离应在sketch里设置为:20-8-6=6px,所以,此处用标注软件实际标出6px就可以直接给开发人员用,番舸榆毛标清楚标题和正文的行高就没问题。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:58
阅读量:33
阅读量:49
阅读量:41
阅读量:73