Adobe XD: Design, Prototyp und Freigabe mit der UX / UI-Lösung von Adobe

Heute habe ich Adobe XD installiert, die UX / UI-Lösung von Adobe für das Prototyping von Websites, Webanwendungen und mobilen Anwendungen. Mit Adobe XD können Benutzer mit einem einzigen Klick von statischen Drahtmodellen zu interaktiven Prototypen wechseln. Sie können Änderungen an Ihrem Design vornehmen und sehen, dass Ihr Prototyp automatisch aktualisiert wird - keine Synchronisierung erforderlich. Sie können eine Vorschau Ihrer Prototypen mit Übergängen auf iOS- und Android-Geräten anzeigen und diese dann für schnelles Feedback an Ihr Team weitergeben.

Adobe XD

Zu den Funktionen von Adobe XD gehören:

  • Interaktive Prototypen - Wechseln Sie mit einem einzigen Klick vom Design- in den Prototypenmodus und verbinden Sie Zeichenflächen, um den Ablauf und die Pfade von Multiscreen-Apps zu kommunizieren. Verbinden Sie Designelemente von einer Zeichenfläche mit einer anderen, einschließlich Wiederholungsgitterzellen. Fügen Sie Interaktionen mit intuitiven visuellen Steuerelementen hinzu, um die Erfahrung zu testen und zu validieren.
  • Veröffentlichen Sie Prototypen für Feedback - Generieren Sie gemeinsam nutzbare Weblinks, um Feedback zu Ihren Designs zu erhalten, oder binden Sie sie in Behance oder eine Webseite ein. Prüfer können Ihre Prototypen und bestimmte Teile Ihres Designs direkt kommentieren. Sie werden benachrichtigt, wenn sie Kommentare abgeben, und sie können einfach ihre Browser aktualisieren, um Ihre Änderungen zu sehen.
  • Schnelle, vielseitige Zeichenflächen - Unabhängig davon, ob Sie mit einer Zeichenfläche oder mit hundert Zeichenflächen arbeiten, bietet XD die gleiche schnelle Leistung. Design für verschiedene Bildschirme und Geräte. Schwenken und Zoomen ohne Verzögerungszeit. Wählen Sie aus voreingestellten Größen oder definieren Sie Ihre eigenen und kopieren Sie zwischen Zeichenflächen, ohne die Platzierung Ihrer Designelemente zu verlieren.
  • Gitter wiederholen - Wählen Sie Elemente in Ihrem Design aus, z. B. eine Kontaktliste oder eine Fotogalerie, und replizieren Sie sie horizontal oder vertikal so oft Sie möchten - alle Ihre Stile und Abstände bleiben erhalten. Aktualisieren Sie ein Element einmal und Ihre Änderungen werden überall aktualisiert.
  • Plattformübergreifende Unterstützung - Adobe XD unterstützt nativ Windows 10 (Universal Windows Platform) und Mac mit begleitenden mobilen Apps für Android und iOS.
  • Assets Panel - Stellen Sie Farben und Zeichenstile einfach zur Wiederverwendung zur Verfügung, indem Sie sie dem Bedienfeld „Assets“ (früher das Bedienfeld „Symbole“) hinzufügen, das automatisch Symbole enthält. Bearbeiten Sie eine beliebige Farbe oder einen beliebigen Zeichenstil im Bedienfeld, und die Änderungen werden im gesamten Dokument berücksichtigt.
  • Überarbeitete Symbole - Sparen Sie Zeit mit Symbolen und wiederverwendbaren Designelementen, die das Suchen und Bearbeiten jeder Instanz eines Assets in einem Dokument überflüssig machen. Aktualisieren Sie eine und sie werden überall aktualisiert oder bestimmte Instanzen überschreiben. Symbole können Vektorgrafiken, Rasterbilder oder Textobjekte sein und sie können auch als Objekte in Wiederholungsgittern verwendet werden.
  • Kreative Cloud-Bibliotheken - Mit der Integration von Creative Cloud Libraries können Sie auf Rasterbilder, Farben und Zeichenstile zugreifen, diese in Photoshop CC, Illustrator CC und anderen Creative Cloud-Anwendungen in XD erstellen und an einer beliebigen Stelle in Ihren Dokumenten wiederverwenden.
  • Inspektor für kontextbezogene Eigenschaften - Arbeiten Sie dank des kontextsensitiven Eigenschafteninspektors in einem übersichtlichen Bereich, in dem nur Optionen für die von Ihnen ausgewählten Objekte angezeigt werden. Ändern Sie Eigenschaften wie Rahmenfarbe und -stärke, Füllfarben, Schatten, Unschärfen, Deckkraft und Drehung und greifen Sie auf Optionen für Ausrichtung, Bemaßungen und Wiederholungsraster zu.
  • Intelligente Leinwandnavigation - Vergrößern Sie ganz einfach einen bestimmten Bereich Ihres Designs oder treffen Sie eine Auswahl auf einer Zeichenfläche und verwenden Sie eine Verknüpfung, um direkt darauf zu zoomen. Schwenken oder zoomen Sie mit der Maus, dem Touchpad oder den Tastaturkürzeln. Und erzielen Sie eine hervorragende Leistung, selbst wenn Sie Hunderte von Zeichenflächen haben.
  • Kontextebenen - Bleiben Sie organisiert und konzentriert, während Sie komplexe Designs verwalten, dank eines kontextbezogenen Ansatzes für Ebenen. XD hebt nur die Ebenen hervor, die der Zeichenfläche zugeordnet sind, an der Sie arbeiten, sodass Sie schnell und einfach finden können, was Sie benötigen.
  • Layout-Anleitungstools - Zeichnen, wiederverwenden und neu mischen von Designelementen mithilfe von Snap-to-Grids und anderen intuitiven Layout-Tools, mit denen Sie relative Maße zwischen Objekten erstellen, mit Formen maskieren, Designelemente gruppieren, sperren, ausrichten und verteilen können.
  • Unschärfeeffekte - Verwischen Sie schnell ein bestimmtes Objekt oder einen gesamten Hintergrund, um den Schwerpunkt Ihres Designs zu ändern und ihm Tiefe und Dimension zu verleihen.
  • Vielseitige lineare Verläufe - Erstellen Sie schöne lineare Verläufe mit einfachen, aber präzisen visuellen Steuerelementen im Farbwähler. Sie können Farbverläufe auch aus Photoshop CC und Illustrator CC importieren.
  • Modernes Stiftwerkzeug - Zeichnen Sie Formen und Pfade einfach mit dem Stiftwerkzeug. Verwenden Sie benutzerdefinierte Pfade, fügen Sie Ankerpunkte hinzu oder entfernen Sie sie, bearbeiten Sie Linien einfach und wechseln Sie zwischen gekrümmten und abgewinkelten Pfaden - alles mit demselben Werkzeug.
  • Boolesche Gruppenbearbeitung - Erstellen und experimentieren Sie mit komplexen Formen, indem Sie Objektgruppen mit zerstörungsfreien Booleschen Operatoren kombinieren.
  • Typografie-Styling - Gestalten Sie Text mit präziser Steuerung, um die Benutzererfahrung zu verbessern. Passen Sie typografische Elemente wie Schriftart, Schriftart, Größe, Ausrichtung, Zeichenabstand und Zeilenabstand einfach an. Ändern Sie das Erscheinungsbild Ihres Textes genauso wie andere Elemente in XD wie Deckkraft, Füllung, Hintergrund- und Unschärfeeffekte sowie Rahmen.
  • Optimierte Farbsteuerung - Wählen Sie Farben aus, indem Sie genaue Werte eingeben oder mit der Pipette von innen oder außen XD abtasten. Erstellen und speichern Sie Farbfelder und verwenden Sie Verknüpfungen für hexadezimale Codes in der Farbauswahl.
  • UI-Ressourcen - Schnelles Design und Prototyping für Apple iOS-, Google Material Design- und Microsoft Windows-Geräte mithilfe hochwertiger Komponenten der Benutzeroberfläche.
  • Kopieren und Einfügen aus anderen Design-Apps - Bringen Sie Grafiken aus Photoshop CC und Illustrator CC in XD.
  • Vorschau von iOS und Android im Kontext - Zeigen Sie eine Vorschau Ihrer Designs und aller Interaktionen auf den tatsächlichen Geräten an, auf die Sie abzielen. Nehmen Sie Änderungen auf dem Desktop vor und testen Sie sie dann auf Ihren Geräten auf Wiedergabetreue und Benutzerfreundlichkeit.
  • Hotspot-Hinweis - Markieren Sie automatisch die Hotspots in Ihrem Prototyp, damit Benutzer sehen können, welche Bereiche interaktiv und anklickbar sind.
  • Prototypenmanagement - Erstellen Sie mehrere URLs aus derselben Datei, um verschiedene Versionen Ihres Prototyps freizugeben. Teilen Sie eine unbegrenzte Anzahl von Prototypen und greifen Sie einfach auf diese zu und löschen Sie sie aus Ihrem Creative Cloud-Konto.
  • Prototyp-Interaktionen als Videos aufzeichnen - Zeichnen Sie beim Klicken durch Ihre Vorschau eine MP4-Datei auf, die Sie für Ihr Team oder Ihre Stakeholder freigeben möchten (nur Mac).
  • Exportieren von Kunstwerken, Assets und Zeichenflächen - Exportieren Sie Bilder und Designs in den Formaten PNG und SVG, die Sie für iOS, Android, Web oder Ihre eigenen benutzerdefinierten Einstellungen konfigurieren können. Exportieren Sie eine ganze Zeichenfläche oder einzelne Elemente. Teilen Sie Assets und Zeichenflächen, indem Sie sie als einzelne PDF-Dateien oder als einzelne PDF-Datei exportieren.
  • Mehrsprachige Unterstützung - Unterstützte Sprachen sind Englisch, Französisch, Deutsch, Japanisch und Koreanisch.
  • E-Mail-Benachrichtigungen für Kommentare - Erhalten Sie E-Mail-Benachrichtigungen, wenn Stakeholder Ihre Webprototypen kommentieren. E-Mails können einzeln oder in einer täglichen Übersicht gestapelt werden

Das Beste ist, dass Adobe XD mit meiner Lizenz für die Adobe Creative Suite geliefert wird!

Offenlegung: Wir sind ein Tochterunternehmen von Adobe.

Was denken Sie?

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.