總有很多新人求問(wèn)UI的具體規(guī)范是什么兵迅，我的建議是必須首先看安卓和IOS兩大平臺(tái)的官方規(guī)范（WP已哭瞎）碌上，許多問(wèn)題其實(shí)在官方規(guī)范中寫(xiě)的清清楚楚了可柿，不過(guò)現(xiàn)在網(wǎng)上不少能查得到的資料都有些過(guò)期了护奈，在這里整理下官方的設(shè)計(jì)手冊(cè)。注意唱较，你可能需要有一個(gè)趁手的“梯子”和一定的英文閱讀能力扎唾。
整理下理論上不會(huì)過(guò)期官方規(guī)范。
IOS：
英文原版看這里
iOS Human Interface Guidelines（需要有一定能力的英文閱讀能力南缓，已更新為iOS11版本）
?中文翻譯版請(qǐng)看這里（iOS11 優(yōu)設(shè)的簡(jiǎn)要翻譯版胸遇！，感謝翻譯大大汉形，尚未翻譯完全纸镊，iOS11增加了一塊奇怪的屏幕和新穎的交互方式，值得一讀概疆。）
優(yōu)設(shè)首發(fā)逗威！iPhone X 官方人機(jī)交互指南中文版
以下為歷史版本的iOS中文手冊(cè)，做個(gè)備份
IOS 10人機(jī)界面設(shè)計(jì)指南 （一）
IOS 10人機(jī)界面設(shè)計(jì)指南 （二）
IOS 10人機(jī)界面設(shè)計(jì)指南 （三）
IOS 10人機(jī)界面設(shè)計(jì)指南 （四）
（以下為完整的iOS9手冊(cè)翻譯岔冀，可以先行參照）
[ISUX譯]iOS 9人機(jī)界面指南（一）：UI設(shè)計(jì)基礎(chǔ)
[ISUX譯]iOS 9人機(jī)界面指南(二)：設(shè)計(jì)策略
[ISUX譯]iOS 9人機(jī)界面指南(三)：iOS 技術(shù)（上）
[自譯]iOS 9人機(jī)界面指南(三)：iOS 技術(shù) （下）
[ISUX譯]iOS 9人機(jī)界面指南(四)：UI元素
ISUX譯］iOS 9 人機(jī)界面指南(五)：圖標(biāo)與圖形設(shè)計(jì)
Andriod：
英文原版看這里：
Material design（注意庵楷，需要梯子，需要英文閱讀能力）
中文翻譯版看這里（可能有些東西沒(méi)有及時(shí)翻譯，有能力盡量看英文原版）
--------------------------分割線---------------------
沒(méi)有WP的尽纽，畢竟市場(chǎng)率1%都不到
好吧，如果想看的話戳這里
Design & UI（需要英文閱讀能力）
還是有些借鑒意義的
真沒(méi)了童漩，以上弄贿。
稍微補(bǔ)充下字體知識(shí)，僅針對(duì)于系統(tǒng)默認(rèn)的字體矫膨。
IOS
蘋(píng)果在IOS9更新以后對(duì)簡(jiǎn)體中文啟用了新的字體差凹，名為“蘋(píng)方”，所以平常在做IOS效果圖的時(shí)候就可以用這個(gè)字體來(lái)更好的貼近程序做出來(lái)的效果侧馅，英文則是San Francisco字體危尿，也就是舊金山字體。蘋(píng)方字體有六個(gè)不同的字重馁痴，見(jiàn)下圖
蘋(píng)方字體下載（密碼：pb3g）
安卓
對(duì)于安卓來(lái)說(shuō)谊娇，在material design風(fēng)格流行后，使用的中文字體是Noto（Noto Sans CJK SC）字體罗晕，英文字體為Roboto济欢。Noto字體有7種不同的字重，見(jiàn)下圖
Noto字體下載（密碼: syb6）
什么時(shí)候使用什么樣的字體大小小渊，用什么樣的字重這類(lèi)的問(wèn)題網(wǎng)上太多了法褥，不在此贅述。唯一要注意的地方在于不要太小酬屉，一定要能看得清半等，而且易讀。剩下的把自己當(dāng)做用戶(hù)呐萨，多試試吧杀饵。
