最新各個iOS設備分辨率全

updated 2017-09-21

設計尺寸選擇

• 750 x 1334px （iPhone6/7）
• 切圖則為@2x.png
• 切圖/2則為@1x.png
• 切圖x1.5則為@3x.png

主要Bar控件尺寸一覽（此處1dp = 2px）

• StatusBar
  • 高度20dp
• NavigationBar
  • 高度: 44dp
  • 分割線: 1dp
• 返回icon: 13x21dp
• 返回title字體大小: 17px
• 返回icon和title間距：6dp
• UIBarButtonItem：高度30dp
• TabBar
• 高度: 49dp
• 分割線: 1dp
• bar_button_item_icon: <=30x30dp
• title字體大小: 12px
• 最多items數(shù)量: 5
• bar_button_item間距: 4dp
• 最左和最右邊item間距: 2dp

標注稿 單位dp=2px

分享一個完整的App從設計到切圖全過程教程參考:
http://url.cn/46SYF7S

另附iOS人機交互設計指南官網(wǎng):
https://developer.apple.com/ios/human-interface-guidelines/overview/design-principles

MarkMan標注工具地址:
http://www.getmarkman.com
個人感覺MarkMan已經(jīng)不怎么好用了。。。

推薦一個Sketch的可以導出html的標注插件:
https://github.com/utom/sketch-measure

Sketch一個不錯的學習網(wǎng)站:
http://sketch.im

PS切圖插件CutterMan地址:
http://www.cutterman.cn