Wie sollte ich als Designer mit dem Entwerfen einer iOS-App beginnen?

Ich bin dabei, zum allerersten Mal eine IOS 8-App zu entwerfen.

Ich bin jetzt seit 5 Jahren Designer, sowohl in Photoshop als auch in Illustrator, aber ich habe nie die Chance bekommen, eine App zu entwerfen. Ich suche ein paar Richtlinien.

Meine Fragen sind: Welches Programm soll ich verwenden? Photoshop oder Illustrator? Ich fühle mich in Photoshop viel wohler, aber ich habe Angst vor der Größe. Das bringt mich zu meiner nächsten Frage, welche Leinwandgröße soll ich wählen, iPhone 4, 5, 6 oder 6+? Oder vielleicht ein Design für jede Größe (allerdings derselbe Stil)?

Antworten (3)

Zuallererst sollten Sie bei „ Designing Great Apps “ und „ Designing for iOS “ beginnen. Wenn Sie diese Quellen nicht kennen, wird Ihre App sicherlich von Apple abgelehnt.

Was verwenden? Alles, womit Sie am besten vertraut sind, Illustrator, Photoshop, Pixelmator oder jede andere App, die Sie ausführen können, und noch besser - auf dem Retina-Display.

Sie sollten viel suchen und planen, bevor Sie eine einzelne Zeile in Ihrer Grafiksoftware platzieren - Sie haben mit Apple zu tun und sollten klar verstehen, was sie von Ihnen und was Sie von den Benutzern wollen.

Ergänzend zu Ilans Antwort finden Sie hier eine weitere Ressource, die Sie nützlich finden werden:

> Der iOS-Design-Spickzettel

Die Seite nennt die verschiedenen Größen und Auflösungen für iPhone und iPad sowie Anleitungen zu Typografie, Symbolen, Ecken, Rastern, Balken und Tabellen.

In Bezug auf den Workflow werfen Sie einen Blick auf den App Design Workflow von Marc Edwards . Er beginnt mit einem 1x-Mock (ohne Retina), um mit Elementen in ihrer wahren – auf 1 Pixel Rastergröße ausgerichteten – Größe zu arbeiten, und verwendet Photoshop, um die Assets zu erstellen und zu exportieren.

Da nun schon einige Zeit vergangen ist, wollte ich hier mal ein paar Dinge rausbringen:

Es gibt Programme wie Adobe Experience Design und Sketch (nur Mac), die sich wirklich hervorragend zum Entwerfen von Benutzeroberflächen eignen. Abgesehen davon sind sowohl Photoshop als auch Illustrator perfekt in der Lage, Vektordesigns zu erstellen (wobei Illustrator möglicherweise besser geeignet ist), um sie auf verschiedenen Bildschirmgrößen ohne Qualitätsverlust zu exportieren.

Was die Leinwandgröße betrifft, so ist es am besten, auf das zu entwerfen, was sie "1x" nennen, was die kleinstmögliche Bildschirmgröße wäre, die dann entsprechend hochskaliert werden kann. Für iOS wären dies 375 x 667 Pixel (iPhone 6 und 7, SE verwendet ein anderes Seitenverhältnis).

Was die Richtlinien betrifft, so könnte diese Seite hier auch sehr hilfreich sein.