Von Skizze zu Adobe XD: UI Design und interaktiver Prototyp

1. Einführung: Willkommen bei From Sketch, um ein B x, d u i Design und interaktive Prototypen Platz hinzuzufügen . Hallo, ich verifiziere ein U N Greg Designer Basing Indonesia Vielen Dank für das Auschecken dieser Klasse in dieser Klasse, die ich mit Ihnen teilen möchte, und wie man einen interaktiven Prototypmit Animation mit Adam B X derstellt mit Animation mit Adam B X d ich verifiziere ein U N Greg Designer Basing Indonesia Vielen Dank für das Auschecken dieser Klasse indieser Klasse, die ich mit Ihnen teilen möchte, und wie man einen interaktiven Prototypmit Animation mit Adam B X derstellt für alle, die lernen möchten, wie man eine U I und eine interaktive Protestseite entwirft. Egal, ob Sie Anfänger oder Fortgeschrittene Designer sind. Offengelegt, gab einen Schritt für Schritt Prozess und wie man eine einfache interaktive wo Prototyp von Grund auf korrigieren . Die Klasse beginnt mit der Erstellung der I Design und Skizze und mit der Erstellung des Prototyps auf einem Eintauchen in andere B x d Am Ende dieses Glases, Ich hoffe, Sie können Ihre eigene interaktive Person erstellen. Überlebt mit out of txt. Ich werde Ihnen auch das Design Isis zur Verfügung gestellt. Sie würden Probleme in dieser Klasse, so dass Sie es beobachten und üben können. Also lasst uns loslegen 2. Design: bevor Sie mit dem Design beginnen, wollen wir sicherstellen, dass eine Sache, die wir wollen, um sicherzustellen, dass wir bereits aufgerufen haben. Das in dieser Klasse aufgezeichnete Asset ist so dass ich Ihnen einen Ordner namens Assets zur Verfügung gestellt habe. Also in diesem, Inhaber beschränkt die Bildstatusjahre in dieser Klasse, so dass Sie auch diese Text-Ausnahmen finden können und Sie Bild finden können. Also dieses Bild, das ich es von auf Splash Splash genommen habe, ist sehr Wanderung. Empfehlen Sie diese Website, wenn auf der Suche nach freiem Bild keine Namensnennung aufgezeichnet, auch für den kommerziellen Gebrauch. So hohe Karriere verpflichtet, Ihre Haltung erröten. 3. Stadtinformationen UI – Teil 1: Alles klar, also habe ich in dieser Klasse den Prozess in zwei Teile definiert. Also im ersten Teil geht es um das I Design. Ihr Design ist auf der Auswahl des Telefons, Verwaltung der Layouts und Dinge wie diese. Und der zweite Teil ist über Paris I ping, das ist, wer die Sie ich machen wollen, um mit Animationen und solchen Dingen interaktiv zu sein , und für die I entwerfen Teil amüsante Skizze dafür, weil ich Skizze für Jahre und ich bin ganz Familie mit Skizze für Ihr Design. Ich habe die kurzen Karten der Skizze auswendig gelernt, so ist es ein bisschen schneller für mich, für König und Skizze für Sie. Ich entwerfe aber 40 pro Zyp Ingham mit dem Auto B X D. Aber wenn Sie bequemer mit anderen Bexley arbeiten, ist das völlig in Ordnung. Sie können das erstellen, das Sie bei einem B X d verwenden. Im Grunde ist es irgendwie gleich. Du folgst einfach diesen Klassen. Sie können alles sehen und implementieren, dass auf der anderen B X d s. Nun, im Grunde ist es nicht wie eine ganz andere Sache, Aber in dieser Klasse, Ich möchte Skizze verwenden, weil ich wohler in Skizze für Sie. Ich entwarf. Aber das tue ich. Ich weiß, dass, wie man Ecstasy sein kann, ziemlich robuste Werkzeuge für die Teiletypisierung ist. Also benutze ich beide Leiden. Alles klar, jetzt werde ich neue Dokumente erstellen. Und die nächste Sache ist, ich möchte einen Außenborder erschaffen. Also und für die große Größe in dieser Klasse amüsant 12 80 und 7 20 Nun, das ist nur ein Beispiel. Aus der Größe und Sie können jede Scheibe verwenden. Das Wichtigste sind nicht die Größen, aber es geht darum, wie Sie den Prozess verstehen können. In Ordnung. Die nächste Sache ist, ich möchte das Asset in diese Außenbordwände importieren. Also lassen Sie uns zu unseren ich sagte Ordner gehen hier und jetzt möchte ich dieses Bild versuchen. Jetzt können Sie sehen, dass dieses Bild sich ändert. Ich benutze mehrere Plug-Ins, wenn Sie überprüfen möchten. Ah, MdS kurze Jungs cool Prag in benutzen das schon seit sehr langer Zeit. Und das ist wirklich cool, Borgen und wirklich hohe Klay empfehlen diesen Stecker in seiner Verbesserung der Produktivität und der zweite Stecker in Dann empfehle ich Ihnen, diesen Verteiler zu verwenden, damit ich Ah verteilen kann. Ein Objekt zu einem anderen Objekt mit sehr spezifischen Abständen. Stattdessen passen Sie es mental an. Sie können das in die Schule überprüfen , oder? Alles klar, wir kehren jetzt in unsere Klasse zurück. Ähm, ich will es genau präzisieren, Ordnung? Sieht nett aus. Und das nächste, es sei denn, wir bewegen uns zum Bild ein bisschen so. Also denke ich, es ist jetzt cool, und alles ist, ähm, wir gehen zur Steuer, wenn wir hier einen Text eingeben. Sie möchten den Titel eingeben, Also verwende ich öffnet. Er kann es. Sie kamen Dollar diese Telefon eigenen Google-Handy. Es ist kostenlos. Ich werde es voll machen. In Ordnung. Also die nächste Sache ist, Sie möchten einige Beschreibungen Gate für Beschreibungen hinzufügen. Ich will es Ungewissheit machen, und es ist immer noch klein. 70. In Ordnung. So können Sie die Beschreibungen auf dem Asset-Inhaber nehmen. Du kannst Ruhm gebrauchen. Ich bin ipsum a swell, wenn du willst. Okay, also ist es ganz Lila. Wir schneiden es für uns, richtig? Und das nächste Element ist das Du Ich, ähm de Deal. Ok. Ok. Jetzt lasst uns schaffen Deal entdecken okay. In der Nähe, um es voll zu machen. Und der nächste ist lernen. Nun, das ist nur ein Beispiel. Es ist keine echte Website. Es ist nur lernen. Schlagen Sie T. OK, holen Sie den nächsten. Vermutlich blockiert. Und der nächste ist Store Arctic. Also haben wir schon Schleudern. Aber Sie können sehen, dass das noch chaotisch immer noch chaotischist. Der Abstand zwischen Wan Ling zu einem anderen ist nicht konsistent. Also, wie kann man das konsistent machen? Wir können den Stecker benutzen, den ich Ihnen vorhin gezeigt habe, Verteiler ist, um das zu tun. Es ist sehr einfach, dass der Zugriff auf die Blufgan Ich verwende Short hier und wir können den Abstand einfügen . Zum Beispiel möchte ich für eine Fünf einfügen. Sagen wir, okay, also hast du sehr fünf. In Ordnung. Sehr einfach. Und das nächste, was ich bei einigen will, nicht einigen, sondern einem, denke ich. Ja. Dann lasst uns bei Farben. Das ist also nur, ähm, das ist wie die aktuelle Seite. Hat er auch in Ordnung? In Ordnung. Ok. Lässt Woche arbeiten. Wie soll man diese diesen Krieg gruppieren? Alles klar, es sieht schön aus. Gruppieren Sie es. Und die nächste Sache ist, die, ähm, die Knöpfe, dieGegenwirkungsknöpfe hinzufügen wollen ähm, die Knöpfe, die . Mom und ich benutzen, äh oder beenden es Pause Single. Okay, also wollen wir Musa dazu bringen, Anfälle zu erleben. Nun, Tour. So können Sie diese 18 zu diesem Thema auf 30 setzen. In Ordnung, also lasst uns den Radius „Homosexuell“ ändern, da , wie, ein bisschen auch. Ok. Entschuldigung. Alles klar, es sieht besser Gruppen-ID aus und ändern Sie dies zu mögen und dies zu Licht. In Ordnung, die nächste Sache ist, dass Sie etwas Statistik darunter hinzufügen möchten, das ist es, was. Also das Land, das ist 13. Und das ist Alicia. Ok. Wenn wir es nicht 17 machen und dieses hier, reduzieren wir die Kapazität um 60. Wenn wir es nicht 17 machen und dieses hier, Also wollen wir einen Abstand setzen. Iran Fife. Kayla, süßes Corbett. Jetzt dupliziert es, dass wir fragen werden. Sagte dies Population Swan sind auf 1.8 1.000.000 Schwan Sprache. In Ordnung, die nächste Sache ist, wir wollen den Abstand dieser Wand einstellen, damit wir den Stecker benutzen, der heißt „Disturb Batory Game“. Also möchte ich das auf 50 setzen. In Ordnung, schau, Schule, das ist krumm. Alles klar, die nächste Sache ist, ich möchte so etwas wie eine Play-Schaltflächen hinzufügen. Das ist also, wie spielbar. Jetzt lassen Sie uns das Symbol erstellen, das ich verwenden werde. Ah, dieses Rechteck. Und jetzt verwende ich Befehl eingeben. Sie können dies sehen, und wir wollen Dell Deal 81 Punkte. Ok. So, wie wir es so zurückgegeben haben. Ok. Und die nächste Lex erschaffen wir. Schrecklich. Ok, sie haben hier hingelegt. Also möchte ich die Farbe für uns ändern. Okay, das ist, dass wir unter dieser Schicht verfallen, damit ich das sehen kann. Ok. Ok. Die nächste Sache ist, du willst es schaffen. Es ist im Zentrum zu sein. Ok? Sie möchten diesen Klick auf diese abgeflachte Form zuerst? In Ordnung, also will ich es zum Zentrum bringen. Ok. Sieht jetzt schön aus, und wir möchten darauf klicken. Ruhig, in der Lage, Schichten zu schätzen, die als Unterdrückungen getroffen werden. Klicken Sie auf. Ok, sieht gut aus. Nun, lasst uns das in Licht umwandeln. Jetzt wollen wir die Deckkraft auf 80 oder 70 ändern. Ok? Und die nächste Sache ist, wir wollen hier auf Pfeil, also ist das wie ein leichtes Ja. Ich kann auf den Cerro Touch klicken, um die Stadt zu ändern. Richtig. Hat es bei der sehr einfachen Das ist, was wir überhaupt geschaffen haben. Zuerst benutze ich wieder Rechteck. Ich werde hier Unterstützer benutzen. Deaktiviert. Schrecklich. Ok. Stellen Sie sicher, dass ich dies verwenden möchte, um zu sein, aber dies in der Mitte und die gemeinsame auch ehrlich auf dieser Mitte hier. Und die nächste Sache ist, ähm, wir wollen diese Ufer benutzen, wenn ich das habe. In Ordnung, jetzt, lasst uns so aufgeregt sein, oder? Sieht nett aus. Wissen hat sich verändert. Die Farbe ist zu hell. Hornhaut. Wir schneiden es, das ist wir suchen. Sieht gut aus, aber es sieht ziemlich groß aus. Politik. Reduzieren Sie es. In Ordnung. Sieht nett aus. Wissen ist Wir haben das geändert. Wir wissen es. Ändern Sie die Deckkraft auf etwa 60 oder 70 Jahre. Alles klar, also sieht es schön aus. Wir brauchen noch eins hier, Slots, wir duplizieren das Komitee. Lass uns Süße es richtig klappen. Es ist wie in der Schule. In Ordnung, also lasst uns das ein bisschen anpassen. Ich möchte sicherstellen, dass wir hier Cory Abstand haben. Ich denke, es ist in Ordnung. Und das ist nur die Tipps sind in der Regel diese neben der Linie Hass Abschnitt hier, Also, wenn das Telefon Scheiben 17 Sie können einfach multiplizieren Sie es 17 multiplizieren mit 1.5. Also hast du die Zahlen. Wenn Sie einfach wie sie sehen, können mehr daraus kommen. Karekin, mach das einfach so, äh, Mark up. Alles klar, die nächste Sache ist, ähm, du willst sicherstellen, dass dieser Abstand genug Dinge hat, die er die nächste Sache ist, ähm, du willst sicherstellen, dass dieser Abstandgenug Dinge hat, die erhier angefangen hat. Es ist ein leerer Raum, nur ein leerer Raum,der das auch beheben kann. In Ordnung, also lasst es uns neu gruppieren. Und die nächste Sache ist, wir wollen einige alle Symbole hinzufügen. Also, Sir, Sir, kann ich in eine andere Stadt gehen? Sie können Widrigkeiten sehen, also können Sie das tun. 4. Stadtinformationen UI – Teil 2: wenn ich das gesamte Rechteck verwende. Okay, es ist nur sieben, um zu beginnen, dass nur um sicherzustellen, dass dies ein Baum ist, wenn wir in diesem Trias Krieg holen , es sind drei. Okay, also zitieren wir diese Homosexuell Wissen Angriffe hier, wenn Sie alle machen es ziehen Chancen Toy pan diese Wand. Okay, also machen Sie das nur um 15 Uhr. Lass uns ein bisschen gehen. In Ordnung. So sieht es schön aus und die Boxen sehen ein bisschen zu groß aus. Also willst du es reduzieren? Ich war dort. Also heute wollen wir diese Scheibe reduzieren. So erstaunlich Befehl K auf einer Skala diese zu 80% es sieht besser aus. Nein, wir können sehen, dass es hier ziemlich verpixelt ist. Also lasst uns das beheben, wenn ich stattdessen zu fünf sagte: Okay , Okay , wir mögen mehrere. Okay, also das ist, was das sieht pixelmater aus. Okay, lassen wir das einfach auf drei sehen, richtig? In Ordnung, jetzt ändern wir bald den Abstand, richtig? Es sieht also gut aus. Jetzt passen wir uns an. Er Abstand ein bisschen oder so von oben hier, die diese setzen wollen gehen auf diese um 50 dieses 'll auf die 50 s Wand setzen wollen. Lassen Sie uns wirklich damit hier. Du willst das so machen, dass es hier im Mittelpunkt steht. Okay, sieht gut aus. Nun, lasst uns es beide. Aber in Ordnung, also finde ich es jetzt cool. Der nächste ist, dass ich den Abstand hier ändern möchte. So können Sie mit ihm sind in 60. Es sieht ein bisschen klein aus. Das ist, wir bewegen es auf 70. Okay, ich denke, 75 Jahre gut. Und wir können es einfach ein bisschen abdrehen. 40 seine Linie. Kannst du es ein bisschen reduzieren wollen? ein bisschen mehr. Ich möchte das Rindfleisch vertikal zentrieren. Also an dieser Wand. Das ist also, ich benutze eine Skizze. Blufgan verfärbte den EM Dash Worker, damit er sich diese Abkürzung merken kann. Und es macht das Entwerfen links, wenn man einfacher. Also empfehle ich euch wirklich, das Plug Ins zu überprüfen. Ok. Entschuldigung. 30 und wollen diese 30 auch machen. In Ordnung. Es sieht jetzt ganz schön aus, und die nächste Sache ist, wir wollen nur diese Knöpfe rauchen, aber wir wollen das um 30 Uhr machen. Und dieser möchte mit dem Knopf und von unten ausrichten. Sie wollen diesen Iran 40 Ich denke Swine 40 s Wein machen. Und dieses hier wollen wir es vertikal zu diesem Schwulen zentrieren. Disses sagen 512 Machen Sie diesen Krieg, indem Sie bemerken, dass es ein bisschen aussieht, wo Was, wenn wir das in, äh, das gleiche mit diesemändern , äh, das gleiche mit diesem äh, ? Sieht aus, weiß, wo du dich verändert hast. Alles klar, also ist das besser. 50 und 65. Nun, in dem Problem. Ok. Also denke ich, es ist in Ordnung. 30. In Ordnung. Also möchte ich nur sicherstellen, dass dies ist, dass sie in den gleichen Ausstellungen sind. Ok. In Ordnung. Unser X. So haben wir unser Design auf der ersten Seite fertiggestellt. Und auf dem nächsten Video haben wir die Interaktion entworfen. Wenn Sie sehen, klicken Sie auf die wenigen Abschnitt auf die wenigen, alle, so dass sie andere Städte sehen können. Alles klar, vielen Dank. Und lässt Sie auf das nächste Video. 5. Die UI Tweaking: In Ordnung. Also die nächste Sache ist, wir wollen Teoh Trick ein bisschen auf das Design, das wir zuvor entworfen haben, wir werden ein bisschen arbeiten, also sieht es Offizier aus. Sie können den Ling hier sehen. Ich möchte hier ein paar Verbesserungen vornehmen. Also möchte ich sicherstellen, dass Sie jetzt klar sehen können, dass das Backen die aktuelle Tonhöhe ist. Also möchte ich die Deckkraft ein wenig auf Unterlingen reduzieren. Also lasst uns das machen. Und ich sagte, so. Und was ist es? Irgendwas auf 15. Ich möchte es auch voll machen. Und wir können es einfach nochmals überprüfen. Okay, das kannst du jetzt sehen. Der Abstand als anders jetzt ist es hat eine andere Besonderheit. Keine Sorge, denn Sie können nicht einfach, dass Gae 45. In Ordnung? Es ist cool. Das bin ich. Lassen Sie es uns entfernen. Also denke ich, dass 50 in Ordnung ist. In Ordnung. Also die nächste Sache ist, ich möchte das einfach ein bisschen bewegen, und einmal hatte das Basing dieses Arschloch. Okay, also ist es nicht zu nah mit diesem Pfeil. In Ordnung. Entschuldigung. Ich glaube, es ist Wein. Ich glaube, das ist meine Angst. Wieder die gebissenen. In Ordnung, also denke ich, es ist in Ordnung, nur diese USA zu leben, die es ist. Wenn es diesen gefolgt ist, denke ich, es braucht zu viel Basing. Ich denke, es ist vorerst in Ordnung. 6. Liste der Städte UI: In Ordnung. Die nächste Sache ist, bevor wir zu neuen Grundstücken gingen, haben wir seine Tochter gerettet, Mann. Weil ich nicht diene das Stickum und doch, so dass ich nur um sicherzustellen, dass die Hälfte alles, es rettete mein Leben. Und ich sitze hier, und das nächste ist, wir wollen die Außenbordwände duplizieren. Also lasst uns das hier oben duplizieren. Okay? Okay. Und das nächste ist, dass wir Tom Nail erschaffen haben. Also, um Zeit zu zahlen, jetzt wollen wir auf der F Vierbeiner zuerst. Also benutzen wir Rechteck und lassen uns im Schatten, es sind kleine Schlösser. Im Grunde ist es Schleifen. Also, ähm, ähm, sagte das zu blind, unehrlich wollte spielen, aber dieser hier, ich werde die Kapazität reduzieren. Okay, also ist es wie, ah, für Les weiter. Die nächste Sache ist, ich möchte das Auto hinzufügen. Ich werde diese abgerundeten verwenden. Okay, also willst du drei, dreiKarten machen , drei, drei ? Also die Größe, die sie machen wollen, um 400 zu sein, ich denke, es wird die Hölle, Es ist wirklich nur den Hass machen, in erdig gefädelt zu werden. Ich denke, es ist wie Und jetzt lasst uns wer deine Ideen geändert hat? Vielleicht um 15 Uhr. Es ist in Ordnung. In Ordnung. Die nächste Sache ist, dass wir üben. Das ist, dass wir das zur Masse gemacht haben. Okay auf. Wir wollen simulieren, wie es für uns aussieht. Also möchte ich diese 25 vorne unten und 25 von Tagen als auch machen. In Ordnung, also lasst uns Süßigkeitenjahre lesen. Dieses Geld für diesen Krieg, das ist 25. Okay, also haben wir hier ein bisschen Problem mit unseren mit ihren Also wollen Sie sicherstellen, dass Sie, Sir, sehen können, dass dies eine Liste von der Karte ist, also wird es ein anderes Auto hier geben, also wollen wir das Schulter ein wenig von anderen Karte, so dass Sie sehen können, dass dies das ist was tauschbar Jetzt lassen Sie uns reduziert Leichtigkeit mit Das ist Wir versuchen Iran für Sie, 50. Okay. Ich möchte die Hasser Mauer reduzieren, also sieht es besser aus. In Ordnung. Also denke ich, dass es jetzt gut ist. Hallo, Sir. Du hast das auf 25 Tor geändert. Dieses Leben, weit weg von unten. Ein kleiner Schlüssel. Jetzt lass uns süßes Trike. Richtig. So sieht es jetzt besser aus. In Ordnung, also das nächste, was wir das Bild hier einfügen. Lobbies gehen zu meinem Finder hier. Und das ist Qualität und schlecht. Das ist also das Bild, das hier eingefügt werden soll. Schlüssel. In Ordnung. Jetzt sieht es schön aus. Die nächste Sache ist, das ist, dass wir einige, einige sortieren Text aus dem Kurs. Auf unten ist das Land gerade Miliz. Ich will das 17 machen. Okay, das hier ist ein bisschen größer, aber 20 Schwan ist ein Medium. In Ordnung. Sieht nett aus. , Das ist ,wir waren Fitbit. Also sind es 40. Ich glaube, es sind dreißiger Jahre, also weißt du es. Okay. In Ordnung. Sie müssen also sicherstellen, dass dieser Abstand richtig ist. Schrecklich. Also manchmal die Skizzen, wie, wenn Sie auf diese hoffen, ähm, ähm, aufgebläht zeigen, um das Objekt, wo Ihre Kerngeschichten. Also, zum Beispiel, wenn ich über den Kurs oder hier, Also ist das aufgeblähte von diesen Objekten zu diesem Objekt unter dem Kurs sind, also wollen Sie den Abstand von diesem Objekt zu diesen messen, um, Bücher. Dies ist, können Sie einfach ah, Hoffnung für Hektar sind hier, so können Sie sehen, dass es zeigt Ihnen die Dissing, dass Wind an diesem Objekt, um das Objekt auf Ihrem Kurs. Okay, also denke ich schon. Ich kenne Onda. Wir wollen nur ein bisschen ein dunkler Grady hier drin, damit erkennt, dass mehr reizbar sein kann. Das ist, dass wir dieses erstaunliche Rechteck machen. Okay, jetzt sehen wir uns Greg hier an. Kleinheit zu Hause. Ich will es nur ein bisschen weich machen. Okay, also denke ich, es ist so, dass ich weiß, dass ich das wieder mache und die Entfernung misst. Lass das einfach nur, um Kätzchen zu spielen, das sind wir nur ein Abstand. In Ordnung. Also, Nellis, wir ändern das Bild und ändern den Text, also mussten wir den Abstand nicht neu einstellen und diesen direkt hinzufügen. Jetzt ist die nächste Sache, dass Sie eine andere Stadt hinzufügen möchten. Ich möchte diese Stadtmedizin hinzufügen. Okay, also in Ordnung, das hier. Okay, das ist fertig. Ändern Sie das in Dubai. Eine Art Voreingenommenheit. Und dein Name hat unser Ok gemacht. Okay. Die nächste ist, als ich dieses Bild hatte. Du kannst also nicht sehen, dass das es einfach zuerst „Hoffnungen“ bewegen kann. Also habe ich, ah, den Schlüssel gemacht. Borai Price Siyuan halten, oder es ist, als ob ich den Fall nicht drücken sollte. Keine Probleme. Es verschwindet jetzt. In Ordnung. So kann ich nur einen Abstand im Spiel richtig. Swan ist, ich habe, äh, kommt in Boenisch. Also der Vorschlag aus. Ah, dieser Grady und ist, dass du denkst, dass das nicht lesbar ist König und nur es. Aber das Problem ist, dass Ah ist, es ist nicht konsequent. Okay, also wenn du das tun willst, wenn du das aktualisierst, wenn du das änderst, musst du an andere Orte wechseln. Tut mir leid. Es ist konsequent. Also werde ich unter das gehen. Ich denke, es ist in Ordnung. Ich denke, es ist immer noch lesbar. Alles klar, ich denke, es ist cool. Vorerst ist es in Ordnung. Hat sehen, dass dies der Krieg anfängliche Tonhöhe und ging dann auf die wenigen klicken. Alles, was sie sehen, Eric. So Abschlüsse. Jetzt lasst uns den nächsten Schritt rekrutieren. 7. Liste der Städte – Swipe Interaction: Der nächste Teil ist, dass wir, ähm, wollen ein anderes Szenario erstellen, das ist, wenn Benutzer wischen, das , , am wenigsten aus der Hut. Also, wenn sie es vom Kurs streichen, wäre dieses Auto so. Und dieser Typ würde so sein. - Ja. Und wir wollen diese Haut Ari erschaffen . Oh, was Sie tun, ist, dass wir diese erste kommen in G amüsant halten oder kurze Karte tasten wollen und das duplizieren können . Und wir haben uns gerade angepasst. Also ist es 25 Alles klar, also weil wir einen Typ in Ida B x d setzen wollen. Der Weg bei anderen B X'd raus zu irgendwelchen Fleischwerken ist ah, wir müssen mehrere Zustände erstellen, um extra Auto zu sein. Ich animiere unser Design von diesem Zustand in einen anderen Staat. Und was wir tun müssen, ist nur den zweiten Zustand zu schaffen. Dies ist also der erste Zustand und dieser ISTEA zweite Zustand. Also ist es eigentlich ganz einfach. Wir müssen nur den Bildschirm für Variation erstellen. Der Bildschirmzustand und aus dem X-Strahl wird zu jedem Fleisch und die Animation für uns gehen 8. 2. Stadt-Informationen UI: Also haben wir den ersten Schluck erstellt, um an Bord zu verderben. Und jetzt wollen wir eine andere Stadt erschaffen. Gerade in der zweiten Stadt ist Medina. Also wollen wir die Außenbordwände duplizieren, und wir werden den Inhalt ändern. Also lasst uns das machen. Amerika wird all diese Außenbord-Hand verwickelt sein. Ok. In Ordnung. Also, jetzt möchte ich dieses Bild durch dieses Bild ändern. Okay, die nächste Sache ist, Sie wollen diese Titel ändern Nun, und für das Overlay, bevor Lay basiert, im Grunde täuschen. Also willst du nur, ich möchte Deal für Lebensläufer gruppieren, zitieren und einfach diesen Zeh übermäßig umbenennen. Ok. unehrliche Wille. Okay, also, äh, es sollte hier sein. Onda-Techs, die das ändern wollen. Okay, tut mir leid, denn das ist Auto, das das Bild ist ganz anders, also kann ich es im Texas sehen. Es ist nicht glaubwürdig im Vergleich zum 1. 1 Nein, das ist falsch, fürchte ich. Erster. Ok. So kann ich den Vergleich sehen. In Ordnung. Also werde ich das zuerst löschen. In Ordnung? Also lassen Sie uns etwas auf dem Bild optimieren, damit wir den Text dort lesen können, ist das wollen wir und einige Filme. Es ist auch mit Grady drin. So kann das Bild mehr dort sein, wo der Text mehr essbar sein kann. Okay, du hast Texas jetzt essbarer und ich will dieses kleine Arschloch wechseln. Ok? In Ordnung. Also möchte ich mich ändern. Du willst das begrapschen, und das wird es einmal. Okay, also, äh, ich wollte es reparieren, aber das hier, diese Wand, richtig? Das ist mein verborgener Schmerz. So weiter, Arschloch. In Ordnung. Okay, das ist also für einen Pixel. Also werde ich das für einen Pixel verschieben. - Schwellen. Ok. So können Sie sehen, dass dies nicht lesbar ist. Schwer, dies in dunkle Farben zu ändern. So ist es mehr in der Lage und dieses eine Arschloch Hajric. Also denke ich, dass es in Ordnung ist. Lasst uns auf dem Boden machen, um etwas dunkel zu sein. Okay, also denke ich, es ist in Ordnung. Nein. Die nächste Sache ist, dass wir das duplizieren wollen, okay? Wir können es einfach hier setzen. Wir sind kein Ticket. Das und wir können Sie ist tot. Aber wer kann das auch tun? Okay, also gibt es viele Möglichkeiten, das zu tun. Zumindest das Wichtigste ist, dass du das Konzept verstehst, denn manchmal kannst du diese einfach entwerfen und dann gehst du zurück, du gehst, du zwickst etwas, und dann bringst du es zurück hierher. verstehst Wenn du das Konzept bereitsverstehst, dann ist das eigentlich sehr einfach. Das Konzept ist also das erste, das wir den ersten Anfangszustand erstellen. Also das ist der erste Zustand, und dann erstellen wir den zweiten Zustand, ist , wenn sie darauf geklickt, aber und sie sehen schrecklich ein genug für lag. Und dann, äh, der Wagen, okay. Und dann ein anderer Zustand ist, wenn Sie sagten, wischen Sie diese Karte. Also werden wir den anderen Staat erschaffen. Das ist also im Grunde nur eine Variation von Zuständen, und dann wollen wir zu jedem Fleisch, das in der Anzeige A B x d. Unsere Reihen sind aufgeregt. Gehen wir nun zum nächsten Video. 9. Interaktion in der UI hinzufügen: nachdem wir erfolgreich unser eigenes Design erstellt haben. Der nächste Schritt ist, dass wir, dass Sie ich entwerfen, in klickbare Prozesslebensdauer verwandeln wollen. Sie wollen das statische Bild in klickbare interaktive Breitseite mit B X D ändern und die coole Sache über Utterback Städte, die es außer Zeitplan, so dass Sie nichts tun müssen . Es ist einfach nur diese catch-Datei im Adobe X'd selbst geöffnet, so dass ich nichts tun müsste , so einfach wie offen wie Sie öffnen, wie Toby X'd fällt. Also lasst uns anfangen. Wir gehen zur Datei und dann, weil ich die Fall-Skizzendatei auf meinem Computer gespeichert. Also im Grunde ein Klick auf Öffnen von Ihrem Computer, Ordnung, also werde ich These in meiner Akte wählen. Hajric. So dauert es einige Zeit zum Laden. Ist gegen das andere B x d. Wirklich schön im Rendern unseres Designs. Es gibt also kein verschwommenes Bild. Es gibt keine, wie Miss Place. Objekt bisher ist sehr gut. Es ist sehr, sehr gute Arbeit zu verlassen. Also ja, ich denke, es ist jetzt Kreis. Die nächste Sache ist, lasst uns es versuchen. Also, um einen Prototyp als nächstes t einfach auf dieses Spiel zu spielen Ich kann Ihre Ex-Dienste sind Krieg Priceline auf Wenn Sie aufhören oder tippen wollen, Sie können sehen, es gibt einen Prototyp Typ einen Hahn hier, so dass Sie es klicken und es stellt sich als schlechte Tippstimmung als GNC dass es Home Icon hier. Also das ist Ah, ein Zeichen, wenn Sie dieses ARB machen wollen, sollte die erste Außenbordwand sein, wenn der Prototyp beginnt. Dann klicken wir auf dieses Haus kann ich so es wird blau sein. Es bedeutet also, dass, wenn die vier oben angezeigt dann diese Kunst aber zuerst zeigen wird. Okay, die nächste Sache ist, lasst uns es für uns versuchen. Hajrische Größe Sie können sehen, da ist es. Es ist nicht anklickbar. Wenn ich darauf klicke und nichts passiert, liegt das daran, dass wir noch nichts getan haben. Okay, die erste Interaktion, die Sie erstellen möchten, ist, dass wir diese, ähm, Interaktionen erzeugen wollen , die anfängliche und Emissionen. Okay, also, wenn Sie sagen, spielen Sie den Parasiten sie sehen können, wie auf erkennt, wie von oben bewegen, so können Sie sehen, dass die Emissionen fühlen. Das ist also, was Sie tun, um das zu tun. Das ist sehr einfach. Wir wollen das duplizieren. Okay, also gehen wir zurück zu unserem Design-Tipp hier und jetzt, lass uns Rico Pittis und seine Basis hier. Okay, ich werde es hier nach oben bringen. Ok? Also, wie ich sage, wie Auto Animate funktioniert. Ist es aus, das Objekt von einem Zustand in einen anderen Zustand zu transformieren? Okay, das lassen Sie geben. Okay, führen. Ich gebe Ihnen ein Beispiel. Also, ehrlich einfach. Ich schiebe es hier nach rechts. Ok. Dies ist nur ein Beispiel. Und ich gehe zur Breitseite, und dann wollen wir sicherstellen, dass dies die Startperson ist, denn dies ist der erste Außenborder, der zuerst gestartet wird. Okay, also wollen wir die so einstellen, dass sie auf diesen Karton gehen. Ich möchte den Auslöser auf Zeit und das Deal setzen, in dem Sie Verzögerungen haben möchten. Wir wollen es. Wenn Sie spielen sagen, gibt es nicht wirklich wollen wir x t Krieg ausgeführt werden. Die Animation direkt, Wir dachten,, verzögert oder irgendetwas und die Übergänge, die aus Feind klicken wollen. Okay, sagen wir, der Russe ist drei. Okay, also schauen wir mal, wie es aussieht, wenn wir auf Play klicken. Ok. So können Sie sehen, dass dies ein kleiner Finger ist. Dass das nicht gut ist. Das ist nicht gut. Aber der Punkt ist, ich möchte Ihnen zeigen, wie sie zu irgendwelchen Netzwerken unterwegs sind. Die Art und Weise, wie es funktioniert, ist im Grunde , , wie das Objekt automatisch von einem Zustand in einen anderen Zustand verwandelt. Also, was wir tun, ist, dass wir uns nur darauf vorbereiten. Dies ist also der erste Zustand, und dies ist der zweite Zustand und aus Alt animieren automatisch, dass für uns als Importe, die. Okay, das ist ein bisschen, dass ich hässlich war, also lasst uns das wieder ändern. Ich möchte überprüfen, ob 12 die Ausstellungen bekommen. Könnte sein. Und wir werden das zur Explosion sagen. In Ordnung, also im Anfangszustand wollen wir das zur Deckkraft des Objekts machen, um zehn zu sein. So machst du das. Die Deckkraft, die er will, sagte es zu 10 Schwan Arschloch, oder Sie können es einfach mehrfach auswählen. Ok? In Ordnung. Es ist, als wäre es gut. Und das nächste ist, wer dies hier oben ändern möchte, also wird die Animation zeigen, dass dieser Stapel von oben nach unten kommt. Und das hier? Ich wollte hier unten sein. Ok. Und das dauert Jahre. Du willst es Onley hier unten unten setzen. Alles klar, wann diese hier? Ein gewisser von hier. Ordnung, also dieser Link, den er wollte, sagte es auch aus dem Vortrag. Okay, das ist also der Anfangszustand. Also lassen Sie uns es spielen spielen. So ist es, dass wir erneut auf dem Teil Seite überprüfen. Grundsätzlich, wir können Wir verwenden den Zeitauslöser. Es gibt also eine Menge Trigger in der Anweisung dort. Tippen, ziehen, erzwingen Tasten und kompakt. Aber, Timer, was wir verwendet haben, was wir Zeit wählen, weil wir wollen, dass wir setzen wollen, ist automatisiert zu sein. Deshalb sind wir nur Zeit. Okay, also lassen Sie es uns wiederholen. Okay, das kannst du sehen. Es ist einfach, jetzt zu animieren, oder? Das ist, dass wir es wieder spielen. Okay, es scheint, als wäre es ein bisschen langsam. Das ist, dass wir das ändern. Die Geschwindigkeit um zwei Sekunden. Ok. Eine weitere Option, die wir versuchen können. Die östliche Option. Diese Option ist, wie die Animation sieht diese Geschwindigkeit aus, okay, ist aus bedeutet, um die Geschwindigkeit, die die Animationen dachten ein bisschen schnell. Und dann, Ah, der Spieß wird sich langsam am Ende der Animation reduzieren. Das sind also die Ausstehenden und die Sünder. Die Animation beginnt langsam zu spucken. Wir fangen langsam an, und dann geht es am Ende einer Mission viel schneller, sozusagen. So Lockerung ist darüber, wie die Geschwindigkeit der Animationen. Okay, ich will überprüfen, dass das raus ist, und lasst uns, die das Spiel spielen. Alles klar, wir spielen wieder. In Ordnung? So ist es cool. Aber ich denke, wenn alles in Bewegung ist, dann ist es wie eine ganze Menge Ablenkungen. Ich möchte sie so einstellen, dass sie in den Positionen sind. Es ist nicht nichts. Ich denke, das ist besser. Eine Kopie. Jetzt, wenn wir zurück zum Design-Tipp gehen, werde ich diese Ausstellung machen und diese hier anwenden. Okay, also spielen wir es nochmal. Ja, ich glaube, es ist besser. Ich finde es cool. Nun, das ist Animation. Sie können damit herumspielen, Sie können Ihre eigene und die Mission erstellen, aber das Prinzip ist, dass ich Ihnen den Direktor zeigen möchte, wie er das wieder geschaffen hat. Es hängt von Ihrer Kreativität ab. Je kreativer die Animation werden kann. Noch besser, er kann sich selbst versuchen. Und um die Dinge interessanter zu machen, möchte ich erwähnen, dass das Bild etwas größer auf der zweiten schlecht ist, so dass Sie sehen können, wie es ist eine Art Zoomen. Es gibt also Effekt aus dem Zoomen. Okay, also machen wir das. Ok? Jetzt mag ich dieses Bild so und dann setze ich es sein eigenes. Ok? Ja. Nur Wir waren nicht gerade zu groß zu sein, nur kleine Wieder Scheibe so. Jetzt spielen wir es noch mal, okay? So können Sie sehen, dass es irgendwie Zoomen ist, oder? Okay, damit du siehst, dass es nett ist. Es ist nicht wirklich glatte Watte aus Bhakti kann das beheben. Aber für jetzt, ich denke, es ist es ist sehr cool, so weit ist es sehr gut jetzt. In Ordnung, also lasst uns, äh, das nächste machen, was ist, wenn du siehst, klickst auf diese wenigen alles, was wir gewonnen haben. Ich möchte dem Benutzer dieses Overlay zeigen, also helfen, das zu tun. Das ist also das Prinzip ist das gleiche, wie Hardy. Bekennen Sie sich so auf die Profuse. Dies ist der erste Zustand, und dies ist der zweite Zustand rechts auf. In diesem Fall ist dies der erste Zustand, und dies ist der zweite Zustand, also sollte das Element in diesem Teil enthalten sein. Wenn dies also der erste Zustand ist und dies der zweite Zustand ist, nehmen wir an, der erste Zustand hat mehrere Elemente. Dann auf dem auf dem zweiten Zustand sollte es auch sieben Elemente haben. Die Frage ist also: Nun, Nun, wir haben hier Autos, richtig? Wir haben später Angebot. Es bedeutet also, als wären es zusätzliche Elemente. Die Antwort ist nein. Dieses Element sollte auch hier Zugriff sein. Aber der Trick ist, dass Sie die Kapazität hier auf Null setzen wollen. Also diese Karten, die wir hören konnten, dass es nicht angezeigt wird. Hier. Du gehst heute Abend kaufen. Okay, jetzt, lassen Sie uns damit führen. Also bin ich gewachsen Did in hat genug für später. Okay, also enthält das Leid Lay Ha. Diese dunklen Grady-Ins und diesen Wagen. Nein, lass uns Chicopee. Dennis Well zu entscheiden Bord. Okay, okay. So können Sie sehen, dass das so ist. Und das nächste ist, dass es die Deckkraft einstellen möchte. Okay, die Deckkraft auf Null. Wir wollen die Kapazität dieser Null einstellen, und dann wollen wir seine Kapazität auf Null eingestellt ist gut, davor, davor, lassen Sie uns es auf den Boden entfernen. Hier und l A v verändert seine 20 Also die eine emotionale Pull zeigt, wie dieses Auto von unten zeigen wird . Okay, also lasst uns an Bord gehen. Es ist, als würden wir beschützen. Aber leider, weil, ähm, wie Sie sehen können, dass dieses Angebot das schreckliche A an der Spitze liegt. Dies ist die auf der Oberseite alles Schicht aus Platz bis alles. Wenn wir also auf den Prototyp oben klicken, können wir nicht mehr auf dieses Kraftstoffobjekt zugreifen. Denn wenn wir darauf klicken Ah, was ausgewählt ist, ist dies eine er Off-Layer. Der Trick ist also, wer ein anderes Objekt erstellen möchte? Okay, die Rechteck erstellen wollen, wie wir es auf Tom eine Passform legen. Wen willst du die Grenze entfernen? Und als ich sagte, die Kapazität auf Null. Wenn wir also zum Prototyp gehen, und dann, wenn wir darauf klicken, kann er sehen, dass wir die Hot Spots hier hinzufügen können. Aber im Grunde fügen wir unseren Platz oben auf dem undurchführbaren Rechteck. Okay, geh zu Punkt. Und dann sind das wir. Also gefällt mir dieser Bericht. Okay, also lasst uns, äh nur, damit der Auslöser Schritt ist. Warum ist das? Warum nicht die Zeit? Weil wir hier klicken, okay. Und das nächste ist eigentlich aus einem Teamkollegen. Aber für diesen wollen wir machen, dass die Richtung schneller hockt. Ein Lauf. 0,38 Ok, also finde ich es cool. Lasst uns die Breitseite klingen. Okay, nun lasst uns auf dieses Feld klicken, Ordnung? Also hey, sieht sehr glatt aus. Jetzt. Wir möchten den Teiletyp festlegen. Wenn Sie sehen, klicken Sie auf diesen Bereich, sie gehen zurück, die Narbe wird wieder ausgeblendet. Also, wenn wir zu unserem X'd und auf dem Partner-Typ-Abschnitt hier zurückgehen, werden wir wie dieses Rechteck verkaufen. Nur diese lineare. Hören Sie den Hintergrund von dieser Karte, und dann möchten Sie diese Anweisung hinzufügen. Was macht diese Statin-Richtung, wenn Sie darauf klicken? Ich will es an diesen Außenborder zurückgeben. Ok? Und er kann sehen, dass die Einstellung automatisch von der äußeren Hinterstadt gesagt wird. Es kopiert also die profuse Interaktion, die dasselbe ist, wie dis-Anweisungen. Okay, nicht weniger. Wir haben es wieder gespielt. Wer? Spielen Sie es. Und jetzt klicken wir auf ein paar. Alles okay, ich kann es nicht sehen. Wenn wir auf diesen Bereich klicken, geht es zurück. In Ordnung. Erwartete Rx auf Ellison Korsett. Die nächste Sache ist, wir wollen ein Medikament Wechselwirkungen machen. Die Drachenrichtung ist auch sehr einfach. Weißt du, die Großstadt. Also, was wir tun, ist, dass wir bei der Interaktion auf dieser Karte getrunken haben wollen. Das ist also auch sehr einfach. Wir klicken auf diese Karte. Okay, wir klicken auf diese Karte und dann, wer bei einem Link zu dieser harten Arbeit statt abtippen als Auslöser . Wir wollen das so einstellen, dass es LKWs wird, okay. Und Aktion auch Feind. Und das ist eine Quelle, die wir hinzufügen möchten. Stellen Sie also sicher, dass das, was ausgewählt wurde, nur diese Gruppe ist. Also fügen Sie nicht zu entdecken, wie Arbeit, sondern nur zu diesem, aber sie. Okay, jetzt lassen Sie uns darauf klicken, und nur aber es hier ist es auch automatisch mit der gleichen Einstellung. Jetzt spielen wir es. Wir klicken auf ein paar, alles, was wir bewegen es. In Ordnung, also ist es Bewegung, wenn wir es drogen. In Ordnung. Aktuelle Beziehungen 10. Interaktion in die 2. Stadt hinzufügen: haben wir erfolgreich unsere ersten Instruktionsdrängen auf die erste Stadt erstellt. Jetzt wollen wir weiter an den zweiten Stadtinteraktionen arbeiten. Also lasst uns anfangen. Zunächst einmal brauchen wir auch den ersten Ausgangszustand für die zweite Stadt. Dasselbe, wie diese erste Stadt. Nur wir müssen die Kapazität einstellen, wie wie, das ist das Gleiche. Also werden wir die Deckkraft für den Anfangszustand reduzieren. Dafür wollen wir Tage kopieren. Also gehen wir zum Rücktritt. Es sei denn, wir legen es hier. Das ist, wer du darfst. Wenn es hier ist. Nun, lasst uns die Kapazität des Objekts wie folgt geändert haben. Die Deckkraft beträgt also 10%. Wir werden es zum selben Gail machen. Also lassen Sie uns reduzieren es auf 10% Kamera tut es. Diese Mauer. In Ordnung. Und das nächste ist, wir wollen, dass Teoh auch die Position vom Objekt ändert, so wie Sie das sehen können. Ah, diese Steuern etwa ein bisschen oben. Also wollen wir die Weinpositionen einnehmen und wir spielen hier eine Schule. Also ist es eine konsequente, dass wir das nehmen werden, wie es eine Schutzwand war. Es ist einfach. Hier können Sie das sehen. Ah, der Knopf. Du musst gewechselt werden. der Schule. Das ist also 31 Pixel vom Text entfernt. Lassen Sie es uns mental entfernen. In Ordnung. Und dieser hier, das ist, was Kobe, das ist alles in Ordnung? Es ist cool. Und der nächste ist Ah, dieser Leng. Das ist es, was mich auch dazu gebracht hat. Alles klar, also sieht es gut aus. Nein, lass uns Britannien so wollen wir Lingus Wandform hinzufügen. Ah, dieser heiße, für diese geboren. Also lasst uns es getrunken haben. Klicken Sie und versuchen Sie es. Und dann setzen wir den Auslöser auf die Zeit, Russell, weil du das automatisch machen willst. Wir wollen also sicherstellen, dass Ach sezieren das gleiche ist wie dieses. Also ist es Timer Ihre Sekunden. Auch irgendein Fleisch. Er ist aus zwei Sekunden und Schwan ist derselbe. Null krank. Er ist in zwei Sekunden raus. Ordnung, also wenn Sie es testen wollen, wenn Sie hier auf diese Play-Schaltflächen klicken, wird es mit dem Haus mit dem Außenborder beginnen, dass Sie bereits Marcus das Haus mit durch diese blauen Symbole angezeigt. Aber wenn Sie den Prototyp auf die bei Booten starten möchten, die Sie zum Beispiel starten möchten, wollen wir diesen Gedanken, dass wir Website für Tests verließen schlägt von diesem, weil wir an diesem derzeit gearbeitet haben. Also, was du tust, ist stattdessen, dass du knarrst. Diese Play-Schaltfläche vor, dass, während Sie tun müssen, ist nur wählen, welche gekauft werden. Sie wollen als Startpunkt am Hafen spielen. Also, weil Sie diesen Flughafen zu diesem Zeitpunkt als Startpunkt unseres Hafens für diesen Designzweck machen wollen, so klicken wir auf ihn für uns. Wir klicken es zuerst und dann aber klicken Sie es Play-Taste. Also Ah, das bei dem, was die ersten Außenbordwände werden wird, wenn sie es mittags brachten. Alles klar, es sieht schön aus. Nein, lassen Sie uns das Gleiche anwenden. Wir wenden das Gleiche an wie bei dieser Vielfalt. Okay, also die nächste Sache ist, wenn Sie auf das für Sie alle klicken Ah, sie sehen, es sind Kartenanweisungen. Nun, das zu tun, lassen Sie uns diese Wand kopieren, weil das Design Alice, wir kopieren dieses Angebot Laienmappen. Wir werden es hier beschleunigen. Und das nächste ist, wir wollen die Kapazität reduzieren. Also, da ist es, bevor ich will, dass Teoh hier darunter steckt. Alles klar, das ist cool. Und lasst uns, die Kapazität reduziert 20 Swan, Arschloch. In Ordnung, also schauen wir uns hier ein Rechteck an. Es ist also einfach ziemlich knifflig. Okay, syrische Grenzen. Und wir werden das lesen, Theo Opacity zu null Personen. In Ordnung, jetzt gehen wir zurück zum Prototype Tab, unserem Klick und Drachen. Ich werde die gleichen Einstellungen verwenden. Also in diesen Anhebung Wasserhahn oder zu irgendeinem gemeinten Außenborder ist aus. Und gibt es 0,3 Sekunden? Okay, dieser hier, das ist alles. Nun, heute ist er vielleicht draußen. Wir sorgen dafür, dass es in diesen 0,3 Sekunden so ist. In Ordnung, also lassen Sie es uns wiederholen. Jetzt sehen wir mal. Also, wie, dieser Ausgießer wird klicken, klicken, wieder spielen. Gay arbeitete, , fühle mich in Ordnung. Es funktioniert jetzt, also lasst uns bei den anderen Anweisungen sein. also in Ihrem Keller Klicken Siealso in Ihrem Kellerauf diese Überlagerung. Sie gehen zu diesem Außenborder. Also, wie extra zu sein? Sie automatisch, dass nur das Sezieren der automatisch die Einstellung aus der bevorzugten Anweisung kopiert hat, so dass Sie es nicht wieder anpassen müssen, Ordnung? Und die nächste Sache ist, wir wollen, ähm, ähm, rezitieren das Bild, damit Sie die ISM-Unterbrechungen sehen können. Lass mich den ersten spielen, okay? Für euch alle. In Ordnung. So sieht es cool aus. Blading. OK, also wollen wir ism-Unterbrechung hinzufügen. So wie dieser hier. Sie können sehen, dass Anweisungen sind. Es ist also sehr einfach. Wo Sie tun wollten, ist nur rezitiert das Bild. Sim egx. Okay, also gehen wir zum Moment für uns zurück. Viele, die wir nicht mögen. Also, das Bild, Okay, Okay, lassen wir uns ein bisschen rezitieren, also okay , ja, es ist ziemlich schwierig für den Anwalt. In Ordnung, also lasst es uns überprüfen. Also mag ich von Skizzen. Wenn Sie auswählen möchten, ähm, de Ebenen unten in, Ich kann. Klicken Sie mit der rechten Maustaste Und es gibt, wie, eine ausgewählte Lügner Optionen. Aber in Adobe X'd, äh, es gibt kein, das ist diese Art von Funktion. Wenn man also den Namen des Foul vergisst, dann ist es irgendwie problematisch. Nun, wir drehen uns zuerst. Ok? Das ist also das Bild, in Ordnung? Es sei denn, wir präzisieren es. Okay, also will ich meinen Wahlschlüssel halten, und sie hat gesehen, dass er im Zentrum rezitiert. Okay, also werden wir es rezitieren. Einfach geringfügige Größe ändern. Nicht zu viel So Lebenslauf ist nicht zu extrem, Will. Nicht zu schnell. So wie ich denke, das ist es. Das ist in Ordnung. Lass es uns nochmal spielen, okay? Ich habe vergessen, diese Kraft auszuwählen. Und wie wir auf Bucht OK, so jetzt können Sie sehen, dass die Zoom-Anweisungen. Richtig? In Ordnung. Ok. Jetzt schauen wir uns die Trockenkonstruktion hier weiter an, also ist es eigentlich sehr einfach . Sobald du das Konzept verstanden hast, ist das ganz einfach, okay? Mit Klick und ziehen Sie es hier und seinen Schlag auslösen. Ok. Und wir auch gleichzeitig ins Russische auf dieser Karte, klicken und trocknen. Ok. Die Auslöser. Versuchen, wie zu jedem Haupt. Jetzt spielen wir es noch mal. Okay, also funktioniert es. Alles klar, so ist es Herzlichen Glückwunsch. 11. Interaktion zwischen Städten verbinden: nachdem wir die Interaktionen aus dieser zweiten Stadt erfolgreich erstellt haben und die nächste sind sie am besten. Wir möchten Interaktion hinzufügen, wenn Sie sagen, klicken Sie auf diese Karten. Wenn sie also auf diesen aktuellen Bagger klicken, um, ah, diese Stadt Anweisungen und etwas, wenn es einen Klick auf diese Qualität und schlechte Karte gibt, gehen sie zu diesen Animationsinteraktionen. Das ist also, dass wir es tun. Also gehen wir zu oder tippen Sie auf den Typ. Und im Grunde ist es sehr einfach. Was wir tun, ist, dass wir tippen Richtungen auf diesem Auto, so wählen wir diese Karte, so dass ich sicherstellen, dass es ausgewählt ist und klicken und verfolgen. Also schleppen wir es zu diesem Außenborder. Warum? Denn dies ist dieser anfängliche Ausgangspunkt von diesen Interaktionen. Wenn Sie darauf klicken, möchten wir, dass dieser Benutzer dieses Hüttenbrett landet. Okay, Sie können also die Einstellung hier wie die Übergänge anpassen, und für diese Schweine wollen wir die Aktion auf Übergang setzen, nicht auf die Animation. Okay, weil, ah, wir sind zu keiner Besprechung drauf. Es ist eigentlich eine andere Sache. OK, also wählen wir , es aus, fragten die Übergänge. Und für die eine Emissionen werde ich zu keiner vorziehen. Weil wir nicht direkt darauf zurückgreifen, ähm, ähm, die Interaktionen und die Emission von diesen an Bord selbst zu sehen. Also das fügen Sie mehr hinzu. Haben Sie schon. Es ist eine Emission. Also, wenn Sie sehen, klicken Sie auf diese Karte, um dieses Auto, es im Grunde wollen wir nur diese Luft sehen lassen dieses Auto direkt. Also lasst uns wiederholen. Dieser breitere Typ könnte Alice Hebräer alle und Möglichkeiten spielen, um diese Karte zu klicken. Saudi-Sitz ist identisch zu diesem ersten Außenbord. Okay, kannst du es noch mal spielen. Klicken Sie auf. Nur wenige klicken alle auf diese Karte. Okay, das ist also sehr einfach. Nein, lassen Sie uns bei der gleichen Interaktion mit diesem Auto. Sie sind also DoubleClick Kind und klicken und ziehen, und wir möchten die Einführung in die Unterstützung hinzufügen. Okay, also werden wir die gleiche Einstellung anwenden, die Trigger angezapft ist und dasselbe für Adresse. Alyssa, klicken Sie auf Abspielen. Fühlen Sie alles, so dass es noch zerbrechlich. Klicken Sie auf Besetzung ein. okay, klicken Sie auf das Spiel. Klicken Sie auf Qualität. Armen. Okay, okay. Ok. Es ist häufig, wenn es lebt. Wenn Sie auf diese klicken, funktioniert es. Warum? Weil Sie die Interaktionen auf dieser Seite noch nicht hinzugefügt haben. Willst du das also tun? Du kannst nichts tun. Sie fügen die Interaktion auf dieser Carcelle hinzu. Also lasst uns es tun. Klicken und trocknen. Indra kommt her, der Tigger ist erstochen. Der Übergang auf einer Emission ist nicht. Und wir werden sozusagen dasselbe auch für diesen hier tun. In Ordnung, also denke ich, es funktioniert. Jetzt lassen Sie es uns wiedergeben. Wir klicken auf ein paar alle, wenn auf Medina. Alles klar, wir kochen für Sie alle und klicken Sie auf diese Qualität schlecht. Alles klar, also funktioniert es sehr gut. Jetzt sind ausgezeichnet. Herzlichen Glückwunsch zum Abschluss dieser Klassen. Ich hoffe, Sie können es genießen. Sie können etwas daraus lernen. Nun, im Grunde ist das ein sehr einfaches Konzept. Sie möchten das Grundprinzip aus Intimität verstehen, können Sie es auf jedes Projekt für diese Art von Interaktion anwenden . Das ist also ein sehr einfaches eigentlich, was wir wandern, wenn Sie ich Ihnen vorschlage, es zu üben. Wenn Sie möchten, können Sie die Assets herunterladen und, ah, ah, erstellen Sie dies von Grund auf neu und machen Sie es selbst und versuchen Sie es selbst, damit Sie besser verstehen können , wie Sie diese Auto-Animate-Funktionen in anderen B x D verwenden Also, so herzlichen Glückwunsch für den Abschluss dieser Klasse, so hoffe ich, dass Sie etwas daraus lernen können. Wenn Sie Fragen haben, können Sie mich fragen. Okay, also Gore Installationen. 12. Fertigstellen des Prototyps: in diesem Video. Ich möchte zwei Dinge in diesem Teile-Typ beheben. Also im Grunde ist es kein großes Problem. Es ist nur eine schnelle Lösung, weil ah, es gibt eine Sache, die fehlt. Also, wenn die Protestseite gespielt, können Sie sehen, dass, wenn Sie darauf klicken, es ist Arbeit. DeCero macht sich keine Sorgen. Und das zweite, was ist auf dieser Marinus Stadt sehen kann, dass das Land noch Malaysia. Es sind also falsche Berechtigungen. Jetzt möchte ich es dieses Video reparieren, also sollte es wirklich schnell zu beheben sein. Also werden wir damit beginnen, diese Informationen zu reparieren, so stellen Sie sicher, dass wir, wenn wir das Design geändert haben, auf der Registerkarte Design sind, nicht im Prototyp. Okay, also möchte ich diese überliegende Ebene zuerst verschieben, um zu schreiben, weil wir auf diese Texte zugreifen wollen weil es schwer zu klicken ist, und es ist sehr schwer zu klicken. Also würde der Körper hier für uns ihn von dieser Schicht abgeben, richtig? Und dann können wir diese Steuer zugreifen, wenn ah seine in Saudi-Arabien geändert und die Bevölkerung ist 1.1. Die Sprache ist Arabisch auf. Diese Basing hat 50. Ok. In Ordnung. Es sieht also gut aus. Nun lassen Sie uns diese über eine Ebene legen, die wir Expedition s Wand Null ändern können. In Ordnung. Ok. Und das nächste ist, wir wollen diese Interaktion hinzufügen. Also gehen wir zum Prototyp und dann, als Sie sagten, klicken Sie und das sind Oh, sie gehen zu diesen Ah, am Hafen. Also wollen wir den Trick auch tun, weil wir nicht auf diesen Pfeil zugreifen können. Also wollen wir etwas Rechteck oben hinzufügen, wenn es Tor, wenn eine entfernte Forneris und leider eine positive Null. In Ordnung, gehen wir wieder zur Broadside. Und jetzt lassen Sie uns das hier hinzufügen. Und es löste einen Schritt aus. Übergänge, Reduktionismus, Übergänge und Animation. Es ist keine. Okay, also das Gleiche für diesen, der nicht für uns entworfen werden kann, das ist, dass wir hier Rechteck hatten. Okay, Gonna Border sagte, ist 20 verärgert ein Prototyp. Jetzt klicken wir darauf und ziehen es hier und einen Tigger-Schritt. Die diese Nation ist richtig hatte eine maschinistische Linie. Nun lassen Sie uns reichlich Breitseite, wo wir es klicken, Klicken Sie darauf. Es funktioniert. Klicken Sie auf. Hier funktioniert es. Klicken Sie auf Dieser wird hier klicken. Es funktioniert. Okay, tut mir leid. Korrigierte Beziehungen 13. BONUS – Teile den Prototyp: Also, nachdem Sie erfolgreich Prototyp umworben haben, möchten Sie wahrscheinlich den Prototyp bitter Ihren Benutzer oder an einen Stakeholder teilen, um dies in Arabisch zu tun . Status quo. Einfach. Sie sehen auf den Freigabe-Schaltflächen hier, was Sie tun möchten, ist einfach auf einmal klicken, und dann können Sie ein paar Optionen hier sehen. Also, weil wir den Prototyp für Refute teilen wollen, besteht. Also die beste Option ist, auf diese Freigabe klicken, wenn Sie, weil Sie es unterbrechen können. Außerhalb der Dose gebracht kann kommentieren. Aber wenn Sie einen Prototyp für Entwicklungszwecke teilen möchten, dann klicken Sie einfach auf die Freigabe für die Entwicklung, so dass Sie können, ah, ah, Ihr Entwickler kann den Teiletyp wie Stadtabstand zwischen einem Objekt zu einem anderen untersuchen Objekt, aber für ein paar schlägt zum Beispiel vor, dass Sie verwenden Erviti Teststudien durchführen möchten. Was Sie tun möchten, ist einfach auf diese Freigabe klicken für hier, also lassen Sie uns darauf klicken, und in den Einstellungen können Sie die Titel fühlen, und auch Sie können dort sehen. Es gibt so wenige Optionen hier, die tun Wir wollen eine Menge von Kommentaren auf der Bruderseite oder nicht, ob Sie die Hot-Spot-Szenen zeigen wollen, sind nicht Dinge wie diese. Einer der Auslöser. Wenn Sie Usability-Tests durchführen möchten, möchten Sie wahrscheinlich. Und überprüfen Sie dies, weil es die Hot Spot Hände zeigt. Es bedeutet, dass Sie, damit ich sehen kann. Okay, das hier ist anklickbar. Okay, ich muss darauf klicken. Ich muss dorthin gehen. Aber du willst wirklich? Testen Sie den Yusor. Sie wollen wahrscheinlich in Schach, denn Sie, Sir, sollten hier keine bekommen, weil wir es wirklich testen wollen. Alles klar, also, um genau das gleiche Board zu tun, klicken Sie einfach auf diese, erstellen Sie schlank, und dann wird der Prozess in die Adobe Cloud hochgeladen. Und dann bekommst du eine Art Luchs. Und dann können Sie diese Lincoln-Freigabe an Ihren Stakeholder oder Ihre Benutzer kopieren. Okay, also schafft es öffentliche Verlegung. Es dauert manchmal. Ok. Ok. Nur weiß. So ist in der Regel nicht zu lange durch ihre auf Kriegsminuten. Zwei Minuten. Ok. Manchmal könnte es facettiert sein. Es könnte langsamer sein, aber es sollte nicht wie ein Trichter krank sein. Es ist auf Betäubung unserer Es ist jetzt 100%. In Ordnung, also bringen Sie noch ein paar Sekunden davon ab. In Ordnung. Ok. Sie können sehen, dass die Schwester Ling, warum Sie tun wollen, nur Sling zu kopieren. Und Sie können dies mit Ihren Freunden in Verbindung teilen. Sie, Sir, auf den Stakeholder. Also lasst uns diesen Link überprüfen, ich werde mit Google Crumb abzielen, und das ist, wir überprüfen es. Ok. In Ordnung. Seitenladungen So kann ich das auf der rechten Seite sehen. Hier gibt es eine gemeinsame Abschnitte. Wo ist das? Kann kommentieren, um Website zu verlassen. In Ordnung. So kannst du die Spannweite verstecken, Elissa Mauer. Klicken Sie einfach darauf, alles klar? Sie können auch einfach erweitern, wenn Sie so gehen. Aufwändig. Weil ich das Krankenhaus reingelassen habe. Also, wenn Sie auf diesen Bereich klicken, wo es keine Hoffnung auf ihren Bericht zeigt die Hot-Spot-Standorte Also, wenn Sie verwenden Fähigkeiten durchführen wollen, dann wollen Sie wahrscheinlich, dass injizieren. Okay, lass es uns sehen. In Ordnung. Sie bemerken wahrscheinlich, dass der Prozess wahrscheinlich nicht sehr glatt ist, aber ich denke, er hängt von aber ich denke, er hängt von der Komplexität des Prototyps ab. Und wahrscheinlich hängt er auch von dem Computer ab, den Sie verwenden. Sie haben noch mehr weit, Sir. Computer mit wirklich leistungsstarken Prozessoren. Wahrscheinlich die ziemlich, äh, glatt. Aber bis jetzt denke ich, dass es so cool ist. Und du kannst es versuchen. Es wurde kopiert Ling und geteilt. Klemmen Sie sich an Ihre Freunde, an Benutzer, an Ihre Stakeholder. Alles klar, viel Glück.