Apple Watch 顏色和字體

2018-10-01 11:48 更新

顏色和字體

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

顏色

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

image

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

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

使用高對比度顏色文本。高對比度的顏色使文本更清晰。

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

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

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

字體

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

image

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

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

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

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

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

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

image

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

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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號