Was ist die beste Grafikdesign-Software, die ich für mobile Apps verwenden sollte (Mac)? [geschlossen]

Ich bin ein erfahrener Programmierer, aber neu im Grafikdesign.

Ich erstelle mobile Apps sowohl für iOS als auch für Android und frage mich, welche Grafikdesign-Tools/Software ich (auf Mac) verwenden sollte, die am besten für einen Einstieg und zum Entwerfen von Grafiken für mobile Apps geeignet sind?

Jeder Rat wird geschätzt. Danke.

Ein visuelles Beispiel für einen Stil wäre in Zukunft hilfreicher. Einkaufsfragen, die auf dem heutigen Markt basieren, werden nicht mehr lange relevant sein, da sich die Software weiter ändern wird. Das Empfehlen der Feature-Sets, die Sie möchten, zusammen mit einer Software, die sie implementiert, erhöht die Zeit, in der diese Frage jemand anderem helfen kann.
Es gibt keine „beste“ Software. Verwenden Sie, was für Sie und Ihre Bedürfnisse funktioniert.

Antworten (2)

Wenn Sie das Gerät haben, für das Sie entwerfen, möchten Sie etwas, das das Bild, an dem Sie arbeiten, direkt auf dem Gerät anzeigen kann, damit Sie sehen können, was Sie auf dem tatsächlich vorgesehenen Bildschirm bearbeiten.

Das klingt so logisch, dass Sie sich vorstellen können, dass es einfach zu erreichen ist und dass jemand eine Situation gründlich eingerichtet hat, die dies live problemlos ermöglicht.

Nicht wahr.

Befassen wir uns zuerst mit Apple, denn Sie sollten immer zuerst für diese Plattform entwerfen. Wenn Sie eine Erklärung benötigen, warum diese Verallgemeinerung wahr ist, glauben Sie wahrscheinlich immer noch an ein gutartiges Microsoft und die „Tugenden“ der Laissez-faire-Ökonomie. Verwenden Sie also zunächst ein iPad oder iPhone. Android-Geräte machen dies noch komplizierter.

Das beste Rig ist entweder iDisplay oder AirDisplay. //beide funktionieren auch für Android

Ich bevorzuge iDisplay, verwende aber beides, und bei 20 US-Dollar pro Schuss ist es nicht so, als würden Sie die Bank sprengen, um beides auszuprobieren. Es gibt kleine Unterschiede zwischen ihnen, beide Entwickler reagieren, aber iDisplay ist der kleine Kerl, und er ist super cool mit seinen E-Mail-Antworten. So bekommt mein Nicken:

iDisplay http://www.getidisplay.com

Air Display ist hier: http://www.avatron.com/apps/air-display/

// BEIDE dieser Apps sind darauf ausgelegt, Ihr Display zu erweitern, sodass ihre Vorteile nicht damit enden, dass Sie App-Schnittstellen dynamisch testen. Sie sind im Allgemeinen sehr hilfreich. Die Touchscreen-Reaktionsfähigkeit von iDisplay ist (für mich) etwas besser. Also ja, Sie können mit diesen Dingen Ihre Apps bedienen und in Photoshop auf dem Bildschirm zeichnen. Neben anderen Vorteilen gegenüber Dingen wie Skala View etc.

Nun zum schwierigen Teil. Sie müssen Ihre Arbeitsansicht ohne Rahmen und Chrom usw. auf den Bildschirm bringen.

Einige Apps sind gut darin, andere sind fast unmöglich richtig zu machen.

Indesign ist gut darin. Es verfügt über einen Vollfenster-Vorschaumodus, den Sie als Duplikat des geöffneten Dokuments auf das iDevice übertragen können, sodass Sie in Indesign auf dem Computer weiterarbeiten und Live-Updates auf dem iDevice-Bildschirm sehen können.

Ich bevorzuge eine leistungsstärkere Vektor-App für die Bearbeitung als Indesign, also bette ich ein Illustrator-Dokument in dieses Indesign-Dokument mit Live-Verknüpfung ein und zeichne dann in Illustrator ... drücke eine Tastenkombination, die alles in Indesign aktualisiert und alles auf dem iPad aktualisiert /iPhone.

Adobe Bridge kann ähnlich, direkter, aber ist so anfällig dafür, "die Verbindung zu verlieren", dass es nur für ein paar Aktualisierungen der Originaldatei stabil ist.

