下载掌阅APP，畅读海量书库
立即打开
STORY TIME
“原来是这样，其实也挺简单，我手头上有最新款的iPhone 6，那么我就用这个尺寸来做设计啦！”
说着，小P熟练地打开设计软件，建了一块750×1 334的画布。
“先从最简单的文字效果开始吧。先在设计稿上打几个字，放到手机上看看效果吧。”
说着，小P熟练地用文字工具在画布上打了几个字：“我的第一份UI设计稿”，字体为“微软雅黑”。
接着，费了好大劲，放到手机中查看效果。不过，这文字感觉不太对啊？
现在小P手机上的文字小得可怜，而且字体特别粗，“这完全不是iPhone上的字体，那么问题来了，设计稿中的文字该选用哪种字体呢？”
图1-3-1
有很多读者是从网页设计转过来做APP设计的，网页中的中文字体，从最传统的宋体一路进化到微软雅黑，从像素文字进化到更平滑的Cleartype技术。技术的革新、操作系统版本的提升，为我们带来了新的可能，相信微软雅黑一定是家喻户晓无人不知的了。由于Windows霸占了市场上大多数PC的桌面，所以大部分设计师会用微软雅黑来做网页文字的排版设计，宋体则紧随其后。
但到了移动互联网时代，微软雅黑及宋体这类传统的字体已经不能适应设计需求。在iOS及Android系统中，分别内置了不同的字体来作为系统的默认字体。
iOS 7～8中，中文字体为Heiti SC，中文名称叫黑体-简，与黑体-繁一样都是以华文黑体为基础开发的，虽与华文黑体为两套字形，但差异非常小，在设计时可以用华文黑体代替。
英文字体为Helvetica Neue LT，这是iOS中默认的西文字体。在APP不内置其他字体的情况下，这两种字体将作为应用中的默认字体存在。
原生Android系统默认的字体则为Droid Sans Fallback，因为Android系统大多数都有第三方厂商进行定制，所以字体可能会有些许差异。但在设计过程中，使用Droid Sans Fallback即可。当然，如果你为iOS及Android设计一套设计稿，那么大可用华文黑体代替，在后续开发过程中，根据实际情况进行微调即可。
在APP中，可以嵌入第三方字体，嵌入合适的字体会使APP界面的整体感觉提升一个档次，但嵌入第三方字体后程序安装包增大不少，因此是否嵌入字体，应综合权衡考虑。
下面说说字号，在开发APP时，iOS与Android使用不同的字号单位。iOS系统中，字号定义为磅（point）；Android系统中，有两种字号单位，dp与sp。对于初学者来说，以下几个单位理解起来会有一定的难度，首先熟悉一下。
pt：Point，磅因，国际通行的印刷单位，是一个自然界标准的长度单位。
dp：Density-independent pixels，也写作dip或者dpi，这个是最常用但也最难理解的尺寸单位。它与“像素密度”（ppi）密切相关，以160ppi屏幕为标准，则1dp=1px。
dp和px的换算公式：1dp×ppi/160＝1px，例如屏幕ppi为320，则1dp=2px。
sp：Scale-independent pixels，与缩放无关的抽象像素，Android的字体单位之一，一般有小、正常、大、与超大等。以160ppi屏幕为标准，当字体大小为 100%时， 1sp=1px。
那么在Android系统中，我们用哪种单位呢？举一个简单的例子，如果你将使用sp为单位的Android程序打开，然后在手机的系统设置中，找到一项字体大小设计的选项，分别选择不同的大小，这个时候，你打开的APP中的字号也随之变化。这就是sp的特点，它会随着系统设定变化字体大小，但在设计过程中，如果使用sp，也会造成一些副作用，在精确控制UI布局的应用中，字体可能无法固定大小导致布局产生错乱，所以在这里不推荐用此种单位，虽然这是Android的规范中推荐使用的单位。另一个单位是dp，这个单位只随显示设备的ppi发生变化，并不会随着系统设定改变大小，所以在开发过程中应用比较多（请再重温一下dp与sp的定义，你就会理解）。
那么在做设计稿的时候，计算机中只有“点”或者“像素”这样的字体单位，就是像素点的意思，换言之就是Photoshop或者Sketch中默认的字体单位，因此我们必须也用这种单位作为设计稿中字体的默认单位，字号必须经过换算才能运用在开发过程中，特别是Android手机。比如你在Android系统中标注一款字体为22px，如果开发人员使用22dp，在高ppi手机运行后，你会发现，字体大小与设计稿差距很大。因此，将设计稿交付开发人员时，开发人员需要根据情况进行换算。
实践是最好的老师，现在就拿起你身边的Android手机，设置下系统字体，你会发现系统界面中的字体会有改变。当你打开某些应用时，却发现字体没有变化，这说明系统界面使用了sp为单位，但在这些应用中，却使用dp为单位来开发。
对于这些单位，一定要多多理解，这是移动设计过程中最基本的单位，将会帮助你深入理解设计的原理。dp、sp、px，别再傻傻分不清楚了。