首先你要清楚了解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è)備界面,從以前的型號為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ī)格:
iPhone 3.0
屏幕分辨率:72像素 屏幕尺寸:320 x 480像素 圖標(biāo)大?。?/span>57×57像素 文件格式:PNG-24 |
iPhone 4.0
屏幕分辨率:72像素的 畫布大小:640×960像素 圖標(biāo)大?。?/span>114×114像素 文件格式:PNG-24 |
iPad的
屏幕分辨率:72像素的 畫布大?。?/span>768×1024像素 圖標(biāo)大?。?/span>72×72像素 文件格式:PNG-24 |
在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è)平臺上,其他人拓展到其他的移動(dòng)設(shè)備,甚至一個(gè)基于網(wǎng)絡(luò)的存在。創(chuàng)建可擴(kuò)展的圖形,可以節(jié)省你的頭痛重新創(chuàng)建為每個(gè)特定平臺的圖形。使用形狀圖層或矢量智能對象是最好的方式來處理的屏幕尺寸和操作系統(tǒng)的增殖。
設(shè)計(jì)3.0或視網(wǎng)膜第一?
為iPhone設(shè)計(jì)的圖標(biāo)是我第一次引進(jìn)的決定“開始小和規(guī)?!被颉按蠛鸵?guī)模開始。”對我來說,很明顯,設(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)建您的圖形,使用形狀圖層或矢量智能對象,你的圖像看起來是像素化和顆粒狀。
為iPhone和iPad的目標(biāo)區(qū)域最小尺寸來自蘋果的建議是44×44像素。蘋果公司是按照以量化的人類平均指尖大小。
測試你的設(shè)計(jì)
“測試”的設(shè)計(jì)可能聽起來奇怪,但為移動(dòng)設(shè)備設(shè)計(jì)的筆記本電腦或臺式機(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)首選格式。
全站高品質(zhì)素材免費(fèi)下載!