Photoshop ist ziemlich mühsam für das Interface-Design, weil es nicht wirklich für den Job geeignet ist, und Fireworks, das sich hervorragend für das UI-Design eignet, gehört jetzt der Vergangenheit an. ABER Photoshop kann auch Zweitbildschirm-Vollbildvorschauen mit einem Duplikat des aktuellen Dokuments erstellen, sodass Sie Live-Updates auf dem Gerät erhalten, ohne dass Chrome und anderer Unsinn Ihre Vollbildanzeige verdecken.

Ich habe viel Zeit damit verbracht, diese Art von Setups zu testen, um LIVE-Bearbeitungen auf dem Gerät durchzuführen, und dies kann viel fummeliger und unzuverlässiger sein, als es sein sollte, also scheuen Sie sich bitte nicht, weitere Fragen zu stellen. Das Einrichten kann durchaus lästig sein. Aber es lohnt sich sehr für die Möglichkeit der Live-Bearbeitung und Vorschau auf dem Bildschirm.

Es wäre völlig nachlässig von mir, nicht darauf hinzuweisen, dass diese App dies anscheinend "automagisch" tut:

http://www.bohemiancoding.com/sketch/

Ich habe es nicht versucht. Aber es ist eine Überlegung wert.

Tut mir leid, während ich kostenlose Ratschläge verteile, noch eine Sache. Wenn Sie ein kompetenter Programmierer sind, sollten Sie sich meiner Meinung nach darauf konzentrieren, ein großartiger Programmierer zu werden. Sie sind sehr selten. Arbeiten Sie dabei mit einem Designer für Design zusammen. Design kann so aussehen, als könne es jeder, und Sie müssen nur die Werkzeuge lernen. Aber Design hat eine magische Zutat, und das ist ein intuitives Verständnis für die Wünsche und Meinungen, Gefühle, Empfindungen und den Zeitgeist der Menschheit. Das ist etwas, das nicht wirklich gelehrt oder gelernt werden kann. Entweder haben Sie genügend Einfühlungsvermögen, um ein Designer zu sein, und werden sich durchsetzen, um die Werkzeuge zu lernen, um dies auszudrücken, oder Sie sind Programmierer.

Wenn Sie ein Programmierer sind und mit einem Designer kommunizieren können, wird dies letztendlich eine 1 + 1 = 3-Gleichung sein. Sie werden beide massiv von den Talenten der anderen profitieren und sich stärker auf Ihre eigenen Talente konzentrieren und sich in diesem Bereich verbessern können.

Um Ihre Frage ausführlicher zu beantworten: Die beste Designsoftware, die Sie verwenden können, ist ein Designer.

