sketch字体行高设置

 时间:2024-10-12 14:48:04

1、正文多行文字时,行与行之间为了美观需要留出空间,如果正文字号24px。

sketch字体行高设置

2、那么行高1.5的话,实际sketch里面就设置行高为:24×1.5=36px,sketch中多行文字控件实际上下留白部分相等,数值为:(36-24)÷2=6px。

sketch字体行高设置

3、标题是单行的话,字号是32px,由于单行文字没有留白需求,所以可以为1倍行高,也茧盯璜阝就是sketch里面设置行高为30×1=30px,我在标注时标记此处为1倍行高,提醒开发人员此处行高倍数特殊处理。

sketch字体行高设置

4、这样的话,我标注的时候,就直接用标注程序,标注多行文字与标题文字之间的实际测量距离即可,如果设计目标是视觉上20px的距离效果,那么排版时控件之间的距离就应该是:20-6=14px

sketch字体行高设置

5、正文同上,上下留白依然为(36-24)÷2=6px

sketch字体行高设置

6、标题两行,字号32px,行高1.5倍,sketch设置数值为48px,那么标题控件上下留白为:(48-32)÷2=8px

sketch字体行高设置

7、所以为了保持20px的实际视觉效果,标题和正文这两个控件之间的距离应在sketch里设置为:20-8-6=6px,所以,此处用标注软件实际标出6px就可以直接给开发人员用,番舸榆毛标清楚标题和正文的行高就没问题。

sketch字体行高设置
  • PS怎么为图片添加景深效果
  • 如何使用PS制作简洁的文本边框
  • 3Dmax香水瓶喷头模型制作教程
  • ps怎么粘贴对象的
  • 怎样用PS绘制散落野花图形
  • 热门搜索
    反复发烧是怎么回事 图片大小怎么改 怎么煮牛肉 大米饭怎么做好吃 波尔谛奇鞋子怎么样 怎么提升网速 美利达自行车怎么样 直怎么读 起亚k2怎么样 头发怎么长的快