iOS-HIG 視覺設(shè)計(jì)-排版

Typography

San Francisco (SF) is the system typeface in iOS. The fonts of this typeface are optimized to give your text unmatched legibility, clarity, and consistency. Download the San Francisco family of fontshere.

iOS uses San Francisco as the system font for Latin, Greek and Cyrillic alphabets, and a variety of other typefaces for other scripts.

Emphasize important information.Use font weight, size, and color to highlight the most important information in your app.

強(qiáng)調(diào)重要信息。使用粗字體蒲讯,字號(hào)和顏色來高亮app里最重要的信息

If possible, use a single typeface.Mixing several different typefaces can make your app seem fragmented and sloppy. Consider using one typeface and just a few font variants and sizes.

盡可能使用單一字體氓侧≡枷铮混合多種不同字體可能使你的app看起來風(fēng)格不統(tǒng)一和粗心踩麦。考慮使用一種字體和僅僅幾種字體變種和大小反粥。

Use built-in text styles whenever possible.The built-in text styles let you express content in ways that are visually distinct, while retaining optimal legibility. These styles are based on the system fonts and allow you to take advantage of key typographic features, such as Dynamic Type, which automatically adjusts tracking and leading for every font size. iOS includes the following text styles:

盡可能使用內(nèi)置的文本樣式。內(nèi)置的字體樣式讓你的內(nèi)容清晰易讀。這些樣式是基于系統(tǒng)字體的允許你利用關(guān)鍵的排版特性尾组,例如動(dòng)態(tài)類型,自動(dòng)調(diào)整跟蹤每種字體大小的行距。iOS包括以下文本樣式

Make sure custom fonts are legible.Custom typefaces are supported on iOS, but are often tough to read. Unless your app has a compelling need for a custom font, such as for branding purposes or to create an immersive gaming experience, it’s usually best to stick with the system fonts. If you do use a custom font, make sure it’s easily readable, even at small sizes.

確保定制的字體是易于理解的铆帽。定制的字體在iOS是支持的萨螺,但是經(jīng)常難以閱讀慰技。除非你的app有一個(gè)強(qiáng)制需求定制字體,例如品牌目的來創(chuàng)造一個(gè)沉浸式的游戲體驗(yàn)乌叶,最好與系統(tǒng)字體一致。如果你使用一個(gè)定制字體乐横,確保它是易于閱讀的,即時(shí)在很小的字號(hào)時(shí)。

Implement accessibility features for custom fonts.System fonts automatically react to accessibility features like bold text and larger type. Apps using custom fonts should implement the same behavior by checking whether accessibility features are enabled and registering for notifications when they change. SeeAccessibility.

實(shí)現(xiàn)定制字體的可訪問性。系統(tǒng)字體自動(dòng)對(duì)可訪問性特性做出回應(yīng),例粗文本和大字號(hào)臂聋。App使用定制字體應(yīng)該實(shí)現(xiàn)相同的行為,通過檢查可訪問性是否可行,當(dāng)他們改變時(shí)為通知登記权她。SeeAccessibility.

Dynamic Type Sizes

冬天字體大小

The San Francisco typeface was designed to be highly legible at both small and large sizes. Dynamic Type provides additional flexibility by letting readers choose their preferred text size.

Prioritize content when responding to text-size changes.Not all content is equally important. When someone chooses a larger size, they want to make the content they care about easier to read; they don’t always want every word on the screen to be larger.


Larger Accessibility Type Sizes

In addition to the standard dynamic type sizes, the system offers a number of even larger type sizes for users with accessibility needs.


Font Usage and Tracking

Use the correct font variant in interface mockups.Use SF Pro Text for text 19 points or smaller, and SF Pro Display for text 20 points or larger. When you use San Francisco for text in standard controls like buttons and labels, iOS automatically applies the most appropriate variant based on the point size and the user’s accessibility settings. Adjust tracking—the spacing between letters—appropriately.

In iOS 10, the San Francisco variants were SF UI Text and SF UI Display.?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末询微,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子雌续,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件糯景,死亡現(xiàn)場離奇詭異省骂,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門览妖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揽祥,你說我怎么就攤上這事讽膏。” “怎么了拄丰?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵府树,是天一觀的道長俐末。 經(jīng)常有香客問我,道長奄侠,這世上最難降的妖魔是什么卓箫? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮垄潮,結(jié)果婚禮上烹卒,老公的妹妹穿的比我還像新娘。我一直安慰自己弯洗,他們只是感情好旅急,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著牡整,像睡著了一般藐吮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上逃贝,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天谣辞,我揣著相機(jī)與錄音,去河邊找鬼秋泳。 笑死潦闲,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的迫皱。 我是一名探鬼主播歉闰,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼卓起!你這毒婦竟也來了和敬?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤戏阅,失蹤者是張志新(化名)和其女友劉穎昼弟,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體奕筐,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡舱痘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了离赫。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片芭逝。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖渊胸,靈堂內(nèi)的尸體忽然破棺而出旬盯,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布胖翰,位于F島的核電站接剩,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏萨咳。R本人自食惡果不足惜懊缺,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望某弦。 院中可真熱鬧桐汤,春花似錦而克、人聲如沸靶壮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽腾降。三九已至,卻和暖如春碎绎,著一層夾襖步出監(jiān)牢的瞬間螃壤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來泰國打工筋帖, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留奸晴,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓日麸,卻偏偏與公主長得像寄啼,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子代箭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容