Danke für deine ausführlichen Informationen. Allerdings war meine Frage wahrscheinlich nicht klar genug, ich frage mich eigentlich, welche Grafikdesign-"Software" ich verwenden sollte. Sollte ich zum Beispiel PhotoShop, illustraotr, iDraw ... verwenden, wird die entworfene Grafik in einer mobilen Spiele-App verwendet. Das wüsste ich wirklich gerne. Danke.
argh, diese Frage ist fast unmöglich zu beantworten. Fast. Wir befinden uns in einer interessanten Zeit, in der neue Zeichenideen auftauchen, und wenn Sie noch kein Illustrator-Konvertierer sind und nicht den „Repräsentanten“ eines Adobe-Benutzers benötigen, würde ich vorschlagen, mit Apple zu zeichnen Bewegung. Aus 2 Gründen. 1. es hat sehr coole Zeichenwerkzeuge und 2. Sie können Dinge animieren, was ein RIESIGER Segen für das Testen von UI-Ideen ist. Und es kostet nur 49,99.
Darüber hinaus bietet die Verwendung einer modernen Apple-App einen großartigen Einblick in die Art und Weise, wie UI sein kann. Die Software von Adobe hat (sanft ausgedrückt) archaische Benutzerparadigmen. Ich würde dringend empfehlen, es zu vermeiden, wenn Sie können, weil fast jede andere App es besser macht.
Joe, siehe bitte neuen letzten Satz in meiner "Antwort". Wenn Sie ausdrücken können, was Sie brauchen und wie Sie es wollen, ist dies wahrscheinlich 10-mal schneller für ein 10-mal besseres Ergebnis. Es sieht so aus, als ob Sie wahrscheinlich in Corona arbeiten und eine Art Spiel machen. Das ist ein großartiger Ort für Designer, um Spaß zu haben. Designer haben viel Talent und viel Zeit zur Verfügung, es ist nur eine Frage, einen zu finden, der versteht, wie schwierig und zeitaufwändig Programmieren ist. Dann sind Sie ausbalanciert und können loslegen.
Vielen Dank für Ihren Rat. Ich kann Ihren Punkt verstehen (mit einem Designer arbeiten). Hier ist jedoch meine Situation. Wenn ich versuche, einen Prototypen eines Spiels zu erstellen, brauche ich wirklich eine schnelle Entwicklung einiger Grafiken, unabhängig von ihrer Qualität. Normalerweise arbeite ich mit Designern zusammen, aber jetzt überlege ich, was wäre, wenn ich es zuerst selbst machen könnte, würde es mehr Zeit sparen? Und später, wenn das Spiel in einer bestimmten Phase entwickelt ist, kann ich anfangen, mit einem Designer zusammenzuarbeiten, um die im Spiel verwendeten Grafiken zu ersetzen.
Zum Beispiel muss ich wie heute eine gekachelte Karte verwenden und ich habe einige Grafiken online gefunden, aber ich muss zuerst einige Änderungen daran vornehmen, bevor ich sie programmatisch verwenden kann. Ich denke, ich muss einige grundlegende grafische "Handhabungen" lernen.
Andererseits, für den Prototyp des Spiels, das ich versuche zu entwerfen, wenn ich einige grundlegende Komponenten entwerfen kann, denke ich wirklich, dass es viele Dinge beschleunigen wird. Außerdem denke ich darüber nach, auch einige Grafikdesigns zu lernen, weil ich mich irgendwie dafür interessiere. In Kombination mit der Arbeit und meinem persönlichen Interesse frage ich mich nur, welche Software ich am besten zum Ausprobieren verwenden sollte.
Soweit ich die Online-Recherche entfernt habe, verwende ich Photoshop für Pixelkunst und Illustrator für Vektorgrafiken. Ich mag Ihren Kommentar, dass Adobe-Software archaische Benutzerparadigmen sind. Wahrscheinlich ist das der Grund, warum ich die Frage hier gestellt habe, um zu sehen, ob ich etwas anderes finden kann. Ich bin völlig neu auf diesem Gebiet, also wird es sehr wichtig sein. Ich suche eine Art „Starthilfe“ oder einen richtigen Weg, bevor ich anfange, die gesamte Energie dafür einzusetzen. Außerdem bin ich mir nicht sicher, ob ich einen Pixel- oder Vektor-Editor verwenden soll und wie es mit Animationen usw. aussieht. Ich versuche, all dies herauszufinden.
Mein Kommentar zu Apples Motion ist also derjenige, den man sich genau ansehen sollte. Motion ist ein sogenannter "Compositor", was eine wirklich seltsame Art zu sagen ist, dass es viel tun kann. After Effects von Adobe ist eine sehr ähnliche Anwendung. Beide ermöglichen Ihnen die Erstellung und Bearbeitung von Vektoren und Pixeln sowie die Animation. Für Spiele und Apps ist diese Fähigkeit, Animationen zu erstellen, von unschätzbarem Wert. Sie können Dinge testen und sie dann als Sprite-Animationssequenzen rendern und in Ihr Projekt einfügen. Aber viel mehr noch, die Benutzerparadigmen von Motion sind anderen Software im Vektor- und Pixelbereich Lichtjahre voraus.
Und Apples Motion hat einige wirklich schöne Zeichenwerkzeuge und einige der am einfachsten zu verwendenden Pixelbearbeitungs-Zeugs auf dem Markt. Und die Benutzergemeinschaft ist sehr unterstützend, weil sie erkennen, in welchem ​​Bereich sie sich befinden, dass sie der Legacy-Software von Adobe voraus sind. Es ist eine Art Ehrenzeichen unter ihnen, Neuankömmlinge bestmöglich zu unterrichten. Dies im Gegensatz zu der Arroganz der Adobe-Foren und Benutzer, die davon ausgehen, dass "Professionalität" ihr einziges Recht ist.
Ich habe mir diese Sketch-App angesehen. Sie ist unglaublich leistungsfähig in Vektoren und gibt großartige Bitmaps aus, also sollten Sie sie auch in Betracht ziehen, und ihre Benutzerparadigmen sehen so aus, als wären sie deutlich von der Funktionsweise von Apples Motion inspiriert. Aber letztendlich ist Motion die bessere Wahl, glaube ich. Nur noch ein kurzer Tipp zu Apple Motion ... jedes Tutorial, das Sie für After Effects von Adobe sehen, und das meiste, was die Leute in Photoshop und Illustrator tun, kann in Motion ausgeführt werden. Das ist die Art von App, die es ist.
NUR NOCH EINS NOCH... Die Methodik und das Toolset von Apple Motion folgen (fast buchstabengetreu) den zugrunde liegenden APIs, Klassen, Methoden und Funktionen der Zeichnungs- und Bildbearbeitungs-Codebasis von OSX und iOS. Sie lernen also versehentlich Core Animation, Core Graphics und Core Image, wenn Sie lernen, sie zu verwenden. Das ist ein SEHR cooles Feature, das meiner Meinung nach nur sehr wenigen Leuten bekannt ist, weil es nicht viele Überschneidungen zwischen Designern und Programmierern gibt.
Apple Motion hört sich sehr gut an. Seltsam, dass ich noch nie davon gehört habe. Gut, dass ich hier gefragt habe und danke für eure Ratschläge. Ich werde es mir ansehen.
Es ist eine App, an die nur wenige Leute denken würden, um Grafiken zu erstellen, weil sie als „Compositor“ gilt, aber das ist eine groteske Untertreibung ihrer Fähigkeiten. Und Adobe hat einen wahrhaft monopolistischen Einfluss auf die Gespräche über Design-Toolsets in den Medien. Aus diesem Grund werden Sie nicht von vielen Alternativen hören und einige der (technisch) weit überlegenen Softwareoptionen oft beiläufig missachtet sehen.
Ja, du hast recht. Vielleicht sollte ich es so formulieren. Apple Motion tauchte nie in meinen Suchergebnissen auf, als ich zu diesem Thema recherchierte. :) Es ist wirklich interessant zu wissen. Ich überprüfe es. Auf den ersten Blick sieht es tatsächlich nicht so aus, als würde es für Grafikdesign verwendet.
Ja, das liegt an diesem „Compositor“-Denken. Wenn Sie sehen, wie die Zeichenwerkzeuge als GUI für Core Graphics fungieren, werden Sie erstaunt sein.
Und da Sie ein Programmierer sind, würde ich dieses Buch DRINGEND empfehlen: amazon.com/iOS-Core-Animation-Advanced-Techniques-ebook/dp/… da es Ihnen zeigt, wie man in Core Animation animiert, und gleichzeitig und nebenbei beibringen, wie viel Animation in Software wie After Effects oder Motion funktioniert. Und Sie werden vielleicht feststellen, dass Core Animation besser ist als Corona ;)
Beginnen Sie hier, um in Motion zu zeichnen: help.apple.com/motion/mac/5.0/en/motion/usermanual/…
Ohne die Benutzer von Illustrator und Photoshop mehr zu diskreditieren, als ich auch brauche (oder will), haben Motion und After Effects so unterschiedliche Nutzungsparadigmen, dass die Ersteller statischer Bilder von ihnen irgendwie eingeschüchtert sind. Aber beide haben die Zeichen- und Bildbearbeitungsfunktionen von Illustrator und Photoshop integriert ... plus Animations- und Compositing-Funktionen. Sie sind also so etwas wie die Meisterklasse der Designsoftware. Sie können alles, was Sie für Spielgrafiken benötigen, entweder mit After Effects oder Motion erledigen, besser und einfacher, als dies in den Starrheiten von Illustrator und Photoshop zu tun.
Woher wissen Sie, dass ich Corona verwende? (Sie haben es in Ihrer Antwort erwähnt, und ich war etwas überrascht.) Obwohl es irgendwie nicht zum Thema gehört, aber hier ist mein aktuelles Gefühl bei der Verwendung von Corona. Ursprünglich war ich C/C++-Programmierer und habe vor 6 Monaten angefangen, für Apps zu programmieren. Ursprünglich hatte ich natürlich vor, Object-C zu lernen, aber dann bin ich auf Corona gestoßen und habe festgestellt, dass es die Entwicklungszeit wirklich beschleunigt + ein größter Vorteil, plattformübergreifend, also bleibe ich irgendwie dabei. Wenn Sie also sagten, Core Animation sei "besser" als Corona, was wird bei dem Vergleich berücksichtigt?
Und ja, das ist ein etwas unkonventioneller Ratschlag, die meisten würden Ihnen sagen, dass Sie mit der Standbildbearbeitung in Illustrator oder Photoshop beginnen sollten, und nicht zu Motion überspringen sollten. Aber ich glaube, dass Motion so viel einfacher zu erlernen und zu verwenden ist, dass es für Ihre Produktion besser ist, direkt damit zu beginnen.
Aber es ist nichts falsch daran, sich NUR auf die iOS-Entwicklung zu konzentrieren. Es ist der führende App Store mit einer Größenordnung. Und das auf absehbare Zeit. Wenn Sie jedoch Corona genießen, gibt es keinen Grund zu gehen. Aber nehmen Sie sich die Zeit, dieses Buch zu lesen, damit Sie wissen, wohin Sie gehen müssen, wenn Sie mehr tun müssen. Und Core Animation (und Sprite Kit) sind aufgrund der APIs und der C-ness von Core Animation und der Spielschleife und fast wesensähnlichen Systemen von Sprite Kit super einfach zu verwenden.
Wenn Sie mit Corona auf dem richtigen Weg sind, machen Sie weiter. Nur der Abschluss zählt. Und Corona hat ausreichend Leistung, konzentrieren Sie sich einfach zuerst auf iOS und fertig. Sorgen Sie sich um all diese Fragmentierung auf Android, wenn das Spiel erfolgreich ist. Hier erfahren Sie, wo und wie Sie alle Ihre Spielmenüs für den Benutzer SINGEN lassen: help.apple.com/motion/mac/5.0/en/motion/usermanual/…
Aha, ich verstehe, ja, ich habe Corona in den letzten 6 Monaten stark benutzt, also habe ich hier viele Fragen zu Lua gestellt. Ja, ich kann verstehen, manchmal muss sich eine Spielidee als richtig erweisen, bevor man sich mehr Mühe gibt, sie zu verbessern und zu erweitern. Wenn es um Leistung geht, glaube ich, dass XCode/Objective-C am besten ist. Ich hoffe, es gibt einen Tag, an dem ich weitermachen kann.

