浅流芳
VIP读者
VIP读者
  • UID6782
  • 发帖数13
  • 威望330点
  • 社区居民
  • VIP会员
阅读:7983回复:9

Sketch中文字实际大小以及间距问题,“文字Size:30 实际只有28px”?(ps同样存在)

楼主#
更多 发布于:2016-10-14 17:35
如题:Sketch中文字实际大小以及间距问题,“文字Size:30 实际只有28px”?(ps同样存在)
栗子:我在sketch中一行苹方字体的文字,Size为30,然后我画了个矩形来对比文字上下实际像素高度为28px详见属性区

图片:WechatIMG5.jpg



在网上搜了下类似问题,知乎上有连个比较专业的回答,但由于太专业,看得我还是懵懵的:(附链接)
https://www.zhihu.com/question/21557136
http://www.zhihu.com/question/28500081

这2个px暂时不是什么大问题,问题是文字的高度不是“实际文字Size高度30”或者“显示像素高度28px”,似乎是sketch给文字定义的区域大小(即选中文字时的外框大小,见图)

图片:WechatIMG6.jpg



这里显示,这里文字高度倒实际显示高度上下各有7px的距离左右也有1~2px的距离。

图片:WechatIMG7.jpg



然后查看文字到上方“粉色矩形”的距离并不是实际显示高度顶端到矩形的距离,而是那个“外框”到“粉色矩形”的距离。

最后整理下我的疑问:
1.那个“外框”可以设置修改么?如果可以,如何修改?
2.无法修改的情况下,在用插件生成规范的方法交付物料时实际看到的距离时“外框”到“粉色矩形”的距离,开发实现时是否会有误差?如何沟通避免?
3.常规拉线标注时,若标注的距离为文字实际显示高度顶端到“粉色矩形”的距离是否时正确的呢?是现实是否会有误差?如何沟通避免?



补充根据四楼回答做的尝试结果(感谢四楼的回答):
四楼所说上下空间时留给英文的升部和降部的话,首先试了下痛字体下中英混合,见图(pingfang字体)

图片:QQ20161018-0.png

图片:QQ20161018-1.png

图片:QQ20161018-2.png



结果是,在同字体下中英并存时(pingfang),英文降部会出现,升部反而倍中字还低,文字边框距离中英文子最高最低处仍然存在距离,分别是7px和4px(和之前的测试一样都是在一倍图下)

下面尝试了下同一行字不同字体的情况,中文字体为pingfang,英文字体为AppleGothic,见图:

图片:QQ20161018-3.png



结果是,切换应为字体后英文升部确实有提升,但文字边框距离依然存在。
[浅流芳于2016-10-18 11:28编辑了帖子]

最新喜欢:

吉恩贤吉恩贤
浅流芳
VIP读者
VIP读者
  • UID6782
  • 发帖数13
  • 威望330点
  • 社区居民
  • VIP会员
沙发#
发布于:2016-10-15 23:27
请问有人了解么?
浅流芳
VIP读者
VIP读者
  • UID6782
  • 发帖数13
  • 威望330点
  • 社区居民
  • VIP会员
板凳#
发布于:2016-10-17 09:54
我顶顶顶顶~
suntion7
Sketch高手
Sketch高手
  • UID7260
  • 发帖数5
  • 威望210点
  • 社区居民
地板#
发布于:2016-10-17 11:02
我也为这个问题很困扰
ywing
Sketch高手
Sketch高手
  • UID6771
  • 发帖数6
  • 威望450点
  • 社区居民
4楼#
发布于:2016-10-18 09:42
上下多出来的空白是西文字体中的降部和升部,估计因为薄荷面没有针对方块字做调整
浅流芳
VIP读者
VIP读者
  • UID6782
  • 发帖数13
  • 威望330点
  • 社区居民
  • VIP会员
5楼#
发布于:2016-10-18 11:32
ywing:上下多出来的空白是西文字体中的降部和升部,估计因为薄荷面没有针对方块字做调整回到原帖
谢谢,但是我试了一下,应该不全是留给英文升降部的。然后...请问这个“薄荷面”是什么?
静电
管理员
管理员
  • UID1
  • 发帖数1071
  • 威望29829点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 喜欢达人
  • 优秀斑竹
  • 原创写手
6楼#
发布于:2016-10-19 20:58
薄荷面对于文字处理并不成熟。正如楼上ywing所说,但中文并没有升部和降步,且薄荷面对中英文一视同仁,因此造成了这种情况,另外,行间距跟字体设计本身也有关系。如果你用sketch,建议不要太纠结这个问题了。
ywing
Sketch高手
Sketch高手
  • UID6771
  • 发帖数6
  • 威望450点
  • 社区居民
7楼#
发布于:2016-10-21 09:25
浅流芳:谢谢,但是我试了一下,应该不全是留给英文升降部的。然后...请问这个“薄荷面”是什么?回到原帖
某些中文字体本身设计问题也会导致不正常的行距,比如思源黑体。薄荷面就是sketch的公司bohemian
浅流芳
VIP读者
VIP读者
  • UID6782
  • 发帖数13
  • 威望330点
  • 社区居民
  • VIP会员
8楼#
发布于:2016-10-24 14:51
ywing:某些中文字体本身设计问题也会导致不正常的行距,比如思源黑体。薄荷面就是sketch的公司bohemian回到原帖
哈哈哈谢谢
chang2027193
Sketch高手
Sketch高手
  • UID23473
  • 发帖数7
  • 威望230点
9楼#
发布于:2018-10-30 09:45
对这个问题也有疑问
游客

返回顶部