首先你要清楚了解iPhone和iPad標(biāo)準(zhǔn)屏幕尺寸和圖標(biāo)大小

? ? 如果你還沒有讀過的蘋果iPhone和iPad的界面指南，建議你先去閱讀下。這是一個(gè)很詳細(xì)的信息介紹，很值得花費(fèi)時(shí)間去看下，以了解蘋果認(rèn)為有關(guān)應(yīng)用程序設(shè)計(jì)。這些指南還拼出來的屏幕大小，圖標(biāo)大小和分辨率的詳細(xì)規(guī)格。接下來，我會(huì)解決一些常見的問題，并總結(jié)這些規(guī)范在一個(gè)易于消化的格式！

新的Retina Display什么決議？

iPhone?視網(wǎng)膜屏幕看是一個(gè)壯觀的事情。查看新的和老的屏幕并排時(shí)，很明顯有變化，這顯示影響您的應(yīng)用程序的設(shè)計(jì)。

你可以比較這兩個(gè)設(shè)備界面，從以前的型號(hào)為iPhone 4的屏幕尺寸是不變的。然而，無論是iPhone 4的屏幕尺寸和屏幕的像素密度增加一倍，給它一個(gè)640×960px屏幕尺寸（相比以前的320×480像素大?。┖透哌_(dá)每英寸326像素（相比以前163ppi）。這種新的屏幕擠壓那里曾經(jīng)是一個(gè)4個(gè)像素 - 這就是為什么圖像看起來那么清脆可口！

當(dāng)讀取屏幕分辨率很容易將很快成為困惑。事實(shí)是最終導(dǎo)出的文件類型通常是在iPhone上，PNG和X??code的PPI值時(shí)保存的渲染圖像，不考慮。如果您按照以下規(guī)定的尺寸，你會(huì)在良好的狀態(tài)！

Photoshop的安裝規(guī)格：

在iTunes Store

圖標(biāo)的圖形：512×512像素（TIF，JPG或PNG格式，72dpi的RGB）的

iPhone截圖：320 x 480像素或640×860像素（TIF，jpg或png文件，72dpi的RGB ）

iPad的截圖：1024×768像素（TIF，jpg或png文件，72dpi的RGB）

屏幕尺寸的未來

當(dāng)我們正在討論的屏幕尺寸，重要的是要談?wù)撐磥淼臄?shù)字設(shè)備一般。我不是算命先生，但在過去的一年里，這已經(jīng)不是什么秘密的各種乘以兔子之類的，他們生產(chǎn)的后代有不同的屏幕尺寸的觸摸屏設(shè)備。唉！作為設(shè)計(jì)師，這意味著我們必須準(zhǔn)備好如何翻譯的設(shè)計(jì)，多種設(shè)備和操作系統(tǒng)。

一個(gè)應(yīng)用程序的生命周期，可以運(yùn)行許多課程之一。有些應(yīng)用程序只住在一個(gè)平臺(tái)上，其他人拓展到其他的移動(dòng)設(shè)備，甚至一個(gè)基于網(wǎng)絡(luò)的存在。創(chuàng)建可擴(kuò)展的圖形，可以節(jié)省你的頭痛重新創(chuàng)建為每個(gè)特定平臺(tái)的圖形。使用形狀圖層或矢量智能對(duì)象是最好的方式來處理的屏幕尺寸和操作系統(tǒng)的增殖。

設(shè)計(jì)3.0或視網(wǎng)膜第一？

為iPhone設(shè)計(jì)的圖標(biāo)是我第一次引進(jìn)的決定“開始小和規(guī)模”或“大和規(guī)模開始。”對(duì)我來說，很明顯，設(shè)計(jì)為320×480px屏幕尺寸，然后調(diào)整大小后幾個(gè)執(zhí)行高達(dá)640×960px是更好的選擇。失去細(xì)節(jié)設(shè)計(jì)時(shí)，必須有大小，縮小后的最小屏幕尺寸的設(shè)計(jì)消除了失望。

如何創(chuàng)建應(yīng)用程序的圖形視網(wǎng)膜顯示技術(shù)

比方說，你的3.0 iPhone設(shè)計(jì)的應(yīng)用程序，你要準(zhǔn)備這個(gè)應(yīng)用程序?qū)τ趇Phone 4的視網(wǎng)膜顯示。你會(huì)怎么做？只是它的大小從320×480到640×960？是。現(xiàn)在的問題是，如果你還沒有創(chuàng)建您的圖形，使用形狀圖層或矢量智能對(duì)象，你的圖像看起來是像素化和顆粒狀。

為iPhone和iPad的目標(biāo)區(qū)域最小尺寸來自蘋果的建議是44×44像素。蘋果公司是按照以量化的人類平均指尖大小。

測試你的設(shè)計(jì)

“測試”的設(shè)計(jì)可能聽起來奇怪，但為移動(dòng)設(shè)備設(shè)計(jì)的筆記本電腦或臺(tái)式機(jī)顯示器上可能會(huì)非常棘手。即使您按照標(biāo)準(zhǔn)的指引，如44×44px的水龍頭目標(biāo)規(guī)則，比例和尺寸的設(shè)備與您的計(jì)算機(jī)屏幕上顯示時(shí)，看起來可能顯著不同。

最簡單的方法來測試你的設(shè)計(jì)的“另存為Web”每個(gè)屏幕設(shè)計(jì)。png格式和使用iPhoto同步到您的手機(jī)。一旦圖像同步，您可以翻閱和模擬實(shí)際應(yīng)用程序的樣子。這也是一個(gè)偉大的方式與客戶分享樣機(jī)，給他們一個(gè)真正的應(yīng)用程序的預(yù)覽。

?

iphone模板：

iPhone GUI PSD?from Teehan + Lax

iPhone GUI PSD Retina?from Teehan + Lax

iPhone Stencil for OmniGraffle?from Patrick Crowley

iPhone UI Vector Elements?from Mercury Intermedia

iPad Templates

iPad Stencil for OmniGraffle?from Information Architects

iPad GUI PSD?from Teehan + Lax

iPad Vector GUI?from Icon Library

使用iPhone的圖形文件格式最佳的是Png？

圖形化的資產(chǎn)將被用來建立一個(gè)應(yīng)用程序的可移植網(wǎng)絡(luò)圖形（PNG）格式導(dǎo)出。從技術(shù)上講，iPhone可以顯示其他文件格式，但PNG文件進(jìn)行自動(dòng)優(yōu)化的iOS SDK，因此，應(yīng)首選格式。