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 getan Adobe XD. Es handelt sich um eine Rapid Interface Prototyping-App für mobile Geräte und Websites, mit der Designer schnell Entwürfe für bestimmte Plattformen erstellen können.

Das Beste an Adobe XD ist, wie einfach es zu bedienen ist. Selbst wenn Sie wenig Erfahrung mit dem Entwerfen haben, gibt es nur eine sehr schrittweise Lernkurve, die Sie zurückhält.

Sogar die Benutzeroberfläche ist erfrischend stark, ohne all die Tools und Panels, die so viele Leute abschrecken Apps wie Photoshop, Illustrator und Lightroom 15 kostenlose Alternativen zu Adobe Lightroom, Illustrator und PhotoshopMö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 erläutern, was Sie damit tun 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 Zeichenflächen - im Wesentlichen Bildschirmmodelle -, um eine visuelle Darstellung Ihres App-Designs bereitzustellen.

Mobile Apps erstellen Erstellen Sie Ihre erste mobile App mit diesen ermäßigten KurspaketenHaben Sie das Zeug zur Entwicklung der nächsten großen iOS- oder Android-App? Diese stark reduzierten Kurspakete zeigen Ihnen, wie es geht! Weiterlesen und Websites, die funktionieren, können viel technisches Know-how erfordern. Adobe XD bietet Ihnen die Tools, mit denen Sie aus einer Idee einen Proof of Concept machen 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.

Ebenso wichtig ist die Konzeptkunst für kreative Bestrebungen (siehe hier) schöne Videospiel-Konzeptkunst Wo man schöne Videospiel-Konzeptzeichnungen online findetMöchten Sie einige der schönen Konzeptzeichnungen hinter Ihren Lieblingsspielen sehen? Hier stehen Ihnen die Ressourcen für Videospielkunst zur Verfügung! Weiterlesen Als Proof) ist ein Proof of Concept für das gewünschte Interface-Design wichtig, wenn es um die Erstellung von Software und Websites geht. Die Bereitstellung eines Konzepts für Programmierer, das so genau zum fertigen Produkt passt, ist eine hervorragende Möglichkeit, Ihre Erwartungen an das Mögliche anzupassen.

Das Beste ist, dass die App so gestaltet ist, dass jeder sie verwenden kann. Egal, ob Sie ein erfahrener Designer, ein Programmierer oder jemand sind, dem diese beiden Fähigkeiten fehlen. Adobe XD kann die Lücke zwischen Ihrer Vision und Ihrem technischen Wissen schließen. Sie müssen nicht einmal Codieren lernen Lernen Sie das Codieren, indem Sie vorhandene Apps kostenlos neu mischenAuf dieser Website können Sie Apps erstellen oder neu mischen, sodass Sie kreativ sein können, ohne befürchten zu müssen, dass etwas kaputt geht. Weiterlesen eine App entwerfen.

Was kann Adobe XD?

Adobe XD wurde für einige spezifische Anwendungen entwickelt, aber Sie können auch über den Tellerrand hinaus denken. Die App macht es einfach, indem sie Vorlagen für Folgendes enthält:

• Smartphone-Apps: Von iPhone 5 und SE bis zu den neuesten Modellen; und eine generische Android-Vorlage auch.
• Tablet-Apps: Mit Vorlagen für das iPad, beiden Größen für iPad Pro, Surface Pro 3 und 4 sowie einer generischen Android-Tablet-Vorlage.
• Websites / Web-Apps: Mit ein paar Presets 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 (d. H. Bildschirmgröße) angeben und mit dem Entwerfen für nahezu jede Plattform beginnen, die Sie sich vorstellen können.

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 daran denken Entwerfen für iOS 7 Gründe, warum es sich lohnt, die schnelle Programmiersprache zu lernenSie 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. Weiterlesen , Android, Windows oder eine andere etablierte Plattform; Sie können UI-Kits verwenden, um eine helfende Hand zu bekommen. Hierbei handelt es sich im Wesentlichen um Projektvorlagen, die von Apple, Google, Microsoft und anderen verwaltet werden und im .XD-Dateiformat von Adobe heruntergeladen werden können.

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

