鍍金池/ 教程/ iOS/ 顏色和字體
通知
按鈕
品牌
圖像
預(yù)覽界面
開關(guān)
地圖
圖標(biāo)與圖片尺寸
顏色和字體
菜單圖片
菜單
布局
App 結(jié)構(gòu)
滑塊
動(dòng)畫
表格
標(biāo)簽
模態(tài)頁(yè)面
日期和計(jì)時(shí)器
為 Apple Watch 而設(shè)計(jì)

顏色和字體

易讀性是你在應(yīng)用中使用顏色和字體的指導(dǎo)原則。

顏色

顏色可以為你的應(yīng)用程序提供視覺(jué)的連續(xù)性和品牌化。

http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/colors_calendar_list_2x.png" alt="image" />

使用黑色作為你應(yīng)用程序的背景顏色。黑色背景與設(shè)備的邊框無(wú)縫融合,可以做到?jīng)]有屏幕邊緣的假象。避免你的界面出現(xiàn)明亮的背景顏色。

使用你應(yīng)用程序的主色調(diào)作為品牌或身份顏色。每一個(gè)應(yīng)用程序都定義了一個(gè)主要的顏色。系統(tǒng)使用這個(gè)關(guān)鍵的顏色作為標(biāo)題在屏幕的左上角和通知界面來(lái)突出你的應(yīng)用程序名稱或其他重要信息。同樣,也用這種顏色作為你應(yīng)用程序圖標(biāo)的一部分。

使用高對(duì)比度顏色文本。高對(duì)比度的顏色使文本更清晰。

避免使用顏色作為顯示交互性的唯一途徑。色彩使你的品牌變得合適,但不要只用顏色來(lái)表達(dá)按鈕和其他控制模塊的交互性。

注意色盲用戶。大多數(shù)色盲的人很難區(qū)分紅色和綠色。檢查您的應(yīng)用程序確保沒(méi)有地方是用紅色和綠色作為區(qū)分兩種狀態(tài)的唯一途徑(一些圖像編輯軟件和工具,它們可以幫助您檢驗(yàn)顏色盲區(qū))。

研究在不同的國(guó)家和文化中,他們?nèi)绾慰创闶褂玫念伾?/strong>每個(gè)人對(duì)顏色的理解都不同,并且很多文化賦予顏色的意義也是不一樣的。要盡可能確保顏色在您的應(yīng)用程序傳遞適當(dāng)?shù)南ⅰ?/p>

字體

最重要的是,文本必須清晰。如果用戶無(wú)法在你的應(yīng)用程序里讀取信息,你有多么漂亮的字體也沒(méi)用。

http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/typography_mail_2x.png" alt="image" />

在 Apple Watch 中,系統(tǒng)字體最重要的是易讀性。選用大字號(hào),字母間稍微收緊間距可以少占用點(diǎn)的水平空間。但選小尺寸,它們的間隔就更松散,字符間有更大的空隙,更容易快速閱讀。像 a 和 e 就可很容易區(qū)分辨別。當(dāng)字體變小時(shí),標(biāo)點(diǎn)符號(hào)也要按比例放大些。當(dāng)文本的大小改變時(shí), Apple Watch 總是能自動(dòng)的保持字體的清晰和易讀。

通常使用動(dòng)態(tài)類型。動(dòng)態(tài)類型讓你的應(yīng)用程序:

  • 為每個(gè)字體自動(dòng)調(diào)整字符間距和行高
  • 有說(shuō)明文中各部分不同文本類型的能力,比如可區(qū)分開正文腳注、標(biāo)題
  • 可根據(jù)用戶做出的改變而適當(dāng)調(diào)整文本的尺寸

注意
如果你使用一個(gè)自定義字體,你仍然可以根據(jù)系統(tǒng)設(shè)置來(lái)調(diào)整文本字體的大小。你的應(yīng)用程序要能夠當(dāng)用戶更改設(shè)置時(shí)適時(shí)地做出響應(yīng)。

如果你使用內(nèi)置的文本樣式,你會(huì)得到免費(fèi)動(dòng)態(tài)類型的支持。如果你使用自定義字體,你必須做一些工作來(lái)適配。學(xué)習(xí)如何使用文本風(fēng)格,確保你的應(yīng)用程序會(huì)在用戶改變文字大小的設(shè)置時(shí)顯示通知,參見 Text Styles。

盡可能使用內(nèi)置的文本樣式。內(nèi)置文本樣式自動(dòng)支持動(dòng)態(tài)類型,可以在 Apple Watch 上看起來(lái)更酷。

http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/text_styles_2x.png" alt="image" />

整個(gè)應(yīng)用程序使用一個(gè)字體。用許多不同的字體會(huì)讓你的應(yīng)用顯得支離破碎。

當(dāng)你手動(dòng)指定系統(tǒng)字體大小時(shí),磅值決定了正確尺寸的使用。選擇 San Francisco Text 字體的文本是 19 磅或更小。選擇 San Francisco Display 字體的文本要 20 磅或更大。

上一篇:動(dòng)畫下一篇:按鈕