1.尺寸以及解析度

　　iPhone的介面尺寸不用多說，640*960是基本OK的，也可以是適應5S的640*1136，馬上iPhone 6也快來了（隨便吐槽一下網上曝的真機諜照，真是醜到離譜...），只要寬度不變都好說。至於畫素問題，網頁和移動的UI用72px就可以了，不必糾結。

2.介面基本組成元素

　　iPhone的APP介面一般由狀態列、導航欄、主選單欄和中間的內容區域組成。因為寬度是固定的，所以設計開發起來很方便。下面我們說說這些“欄”的尺寸吧：

　　狀態列：顯示運營商、訊號和電量的區域，高度 40px

　　導航欄：顯示當前頁面名稱，包含頁面“返回”等功能按鈕，高度 88px

　　主選單欄：

3.字型大小

　　iPhone上的英文字型為：HelveticaNeue，至於中文，一般是冬青黑體或是黑體-簡。有關文字的大小根據不同型別的APP都有不同的定義，但是百度使用者體驗部提供了這樣一份統計資料：閱讀最舒適的長文字大小在32~34px之間，短文字為32px，註釋等提示文字為28px。不管是否同意，至少人家有資料說話，你也可以把覺得好的應用截圖放進PS裡對比看，從而除錯自己設計的文字大小。

　　總之，方法很多，個人的審美也不一樣，有人故意把字做大以突出個性，自己實踐，把資料作為參考，多做幾款應用心中也就有數了，比看再說教程或者說明有用！

Android篇

1.尺寸以及解析度

　　提到Android的尺寸，讓多少設計和開發抓耳撓腮，數不清的機型和尺寸，重複的適配。這裡我們就說些主流的設計尺寸吧，比如480*800、720*128。很長一段時間內，我們都在用480*800，但是安卓手機解析度的發展眾所周知的越來越大，所以我建議使用720*1280這個尺寸來設計，切圖上可以點9切圖做到所有手機的適配。

2.介面基本組成元素

　　與ios的一樣，還是有狀態列、導航欄和主選單欄，以720*1280的尺寸來設計，那麼狀態列的高度應為50px，導航欄的高度96px，主選單欄的高度96px。因為是開源的系統，很多廠家都把安卓系統“玩壞”了，這裡的數值也只能作為參考，比如魅族flyme狀態列是正常的兩倍高，還有很多廠商也在介面上相近辦法。

　　Android為了區別於IOS，從4.0開始提出了一套HOLO的UI風格設計風格，鼓勵將底部的主選單欄放到導航欄下面，從而避免點選下方材料誤點虛擬按鍵，很多APP的新版中也採用了這一風格，比如微信。就前不久的I/O大會上，最新的Android L正式揭開面紗，宣佈了安卓全面進入扁平化時代。

3.文字大小

　　Android的字型為：Droid sans fallback，這是谷歌自己的字型，與微軟雅黑很像。同樣百度也提供了一份統計資料，但是個人覺得已過期，現在沒有太大意義，因為他們是以480*800的解析度作為測試，測試結果是閱讀最舒適的長文字為27px，短文字也是27px，註釋備註文字21px。具體還是要大家將做好的介面放到同分辨率的手機上看為準！