如果你要?jiǎng)?chuàng)建多樣的自定義顏色，要確保它們能夠和諧共存。例如，如果你的應(yīng)用的基本風(fēng)格是柔和的色調(diào)，你就應(yīng)該創(chuàng)建一個(gè)協(xié)調(diào)的柔和色調(diào)的色板用于整個(gè)應(yīng)用。

注意在不同情境下的顏色對(duì)比。例如，如果在導(dǎo)航欄的背景與欄按鈕標(biāo)題之間沒(méi)有足夠的對(duì)比，按鈕就會(huì)很難被用戶看到。一個(gè)快速但不嚴(yán)謹(jǐn)?shù)姆椒ㄊ峭ㄟ^(guò)將設(shè)備置于不同的光照環(huán)境之中(包括晴朗的室外)來(lái)測(cè)試設(shè)備上的顏色是否具有足夠的對(duì)比度。

雖然在設(shè)備上查看你的應(yīng)用能夠在一定程度上幫助你找到需要調(diào)整的地方，但這仍代替不了能產(chǎn)生可靠結(jié)果的更科學(xué)客觀的方法。這種方法涉及到判定前景色和背景色的亮度值是否符合一定的比率。這個(gè)比率值可以通過(guò)在線對(duì)比度計(jì)算器或者根據(jù) WCAG2.0 標(biāo)準(zhǔn)中提供的公式自己計(jì)算獲得。你應(yīng)用中理想的顏色對(duì)比度應(yīng)該是4.5:1或更高。

當(dāng)你使用自定義的欄顏色時(shí)，著重考慮半透明的欄和應(yīng)用內(nèi)容。當(dāng)你需要?jiǎng)?chuàng)建能匹配特別顏色的欄顏色時(shí)(比如一個(gè)已有品牌中的顏色)，可能在你獲得你想要的結(jié)果之前，你需要用各種顏色進(jìn)行實(shí)驗(yàn)。欄的顯示將會(huì)同時(shí)受到 iOS 系統(tǒng)所提供的半透明欄與藏在欄后面的應(yīng)用內(nèi)容的呈現(xiàn)所影響。

API 注：使用淺色(tintColor)的屬性值給予欄按鈕顏色，使用欄淺色(barTintColor)的屬性值為欄本身賦色。欲了解更多關(guān)于欄屬性的內(nèi)容，可參見 UINavigationBar Class Reference,，UITabBar Class Reference，UIToolbar Class Reference和 UISearchBar Class Reference.

注意顏色的盲區(qū)。多數(shù)色盲的人很難區(qū)分紅色與綠色。需要對(duì)你的應(yīng)用進(jìn)行測(cè)試以確保在其中你沒(méi)有將紅色與綠色作為區(qū)分兩個(gè)不同狀態(tài)或值的唯一方式，一些圖像編輯軟件或工具能夠有效的幫你驗(yàn)證顏色的盲區(qū)。通常意義來(lái)說(shuō)，使用多種方式來(lái)表征原色的交互性是非常好的(需要了解更多關(guān)于在 iOS 系統(tǒng)中表征交互性的信息，請(qǐng)參閱 Interactive Elements Invite Touch)。

考慮選擇一種基準(zhǔn)色顏色來(lái)表征交互性與狀態(tài)。內(nèi)置的應(yīng)用里的基準(zhǔn)色包括比如備忘錄中的黃色，和日歷中的紅色等等。如果你定義一種用于表征交互和狀態(tài)的基準(zhǔn)色，要確保你的應(yīng)用中的其他顏色不會(huì)與它發(fā)生沖突。

避免給可交互和不可交互的元素使用相同的顏色。色彩是表明 UI 元素交互屬性的方式之一。如果可交互和不可交互的元素使用相同的顏色，用戶將會(huì)難以判斷哪些區(qū)域是可點(diǎn)的。

色彩可以向用戶傳達(dá)信息，但不一定會(huì)以你希望的方式。每個(gè)人眼中的色彩是不一樣的，不同的文化為色彩賦予的意義也是不相同的?；〞r(shí)間來(lái)研究如何使用色彩才可能會(huì)被其他國(guó)家或者文化接受。你要盡可能確定應(yīng)用中運(yùn)用的色彩向用戶傳達(dá)了恰當(dāng)?shù)男畔ⅰ?/p>

大多數(shù)情況下，不能讓顏色喧賓奪主，讓用戶分心。除非色彩是應(yīng)用的目的和本質(zhì)所在，通常情況下色彩應(yīng)該用來(lái)從細(xì)微細(xì)節(jié)之處提升用戶體驗(yàn)。

優(yōu)秀的排版提供清晰的傳達(dá)

Apple 為全平臺(tái)設(shè)計(jì)了 San Francisco 字體以提供一種優(yōu)雅的、一致的排版方式和閱讀體驗(yàn)。在 iOS 9及未來(lái)的版本中，San Francisco 是系統(tǒng)字體。

San Francisco 搭配 Dynamic Type，可以為您提供：

一系列的字號(hào)大小，在任何用戶設(shè)置，包括可訪問(wèn)性設(shè)置下，可獲得優(yōu)質(zhì)的清晰度和極佳的閱讀體驗(yàn)。
自動(dòng)調(diào)整文字的粗細(xì)，字母間距以及行高的能力。
為語(yǔ)義上有區(qū)別的文本模塊指定不同的文本樣式，比如正文、腳注或者標(biāo)題。
文本可以根據(jù)用戶在字號(hào)設(shè)置和可訪問(wèn)性設(shè)置中指定字體大小的變化作出適當(dāng)?shù)捻憫?yīng)的能力下載 San Francisco 可訪問(wèn) https://developer.apple.com/fonts/.(注意：iOS9中的 San Francisco 字體取名為 SF-UI)。當(dāng)你在你的 app 中采用 San Francisco 時(shí)，你可以調(diào)整模擬器>設(shè)置中的值來(lái)測(cè)試在不同尺寸下你的 app 的文本。

