2009-09-01 11 views
28

Ich arbeite an einer Vorlage für eine iPhone App und frage mich, welche dpi Auflösung dafür verwendet wird? 300 oder 72?Welche dpi Auflösung wird für eine iPhone App verwendet?

Ich bin mir nicht sicher und ich hoffe, jemand kann mir diese Frage beantworten.

Dank im Voraus

farid

+3

Hinweis: Diese Frage wurde gestellt, bevor das iPhone 4 angekündigt wurde. – zekel

Antwort

1

den Unterschied in der dpi zwischen dem iPhone und dem Simulator gegeben, könnte man die rohen Pixelwerte von 480x320 verwenden möchten für den iPhone Bildschirm.

+0

ja, ich habe diese Dimensionen. trotzdem danke. Übrigens irgendwelche guten Ressourcen da draußen, um kostenlose Vorlagen herunterzuladen? –

+0

Es gibt eine Firma/Person, die Papierblöcke verkauft, die als Freihandschablonen gedacht sind, aber ich glaube nicht, dass Sie das suchen. Außerdem denke ich, dass das Unternehmen, das OmniGraffle betreibt, Vorlagen für das iPhone hat. LMGTFY: http://www.knoxing.com/2007/08/20/create-iphone-apps-with-knox-iphone-template/ http://www.osskins.com/main/joomla- mambo/kommerzielle-joomla-15-Vorlage-iphone-Vorlage/2009/05/14 http://grafffletopia.com/stencils/358 http://graffletopia.com/stencils/413 http: // iphonedevelopertips. com/design/omnigglafle-iphone-stencil.html http://konigi.com/tools/omnigaffle-ux-template – mahboudz

+0

Was versuchst du wirklich zu tun? Ich finde den Interface Builder als einen guten Ausgangspunkt und drucke und zeichne Dinge von Hand. Wenn ich eine Idee davon habe, was ich machen möchte, mache ich mich daran, nur die Benutzeroberfläche in Xcode zu erstellen, ohne die eigentliche Funktionalität, und alles, was gezeichnet werden muss, mache ich in Photoshop oder einem anderen Grafikwerkzeug. Ich beneide diejenigen, die OmniGraffle und andere Tools verwenden können, um ihre vorcodierten UX-Designs zu erstellen. Die Zeit, die ich in OmniGraffle verbringen muss, wird am besten in Xcode und Photoshop ausgegeben (ich hasse/liebe/hasse Photoshop). – mahboudz

7

The original iPhone screen has a resolution of 163dpi - Verwenden Sie das in Ihrer Vorlage, wenn Sie Ihre Bildschirmdesigns unter tatsächliche Größe drucken möchten.

Für iPhone4/4s, use 326 dpi

+0

o.k Vielen Dank. Du meinst also für Bilder und Icons, sollte ich 163 dpi verwenden? –

+0

Sie sollten 163 dpi verwenden, wenn Sie z. B. Ihre Vorlage drucken und Ihre Bildschirmdesigns in * tatsächlicher Größe * anzeigen möchten. –

+9

Nein, verwende 72 dpi für alle Bilder, die du in deiner App verwendest. – runmad

1

der iPhone-Bildschirm verfügt über 163 DPI, aber ich habe festgestellt, dass die Bilder mit dieser Auflösung zu klein erscheinen in Xcode und Interface Builder. Ich empfehle, beim Erstellen von Bitmap-Bildern für das iPhone so zu tun, als hätte der Bildschirm 72 DPI, aber denken Sie daran, dass der Bildschirm 163 DPI hat, wenn Sie ein Lineal zeichnen.

+4

Das hat etwas Geschichte dahinter: Der ursprüngliche Mac war (ungefähr) 72 DPI und gab ein Pixel pro Punkt; das ist immer noch das "native" DPI von vielen Grafikaufrufen (wenn ich also versuche, ein Benutzerbild in Adium zu setzen, sieht es die "300 DPI" meiner Kamera und verkleinert alles); Dies ist ärgerlich für Dinge, die Pixel für Pixel sein sollten (wie iPhone Dev, da iPhone OS DPI-Informationen ignoriert).Natürlich verwenden PNGs ganzzahlige Pixel pro Meter und können daher nicht exakt 72 DPI darstellen. Daher sehe ich gelegentlich Bilder, die in Xcode etwas aus dem Rahmen fallen; Die Lösung besteht darin, die DPI-Informationen vollständig zu entfernen ('pngcrush -rem pHYs'). –

81
iPhones 
iPhone 1/3G/3GS   320 x 480 163 ppi 
iPhone 4/4S    640 x 940 326 ppi 
iPhone 5/5C/5S   640 x 1136 326 ppi 
iPhone 6/6S    750 x 1334 326 ppi 
iPhone 6 Plus/6S Plus 1080 x 1920 401 ppi 
    Without downsampling: 1242 x 2208 461 ppi 

Except for the 6th generation (= 5th) iPod touch, 
all the models are equal to their iPhone counterparts 

iPads 
iPad 1/2     768 x 1024 132 ppi 
iPad 3/4/Air/Air 2  1536 x 2048 264 ppi 
iPad Mini 1    768 x 1024 163 ppi 
iPad Mini 2/3/4   1536 x 2048 326 ppi 
iPad Pro     2737 x 2048 264 ppi 

Apple Watches 
Apple Watch 38 mm   272 x 340 326 ppi 
Apple Watch 42 mm   312 x 390 326 ppi 
+5

Diese Zahlen für das iPhone6Plus sind nur für den physischen Bildschirm korrekt, aber intern ist der Bildschirm der App 1242x2208 mit einem dpi von 461. Dies ist aufgrund der Downsampling von der Hardware vorgenommen, um den @ 3x Puffer passen in die 1080x1920 Panel. Ref: [Neugieriger Fall des iPhone 6+ 1080p Display] (https://medium.com/@brucewangsg/the-curious-case-of-iphone-6-1080p-display-b33dac5bbcb6) – progrmr

Verwandte Themen