Adobe XD ist eine Rapid Interface Prototyping-App für mobile Geräte und Websites.  In diesem Artikel stellen wir Ihnen Adobe XD vor!

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

Werbung Es kommt nicht oft vor, dass Sie Adobe mit „kostenlosen“ Downloads in Verbindung bringen, aber genau das hat das Unternehmen mit Adobe XD getan. Es handelt sich um eine Rapid Interface Prototyping-App für mobile Geräte und Websites, mit der Designer schnell Designs für bestimmte Plattformen entwickeln können. Das Be

Werbung

Es kommt nicht oft vor, dass Sie Adobe mit „kostenlosen“ Downloads in Verbindung bringen, aber genau das hat das Unternehmen mit Adobe XD getan. Es handelt sich um eine Rapid Interface Prototyping-App 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 Bedienung. Selbst wenn Sie wenig Erfahrung mit dem Entwerfen haben, gibt es nur eine sehr allmähliche Lernkurve, die Sie zurückhält.

Sogar die Benutzeroberfläche ist erfrischend stark, ohne all die Tools und Bedienfelder, die so viele Leute davon abhalten, Apps wie Photoshop, Illustrator und Lightroom 15 als kostenlose Alternativen zu Adobe Lightroom, Illustrator und Photoshop 15 als kostenlose Alternativen zu Adobe Lightroom, Illustrator und Photoshop zu verwenden Möchten Sie Adobe Photoshop, Lightroom oder Illustrator kostenlos herunterladen? Hier sind einige der besten Creative Cloud-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 Designtool. Es wird Ihre App nicht für Sie erstellen, aber es wird Ihnen helfen, eine Vision oder einen Prototyp für das zu präsentieren, wie Ihre nächste Handy- oder Tablet-App, Website oder andere Benutzeroberfläche aussehen soll. Die App verwendet Grafiktafeln - im Wesentlichen Bildschirmmodelle -, um eine visuelle Darstellung Ihres App-Designs bereitzustellen.

Erstellen mobiler Apps Erstellen Sie Ihre erste mobile App mit diesen vergünstigten Kurspaketen Erstellen Sie Ihre erste mobile App mit diesen vergünstigten Kurspaketen Haben Sie das Zeug zur Entwicklung der nächsten großen iOS- oder Android-App? Diese stark reduzierten Kurspakete zeigen Ihnen, wie es geht! Lesen Sie mehr und Websites, die funktionieren, können viel technisches Know-how benötigen. Mit Adobe XD erhalten Sie die Tools, mit denen Sie aus einer Idee einen Proof of Concept erstellen können. Wenn Sie fertig sind, haben Sie einen Entwurf, von dem aus Sie arbeiten können, und einen, den Sie endlos anpassen können, bis Sie mit dem Design zufrieden sind.

Adobe XD CC

Genauso wichtig wie die Konzeptkunst bei kreativen Bemühungen ist (siehe diese schöne Videospiel-Konzeptkunst. Wo finde ich schöne Videospiel-Konzeptkunst online? Wo finde ich schöne Videospiel-Konzeptkunst online? Lieblingsspiele? Hier sind die Ressourcen für Videospielkunst zu Ihrer Verfügung! Lesen Sie mehr als Beweis), ein Proof of Concept für Ihr gewünschtes Interface-Design ist wichtig, wenn es um die Erstellung von Software und Websites geht. Die Bereitstellung eines Konzepts für Programmierer, das dem fertigen Produkt so nahe kommt, ist eine hervorragende 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, wie man Code lernt, indem Sie vorhandene Apps kostenlos neu mischen. Lernen, wie man Code lernt, indem Sie vorhandene Apps kostenlos neu mischen. Auf dieser Website können Sie Apps erstellen oder neu mischen, sodass Sie kreativ sein können, 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 bestimmte Anwendungen entwickelt, aber Sie können auch über den Tellerrand hinaus denken. Die App macht es einfach, indem sie Vorlagen für Folgendes bereitstellt:

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

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

Adobe XD-Startoptionen

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 Ihr Gerät exportieren.

UI-Kits machen das Leben noch einfacher

Wenn Sie für iOS 7 Gründe designen möchten, lohnt sich das Erlernen der Programmiersprache Swift 7 Gründe, lohnt sich das Erlernen der Programmiersprache Swift Sie sollten die Programmiersprache Swift eher früher als später lernen, wenn Sie nicht zurückgelassen werden möchten. Hier sind einige gute Gründe, die Sie überzeugen können. Lesen Sie mehr, Android, Windows oder eine andere gut etablierte Plattform; Sie können UI-Kits verwenden, um eine helfende Hand zu bekommen. Hierbei handelt es sich im Wesentlichen um Projektvorlagen von Apple, Google, Microsoft und anderen Anbietern, die im Adobe-Dateiformat .XD heruntergeladen werden können.

Mit UI-Kits können Sie die Produktion beschleunigen und Ihre App innerhalb der Einschränkungen und allgemeinen Elemente Ihrer bevorzugten Plattform entwerfen. Da sie von den Plattformentwicklern gepflegt werden, sind sie in der Regel immer auf dem neuesten Stand und gründlich.

Adobe XD und iOS UI Kit

