Adobe XD Das kostenlose UI- und UX-Design-Tool, das Sie jetzt verwenden können

Es ist nicht oft, dass Sie Adobe damit verbinden “kostenlos” Downloads, aber genau das hat dieses Unternehmen mit Adobe XD gemacht. Es handelt sich um eine App für das schnelle Prototyping von Schnittstellen für mobile Geräte und Websites, mit der Designer schnell Designs für bestimmte Plattformen entwickeln können.

Das Beste an Adobe XD ist die einfache Verwendung. Selbst wenn Sie wenig Erfahrung mit dem Entwerfen haben, gibt es nur eine sehr graduelle Lernkurve, die Sie zurückhält.

Selbst die Benutzeroberfläche ist erfrischend ohne alle Tools und Bedienfelder, die so viele Benutzer von Apps wie Photoshop, Illustrator und Lightroom 15 kostenlose Alternativen zu Photoshop, Illustrator, Lightroom und mehr abhalten. 15 kostenlose Alternativen zu Photoshop, Illustrator, Lightroom und Mehr Sie möchten für ein Adobe Creative Cloud-Abonnement 50 US-Dollar pro Monat ausgeben? Hier sind einige der besten kostenlosen Alternativen. Weiterlesen . In diesem Artikel stellen wir Ihnen Adobe XD vor und erklären, was Sie damit machen können und was nicht.

Was ist Adobe XD??

Adobe XD ist ein Entwurfstool. Es wird Ihre App nicht für Sie erstellen, aber es wird Ihnen helfen, eine Vision oder einen Prototyp für das, was Ihre nächste Mobile- oder Tablet-App, Website oder andere Benutzeroberfläche aussehen soll, zu präsentieren. Die App verwendet Art Boards (im Wesentlichen Bildschirmmodelle), um Ihr App-Design visuell darzustellen.

Erstellen von mobilen Apps Erstellen Sie Ihre erste mobile App mit diesen ermäßigten Kurspaketen. Erstellen Sie Ihre erste mobile App mit diesen ermäßigten Kurspaketen. Haben Sie das Zeug dazu, die nächste große iOS- oder Android-App zu entwickeln? Diese stark reduzierten Kurspakete zeigen Ihnen, wie es geht! Weitere Informationen und funktionierende Websites können viel technisches Know-how erfordern. Adobe XD bietet Ihnen die Werkzeuge, um aus einer Idee ein Proof-of-Concept zu machen. Wenn Sie fertig sind, haben Sie eine Blaupause, aus der Sie arbeiten können, und Sie können endlos anpassen, bis Sie mit dem Design zufrieden sind.

