Haupt Sonstiges Adobe XD debütiert als kostenlose öffentliche Vorschau für Mac
Sonstiges

Adobe XD debütiert als kostenlose öffentliche Vorschau für Mac

Die früher als Project Comet bekannte App richtet sich an UI-, UX- und mobile App-Designer, die an einer großen Anzahl von Bildschirmen und Produktmodellen arbeiten. Tablets 13.03.2016 23:00 PDT

Im vergangenen Herbst debütierte Adobe auf seiner Max-Kreativitätskonferenz Projekt Komet , der Codename für die kommende User Experience (UX) App. Die Mission: Bereitstellung einer integrierten End-to-End-Umgebung für visuelles und interaktives Design, Wireframing, Prototyping, Vorschau und gemeinsame Nutzung von Web- und mobilen App-Designs.

Am Montag veröffentlichte Adobe ein umbenanntes Project Comet in Adobe Experience Design CC mit dem Spitznamen Adobe XD – eine codefreie Desktop-Vorschau nur für Mac, die sich an UI-, UX- und mobile App-Designer richtet, die an einer großen Anzahl von Bildschirmen und Produktmodellen arbeiten. Zuvor in einer privaten Vorabversion, steht es jetzt zum Testen und für Feedback von der allgemeinen Design-Community zur Verfügung.

Mit Adobe XD können Sie Assets von überall aus einbinden, einschließlich Photoshop, Illustrator und Ihrem Desktop.



xd1

Der Designmodus bietet intuitives Layout, Zeichnen, Typ und andere Werkzeuge.

xd2 xd3

Im Prototyp-Modus können Sie interaktive Hotspots und Übergänge definieren.

Adobe XD bietet Ihnen die Flexibilität, seine Vektorzeichenwerkzeuge zu verwenden, um Ihre interaktiven Prototypen im Kontext und in Echtzeit zu erstellen und in der Vorschau anzuzeigen und sie über die Synchronisierungsfunktion von Creative Cloud mit anderen Designern und Entwicklern zu teilen. Sie können sogar einen Workflow aufzeichnen, um ihn mit Kollegen zu teilen. Es ist besonders benutzerfreundlich, weil es codefrei ist – einfach Text und grafische Elemente per Drag & Drop verschieben – und extrem schnell ist.

Integrierte UI-Kits helfen Designern dabei, schnell mit der Generierung bestimmter Arten von Apps zu beginnen. Adobe selbst verwendet XD, um die XD-App zu erstellen.

xd4

Im Prototyp-Modus können Sie interaktive Hotspots und Übergänge definieren.

Beim Start bietet Adobe XD eine Reihe von Web- und App-Designvorlagen. Wählen Sie einfach die Modelle aus, mit denen Sie arbeiten möchten (iPhone 6, iPad oder Website) und die App platziert eine Zeichenfläche auf der Leinwand. Sie können auf mehreren Geräten/Zeichenflächen gleichzeitig arbeiten.

Die übersichtliche Benutzeroberfläche der App bietet zwei Modi: Design und Prototyp, jeder mit seinen eigenen Tools, mit denen Sie sich hin und her bewegen können. Wenn Sie Assets per Drag & Drop in das Design ziehen, wird die Größe automatisch an die Vorlage angepasst.

xd5

Ziehen Sie die Bilder per Drag & Drop vom Desktop, Photoshop oder Illustrator, und die Größe der Bilder wird automatisch an die Vorlage angepasst.

Mit einer coolen Repeat Grid-Funktion können Sie Designelemente durch Ziehen replizieren, anstatt sie kopieren und einfügen zu müssen, während Sie gleichzeitig die volle Designkontrolle bieten.

Anschließend können Sie mithilfe der integrierten Kabelkonnektoren der App auf jeden Bildschirm abzielen, um verknüpfte Seiten zu verknüpfen, Abläufe zu definieren und Merkmale wie Animationen, Auslöser und Übergänge zu bestimmen.

Wenn die Designs abgeschlossen sind, können Sie Assets zur Produktion an Entwickler exportieren.

xd6 xd7 xd8

Mit der Funktion „Raster wiederholen“ können Sie die Größe von Layouts einheitlich anpassen, während Sie gleichzeitig die Kontrolle über alle Elemente haben. Wenn Sie mehrere Bilder auswählen, fließt jedes automatisch nacheinander in das Raster ein.

Adobe XD ist zum Download verfügbar jetzt und funktioniert mit Mac OS 10.10 oder höher. Jeden Monat plant Adobe, eine neue Vorschau mit Community-getriebenen Verbesserungen zu veröffentlichen.

Obwohl Adobe XD kostenlos ist, benötigen Sie eine Creative Cloud-ID, um es verwenden zu können. Es ist derzeit nur auf dem Mac und in Englisch verfügbar, aber Adobe beabsichtigt, noch in diesem Jahr eine Windows 10-Version herauszubringen und in anderen Sprachen wie Französisch, Deutsch und Japanisch zu starten. Eine vollständige kommerzielle Version wird noch in diesem Jahr erwartet.

Ebenfalls in Arbeit ist eine Begleit-App für mobile Geräte, mit der Sie bestimmte Geräte an Ihren Computer anschließen können, damit Sie neue Designs direkt anzeigen und testen können. Die anfängliche Unterstützung wird auf iOS abzielen, wobei die Unterstützung für Android-Geräte später folgen wird.

xd9

Apps und Dienste wie Comp CC, Creative Cloud Libraries, Adobe Stock, die Möglichkeit, in Ebenen zu arbeiten, eine Erweiterbarkeits-/API-Ebene für Plug-Ins, scrollbare Inhaltserstellung und mehr werden schließlich auch in XD integriert.

Warum das wichtig ist: Experience Design ist entscheidend für die Navigation und Benutzeroberfläche von Web, Smartphones, Tablets und Uhren, und da die Zahl der Bildschirme und Geräte zunimmt, müssen Designer in ganzen Systemen und nicht in einzelnen Produkten denken, um die anspruchsvollen Apps zu produzieren, die Benutzer heute erwarten. Adobe XD kann bessere Designs ermöglichen, indem die Erstellung, das Prototyping, die Anzeige und das Teilen in einer App rationalisiert werden.

Als Teil der ersten Einführung hostet Adobe Host eine dreitägige Experience Design Online Conference auf Twitch. Mehr Information und Tutorials sind erhältlich von der Adobe-Website.