Im zweiten Video zu diesem Thema der Übung geht es um
das Tool Adobe XD. Auch hier ist das Ziel zum einen,
dass sie entscheiden können, welches Tool sie verwenden.
Und zum anderen, dass sie einen Einblick haben,
wie sie möglichst schnell mit der Bearbeitung der Aufgabe starten können.
Wir sehen hier die Standardansicht, die Startseite in Adobe XD
und das Programm ist sehr ähnlich zu Figma,
falls sie dieses Video schon gesehen haben.
Wir können hier oben direkt wählen, für welches Gerät wir
etwas erstellen möchten. Ich nehme hier einmal das Web,
also 1920, mal 180 Pixel Full HD
Auch hier starten wir erstmal mit einer weitgehend leeren Fläche.
Hier ist direkt ein Frame in Adobe XD, heißt es.
Ansicht. Wir können auch hier wieder Ansichten kopieren.
Hier funktionieren auch wieder die üblichen Design-Tastenkombinationen bei gedrückter Maustaste,
kann ich schieben, ich kann nach rechts und links scrollen,
ich kann bei gerührter Steuerungstaste rein und raus zoomen.
Ich kann die verschiedenen Ansichten auch wieder anordnen und ich baue
das gleiche Beispiel, das auch im Video zu Figma
zu sehen ist
Das heißt, wir erstellen wieder ein Rechteck.
Einen Kreis und ein Dreieck. Zusammen mit Beschriftungen. Und
auch hier haben wir auf der rechten Seite wieder Eigenschaften,
sodass wir beispielsweise die Schriftgröße anpassen können.
Ich mache das diesmal ein wenig ungenauer als im Figma-Video,
da die Bedienung tatsächlich fast die gleiche ist.
Und sie vermutlich das Figma-Video zuerst sehen,
sodass es dort bereits klar ist,
um was es geht und wie diese Funktion grundsätzlich aussehen.
Auch hier die Frage, welches Element ist richtig bezeichnet?
Wir wollen wieder eine Antwortansicht für richtig eine,
für falsch haben, können auch hier wieder die Elemente einfügen,
nehmen wir in diesem Fall mal.
Nicht ganz die gleichen Farben. All das ist
sehr ähnlich,
zu figma
Auch hier kann ich Dinge hin und her kopieren.
Und falls ihr schon mal nach oben links blicken,
was bei Figma oben rechts in der Ecke war,
dass die der Wechsel zwischen Design und Prototyp-Ansichten,
ist bei Adobe XD oben links.
Das ist kein wirklich großer Unterschied. Wir möchten nun
die Prototypfunktionen, also die wechselt zwischen den Ansichten hinzufügen.
Auch hier können wir wieder mehrere Elemente wählen und über
das Kontextmenü gruppieren oder einfach mit der Tastenkombination Steuerung und G.
Auch hier erscheinen rechts daneben ein kleines Element,
mit dem wir anzeigen können, wo der Wechsel hingehen soll.
Auch hier haben wir die Möglichkeit,
entweder einen Übergang auszuführen oder ein Overlay zu öffnen.
Hier wählen wir wieder zweimal das Overlay. Wir müssen beim Overlay nicht wählen,
was passiert, wenn es wieder geschlossen werden will,
das Overlay ist hier darauf beschränkt,
dass bei beliebigem Klick es eben wieder geschlossen wird.
Auch hier können wir dem Ganzen
einen Namen geben
Und wir können das Ganze ausprobieren. Das heißt,
wir wechseln hier in die richtige Ansicht,
kommen jetzt leider nicht mehr zurück,
aber wenn wir das andere Element auswählen, kommt das Overlay,
dem wir jetzt leider keinen Hintergrund gegeben haben,
sodass es quer im Bild steht.
Aber auch das lässt sich wieder schließen. Wenn wir nun also zufrieden sind,
dann können wir das Ganze teilen,
also wir können entweder jemanden zum Dokument einladen oder über freigeben,
dann eben zur Design Review oder für die Präsentation oder für eine individuelle Ansicht freigeben.
Das sollte in der kostenlosen Version möglich sein.
Ich verwende hier eine kostenpflichtige Version der Universität.
Dort ist aber die Exportfunktion zurzeit leider nicht verfügbar,
sodass ich das nicht zeigen kann.
Es sollte aber selbsterklärend sein. Falls Sie dieses Tool verwenden möchten,
auch dieses einfach zu bedienen, erfüllt alles,
was die Aufgabe benötigt,
viel Erfolg dabei