Auf dieselbe Weise ist Konzeptkunst in kreativen Bemühungen so wichtig (siehe dieses schöne Videospielkonzeptkunst. Wo finde ich schöne Videospielkonzeptkunst online? Wo finde ich schöne Videospielkonzeptkunst? Online. Willst du einige der schönen Konzeptkunst hinter dir sehen? Lieblingsspiele? Hier stehen Ihnen die Videospielkunst-Ressourcen zur Verfügung! Weitere Informationen finden Sie unter Beweis. Ein Proof-of-Concept für Ihr gewünschtes Interface-Design ist wichtig, wenn es um Software und den Aufbau von Websites geht. Programmierern ein Konzept anzubieten, das dem fertigen Produkt so nahe kommt, ist eine großartige Möglichkeit, Ihre Erwartungen an das Mögliche anzupassen.

Das Beste ist, dass die App so gestaltet ist, dass jeder sie nutzen kann. Egal, ob Sie ein erfahrener Designer, Programmierer oder jemand sind, dem diese beiden Fähigkeiten fehlen. Adobe XD kann die Lücke zwischen Ihrer Vision und technischem Wissen schließen. Sie müssen nicht einmal lernen, Code zu lernen, indem Sie vorhandene Apps kostenlos remixen. Lernen Sie, indem Sie vorhandene Apps kostenlos remixen. Auf dieser Website können Sie Apps erstellen oder remixen. So können Sie kreativ sein, ohne Angst zu haben, etwas zu beschädigen. Lesen Sie mehr, um eine App zu entwerfen.

Was kann Adobe XD??

Adobe XD wurde für einige spezifische Anwendungen entwickelt, Sie können jedoch auch über den Tellerrand hinaus denken. Die App macht es einfach, indem Sie Vorlagen für Folgendes hinzufügen:

• Smartphone-Apps: Von iPhone 5 und SE bis zu den neuesten Modellen; und eine generische Android-Vorlage.
• Tablet-Apps: Mit Vorlagen für iPad, beiden Größen von iPad Pro, Surface Pro 3 und 4 und einer generischen Android-Tablet-Vorlage.
• Websites / Web-Apps: Mit einigen Voreinstellungen zur Auswahl, darunter auch Full HD.

Sie müssen sich nicht an diese Vorlagen halten, sie sind nur da, um Ihnen das Leben zu erleichtern. Sie können auch eine vollständig benutzerdefinierte Benutzeroberfläche (d. H. Bildschirmgröße) angeben und für nahezu jede Plattform, die Sie sich vorstellen können, mit dem Design beginnen.

Wenn Sie eine mobile App entwerfen, können Sie die kostenlose Adobe XD-App für Ihre Plattform herunterladen und Ihre Designs für eine Live-Vorschau auf Ihrem Gerät exportieren.

UI-Kits machen das Leben noch einfacher

Wenn Sie überlegen, für iOS 7 zu entwerfen, warum die Swift-Programmiersprache lohnenswert ist 7 Gründe für die Swift-Programmiersprache: Sie sollten die Swift-Programmiersprache eher früher als später lernen, wenn Sie nicht im Stich gelassen werden möchten. Hier sind einige gute Gründe, die Sie überzeugen können. Lesen Sie mehr, Android, Windows oder eine andere etablierte Plattform. Sie können UI-Kits verwenden, um eine helfende Hand zu erhalten. Dies sind im Wesentlichen Projektvorlagen, die von Apple, Google, Microsoft und anderen verwaltet werden und im Adobe-Dateiformat .XD heruntergeladen werden können.

Mit UI-Kits können Sie die Produktion beschleunigen, sodass Sie Ihre App unter den Einschränkungen und gemeinsamen Elementen Ihrer bevorzugten Plattform gestalten können. Da sie von den Plattformentwicklern gewartet werden, sind sie in der Regel stets auf dem neuesten Stand und gründlich.

Das iOS-UI-Kit von Apple umfasst beispielsweise leere Bildschirmabmessungen für eine Reihe von Geräten, Beispiele für die iOS-Tastatur, Navigationselemente wie das Menüband oben auf dem Bildschirm, die iOS-Umschaltflächen und vieles mehr. Sie können Elemente einfach kopieren und in Ihre Design-Zeichenflächen einfügen und genaue Prototypen erstellen.

Adobe verwaltet auch einige andere UI-Kits, darunter watchOS-kompatible Smartwatch-Beispiele, ein E-Commerce-Website-Kit und eine Reihe von Beispielen zum Erstellen von Smartphone-Apps für digitale Währungen. Die 10 wichtigsten Bitcoin- und Cryptocurrency-Apps für iPhone Die 10 wichtigsten Bitcoin- und Cryptocurrency-Apps für iPhone Es ist jetzt einfacher als je zuvor, Bitcoin zu kaufen, in Altcoins zu konvertieren und sogar in ICOs zu investieren, alles von Ihrem Telefon mit Cryptocurrency-Apps. Weiterlesen . Sie müssen die entsprechenden UI-Kits für iOS, das Materialdesign von Google und Microsoft Windows separat herunterladen.

Ein einfacher Satz eingebauter Werkzeuge

Im Gegensatz zu den anderen komplexen Grafik- und Design-Apps von Adobe bietet XD eine schöne, übersichtliche Benutzeroberfläche mit nur wenigen einfachen Tools. Sie haben grundlegende Formen: Rechtecke, Kreise, Linien und ein Stiftwerkzeug zum Erstellen benutzerdefinierter Formen. Es gibt auch ein einfaches Textwerkzeug mit Zugriff auf die Typekit-Zeichensatzbibliothek (aber nicht alle)..

Sie können dann verschiedene Attribute ändern, die sich auf diese Elemente beziehen, z. B. Deckkraft, Füllfarbe, Rahmen, Schatten und Bildlaufverhalten. Schließlich gibt es eine Lupe und ein Artboard-Tool zur Erweiterung Ihres Designs.

Mit Adobe XD können Sie Elemente an ästhetisch ansprechenden Orten platzieren “schnappen” um die Ränder des Bildschirms, den Mittelpunkt der Leinwand und andere Elemente. Sie können dies überschreiben, wenn Sie möchten, indem Sie eine Taste gedrückt halten (bei der Mac-Version ist dies der Fall) Cmd).