注：如果你是用自定義字體，你仍然可以采用 Dynamic Type 或根據(jù)系統(tǒng)的字號(hào)設(shè)置來(lái)規(guī)劃字體范圍。當(dāng)用戶改變?cè)O(shè)置時(shí)，你的應(yīng)用也必須響應(yīng)式的配合。如需了解如何使用文字樣式并確保當(dāng)用戶改變文字型號(hào)設(shè)置時(shí)你的應(yīng)用能夠獲取通知，可以參考 Text Styles.

San Francisco 有兩類尺寸: 文本模式(Text)和展示模式(Display)。文本模式適用于小于20點(diǎn)(points)的尺寸，展示模式適用于大于20點(diǎn)(points)的尺寸。當(dāng)你在你的 app 中使用 San Francisco 時(shí)，iOS 會(huì)自動(dòng)在適當(dāng)?shù)臅r(shí)機(jī)在文本模式和展示模式中切換。

注：如果你使用應(yīng)用程序如 Sketch 或 Photoshop 來(lái)生成你的設(shè)計(jì)，那么當(dāng)你設(shè)置的字體不小于20點(diǎn)的時(shí)候，你需要切換到展示模式。iOS 會(huì)根據(jù)字體大小為 San Francisco 自動(dòng)調(diào)整字間距。(字間距是以用作于修改文字間距)。表格10-1 和 10-2分別是文本模式(Text)和展示模式(Display) 在不同字號(hào)下的間距值。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/10.jpg" alt="" />

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/11.jpg" alt="" />

為了突出某些文字或者為了在內(nèi)容塊之間建立視覺關(guān)聯(lián)，你可以依賴由 Dynamic Type 支持的語(yǔ)義化樣式，如標(biāo)題、正文，你也可以指定字體權(quán)重，如細(xì)體或者半粗。使用 Dynamic Type 樣式使得你的內(nèi)容能更好地表達(dá)含義，但如果你想要對(duì)你的設(shè)計(jì)有更好的把控能力，你可以對(duì)特定的文字設(shè)置特定的權(quán)重。(想要了解更多關(guān)于調(diào)整字體權(quán)重，可以參閱 UIFont Class Reference.)

例如，你可能想要增加某些文字的權(quán)重，來(lái)幫助用戶可視化你的內(nèi)容的層次結(jié)構(gòu)，或者把用戶的注意力吸引到特定的詞或短語(yǔ)。另外，你可以通過(guò)增加較小文字的權(quán)重和減小較大文字的權(quán)重，在多個(gè)不同字號(hào)的、相鄰的標(biāo)簽中建立視覺凝聚。字體權(quán)重在內(nèi)容的整體風(fēng)格和表達(dá)中有重要影響，因此你可以選擇特定的權(quán)重來(lái)達(dá)到設(shè)計(jì)目的。

文本尺寸的響應(yīng)式變化需要優(yōu)先考慮內(nèi)容。并不是所有的內(nèi)容對(duì)于用戶都是同等重要的。當(dāng)用戶選擇更大的文本尺寸時(shí)，他們是想要使他們關(guān)注的內(nèi)容更容易閱讀；他們并不總是想要屏幕上的每個(gè)單詞都更大。

例如，當(dāng)用戶選擇具備更大易用性的文本尺寸時(shí)，郵件將會(huì)以更大的尺寸顯示郵件的主題和內(nèi)容，而對(duì)于那些沒(méi)那么重要的信息——如時(shí)間和收件人——?jiǎng)t采用較小的尺寸。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/37.jpg" alt="" />

確保一個(gè)自定義字體在不同尺寸下的所有類型都具備可讀性。實(shí)現(xiàn)這一效果的方法之一是效仿在不同的文本尺寸下 iOS 系統(tǒng)呈現(xiàn)字體樣式的一些方法。例如：

文本永遠(yuǎn)都不應(yīng)該小于11點(diǎn)(points)，即使是用戶選擇極小的文本尺寸。相較而言，內(nèi)容樣式使用17點(diǎn)的字號(hào)作為大尺寸，這也是默認(rèn)的文本字號(hào)。
通常來(lái)說(shuō)，字號(hào)與行距值在每一檔的文本尺寸設(shè)置中差別為1點(diǎn)。唯一例外的是兩種標(biāo)題的樣式，它們?cè)跇O小、小和中尺寸的設(shè)置中均使用相同的字號(hào)、行距和字距。
在最小的三種文本尺寸中，字間距相對(duì)較大；而在最大的三中文本尺寸中，字間距相對(duì)緊湊。
標(biāo)題和內(nèi)容的樣式使用相同的字體尺寸，同時(shí)，為了區(qū)分標(biāo)題與內(nèi)容樣式，標(biāo)題樣式使用更重的值。
導(dǎo)航控制欄的文本使用相同的字號(hào)，而內(nèi)容文本的樣式則使用大尺寸的設(shè)置(值為17點(diǎn))。
文本總是使用常規(guī)或者中重，一般不適用輕或者加粗。 通常情況下，應(yīng)用中整體應(yīng)該使用單一字體。多種字體的混雜會(huì)使你的應(yīng)用看上去支離破碎和草率。相反，使用一種字體和少數(shù)樣式。根據(jù)語(yǔ)義用途，使用 UIFont 類的 API 來(lái)定義不同文本區(qū)域的樣式，比如正文或者標(biāo)題。

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/38.jpg" alt="" />

上一篇：iAd 富媒體廣告(iAd Rich Media Ads)下一篇：路線選擇(Routing)