對(duì)于一位移動(dòng)APP設(shè)計(jì)師來說，字體的把控非常重要。特別是app設(shè)計(jì)。因?yàn)椴煌淖煮w在不同的移動(dòng)終端顯示出來的效果真是百花齊放。終極沒達(dá)到我們?cè)O(shè)計(jì)圖的效果。

所以，ios和android都有各自的設(shè)計(jì)規(guī)范。也是告訴各位一定APP設(shè)計(jì)和開發(fā)人員可以遵循這些規(guī)范來設(shè)計(jì)開發(fā)，盡量達(dá)到最佳顯示效果。

25學(xué)堂今天來跟大家回顧和整理iOS&Android 移動(dòng)設(shè)計(jì)字體規(guī)范。

其他詳細(xì)的尺寸規(guī)范大家可以點(diǎn)擊查看：APP設(shè)計(jì)尺寸規(guī)范大全

一、IOS版本的字體設(shè)計(jì)規(guī)范和常識(shí)

iOS 的 1 pt = 邏輯像素 1 px = 物理像素 1 px（非 Retina）或 2 px（Retina）

如果你新建 Photoshop 文檔時(shí)將 PPI 設(shè)定為 72，則文檔中 1 pt = 1 px；如果你把 PPI 設(shè)為 144，則 1 pt = 2 px。

單位術(shù)語：pt: point ? ??px: pixel ? ? ? ?PPI: pixels per inch

Photoshop 默認(rèn)使用 1 inch = 72 pt 的標(biāo)準(zhǔn)，所以為什么我們?cè)O(shè)計(jì)APP界面設(shè)計(jì)效果的時(shí)候，設(shè)置的分辨率就是72，主要是這樣設(shè)計(jì)方便、免了換算之苦。

1、如果你是iOS客戶端開發(fā)人員，你在編程時(shí)使用的默認(rèn)簡(jiǎn)體中文字體，就是常用的華文Heiti SC。

2、如果你是iOS UI設(shè)計(jì)人員，你在設(shè)計(jì)時(shí)如果使用Photoshop，請(qǐng)選中“黑體-簡(jiǎn)”或Heiti SC，并設(shè)置為“細(xì)體”、“渾厚”是與iOS上的實(shí)際效果最接近的（Heiti SC Thin）。或者是冬青黑簡(jiǎn)體、黑體等等。英文字體是 Helvetica Neue Ultra Light。

之前25學(xué)堂報(bào)道的相關(guān)ios 設(shè)計(jì)字體：

1、iOS7字體設(shè)計(jì)規(guī)范以及APP設(shè)計(jì)中英文字體下載

2、iOS蘋果麗黑字體Hiragino_Sans_GB_W3完整版下載

如今iphone6和iphone6+開始流行，我們?cè)O(shè)計(jì)的字體規(guī)范也有所改變。

因?yàn)閕Phone6和iPhone 6Plus都有標(biāo)準(zhǔn)模式和放大模式2種分辨率：

1.iPhone4和iPhone5寬度一樣，5只是比4高176像素，所以5和4一套規(guī)范即可；

2.iPhone6的放大模式分辨率是640＊1136，和iPhone5正好相同；

3.iPhone6的標(biāo)準(zhǔn)模式分辨率為750*1334，整體放大1.5倍正好是iPhone6 Plus的放大模式1125*2001。

我們來看淘寶購物車的截圖（從左到右依次為iPhone4、5、6）：

總結(jié)：?我們可以看出iPhone 4、5、6是可以共用一套字體大小規(guī)范。

而iPhone6 plus在放大模式下的字體正好是在此基礎(chǔ)上放大 ?1.5倍：

如下我們來看下一般規(guī)律（72像素/英寸下的字號(hào)大小規(guī)律，即72ppt下面）

導(dǎo)航欄標(biāo)題：大概34px-42px；現(xiàn)在標(biāo)題越來越小，一般36比較合適。

如果是iphone plus 那么字體大小應(yīng)該是51-63px之間。 ?最合適的54px。

標(biāo)簽欄文字：20－24px。ios自帶應(yīng)用都是20px。個(gè)人認(rèn)為標(biāo)簽欄時(shí)（圖標(biāo)＋文字）形式的的話不要大于22比較合適。

正文：28px－36px，新聞?lì)惢径荚谟?6，比如網(wǎng)易新聞?wù)牟糠帧?/span>

?除了新聞?lì)悾渌愋偷腁PP ? 正文 ? 列表 ?表單 都可以是30-32px左右。?

二、安卓android APP字體設(shè)計(jì)規(guī)范

安卓中文字體：?droid?sans?fallback

安卓英文字體：roboto

安卓手機(jī)的默認(rèn)中文字體都是droid sans fallback，是谷歌自己的字體，與微軟雅黑很像，小米miui v5 用的也是這種字體。

大家可以閱讀25學(xué)堂之前發(fā)布的《Android APPUI設(shè)計(jì)師必知：pt sp dp之間的關(guān)系》

sp與px的換算公式：sp*ppi/160 = px

如果想看下詳細(xì)android字體：Android移動(dòng)APP設(shè)計(jì)字體規(guī)范詳解

題外話：為什么android安卓機(jī)器上的字體沒ios的好看，原因有2點(diǎn)

第一點(diǎn)：android分辨率很多，字體渲染機(jī)制不一樣。

第二點(diǎn)：和 iOS 相比，Android 的“字體系統(tǒng)”最大的一個(gè)缺點(diǎn)其實(shí)是缺字。正好體現(xiàn)了 iOS 在 Android 字符數(shù)面前的優(yōu)越感。

附加各大主流的移動(dòng)或者桌面操作系統(tǒng)的默認(rèn)中英文字體

以下列出的是西英文字體和簡(jiǎn)體中文字體：

Windows（Vista 及更高版本）

Segoe UI

微軟雅黑 [1]（Windows 8 開始用微軟雅黑 UI [2]）

Windows（Vista 之前）

Tahoma

中易宋體（又稱宋體、SimSun）

Windows Phone

Segoe WP

方正等線（簡(jiǎn)體中文 locale，詳見 [3]）或微軟雅黑 [1]（英語 locale）

Mac OS X

Lucida Grande

華文黑體（具體情況比較復(fù)雜，詳見 [4]）

iOS

Helvetica Neue [5]（非 Retina display 的設(shè)備用 Helvetica）

華文黑體（該版本稱作黑體-簡(jiǎn)，參見 [4]）

Android

Droid Sans（4.0 之前）或 Roboto [6]（4.0 及更高版本）

Droid Sans Fallback [1]（文泉驛微米黑之母）

Ubuntu

文泉驛微米黑 [1]

MIUI V5

方正蘭亭中黑和方正蘭亭黑