Am oberen Rand der App werden zwei Schaltflächen angezeigt: Design und Prototyp. Im Design verbringen Sie die meiste Zeit, um Ihre Vision zu entwickeln. Wechseln Sie in den Prototyp-Modus, um verschiedene Interaktionen zwischen Elementen auf dem Bildschirm hinzuzufügen. Sie können Ereignisse auslösen und zu verschiedenen Zeichenflächen wechseln, um eine einfache Benutzererfahrung zu bieten, ohne eine Codezeile schreiben zu müssen.

Dies erfolgt über eine einfache Drag & Drop-Oberfläche, zum Beispiel: Erstellen Sie eine Schaltfläche mit dem Kreis-Werkzeug, erstellen Sie eine neue Zeichenfläche mit dem gewünschten Ergebnis dieses Knopfdrucks (z. B. eine andere Registerkarte in Ihrer App), wechseln Sie in den Prototyp-Modus und Ziehen Sie den Pfeil von der Schaltfläche auf Ihre neue Zeichenfläche. Schlagen Sie die “abspielen” Schaltfläche oder Vorschau auf Ihrem Live-Gerät, um zu sehen, wie es abgespielt wird.

Sie können sogar Übergänge und Effekte angeben, damit es ausgefallen aussieht. Der Prototyp-Modus hat einige recht große Einschränkungen. Sie können nicht wirklich tief in die Tiefe gehen, aber es dient einem Zweck und die einfache Implementierung macht es einfach zu bedienen.

Wie beschränkt ist die kostenlose Version von Adobe XD??

Adobe XD ist ein kostenloses Produkt und bietet Ihnen einen einfachen Workflow und benutzerfreundliche Tools, ohne viel Geld auszugeben. Der größte Nachteil der kostenlosen Version ist die Unfähigkeit, mehr als einen aktiven gemeinsam genutzten Prototyp oder eine Reihe von Konstruktionsspezifikationen gleichzeitig zu haben.

Für Ihr erstes Design oder Projekt kann die kostenlose Version ausreichen. Wenn Sie mehr Designs oder Projekte für Ihr Team oder Ihre App-Entwickler freigeben möchten, werden Sie schnell an die Wand gehen. Sie können Ihre verschiedenen Zeichenflächen jederzeit kostenlos als .PNG-Dateien für immer exportieren Datei> Exportieren Möglichkeit.

Das gemeinsame Prototyping und die Interaktivität zwischen den Zeichenflächen ist jedoch eines der herausragenden Merkmale. Die App ist ohne sie immer noch nützlich, nur nicht in gleichem Maße. Sie können keinen vollständig realisierten Prototyp erstellen, aber Sie können Ihr Design schnell festlegen.

Zu den anderen Einschränkungen der kostenlosen Version gehören eine begrenzte Anzahl von Typekit-Schriftarten und 2 GB Cloud-Speicher (im Gegensatz zu 100 GB) für Creative Cloud-Abonnenten. Wenn Sie sich entscheiden, das Geld für die kostenpflichtige Version aufzustocken, kostet Adobe XD für diese App allein 9,99 $ / Monat oder für die vollständige Creative Cloud-Suite 52,99 $ / Monat.

Wir glauben, dass Adobe Creative Cloud das Geld wert ist. 5 Gründe für den Kauf der Adobe Creative Cloud. 5 Gründe für den Kauf der Adobe Creative Cloud. Die Creative Cloud von Adobe bietet viele große Vorteile. Wir haben eine Liste von Gründen zusammengestellt, um in Adobe Creative Cloud zu investieren, solange Sie noch können. Lesen Sie mehr, vorausgesetzt, Sie können genug davon nutzen.

Adobe XD ist ein überraschend benutzerfreundliches Tool

Adobe XD ist ein nützliches Werkzeug, unabhängig davon, ob Sie dafür bezahlen möchten oder nicht. In einigen Fällen erhalten Sie möglicherweise die kostenlose Version, um an kleinen persönlichen Projekten zu arbeiten. Wenn es um ernsthafte Arbeit und das Teilen mit Teams geht, müssen Sie ein Upgrade durchführen.

Adobe XD ist nicht das A und O des UI-Designs. Designer verwenden Grafiktools seit Jahren, um Modelle für Websites, App-Designs und mehr zu erstellen. Sehen Sie sich die besten Mac-Vektorgrafik-Tools für Designer mit kleinem Budget an. Die beste Vector-Software für Mac-Designer mit kleinem Budget Die beste Vector-Software für Mac-Designer mit kleinem Budget Adobe Illustrator könnte der Goldstandard für Vektorsoftware für Mac sein. Aber Sie müssen nicht immer ein Vermögen für Design-Software ausgeben. Lesen Sie mehr, um einige geeignete Alternativen zu sehen.

Erfahren Sie mehr über: Adobe Creative Cloud, Design.