In der Vergangenheit habe ich hauptsächlich eine Kombination aus Photoshop für das tatsächliche Pixel-Rendering und Illustrator für Vektorgrafiken (Symbole, Balken, Illustrationen) verwendet.

Zur Vorschau von Kunstwerken auf meinen Geräten habe ich Liveview und Silkscreen verwendet.

Der Vorteil von Liveview besteht darin, dass es eine Live-Ansicht eines bestimmten Ansichtsports von Ihrem Desktop auf Ihr Gerät überträgt. Der Nachteil ist, dass es eine Live-Ansicht Ihres Desktops überträgt. Ich stellte fest, dass ich oft Fenster bewegte oder Bildschirmschoner auslösten und mich erneut anmelden mussten.

Der Vorteil von Silkscreen war, dass jedes Mal, wenn Sie Ihre PSD speichern, ein neues Vorschaubild erstellt wird. Der Nachteil war, dass der Verlauf der letzten PSDs nicht zum schnellen Nachschlagen gespeichert wurde, sodass ich häufig Dateien neu lud.

Es kommen viele interessante Produkte heraus, die Designern bei der Vorschau von Kunstwerken helfen, obwohl die meiste Zeit nichts besser ist, als die App tatsächlich zu erstellen. Die aktuelle Facebook Paper-App wurde mit einem benutzerdefinierten Designtool entwickelt, das auf Quartz Composer aufbaut. ( Quelle )

Mein bester Rat ist, einige Tools zu finden, mit denen Sie vertraut sind, und diese zu verwenden. Da Sie ein Entwickler sind, der etwas wie Quartz Composer oder sogar das Open-Source-Tool Facebook verwendet, das auf Quartz, Origami, basiert.

Was ist die beste Grafikdesign-Software, die ich für mobile Apps verwenden sollte (Mac)? [geschlossen]
AntwortenHierDatenschutz-Bestimmungen1y, 0v