Design -App -Kunst von einem GUI „Screenshot“ oder einem „Kunstboard“? Und wie kann ich es auf die App anwenden?

Question

1. Soll ich einen "Screenshot" der UI -Grafik meiner App entwerfen?

Ein Beispiel für einen "Screenshot" von dieser Link

2.Wie würde ich den "Screenshot", den ich in Photoshop und Illustrator entworfen habe, auf die grafische Benutzeroberfläche meiner App anwenden?

3. Soll ich ein "Kunstboard" mit den Schaltflächen, Hintergründen usw. entwerfen?

Ein Beispiel für ein "Kunstboard" von dieser Link

4. Schneiden Sie das Kunstbrett auf genaue Größen?

5. Wenn jemand von einem relevanten Tutorial kennt, werde ich einen Link sehr schätzen.

Ich denke, diese Frage ist für die iPhone -Entwicklung relevant, da sie ein entscheidender Bestandteil des Prozesses ist.

Danke.

AKTUALISIEREN Ich habe einen ... gefunden guter Eintrag So exportieren Sie von Photoshop zum iPhone

Answer 1

Hier ist ein Link zu einem Tutorial, auf das ich begegnet bin und die verschiedenen Möglichkeiten zum Exportieren von UI -Elementen von Photoshop erklärt: Exportieren von UI -Elementen aus Photoshop.

Hoffe das hilft!

Answer 2

1. Ja, natürlich. Der normale Entwurfsprozess besteht darin, zuerst Rohdrahträger herzustellen, aus denen die App selbst erstellt werden kann, und dann zurückzurufen und die spezifischen Grafiken hinzuzufügen, die Ihr Künstler geliefert hat.
2. Verwenden Sie entweder Uibuttons mit Ihren Bildern, die richtig beschnitten und exportiert sind, oder als "unsichtbare Schaltflächen" über dem Hintergrund. PC-ähnliches Verhalten besteht darin, auf Uitouchupinside zu reagieren, aber manchmal möchten Sie möglicherweise auf Uitouchdown antworten, wenn Sie eine unsichtbare Schaltfläche verwenden (dh eine benutzerdefinierte Schaltfläche ohne Bild- oder Texttitel). Abhängig von der Kunst möchten Sie möglicherweise benutzerdefinierte Bilder für UicontrolStatehighlight erstellen.
3. Eine Kunstboard ist eine Design-Zeit-Sache; Ihre altafel wird es niemals in die App schaffen. Wenn Sie einen verwenden möchten, tun Sie dies für Ihren Designfluss, um die App nicht besser zu machen.
4. Ja. Ihr Künstler sollte jede einzelne Taste als eigenes PNG exportieren - natürlich sowohl in normalen als auch in @2x -Auflösungen.

Auf diesem Drachensturm -Screenshot, den Sie gepostet haben, sehe ich: a) ein statisches Hintergrundbild b) vier Tasten rechts, wahrscheinlich unsichtbare Schaltflächen. Obwohl die hölzernen Plakate für neue Spiele und Einstellungen nicht achse ausgerichtet sind, ist es koscher, dies ein wenig zu feuern und achse ausgerichtete Bilder zu verwenden. Ihre Tasten können natürlich einen transparenten Bereich enthalten, damit das Plakat auf Klick hervorgeht, aber der Stein und die Ketten nicht. C) Drei Schaltflächen unten, verwaltet über eine an eine UIPageView angeschlossene UiscrollView - was tatsächlich darauf hindeutet, dass in der Innenansicht 12 Schaltflächen enthalten sind. Es ist wahrscheinlich in Ordnung, die Steinkapitelbilder als Button -Bilder hier zu verwenden. D) Eine benutzerdefinierte Schriftart, mit der die Daten für jedes Speichern angezeigt werden

Das Kunstvermögen wäre also:

• Ein Hintergrund png
• Null, ein oder zwei PNGs für jedes der vier Tasten rechts
• Ein oder zwei PNGs für jedes Kapitel
• die benutzerdefinierte Schriftart