Das iOS-UI-Kit von Apple enthält beispielsweise Abmessungen für einen leeren Bildschirm für eine Reihe von Geräten, Beispiele für die iOS-Tastatur, Navigationselemente wie die Multifunktionsleiste am oberen Bildschirmrand, die iOS-Umschalttasten und vieles mehr. Sie können Elemente einfach kopieren und in Ihre 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 für die Erstellung von Smartphone-Apps für digitale Währungen Mit Apps für Kryptowährungen ist es jetzt einfacher als je zuvor, Bitcoin zu kaufen, in Altcoins umzuwandeln und sogar in ICOs zu investieren. Weiterlesen . Sie müssen die entsprechenden UI-Kits für iOS, Google Material Design und Microsoft Windows separat herunterladen.

Ein einfacher Satz eingebauter Werkzeuge

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

Sie können dann verschiedene Attribute für diese Elemente ändern, z. B. die Deckkraft, die Füllfarbe, die Ränder, die Schatten und das Bildlaufverhalten. Endlich gibt es eine Lupe und ein Zeichenwerkzeug, mit denen Sie Ihr Design erweitern können.

Adobe XD-Objekteigenschaften

Mit Adobe XD können Sie Elemente an ästhetisch ansprechenden Stellen platzieren, indem Sie sie an den Rändern des Bildschirms, am Mittelpunkt der Leinwand und an anderen Elementen einrasten lassen. Sie können dies überschreiben, indem Sie eine Taste gedrückt halten (in der Mac-Version ist dies Cmd ).

Am oberen Rand der App sehen Sie zwei Schaltflächen: Design und Prototyp . Design ist der Ort, an dem Sie die meiste Zeit damit verbringen, Ihre Vision zu kreieren. 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 erzielen, ohne eine Codezeile zu schreiben.

Adobe XD Prototype

Dies erfolgt über eine einfache Drag & Drop-Oberfläche, zum Beispiel: Erstellen Sie eine Schaltfläche mit dem Kreistool, erstellen Sie eine neue Zeichenfläche mit dem gewünschten Ergebnis dieses Tastendrucks (z. B. eine andere Registerkarte in Ihrer App), wechseln Sie in den Prototyp-Modus und Ziehen Sie den Pfeil von der Schaltfläche auf die neue Zeichenfläche. Klicken Sie auf die Schaltfläche „Abspielen“ oder auf die Vorschau Ihres Live-Geräts, um zu sehen, wie es abgespielt wird.

Sie können sogar Übergänge und Effekte festlegen, um das Erscheinungsbild zu optimieren. Es gibt einige ziemlich große Einschränkungen im Prototyp-Modus. Man kann damit nicht wirklich genug anfangen, aber es dient einem Zweck und seine einfache Implementierung macht es einfach zu bedienen.

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

Adobe XD ist ein kostenloses Produkt, das Sie in den einfachen Workflow und die benutzerfreundlichen Tools einbinden soll, ohne einen Cent auszugeben. Der größte Nachteil der kostenlosen Version besteht darin, dass nicht mehr als ein aktiver gemeinsamer Prototyp oder eine Reihe von Designspezifikationen gleichzeitig verfügbar sind.

Für Ihren ersten Entwurf oder Ihr erstes Projekt kann die kostenlose Version ausreichen. Wenn Sie mehr Designs oder Projekte für Ihr Team oder Ihre App-Entwickler freigeben möchten, stoßen Sie schnell an die Wand. Über die Option Datei> Exportieren können Sie Ihre verschiedenen Zeichenflächen jederzeit kostenlos als PNG-Dateien exportieren.

Adobe XD Compare

Das gemeinsame Prototyping und die Interaktivität zwischen Zeichenflächen sind 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 weiteren Einschränkungen der kostenlosen Version zählen eine begrenzte Anzahl von Typekit-Schriftarten und 2 GB Cloud-Speicher (im Gegensatz zu 100 GB) für Creative Cloud-Abonnenten. Wenn Sie sich für die kostenpflichtige Version entscheiden, kostet Adobe XD 9, 99 USD / Monat für diese App oder 52, 99 USD / Monat für die gesamte Creative Cloud-Suite.

Wir sind der Meinung, dass die Adobe Creative Cloud ihr 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 zahlreiche Vorteile. Wir haben eine Liste mit Gründen zusammengestellt, warum Sie in Adobe Creative Cloud investieren sollten, solange Sie dies 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 Tool, unabhängig davon, ob Sie dafür bezahlen möchten oder nicht. In einigen Fällen könnten Sie mit der kostenlosen Version für die Arbeit an kleinen persönlichen Projekten davonkommen. Wenn Sie ernsthaft arbeiten und mit Teams teilen möchten, müssen Sie ein Upgrade durchführen.

Adobe XD ist nicht das A und O des UI-Designs. Designer verwenden seit Jahren Grafiktools, um Modelle für Websites, App-Designs und mehr zu erstellen. Entdecken Sie die besten Mac-Vektorgrafiktools für Designer mit kleinem Budget Die beste Vektorsoftware für Mac-Designer mit kleinem Budget Die beste Vektorsoftware für Mac-Designer mit kleinem Budget Hier finden Sie die beste Vektorsoftware für MacOS, die Sie kostenlos verwenden oder kaufen können ein Budget. Perfekt für moderne Designer! Lesen Sie mehr, um einige leistungsfähige Alternativen zu sehen.

Weitere Informationen zu: Adobe Creative Cloud, Design.