顏色有助於交流
在iOS中,顏色可以提供視覺上的一致性,指示可交互的部分,使應用更好看。內置應用用了一系列乾淨的純色,單用、混用都很好看,也適用於亮、暗兩種背景。
- 注意多種自定義顏色間的和諧。
- 不同內容的顏色應該有明顯的對比。(如導航欄背景和欄上的按鈕的文字)一個最佳實踐是對比色的明度至少間隔50%。開發完後在不同的光照強度下測試。檢查對比色是否可用的一種方式是把UI顏色用灰度表示。如果可以分辨各元素即可。
- 欄的顏色還和欄的透明度以及它背後內容的顏色有關。
- 選擇一個主色用於指示動作和狀態。
- 避免把同一種顏色用於可交互元素和不可交互元素。
- 用戶(特別是不同國家、文化中的用戶)對顏色的理解也許並不是你想象的那樣。
- 不要因爲顏色干擾到用戶。
文字必須清晰
如果用戶沒法閱讀,文字設計得再好看也沒有意義。
你採用動態類型(Dynamic Type)的字體的好處是:
- 不同尺寸下字間距和行高的自動調節;
- 對於不同語意的文本使用不同的文字樣式;
- 文本會隨着用戶對文本尺寸的設置改變而改變。
響應文本尺寸的改變仍要注意突出內容。用戶調大字體尺寸,是爲了使內容更易讀,他們並不總是希望屏幕上的所有文字都變大。
改變文本尺寸時,可以改變頁面佈局。
確保自定義字體的所有樣式在所有尺寸下都是清晰易讀的。可以參考iOS字體設計的一些規範。
- 文本尺寸不能小於11px,內容區的默認大尺寸是17px。
- 標題欄和內容區的尺寸相同,使用重一些的字號。 #Web設計裏面一般是尺寸不同,字重相同?
- 導航欄的文本應該使用內容區使用的大尺寸,亦即17px。
- 內容區的文本一般都用regular或medium字號,不用light/bold字號。
整個應用中應該始終用一種字體。不同的樣式和尺寸的數量也應該儘可能少。