继续跟分辨率有关,今天输出设计的时候又遇到了另一个问题: 字体单位



将设计稿输出给工程师时,设计中的字体是需要注释出字形、字号、颜色、粗细、阴影等信息。在iOS的开发人员那,字号的单位默认是“px”。而在设计人员那,photoshop里的默认字号单位为“pt”。


输出字体单位时,设计人员会习惯性地所见即所得,将字号以pt为单位直接输出给开发人员,却不知原来开发端的字号单位是”pt“,这样一来,如果开发人员不注意单位,很可能就会出现开发中的字号呈现不出设计时的效果。无知的设计师可能会抱怨开发工程师不”照单办事“,开发工程师也会质疑设计师的”专业水准“。



今天,鄙人就直接将以pt单位的字号输出给了工程师,细心的工程师注意到了这个字母的不同,于是反馈给了我。所以,”搜搜她“,做功课。



网络搜索的答案,关于pt与px的区别:



pt——点。一般为网页中标识字体的单位。


px——象素。一般也为网页中标识字体的单位。

1inch(英寸)=72pt(点)=96px(像素),


网页中最常用到的:9pt=12px。





工具:


PXtoEM.com 

这个网站提供了在

"pt", "px", "em", "%"之间相互转换的功能,下图是截取于

PXtoEM


网站里的基本尺寸参照:




将Photoshop默认字号单位调为px


使用软件进行设计时,以Phontoshop为例,可以先在“偏好设置”(reference)的“单位和标尺”(Unites & Rulers)一项中,将字形(Type)处的默认单位由"points"改选为"pixels"(如下图),这样以后在做设计时,就不用太为字体单位操心了。



谨记, iPhone应用开发中的默认字号单位是“px”,设计人员请将“pt”转为“px”后输出给开发人员,你我都省心。