Wie kann ich in Photoshop erstellte gezackte iOS-Schaltflächen reparieren?

Ich erstelle Schaltflächen für meine App speziell für das iPhone 4S und das iPhone5. Aus irgendeinem Grund erscheinen alle kreisförmigen Objekte auf den Telefonen gezackt. Beispielsweise sieht eine Standortmarkierung, die ich in Photoshop erstellt habe, in Photoshop nicht gezackt aus. Beim Export als .png und Verwendung als Schaltfläche in iOS sind die Kanten um die Kurve der Positionsmarkierung jedoch gezackt. Ist das ein Problem mit der Auflösung?

Wenn möglich, würde ein Screenshot, wie es in Photoshop aussieht, und das Einfügen des Ausgabebilds in Ihren Beitrag Ihre Frage erheblich verbessern!
Stimme @JohnB zu, können wir einen Screenshot haben? Eine andere Frage ist, verwenden die iPhones ein Retina-Display? Denken Sie daran, dass beim Entwerfen für Retina die Größen doppelt sind. Wenn Ihr Bild also zu klein ist, wird es vergrößert, daher der gezackte Look.
Ist die tatsächliche Größe in der App angegeben?
Drei Dinge: 1) Sie sollten Illustrator für Schaltflächen verwenden, da es sich um Vektorgrafiken handelt und, wie ich annehme, keine Bilder enthalten sind. Aber das wird Ihr Problem nicht beheben. 2) Hat die von Ihnen exportierte PNG-Datei gezackte Kanten oder nur, wenn sie importiert wird. 3) Ich würde vermuten, dass es sich um ein Auflösungsproblem handelt, entweder damit, wie Sie es als PNG exportieren (unwahrscheinlich) oder wie Sie es in xcode importieren (wahrscheinlich)

Antworten (1)

Ich nehme an, dass Sie als PNG-8 mit einer kleinen Anzahl von Farben exportieren, wodurch alle Pixel unterhalb einer bestimmten Transparenz abgeschnitten werden und das resultierende Bild stark gealiased bleibt (der Fachausdruck für "gezackt"). PNG-8 hat nur eine Transparenzebene; Es ist ein Alles-oder-Nichts-Ansatz, aber die Verwendung eines hohen Werts für die Anzahl der Farben kann je nach Hintergrund zu einem akzeptablen Ergebnis führen.

Verwenden Sie PNG-24, um ein glattes Anti-Aliasing zu erzielen. Dies wird in den Apple iOS Human Interface Guidelines empfohlen .

Wie kann ich in Photoshop erstellte gezackte iOS-Schaltflächen reparieren?
AntwortenHierDatenschutz-Bestimmungen1y, 0v