Das iOS-UI-Kit von Apple enthält beispielsweise leere Bildschirmabmessungen für eine Reihe von Geräten iOS-Tastatur, Navigationselemente wie das Menüband oben auf dem Bildschirm, die iOS-Umschalttasten und 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 Smartphone-Apps für digitale Währungen Top 10 Bitcoin- und Kryptowährungs-Apps für iPhoneMit Kryptowährungs-Apps ist es jetzt einfacher als je zuvor, Bitcoin zu kaufen, in Altcoins umzuwandeln und sogar in ICOs zu investieren. Weiterlesen . Sie müssen das entsprechende herunterladen UI-Kits für iOS, Googles Materialdesign und Microsoft Windows separat.

Ein einfacher Satz integrierter Werkzeuge

Im Gegensatz zu den anderen komplexen Grafik- und Design-Apps von Adobe verfügt XD über eine schöne, saubere 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-Schriftartenbibliothek (aber nicht alle).

Sie können dann verschiedene Attribute in Bezug auf diese Elemente ändern, z. B. Deckkraft, Füllfarbe, Rahmen, Schatten und Bildlaufverhalten. Schließlich gibt es eine Lupe und ein Zeichenflächenwerkzeug zum Erweitern Ihres Designs.

Mit Adobe XD können Sie Elemente an ästhetisch ansprechenden Orten 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, 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 sehen Sie zwei Schalter: Design und Prototyp. Beim Design verbringen Sie die meiste Zeit damit, Ihre Vision zu verwirklichen. 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 schreiben zu müssen.

Dies erfolgt über eine einfache Drag & Drop-Oberfläche, zum Beispiel: Erstellen Sie eine Schaltfläche mit dem Kreiswerkzeug, erstellen Sie eine neue Zeichenfläche mit der gewünschten Zeichenfläche Wenn Sie diese Taste gedrückt haben (z. B. eine andere Registerkarte in Ihrer App), wechseln Sie in den Prototyp-Modus und ziehen Sie den Pfeil von der Taste auf Ihre neue Zeichenfläche. Klicken Sie auf die Schaltfläche „Wiedergabe“ oder die Vorschau Ihres Live-Geräts, um zu sehen, wie es abgespielt wird.

Sie können sogar Übergänge und Effekte angeben, damit es schick aussieht. Der Prototyp-Modus weist einige ziemlich große Einschränkungen auf. Sie können sich nicht wirklich eingehend damit befassen, aber es erfüllt einen Zweck und die einfache Implementierung macht es einfach zu bedienen.

Wie begrenzt ist die kostenlose Version von Adobe XD?

Als kostenloses Produkt wurde Adobe XD entwickelt, um Sie an den einfachen Workflow und die benutzerfreundlichen Tools zu binden, ohne einen Cent auszugeben. Der größte Nachteil der kostenlosen Version ist die Unfähigkeit, mehr als einen aktiven gemeinsamen Prototyp oder eine Reihe von Designspezifikationen gleichzeitig zu haben.

Für Ihr erstes Design oder Projekt kann die kostenlose Version ausreichen. Wenn Sie mehr Designs oder Projekte mit Ihrem Team oder Ihren App-Entwicklern teilen möchten, stoßen Sie schnell an eine Wand. Sie können Ihre verschiedenen Zeichenflächen jederzeit kostenlos als PNG-Dateien exportieren Datei> Exportieren Möglichkeit.

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 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 dazu entschließen, das Geld dafür aufzutreiben die kostenpflichtige VersionAdobe XD kostet allein für diese App 9,99 USD / Monat oder für die gesamte Creative Cloud-Suite 52,99 USD / Monat.

Wir denken Adobe Creative Cloud ist das Geld wert 5 Gründe für den Kauf der Adobe Creative CloudDie Creative Cloud von Adobe bietet viele große Vorteile. Wir haben eine Liste mit Gründen zusammengestellt, warum Sie in Adobe Creative Cloud investieren sollten, solange Sie dies noch können. Weiterlesen 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 erhalten Sie möglicherweise die kostenlose Version für die Arbeit an kleinen persönlichen Projekten. 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. Probier das aus Die besten Mac-Vektorgrafiken für Designer mit kleinem Budget Die beste Vektorsoftware für Mac-Designer mit kleinem BudgetHier ist die beste Vektorsoftware für macOS, die Sie kostenlos verwenden oder mit kleinem Budget kaufen können. Perfekt für moderne Designer! Weiterlesen um einige fähige Alternativen zu sehen.