{"id":752673,"date":"2023-08-14T01:29:02","date_gmt":"2023-08-14T06:29:02","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/was-ist-adobe-xd\/"},"modified":"2023-08-14T01:29:02","modified_gmt":"2023-08-14T06:29:02","slug":"was-ist-adobe-xd","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/was-ist-adobe-xd\/","title":{"rendered":"Was ist Adobe XD?"},"content":{"rendered":"<p>Das UX-Designtool von Adobe scheint die perfekte Erg\u00e4nzung zur Software-Suite des Unternehmens zu sein.  In diesem Artikel wird n\u00e4her darauf eingegangen, was Adobe XD ist.  Dann werden wir sehen, wie Sie es nutzen k\u00f6nnen.<\/p>\n<p>Wenn Sie ein langj\u00e4hriger Benutzer der Adobe-Benutzeroberfl\u00e4che sind, sollten Sie erw\u00e4gen, bis zum Ende zu lesen. <\/p>\n<p>Weil? <\/p>\n<p>Im Gegensatz zu anderen Tools wie Sketch und Figma ist AdobeXD einfacher f\u00fcr Benutzer zu verwenden, die dies bereits tun <strong>mit dem Adobe-\u00d6kosystem vertraut<\/strong>. <\/p>\n<p>Und selbst wenn Sie gerade erst dabei sind, f\u00fchre ich Sie durch die Grundlagen der Verwendung von Adobe XD und verk\u00fcrze die Lernkurve. <\/p>\n<p>Interessiert?  Aufleuchten.<\/p>\n<h3 id=\"what-is-adobe-xd\"><strong>Was ist Adobe XD?<\/strong><strong>?<\/strong><\/h3>\n<p>Es ist vektorbasiert <strong>digitales Designtool f\u00fcr Websites und Apps<\/strong>.<\/p>\n<p>In der Vergangenheit gab es f\u00fcr UI- und UX-Designer mehrere M\u00f6glichkeiten, kreativ zu werden.  Wir hatten Sketch, die traditionelle Desktop-App, und nat\u00fcrlich Figma, das einen kollaborativeren Ansatz bot. <\/p>\n<p>Aber nach der Adobe MAX-Konferenz im Oktober 2015 wussten wir alle, dass etwas Neues auf den Markt kommen w\u00fcrde.<\/p>\n<p>F\u00fcnf Jahre nach dem Start von Sketch wurde das \u201eComet Project\u201c der Welt vorgestellt.  Dies war der Vorname des Webdesign-Tools von Adobe.<\/p>\n<p>Adobe XD war <strong>Erstellt von Adobe Inc.<\/strong> und f\u00fcr macOS ver\u00f6ffentlicht als \u201e<strong>Adobe Experience Design<\/strong> CC\u201c an alle mit einem Adobe-Konto am 14. M\u00e4rz 2016. Sp\u00e4ter in diesem Jahr wurde das Tool f\u00fcr Windows 10 verf\u00fcgbar und unterst\u00fctzt nun auch iOS und Android f\u00fcr mobile Funktionen.<\/p>\n<p>Adobe XD ist Teil der Creative Cloud.  Das Tool ist die einzige UX-L\u00f6sung, die Designern das Importieren, Anzeigen und Bearbeiten erm\u00f6glicht <strong>Adobe Photoshop- und Illustrator-Inhalte.<\/strong> Es scheint, dass das fehlende Puzzleteil in vollst\u00e4ndiger Zusammenarbeit mit dem Rest von Creative Cloud entstanden ist.<\/p>\n<p>Wenn man dar\u00fcber nachdenkt, hat AdobeXD viele \u00c4hnlichkeiten mit dem ersten iPhone. <\/p>\n<p>Ich wei\u00df, es ist ein seltsamer Vergleich, aber h\u00f6ren Sie mir zu. <\/p>\n<p>Das Design-Tool verf\u00fcgt \u00fcber <strong>ein gro\u00dfer Vorteil<\/strong> \u2013 wurde von Grund auf unter Ber\u00fccksichtigung der Best Practices f\u00fcr Benutzeroberfl\u00e4che und UX entwickelt. <\/p>\n<p>Was bedeutet das f\u00fcr den Endbenutzer?<\/p>\n<p>Wenn Entwickler schon fr\u00fch im Prozess die richtigen Entscheidungen treffen, entsteht ein hochwertiges, benutzerfreundliches Tool.  Wie das erste iPhone verf\u00fcgt Adobe XD m\u00f6glicherweise nicht \u00fcber alle Funktionen seiner Konkurrenten.  Aber diejenigen, die Sie haben, arbeiten.<\/p>\n<h3 id=\"what-is-adobe-xd-used-for\"><strong>Wof\u00fcr wird Adobe XD verwendet?<\/strong><\/h3>\n<h4 id=\"website-design\"><strong>Webseitendesign<\/strong><\/h4>\n<p>Adobe macht das Website-Design zu einem einfacheren und verst\u00e4ndlicheren Konzept. <\/p>\n<p>Wenn Sie ein beginnender UI\/UX-Designer sind und die M\u00f6glichkeit haben m\u00f6chten <strong>Teilen Sie den Fortschritt Ihrer Arbeit mit<\/strong>Adobe XD ist das perfekte Tool f\u00fcr Sie. <\/p>\n<p>Dadurch bleibt Ihr Werkzeugkasten nicht nur mit allen wichtigen Werkzeugen gut gef\u00fcllt, es erleichtert auch die Zusammenarbeit. <\/p>\n<p>Ein Adobe XD-Layout zu erstellen ist nicht schwer.  Sie m\u00fcssen kein Experte f\u00fcr die Entwicklung von Website-Wireframes sein, um es nutzen zu k\u00f6nnen.<\/p>\n<p>Apropos Anf\u00e4nger: Ich bin f\u00fcr Sie da, wenn Sie nicht wissen, was. <strong>Drahtmodell <\/strong>Ist.  Die k\u00fcrzeste Beschreibung lautet: das Grundger\u00fcst der Benutzeroberfl\u00e4che.  Es handelt sich um eine Skizze der Merkmale, des Designs und der Funktionalit\u00e4t des Endprodukts. <\/p>\n<h4 id=\"app-design\"><strong>Anwendungsdesign<\/strong><\/h4>\n<p>Ein weiteres Beispiel daf\u00fcr, was Sie mit Adobe XD tun k\u00f6nnen, ist a <strong>Anwendungsdesign<\/strong>. <\/p>\n<p>Sie k\u00f6nnen eine vollst\u00e4ndige mobile Anwendung in J entwerfen<strong>nur ein Dokument XD<\/strong>. <\/p>\n<p>Als? <\/p>\n<p>Nun, mit der Software k\u00f6nnen Sie Vektorskalendateien f\u00fcr hochaufl\u00f6sende Anzeigen optimieren.  Sie erhalten au\u00dferdem alle Tools, die Sie zum Entwerfen von Men\u00fcs, Animationen, \u00dcberg\u00e4ngen und dem gesamten Erscheinungsbild Ihrer App ben\u00f6tigen.<\/p>\n<h4 id=\"voice-assistant-design\"><strong>Design des Sprachassistenten<\/strong><\/h4>\n<p>Eine gro\u00dfartige Funktion von Adobe XD ist <strong>Integration von Sprachprototypen<\/strong>. <\/p>\n<p>Sein Zweck besteht darin, Ihnen dabei zu helfen, das Benutzererlebnis zu bereichern, indem Sie das Medium Stimme in Ihre Projekte einbeziehen.  Das Tool ist durchaus n\u00fctzlich, wenn es darum geht, die Sprachsuche in eine App zu integrieren oder Navigationssysteme und Sprachassistenten zu erstellen.<\/p>\n<p>Au\u00dferdem wird dadurch die Navigation im Arbeitsablauf erleichtert.  statt zu verwenden <strong>klicken<\/strong> entweder <strong>klopfen <\/strong>Als Ausl\u00f6ser k\u00f6nnen Sie auch Sprachbefehle verwenden, um mit Ihrem Prototyp zu interagieren. <\/p>\n<h4 id=\"game-design\"><strong>Spieldesign<\/strong><\/h4>\n<p>Mit dem Spiele-Prototyping in Adobe XD k\u00f6nnen Sie m\u00fchelos Men\u00fcs, Charakterauswahlen, HUDs und mehr entwerfen. <\/p>\n<p>Sie k\u00f6nnen auch Gamecontroller hinzuf\u00fcgen und programmieren, um die Benutzeroberfl\u00e4che so zu erleben, wie es Gamer erwarten.<\/p>\n<p>Sie sind sich immer noch nicht sicher, ob das Design eing\u00e4ngig ist? <\/p>\n<p>Kann <strong>Testen Sie es an echten Benutzern.<\/strong> Mit Adobe XD k\u00f6nnen Sie Prototypen mit Gamern teilen, um zu beurteilen, wie n\u00fctzlich Ihre kreativen Ideen sind.<\/p>\n<h3 id=\"live-preview\"><strong>Live Vorschau<\/strong><\/h3>\n<p>Ein wesentlicher Vorteil von Adobe XD ist die <strong>Live Vorschau<\/strong>. <\/p>\n<p>Richtig, Sie k\u00f6nnen einen Blick darauf erhaschen, wie Ihr Design zum Leben erwacht. <\/p>\n<p>Sie ben\u00f6tigen lediglich ein USB-Kabel zur Daten\u00fcbertragung, nicht zu verwechseln mit dem Kabel, das Sie zum Aufladen verwenden. <\/p>\n<p>Es ist so einfach wie 1,2,3.  Lasst uns beginnen:<\/p>\n<ol>\n<li>W\u00e4hlen Sie zun\u00e4chst aus, welches Ihrer Adobe XD-Projekte Sie in der Vorschau anzeigen m\u00f6chten.  Schlie\u00dfen Sie dann Ihr Mobilger\u00e4t an den USB-Anschluss des Computers an, auf dem Adobe XD ausgef\u00fchrt wird.                                              <\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">\u00d6ffnen Sie Adobe XD auf Ihrem Mobilger\u00e4t.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Nun erscheint das Projekt auf Ihrem Desktop auch auf dem mobilen Ger\u00e4t.  Die Vorschau wird aktiviert sein <strong>Echtzeit<\/strong>Wenn Sie also auf einem der Ger\u00e4te \u00c4nderungen vornehmen, werden diese auch auf dem anderen Ger\u00e4t \u00fcbernommen.<\/li>\n<\/ol>\n<h3 id=\"repeat-grid\"><strong>Raster wiederholen<\/strong><\/h3>\n<p>Grids f\u00fcr Designer sind wie Frameworks f\u00fcr Entwickler.  Auf sie kann man zwar verzichten, aber das Ergebnis ist meist chaotisch. <\/p>\n<p>Adobe XD bietet eine einfache M\u00f6glichkeit dazu <strong>Inhaltliche Strukturierung. <\/strong>Das Tool erstellt ein Raster basierend auf den vom Designer gew\u00e4hlten Richtlinien und Werten.  Dies beschleunigt den kreativen Prozess und sorgt f\u00fcr mehr Sichtbarkeit und Kontrolle.<\/p>\n<p>Wie f\u00fcge ich mit Adobe XD einem Projekt ein Raster hinzu?  3 ist wieder einmal unsere Gl\u00fcckszahl:<\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\">W\u00e4hlen Sie eine Zeichenfl\u00e4che aus.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Schauen Sie sich das Men\u00fc auf der linken Seite an und stellen Sie sicher, dass das Kontrollk\u00e4stchen GRID aktiviert ist.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Stellen Sie die Werte Ihrer Wahl ein.  Das Tool erstellt dann das ben\u00f6tigte Raster.<\/li>\n<\/ol>\n<p>Schon beeindruckt? <\/p>\n<p>Wenn Sie sich immer noch fragen, ob Sie dieses Tool ausprobieren sollten, schauen Sie sich unseren ausf\u00fchrlichen Adobe XD-Test an.<\/p>\n<h3 id=\"wrap-up\"><strong>Wickeln<\/strong><\/h3>\n<p>Sie verf\u00fcgen jetzt \u00fcber ein grundlegendes Verst\u00e4ndnis des neuesten Assets von Adobe Creative Cloud: Adobe XD. <\/p>\n<p>Sie wissen auch, warum es geschaffen wurde: Es erf\u00fcllte ein gro\u00dfes Bed\u00fcrfnis nach einem <strong>Designplattform<\/strong> im Adobe-\u00d6kosystem.<\/p>\n<p>Designer k\u00f6nnen die Adobe XD-App w\u00e4hrend des 7-t\u00e4gigen Testzeitraums kostenlos nutzen.  Es mag etwas zeitaufw\u00e4ndig erscheinen, dies zu meistern, aber wenn Sie mit Adobe-Plattformen vertraut sind, ist es mehr als genug.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Das UX-Designtool von Adobe scheint die perfekte Erg\u00e4nzung zur Software-Suite des Unternehmens zu sein. In diesem Artikel wird n\u00e4her darauf eingegangen, was Adobe XD ist. Dann werden wir sehen, wie Sie es nutzen k\u00f6nnen. Wenn Sie ein langj\u00e4hriger Benutzer der Adobe-Benutzeroberfl\u00e4che sind, sollten Sie erw\u00e4gen, bis zum Ende zu lesen. Weil? Im Gegensatz zu anderen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":752674,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/4.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/752673"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=752673"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/752673\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/752674"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=752673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=752673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=752673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}