iOS人機交互指南(0a)——顏色和文字設計

顏色有助於交流

在iOS中，顏色可以提供視覺上的一致性，指示可交互的部分，使應用更好看。內置應用用了一系列乾淨的純色，單用、混用都很好看，也適用於亮、暗兩種背景。

• 注意多種自定義顏色間的和諧。
• 不同內容的顏色應該有明顯的對比。（如導航欄背景和欄上的按鈕的文字）一個最佳實踐是對比色的明度至少間隔50%。開發完後在不同的光照強度下測試。檢查對比色是否可用的一種方式是把UI顏色用灰度表示。如果可以分辨各元素即可。
• 欄的顏色還和欄的透明度以及它背後內容的顏色有關。
• 選擇一個主色用於指示動作和狀態。
• 避免把同一種顏色用於可交互元素和不可交互元素。
• 用戶（特別是不同國家、文化中的用戶）對顏色的理解也許並不是你想象的那樣。
• 不要因爲顏色干擾到用戶。

文字必須清晰

如果用戶沒法閱讀，文字設計得再好看也沒有意義。

你採用動態類型(Dynamic Type)的字體的好處是：

• 不同尺寸下字間距和行高的自動調節；
• 對於不同語意的文本使用不同的文字樣式；
• 文本會隨着用戶對文本尺寸的設置改變而改變。

響應文本尺寸的改變仍要注意突出內容。用戶調大字體尺寸，是爲了使內容更易讀，他們並不總是希望屏幕上的所有文字都變大。

改變文本尺寸時，可以改變頁面佈局。

確保自定義字體的所有樣式在所有尺寸下都是清晰易讀的。可以參考iOS字體設計的一些規範。

• 文本尺寸不能小於11px，內容區的默認大尺寸是17px。
• 標題欄和內容區的尺寸相同，使用重一些的字號。 #Web設計裏面一般是尺寸不同，字重相同？
• 導航欄的文本應該使用內容區使用的大尺寸，亦即17px。
• 內容區的文本一般都用regular或medium字號，不用light/bold字號。

整個應用中應該始終用一種字體。不同的樣式和尺寸的數量也應該儘可能少。