iphone 應用程式圖示、啟動畫面、itune表徵圖等設定全面總結

來源:互聯網
上載者:User

先說說應用程式圖示,一般有下面幾種

Icon.png(57x57) - Homescreen icon on iPhone/iPod touch

Icon@2x.png(114x114)
- Homescreen icon on iPhone 4

Icon-72(72x72) -

Homescreen icon on iPad

Icon-Small.png(29x29)
- Icon in Spotlight and Settings app on iPhone/iPod touch and icon in Settings app on iPad

Icon-Small-50.png(50x50)
- Icon in Spotlight on iPad

Icon-Small@2x.png(59x59) - Icon in Spotlight and Settings app on iPhone 4

上面的的表徵圖還需要加入到應用程式的info.plist檔案的Icon files數組裡。

iTunesArtwork(512x512) - Icon in iTunes for Ad Hoc distribution builds

推薦下載apple example code:Icons來研究下


啟動圖片有下面幾種(從cocoachina弄來的)

iOS裝置現在有三種不同的解析度:iPhone 320x480、iPhone 4 640x960、iPad 768x1024。

以前程式的啟動畫面(圖片)只要準備一個 Default.png 就可以了,但是現在變得複雜多了。

下面就是 CocoaChina 會員做得總結

如果一個程式,既支援iPhone又支援iPad,那麼它需要包含下面幾個圖片:

Default-Portrait.png iPad專用豎向啟動畫面 768x1024或者768x1004

Default-Landscape.png iPad專用橫向啟動畫面 1024x768或者1024x748

Default-PortraitUpsideDown.png iPad專用豎向啟動畫面(Home按鈕在螢幕上面),可省略 768x1024或者768x1004

Default-LandscapeLeft.png iPad專用橫向啟動畫面,可省略 1024x768或者1024x748

Default-LandscapeRight.png iPad專用橫向啟動畫面,可省略 1024x768或者1024x748

Default.png iPhone預設啟動圖片,如果沒有提供上面幾個iPad專用啟動圖片,則在iPad上運行時也使用Default.png(不推薦) 320x480或者320x460

Default@2x.png iPhone4啟動圖片640x960或者640x920

  為了在iPad上使用上述的啟動畫面,你還需要在info.plist中加入key: UISupportedInterfaceOrientations。同時,加入值UIInterfaceOrientationPortrait, UIInterfacOrientationPortraitUpsideDown,
UIInterfaceOrientationLandscapeLeft, UIInterfaceOrientationLandscapeRight。


關於導覽列、工具列和標籤欄表徵圖的表徵圖設定,有下面幾條準則:

對於toolbar和navigation bar icons,可以建立如下尺寸的表徵圖:
  • For iPhone and iPod touch:

    • About 20 x 20 pixels

    • About 40 x 40 pixels (high resolution)

  • For iPad:

    • About 20 x 20 pixels

對於tab bar icons,可以建立如下尺寸的表徵圖:

  • For iPhone and iPod touch:

    • About 30 x 30 pixels

    • About 60 x 60 pixels (high resolution)

  • For iPad:

    • About 30 x 30 pixels

下面附上網上搜到的iPhone’s Interface Guidelines
for Designer.pdf文檔,裡面的資料也是很豐富的。先寫到這裡,有不全的以後在補充。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.