在IOS 最初的設(shè)計(jì)中，在輸出原型圖和交互稿中，就會(huì)運(yùn)用到字體，比如字體的大小和類型。

下面的內(nèi)容主要分為2部分：實(shí)戰(zhàn) AND 理論

001-實(shí)戰(zhàn)：看了就能用上

在iOS的中文設(shè)計(jì)中：標(biāo)題的字體大小是34px, 用的是 蘋方/Pingfang SC 字體。具體可以看下圖的一些規(guī)律。這些規(guī)律具有普遍性（下面有標(biāo)題是加粗的字號(hào),regular/Semi-Bold）。但是也存在特殊性的場(chǎng)合，標(biāo)題的字體大小遠(yuǎn)遠(yuǎn)大于34px, 比如打開 APP STORE，會(huì)發(fā)現(xiàn)這個(gè)特殊性。但是無論變得多大，保持是偶數(shù)倍,比如 36px,66px。另外也有最小值和上限值。這個(gè)在第二部分的理論部分講述。

【iOS-標(biāo)題的字體大小和類型】

【iOS-列表上的字體大小】

【iOS-Tabbar的字體大小】

【iOS-按鈕上的字體大小】

【iOS-列表下面的小字體大小】

002-理論：從蘋果官網(wǎng)來了解

在蘋果的官網(wǎng)提到了英語兩個(gè)系列的字體：
1：San Francisco (SF). 2：New York (NY).

我們要了解的是 中文字體就是用的：蘋方/Pingfang SC

在實(shí)戰(zhàn)的部分，看到了各個(gè)APP設(shè)計(jì)中標(biāo)題的大小是34px, 這個(gè)字體的大小在蘋果的規(guī)范設(shè)計(jì)中有作說明的（鏈接：https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/ ）。可以看到各公司的設(shè)計(jì)也是按照規(guī)范在設(shè)計(jì)。下圖中，有一個(gè)默認(rèn)的 Large (Default) 一欄。這一欄的字體大小就是目前蘋果設(shè)計(jì)規(guī)范的默認(rèn)值。對(duì)設(shè)計(jì)師的影響就是：在設(shè)計(jì)過程中，參考這一欄的字體大小尺寸設(shè)計(jì)作為基礎(chǔ)。最大標(biāo)題的字體大小是：34-41px (我理解的 Leading（points）是最大值，不對(duì)的地方大家可以一起討論下)。最小值是 11-13px, 運(yùn)用于標(biāo)簽等照片說明的地方。有了最大值和最小值，這個(gè)就給我們劃定了設(shè)定的區(qū)間，也就不會(huì)無從下手，憑感覺了。

上圖片中的：Style 定義了 各個(gè)部分用到的字體大小：比如，大標(biāo)題，一級(jí)二級(jí)標(biāo)題，標(biāo)簽等。可以對(duì)照了解。

圖片中出現(xiàn)的：xSmall-Small-Medium-Large (Default)-xLarge-xxLarge-xxxLarge。一共有7個(gè)層次。這7個(gè)層次可以點(diǎn)擊后查看各個(gè)層次中對(duì)應(yīng)的字體大小。我們參照的是 Large (Default) 這一層次就可以。當(dāng)面對(duì)特殊設(shè)計(jì)的時(shí)候，比如，設(shè)計(jì)對(duì)象是老年人的時(shí)候，就要考慮調(diào)整字體的層次，在每一個(gè)層次中，再按照對(duì)應(yīng)的字體的大小標(biāo)準(zhǔn)。

當(dāng)需要更多特殊大字體的時(shí)候，可以參考下圖的進(jìn)一步更大的字體，共分為 5個(gè)層次，再調(diào)整。可以在蘋果手機(jī)中【輔助功能】-【顯示與文字大小】中先查看字體調(diào)整后的效果。

.

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的pingfangsc字体_2020-iOS GUI-字体规范的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。