顏色有助於交流
在iOS中搀菩,顏色可以提供視覺上的一致性呕臂,指示可交互的部分,使應(yīng)用更好看肪跋。內(nèi)置應(yīng)用用了一系列乾淨(jìng)的純色歧蒋,單用、混用都很好看州既,也適用於亮谜洽、暗兩種背景。
- 注意多種自定義顏色間的和諧易桃。
- 不同內(nèi)容的顏色應(yīng)該有明顯的對比褥琐。(如導(dǎo)航欄背景和欄上的按鈕的文字)一個最佳實踐是對比色的明度至少間隔50%。開發(fā)完後在不同的光照強度下測試晤郑。檢查對比色是否可用的一種方式是把UI顏色用灰度表示敌呈。如果可以分辨各元素即可。
- 欄的顏色還和欄的透明度以及它背後內(nèi)容的顏色有關(guān)造寝。
- 選擇一個主色用於指示動作和狀態(tài)磕洪。
- 避免把同一種顏色用於可交互元素和不可交互元素。
- 用戶(特別是不同國家诫龙、文化中的用戶)對顏色的理解也許並不是你想象的那樣豪嚎。
- 不要因爲(wèi)顏色干擾到用戶。
文字必須清晰
如果用戶沒法閱讀劫恒,文字設(shè)計得再好看也沒有意義界拦。
你採用動態(tài)類型(Dynamic Type)的字體的好處是:
- 不同尺寸下字間距和行高的自動調(diào)節(jié);
- 對於不同語意的文本使用不同的文字樣式锦聊;
- 文本會隨著用戶對文本尺寸的設(shè)置改變而改變歹嘹。
響應(yīng)文本尺寸的改變?nèi)砸⒁馔怀鰞?nèi)容。用戶調(diào)大字體尺寸孔庭,是爲(wèi)了使內(nèi)容更易讀尺上,他們並不總是希望屏幕上的所有文字都變大材蛛。
改變文本尺寸時,可以改變頁面佈局怎抛。
確保自定義字體的所有樣式在所有尺寸下都是清晰易讀的卑吭。可以參考iOS字體設(shè)計的一些規(guī)範(fàn)。
- 文本尺寸不能小於11px马绝,內(nèi)容區(qū)的默認(rèn)大尺寸是17px豆赏。
- 標(biāo)題欄和內(nèi)容區(qū)的尺寸相同,使用重一些的字號迹淌。 #Web設(shè)計裏面一般是尺寸不同河绽,字重相同?
- 導(dǎo)航欄的文本應(yīng)該使用內(nèi)容區(qū)使用的大尺寸唉窃,亦即17px耙饰。
- 內(nèi)容區(qū)的文本一般都用regular或medium字號,不用light/bold字號纹份。
整個應(yīng)用中應(yīng)該始終用一種字體苟跪。不同的樣式和尺寸的數(shù)量也應(yīng)該儘可能少。