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

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

作者: JohnSmith | 来源:发表于2014-11-02 20:22 被阅读69次

    顏色有助於交流

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

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

    文字必須清晰

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

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

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

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

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

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

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/fepvtttx.html