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

顏色有助於交流

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

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

文字必須清晰

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

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

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

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容