Figma: Prototypen und Animationstechniken für UX/UI

1. Einführung: Willkommen zu den Partituren und diesen schnellen Zuhörern. Wir werden lernen, wie Sie Ihr Prototyping zu Animationsfähigkeiten in FEMA verbessern können. Mein Name ist Bruno uns der Unterzeichner von diesem ca Bohnendesigner für die letzten 20 Jahre. Und ich glaube und zu lernen, indem Sie dies in diesem Kurs Destructor tun, ist, wie Sie sein werden, dass Sie Fuß gehen. Wir werden ein paar Theorieklassen sehen und dann bewegen wir die Zehe, wie fünf Samples oder verschiedene Interaktionen. und dann bewegen wir die Zehe, Wie viele? Etwas empfindliches. Also, wenn Sie wirklich etwas über Prototyping und Animationen wissen, hat er meine Seite ausgewählt. Die sqs behalten die beiden ersten Videos und gehen dann direkt zu den Beispielen. Vielleicht lernst du das noch ein bisschen mehr. Etwas mehr Fokus für sich selbst, wenn Sie kaufen, Sie wissen nicht, wie Sie Pick verwenden. MMA ist perfekt. Perfekt in Ordnung. Sie können einfach voran und lernen ein wenig über die Seite, während Sie die Basis aus Prototyp in einer Animation landen . Also, das ist für jeden ist für Ihre Vies. Für Leute, die das sind? Nein, irgendwas. Also lasst uns voran gehen und für den Typ beginnen und ihn animieren. Fichman. Du bist also ich zum Diskurs. Sie 2. Grundlegendes Prototyping: Hey, danke für Ihre in diesen Kurs, und wir werden eine geradeaus gehen, um zu sehen, wie der Krieg mit grundlegenden Integrationen in fikc Mopp. Ah, Stigma ist eine ziemlich gerade für, wie Sie vielleicht wissen, Design-Prototyping-Tool. Also werden wir die Grundlagen des Prototypings sehen. Also, wenn Sie hier in, ähm, in einem in einem Rahmen oder auf einer Laube klicken ähm, , wenn Sie von einer Skizze oder Adobe 60 kommen, die Sie hier standardmäßig sehen , würden Sie, wie, in einigen Stop gehen hier bekannt wie Interaktion, bekanntes Überlaufverhalten. Und dieser Teil mit dieser Art von wichtigen, sie zeigen Prototyp-Einstellungen. In Ordnung, also können wir hier gehen und undefiniert, welche Art von Gerät wir verwenden, wenn Sie wollen, dass es mehr oder mehr das Handy im Querformat importiert . In diesem Fall verwenden wir Silber, und Sie können den Hintergrund von ihm anpassen. Wie Sie hier sehen können, wirklich Leben, können wir den Hintergrund, den Prototyp und den Startrahmen anpassen . Wie Sie hier sehen können, haben wir, wie ich für acht plus eins, und das ist das gleiche Kunstwerk, okay, den gleichen Rahmen. Das ist also etwas, das Sie beim ersten Mal einrichten müssen. Und wenn du es nicht tust, musst du nicht wieder zurückkommen. Fast nie. , Je nachdem,ob Sie verschiedene Prototypen auf dem gleichen , Dokument haben,müssen Sie hierher kommen und sehen, ob Sie sich ändern müssen. Das zum Beispiel gekommen, ist zum Beispiel gekommen,um einen anderen hier zu haben. Dann können Sie die Rahmen sehen, die Sie hier haben. Es ist also eine gute Praxis, keine anderen Prototypen auf derselben Seite zu haben. Sie können mehrere Seiten haben, haben, mehrere Seiten haben, und es ist bezahlt. Du kannst es haben. Wie Sie sehen können, ist dies eine Art Ausgangspunkt. Diese Art spielen blauen Indikator und auch wenn wir hier zu diesem anderen Prototyp kommen, können Sie hier sehen, ist der Startrahmen. Dasselbe hier, und in diesem Fall habe ich es nicht. Richten Sie es ein, weil ich hier keine Interaktion habe, okay, aber es ist eine gute Praxis. Ich sage nicht, verschiedene Prototypen zu setzen, denn wenn ich diese dupliziere und ich diesen Prototyp hier in einem anderen Prototyp habe , der sich vorstellt,dass wir zwei Prototypen auf derselben Seite machen wollen , , werden Sie sein, Ähm, Sweeting, den Prototyp des Prototyps beim Setzen stinkender Zehe I Blues drei zu hören. Es beginnt also hier, also ist es eine gute Übung, es in getrennten Seiten zu behalten. Ordnung, also werden wir das tun, und wir werden anfangen, mit diesen zu arbeiten, Uh, mal sehen, was wir hier haben. Ah, wir sind hier im ersten Rahmen, und ich habe mich wie, ähm, e c Interaktion hier angewendet ähm, . Und mal sehen, was passiert, wenn ich diese Art von Anstoß hören könnte, Ah, Animation. Und wenn ich hören könnte, gibt es wie ein Morphium zwischen unserem ersten Safe auf der zweiten Flucht. Okay, also lasst uns brechen, was hier vor sich geht? Also für die Bedeutung des Prototyps, Fichman , was Sie tun, können Sie es verkaufen die ARB oder wenn Sie wollen, oh, den ganzen Flughafen zu interagieren. Oder Sie können verschiedene Elemente von der Seite drücken, die diese Interaktionen in diesen Jungs haben . Lasst uns das mit Dschungel aussuchen, und wie ihr hier sehen könnt, habe ich und wie ihr hier sehen könnt, habe ichoben drauf. Also, wenn Sie klicken oder Sie oben navigato iPhone acht plus zwei. In diesem Fall können Sie sehen, dass der Name aus der Laube hier, rechts und Höranimation, wie Sie sehen können, gibt es eine Menge off Option Institut. Wir werden sie alle sehen. Also keine Sorgen darüber. Und dann können Sie die Art der Animation ändern, die Sie hier unten sehen können. Was ist los? Sie können die Art des Animationsbasic-Worker ändern, der gerade ausgeführt wird. Lassen Sie uns die Unterschiede zwischen diesem sehen. Lassen Sie uns wie eine Sekunde damit sagen, wie 1000 Millisekunden. In Ordnung, also wird es jetzt langsamer werden. Also, wenn ich schnell hier, wie Sie sehen können, dauert es wie eine Sekunde. Ah, hier. Vielleicht ist es, dass wir nicht so sehr schätzen können, wie leicht ein und aus, um, Animation Typ Corp, aber ich sehe mich normalerweise, dass ich das benutzt. Die meiste Zeit. Er schien draußen zu sein. Ähm, ich schlage vor, nie linear verwendet, weil linear eine Art Zehe gerade ist, aber wir werden das im Detail sehen . Sehen wir uns an, wie unterschiedlich die Russen sind, die wir hier haben. Okay, wir haben Telefon oben, wir können hier sehen, wir treten und es passiert. gleiche Art und Weise können wir hier wieder auf Drogen wählen. Wenn ich also beginne, dieses Ding zu ziehen, wird die Animation funktionieren. Mal sehen, ob ich das mitgebracht habe. Was ist los? Warum nicht? Warum arbeitest du so gut? Ziehen Sie es. Ist es für wann? Wenn ich das wähle und ich möchte ziehen und ich ziehen, sollte es funktionieren, wie Sie sehen können, so dass die Animation wiederholen. Also, wenn ich diese auswähle und ziehe, können Sie sehen, dass diese beginnt zu kommen. Ähm, warum geheim? Es ist vorüber. Hier ist, was es tut. Lasst uns an den Anfang kommen. Also, wenn ich hier Khobar, die Animation, es beginnt, wenn ich einfach weg von dort Teil der Sape Get dieses glückliche Jahre. Alles klar, lassen Sie uns mit dem nächsten gehen, während Sie drücken. Also, wenn ich hier dränge, funktioniert es. Wenn ich meinen Hintern loslasse, kommt er zurück. Das ist also gut für einige Animationen. Vielleicht ist dies nicht das beste Beispiel Animation dafür, Aber Sie können richtig sehen. Ähm was? Was? Es tut die wichtigsten Spielteile, Oder wählen Sie einfach den Schlüssel? Sagen wir zum Beispiel T . Und als ich ihn hier drückte, funktioniert es, wie Sie sehen können, okay, und mein Zentrum, Prio Pius. Also, wenn die Maus hier eintritt. Also ist es immer Eingabe, weil ich hier klicken muss, also Aber Sie bekommen Bereich. Richtig? Das ist also für meine Zentren. Dasselbe, wenn Meilen leben. Also, wenn ich aus diesem Rechteck gehe, wird die Animation arbeiten, Ähm, das ist unten. Wie Sie sich vorstellen können. Ja, ich drücke nur in den oberen Ton. Es macht die Animation und das Geschäft. Das Gleiche. Das ist, wenn ich die Berührung loslasse. Dann beginnt die Animation. Okay, also haben wir diese Pre-Match-Kober. Wir sehen alles. Alle Interaktionen, die wir verwenden, gibt es nur eine, die hier deaktiviert ist, wie Sie sehen können, ist dies eine nach Verzögerung. Wir werden es jetzt benutzen. Also, was nach Delay funktioniert, kann nicht auf Elementart angewendet werden, ähm, es ist nur Zehe, ähm, zwei Frames. Und was ist das? Lasst ihn uns beäugen. , Wir wollen nach einer Sekunde,dass du hier unten bist. Stellen wir uns vor , wir haben , das hier. Lassen Sie uns das duplizieren. Und dann sagen wir, wir haben, wie auf seinem Plusköder. Alles klar, also gehen wir hier wie ein Spritzer. Ich, es scheint Schimmel unterzeichnet werden. Es ist ausgegangen. Wir sind zum Seufzen mit Also stellen wir uns vor, wir haben wie unsere Funken Diese plus Seite super Phantasie, einige, die Tomatenanimationen sind. Sagen wir, wir fangen jetzt hier an und wir haben den X plus Köder, richtig? Und was wir wollen, tritt der Benutzer durch diese Seite und dann nach einer Sekunde ohne Umleitung, dann bewegt sich zum nächsten, ähm, zum nächsten Frame. Okay, also werden wir das tun, wenn der Prototyp nach dem Staffel kommt? Also werden wir nur diese 800 Millionen Millisekunden setzen. Es ist in Ordnung. Dann werden wir sagen, dass navigieren, durch die es bedeutet, gehen Sie zum Over-Frame. Was auch immer Sie hier wählen, und wir werden den Rahmen frei wählen, was dieser ist. Und ja, wir sind ziemlich gut zu sehen. Also, wenn wir hierher kommen, so müssen wir die neu starten und wir können jetzt sehen, dass nach einer Weile es bleibt , und dann animiert es sich. Okay, also kannst du diese Zehe vielleicht kühlen Animationen verwenden, als ob ich etwas schnell auf Drash machen werde. Also, was Sie hier tun können, das ist cool. Wenn Sie simulieren möchten, sagen wir, wie, Laden Bar etwas. Also das ist Ah, ja, das ist nicht löschen. Wir wollen sehen, was hier vor sich geht. Was wir hier tun können, ist es, Ah, wie Kreis zu schaffen. Okay, und dann gehen wir wieder zum Schild. Und lassen Sie uns einen Schlaganfall anziehen, wie sie fühlen müssen. Nehmen wir an, wir mögen keine 10. Ich fühle mich so. Und dann sagen wir, wir werden das tun, ist so, OK, OK, und ruhen Sie sich vor kinky aus, überhaupt nicht schick. Es ist nicht wirklich wichtig, nur für entworfene Zwecke. Ordnung, also werden wir diese beiden Elemente duplizieren, also sind sie gleich benannt, weil wir einen verstümmelten Animationstyp sehen werden. Da ist auch hier . Wir haben Wir werden die nach Delay nach einer Sekunde aus dieser Seite zu kombinieren. Lassen Sie uns ein bisschen mehr Zeit. Sagen wir, ja, es ist gut und das wird Zehe iPhone Explosion für okay sein. Und was wir hier tun werden, ist es, dieses Element zu drehen. Wieder das Schild. Wir drehen es um 90 Grad. Vielleicht können wir es nicht schätzen, weil die Pfeile, du weißt schon, nicht die Pfeile. Die Linien sind auf dem gleichen Weg. Aber wir haben uns um 90 Grad gedreht, oder? Also, was werden wir tun? Es ist wieder zum Prototyp gegangen. So haben wir bereits unsere nach Delay eingerichtet, die in 500 navigato These Screen Plus Four war . Und wir werden in diesem Animationsteil sagen, wir werden eine intelligente Animation setzen und das ist ein coolster Monteur für Animation. Diese Zahl bietet. Okay, also mal sehen, was passiert ist. Lassen Sie uns Sternenbruder Typ hier und nach einem sein. Haben Sie es nach einer Sekunde in beginnt gesehen und sieht, dass wir hier eine andere nach Verzögerung haben , die auf den nächsten Bildschirm geht, die wir zuvor eingerichtet haben? Wir können sehen, was hier vor sich geht. Also rühren wir nichts an. Der Bildschirm nach der Zeit dreht sich. Und dann kommt die Animation. Also diese clevere Honigmädchen, es ist eine super coole Füße. Äh, du siehst eigentlich genau hier, dass, wenn ich hier drücke, in dieser Art von Kreis waren . Nun, nein, ich muss das wieder auf dem Bildschirm aufstellen. Also, wenn ich hier drücke und ich wieder hier drücke, der Kreis, wie Sie sehen können, hat der Kreis, wie Sie sehen können,eine andere ist intelligent animieren. Was es tut, ist seine Veränderungen. Sein Affe wie super organisch Zeh wird diese Form. So wie Martin emittiert, was es tut, ist es wählt zwei Elemente, die gleich genannt werden. Und was es tut, ist, einen Übergang zwischen, ah, dieser Form zu dieser anderen Form zu machen. Lasst uns dasselbe machen. Da wir schon halb wie hier thes, smart, animieren, aktiviert, werden wir diesen Test größer machen und so können wir hier sehen, als ob wir das tun und wir werden es hier setzen. Und wir gehen zu der einen anderen Sache, die ist, dass es sich drehen wird und es wird größer sein. Und es wird dieses massive Zeug hier sein, damit wir sehen können, was, ähm, ähm, diese Art von Animationstyp, diese kluge Honigmädchen Tod. Alles klar, wir können sehen, dass alles größer wird, und dann die andere Animation beginnt, und dann klicke ich wie ein Übergang, und dann klicke ich. Und dann eine intelligente animieren Sterne wieder, so dass Sie intelligent werden können, animieren Sie alles, was Sie wollen. Und das ist die wichtigste Animation Krawatte für mich E in Feige, MMA oder richtig? Das ist also mehr oder weniger als Basis von den Grundlagen. Lassen Sie uns eine andere Art von Übergang sehen. Mal sehen, dass, wenn wir diese Animation statt smart ändern, animieren, wir tended toe Instant drei Animation kommt freundlich aus schnell sein. So ist ja, es Pop. Und dann kommt es hierher, weil wir den Film vorher in Animation haben. Was? Es macht das aus. Sie können sich vorstellen, dass die Mischungen 11 ausgeschaltet sind, ein Rahmen mit dem anderen. Okay, also lass uns sehen, was es tut. Wir warten ein wenig, und dann hat es und dann hat es die Art von Glauben von einem Bildschirm zum anderen gemacht. Okay, mal sehen, was auf den Augen des Mittleren Westens markiert ist. Martin. Honigmädchen, wir wissen schon, was es tut. Bewegen Sie sich, wie Sie sehen können. Ah, hier. Du kannst dich ändern. Und Sie können die Art von Animationen sehen, die wir hier Bohne sehen. Der Umzug eine erstaunliche bereits. Okay, aber mal sehen, wie es hier funktioniert. Also nach einer Sekunde tritt Theis plus Seite auf der linken Seite. Ok? Und diese, sie tritt von dort von unten ein. Also enthält Sie hier. Die Art aus Eingabe Dies ist cool, wenn Sie Zeh wollen. Vielleicht bringen Sie ein Menü oder etwas auf die Seite. Ok. Und es gibt eine andere Sache hier, dieses Überlaufverhalten. Wir werden es sehen, aber wir haben einige Beispiele später. Also das sind die pre bakes ist zu jedem gemacht man kann auf etwas Wichtiges. Wichtig. Ich vergesse, wenn Sie auf Artikel in diesem Prototyp oben ausgewählt auswählen. Sie sehen, dass diese Art von, ähm, Begrenzungsrahmen mit diesem Kreis hier erscheint, so dass Sie hierher kommen und dann mit jedem unserer Körper verbunden werden können . Eins. In Ordnung. Also, wie Sie sehen können und wenn Sie es verbunden haben, können Sie drücken und wählen Sie die Art der Interaktion, die Sie oben auf Dr wollen. Wählen Sie dann die Animation aus. Ähm, meistens wirst du dich mit einem intelligenten Animate sehen, einige andere, die du einfach nur willst, wie eine östliche Animation, einige in Übersee. Ich sehe mich so ziemlich mit dem intelligenten Geld, das für fast alles gemacht wurde. Aber es hängt von der Anwendung ab, die Sie versuchen zu tun. Okay, also gehen wir zum nächsten Kapitel. Wir sehen uns später. 3. Arten der Animation: Hey, also erinnern wir uns daran, wie wir Prototypen in Fatemeh haben. Ich habe hier einen BH Blankorahmen, und es ist eine gute Übung, den Fuß zu beginnen. Setzen Sie Ihre Einstellungen Ihre Prototyp-Einstellungen, so gehen wir nur zu Fuß so Prototyp-Einstellungen gehen. Und hier können Sie sehen, dass Sie mehrere Geräte zur Auswahl haben. Scheint, ich habe das im selben Teil. Sie können die Breite und die Höhe von unserem Board oder Rahmen in Prototypeneinstellungen sehen. Ich weiß, es ist ein iPhone acht plus, also muss ich es benutzen, und dann können Sie zu einem anderen. So können Sie das alles ändern. Sie können es einfach in schwarz setzen, werden Sie sich wünschen. Also für die zweite, nur zu einem mit einem Super Sie erhalten bleibt der Hintergrund mit Ihrem Prototyp. Wenn Sie vier Präsentationen machen oder einige Videos aufnehmen, und das ist die wichtigste Sache ist ein Startrahmen. Wir könnten andere Frames dorthin schicken, aber für diesen speziellen Fall wollen wir Animationen und Samples. Okay, also das ist gut. Gehen wir zurück zum Schild und es ist gut. Also gehe ich Fuß, erstelle ein Rechteck, ja, um grundlegende Arten von Animationen zu sehen, und ich werde diesen Freund dafür duplizieren. Sie wissen nur, wählen Sie einfach ihren Rahmen. Und dann mit der Aus-Taste, bewegen Sie es einfach weiter. Wir gehen auf die Zehe. Ich mache das, weil, um Tom zu sehen, einige Animationen vor allem, sie sind klug, animiert. Was wir brauchen, ist die gleichen Elemente in den Schüsselrahmen zu haben. Das ist also der Ausgangsrahmen, und wir haben auch diese Rhetorik. Und hier im Frame, umbenennen in Animationsbeispiele. Tut mir leid, leid, wir haben den gleichen Atemwinkel, also ist das eine gute Übung, die gleichen Elemente zu haben. Also gehen wir hier in Interaktion und was wir wollen. Es ist auf. Wenn wir klicken, was wir wollen, ist es Zehe navigieren. Also gehen wir zu diesem Bildschirm. In diesem Fall ist es animierte Animation in Samples zu, und wenn wir und was wir wollen, wenn wir hier treten, kommt es zurück hierher. Sie können einfach in den Kreis nach links drücken und eine weitere Animation erstellen. Okay, Also in diesem speziellen Fall, wie Sie sehen können, wie Martin Häftling hat Bohne standardmäßig aktiviert, manchmal wird es sofort oder aufgelöst setzen. Aber wir werden sie sehen. In Ordnung. Also für diese spezielle Animation auf, um die Übergänge zwischen einem Bildschirm auf dem anderen zu sehen , Ich werde nur da die Farben ja, wählen Sie ihre nicht so schwere Farbe hier. Und wir werden die Grenzradios hier ändern, damit wir den Übergang zwischen beiden sehen können . Also, wenn ich hören kann und ich drücke, wie Sie sehen können, macht es einen Übergang, und es ist markiert Animation zwischen dem Safe auf der Farbe des Tresors. Wir können dasselbe mit dem machen, was sie auf dem Bildschirm sagte. Wenn wir also hier klicken, wie Sie sehen können, bewegt sich es. Okay, das ist also ziemlich unkompliziert. Das ist es, was es tut. Ist klug, animiert? Also gehen wir zurück. Wir können die Zeit verlängern. Lass es uns wie eine Sekunde sagen. Es könnte etwa 1000 Millisekunden sein. Wie Sie jetzt sehen können, ist der Übergang, wenn wir hier gepflegt haben, viel. Das ist niedriger und das ist gut. Okay, A, damit wir sehen können, dass wir hier haben. Die Szene ist aus ist in und out und linear dies sind Mal sehen, was es tut, wie Sie hier sehen können . Wir wissen nicht, es ist drin. Die Animation ist nicht organisch istgenau wie dann Name sagen linear. Ähm, nun, es ist nicht leid. Also mal sehen, was in den USA so ist es Sterne eine langsam und dann ist es Art off bekommen viel schneller Bewegung des Endes, obwohl das Gegenteil wäre aus, so wird es beginnen. Es wird wie zuerst beginnen, und dann verlangsamt es sich. Wie wir sehen können, beginnt es zuerst und verlangsamt sich dann in dem, was ich normalerweise benutze, ist einfach in und aus, was bedeutet, dass Stern schneller als verlangsamt, dann geht wieder schneller. Für mich ist mehr, Ah, organische Animation und dann sind sie die meisten langweilig alle sie linear mit Es ist nur, Ich fährt fort. Bewegung ist keine Beschleunigung, keine Beschleunigung ist genau das. OK, das sind also die grundlegenden, äh, Typen von Kurs-off Animation. Und dann haben wir Lassen Sie uns versuchen, eine andere Art von Animation für, zum Beispiel, der Moment, was es tut, ist ja, Sie wissen, geht von einem Ort zum anderen. Keine Übergangsvorstellungen von Grenzen verketten so etwas. Es ist nur ein Glaube zwischen diesem Bildschirm auf der anderen, also haben wir keine Animation zwischen beiden von ihnen, wenn wir Fuß bewegen, Uh, mal sehen, was er tut. Was es tut, ist der Bildschirm von links eintritt. Wir können es ändern auf tun, um von der Art zu betreten, wie er von rechts eintrat, und dann kommt es von links, damit wir es jetzt sehen können. Sie kommt von links und Sie können sich vorstellen, was? Was? Das hier. So kommt es von oben und dann von der Grenze. Ordnung, also und das ist etwas Interessantes, das Sie klug, viel in Ebenen animieren können und auch Sie verschiedene Typen überprüfen können. Natürlich. In diesem Fall werde ich Sie benutzen gesehen auf out. Mal sehen, was es tut. Also macht es das gleiche aus. Eine kluge, animierte Sache, die wir vorher haben. Okay, also für diese bestimmte Animation, könnte ich einfach mit einem intelligenten Animate gehen Okay, nachdem wir diese ausziehen, lassen Sie mich einfach mit gehen und entfernen, damit wir sehen können, was es tut. So wie Sie diese Art von Übergang sehen können, ist das gut. Wenn Sie möchten, dass Zehe eine Art von Parallax-Effekt simulieren, diese bewegen sich aus und bewegen sich mit der Arbeit. Wir haben Bush. Was es tut. Ist es irgendwie aus der Dieser Rahmen geht hoch und dieser Rahmen geht nach oben, also ist es irgendwie ein Karussell statt eines Rahmens, Ähm, geht vor, aus dem anderen. Das hat also gedrängt und es ist gefüttert. Es ist ein ähnlicher Effekt. Subtiler. Sagen wir es. Wie Sie sehen können, gibt es eine tolle Bagram Art aus, wenn wir die Animation hier machen. Ja, also ist es irgendwie dran, den anderen Frame, den ersten Frame zu schieben und dann eine Art Hintergrund zu sein. Das könnte also ein leichtes Ein- und Ausrutschen sein. Es ist irgendwie dasselbe. OK, so können Sie sehen, es kommt von unten, aber engagiert und bekommen diese grauen Hintergrund. Das wird also sehr viel davon gebracht, und wir werden endlich Theo-Beispiele sehen . Okay, all diese Art aus. Sehr so gelten für einige coole Beispiele, die Sie für Ihr Portfolio und Toe Master replizieren Diese Animationen und Prototyping-Funktionen in Fichman. Okay, wir sehen uns im ersten Beispiel 4. Toggle: Also lasst uns gehen und anfangen, unser für das Licht hier zu replizieren. Ok? Also dafür werde ich nur ah ah ah, Frame erschaffen . Gehen wir zum Schild Graben. Und es ist auf iPhone acht plus. Okay, also lass mich fragen, Schließen Sie diesen Teil und dann werden wir den Tango erschaffen . Und wir werden einfach reinlegen, wie ein Grady, wie mit ihm da. OK, so etwas um das anstelle von Leid, sagen wir linear in seinem Fall, es wird 100 sein und dann werden wir sagen, wie, Ich werde diese Farben ändern und dann werden wir wie eine Orange setzen , das er in Ordnung ist. Das ist cool. Also werde ich diesen Text einfach kopieren, damit ich ihn nicht wieder erstellen muss. Nur eine SMS. Und dann werde ich einen Vortrag darüber erstellen, was ziemlich unkompliziert ist. Ja, schaffen Sie etwas, das ist. Wir haben ein Buch für die Radios wie 100, aber dieser Dwight, ich habe schon einige Anrufer erstellt, und dann werden wir hier wie einen Kreis setzen und sagen wir ja, das ist cool. Und das Gefühl des Kreises wird unsere wichtigste Medizin sein, oder das ist gut. Okay, machen wir ein bisschen größer. Also haben wir, wie, an und ab als Nächstes. Hier. Ok. Und ich werde diesen Text replizieren und wie auf setzen, und es ist mit unserer Primärfarbe hier auch. Okay, das ist gut. Wir haben Ah, mal sehen, ob es da draußen ist. Und wir haben vorher gesagt, dass wir haben müssen, um eine kluge, animierte Zehenarbeit zu schaffen. Wir brauchen die gleichen Elemente und machen das ein bisschen kleiner, etwas um sich herum. Und wir brauchen die gleichen Elemente auf der linken Seite als auf der rechten Seite. Richtig. Also brauchen wir die gute Nachtstext hier, also werde ich es einfach bewältigen, und ich werde es so ausdrücken und okay, es ist gut. Und wir brauchen hier auch einen Off-Text. Denn wie wir hier gesehen haben, haben wir genug Text, der sich von links nach rechts bewegt. Sie können sehen, dass sie kommen zwei. Also werden wir hier wie weg machen. Und wie wir sehen können, ist die Farbe etwas um das kleine bisschen dunkler. In Ordnung, also werden wir das tun. In Ordnung. Also für diesen Bildschirm, was wir brauchen, ist eine gute Nacht und weg, um nur Wir reißen zu sein, okay? Wir müssen essen. Nein, nicht anwesend. Wie, gibt es aber nicht da. Okay, also werden wir diesen Bildschirm duplizieren. Wir haben alle Elemente. Wir sind so. Wir brauchen zwei, um diese Animation zu machen. Sagen wir, es ist der Menial-Filter. In diesem Fall wir für blau gehen, Sagen wir dunkelblau und dieses gelbe, sagen wir, ein weiteres Blau hier und für diesen des Arztes. Nun, das ist sowieso nicht der gleiche Tutorial-Topf. Also was wir hier brauchen, es ist ah, sind gute Morgentexte, die runterkommen und Zehe Null bekommen. Okay, wie Sie sehen können, habe ich meinen vorherigen Tex hier, da. Ah, gute Nachttest. Ich werde es nur auswählen. Und was wir von diesem Schreibtisch wollen, kommt hier auf 100 und dann werde ich sie einfach, äh, verbünden sie für das Jahr auf der gleichen Seite und auf der gleichen Seite hier. Ich werde diese nach unten ausrichten. Also testen beide uns unsere Linie und guten Morgen wird verschwinden. Okay, der Text, den wir verschwinden und nach rechts bewegen wollen. Ich habe den Off-Text ausgewählt, also werde ich ihn einfach ansprechen. Okay, also werde ich es nur wie 30 Pixel verschieben, einige Bilder dort und was wir tun werden, seine eigene Flasche hier zu bewegen, den eigenen Text, weil wir wollen, Mai, um die Animation zu machen, die zum anderen geht Seite, und das ist unser Kreis wird hierher kommen und wird Süßigkeiten aus sein. Also haben wir uns geändert, da die Farbe ziemlich unkompliziert ist. Und dann kommen wir hierher und das nächste werden wir es hier setzen und den Ein-Knopf, Sagen wir es und es ist nur, aber die Kapazität ist 20 Okay, also haben wir unseren Startrahmen und wir wollen alles, was die Zehe bewegt und sich in diese verwandeln, einige Animationen zu machen. Okay, also haben wir unsere Tourszenarien oder einen Ausgangspunkt, unseren Endpunkt, und mal sehen, wie das funktioniert. Also werden wir wählen, mit wir gehen, um Prototyp, und in diesem Fall, wir werden wählen Sie das iPhone ein plews ein Also es ist unser Startrahmen Weg Sitz hier. Wahl. Aber wir klicken und alles bewegt sich. Was wir also wollen, ist, wenn wir in diesen Kreis klicken, machen wir es einfach wie hier. Es ist oben. Wir wollen auf dem iPhone navigieren, plus zwei mit seiner Schule. Die Animation, die wir einen intelligenten animieren, um alles zu bewegen. Fangen wir damit an. Mal sehen, was es tut. Ok? Und lassen Sie uns hier anwenden, wenn wir hier auf die Schaltfläche klicken, ein weiterer Übergang auflösen. Ok, stattdessen aus. Mal sehen, wie das scheint. Wie Sie sehen können, macht es wie ein Fade super long Fade. Es wird ewig dauern. Was ist los? Oh, es sind zwei Sekunden, sagen wir, äh zu 200 500. Und diese weitere 500. Mal sehen, was hier los ist. Okay, es macht einen Übergang, aber wie Sie sehen können, bewegt sich der Kampf nicht. Der Gesamtunterteil. Es gibt keinen Anlaß. Alles ist nett. Es ist nicht schlecht, aber es scheint nicht natürlich zu sein, oder? Also hier kommt ein intelligentes Geld gemacht, um uns zu helfen, und so lasst uns einfach eine intelligente aktiviert, animieren Lassen Sie uns sagen, 500 Ich wähle dies aus und lassen Sie uns das gleiche mit diesem anstelle des Salzes machen . Gehen wir zu Smart. Animate ist in seinem out auf 500. Es ist cool. Also lass uns ihn sehen. Wie diese Worte jetzt, wie Sie sehen können, alles funktioniert. Lassen Sie uns sagen, lassen Sie uns den Übergang ein wenig größer machen. So wird wie in einer Zeitlupe wird TV-Jahre wird langweilig sein. Wir können den Effekt sehen, der hier vor sich geht, oder? Also klicken wir jetzt. Und wie Sie sehen können, haben wir den Schuleffekt, dass Sie irgendwie schnell beginnen, verlangsamt alle, die Sie wissen, es verlangsamt sich dann schneller als verlangsamt sich wieder. Und wir können alle Übergänge hier sehen. Das Ein- und Ausschalten gehen von einem Ort zum anderen, und wir können sehen, dass dieser Kreis von Blue Ray verschmilzt und alles funktioniert irgendwie. Okay, also das war's. Ein kluger. So funktioniert ein schlaues Tier. In Ordnung, also lasst uns zum nächsten Beispiel gehen 5. Kontakte – Drag: Hey, willkommen zurück in dieser Art Tutorial werden wir in Swipe Swipe Interaktionen zu sehen und wie diese Dinge zu animieren. Also habe ich diesen Prototyp hier fertig. Und wie Sie sehen können, was wir wollen, wie eine Reise Kontaktliste. Und wir wollen, äh, Khobar. Und dann haben wir hier zwei Möglichkeiten. Klicken Sie erneut auf Streifenspitze, Rückgängig. Also haben wir diese Umleitung, oder wir können klicken und es tun, also das, ähm, ziemlich es. Aber wir haben einige coole Features hier, so dass wir tun und replizieren können für unsere Wissenschaft. Und Sie sehen diese Art off Animationen auf unserem süßen Alles scheint ziemlich organisch. Mal sehen, wie man das in einem Monat macht. Also lasst uns versuchen, diese zu replizieren , also wissen wir, wie es geht. Ok. Also für die Zeit, ja, ja, gehen Zehe duplizieren Sie das direkt. Das wird also so sein, dass ich OK ging und mir vorstellen, wir haben nur diese Liste. Wie Sie sehen können, ist es ein Rebell. Zumindest habe ich mit einer Komponente erstellt, aber es ist zumindest aus einem anderen Sternetitel und allem gemacht, aber okay, lassen Sie uns verwendet, um von Grund auf neu zu wärmen. Also für diese, was wir tun, ist einfach wie ein Obermaterial zu schaffen. Sei da vorbei. Okay, also ja, sie war eine Kühler, vielleicht zum Anzünden. Erstellen Sie dann den Kreis. Es ist hier wie ein über unsere mit unserer über unsere Plugging gesetzt. Also ist es gut. Lass uns den Text setzen und er ist ziemlich dünn. Bolt, vielleicht werden sechs 19 Schulen auf dem Feld wie ein dunkelgraues Zeug sein. Und dann können wir hier setzen, wie das Datum oder die Telefonnummer, wenn wir es vorziehen. Tu es also. Okay, damit das ihre Nummer sein könnte. Und lassen Sie es uns wie eine hellere Farbe behalten. Das ist heute Abend. Wie auch immer, das ist ja, Design für Design, schlechter Prozess. Und was wir hier wollen, ist, wie, ähm,zu schaffen ähm, und hier wie einen Hintergrund wie einen weißen Hintergrund zu setzen. Ich mag es, diese wie eine Best Practice und all meine Entwürfe zu machen, denn hier kann ich die Höhe von der Luft steuern, was bedeutet, dass ich es mit einem anderen machen könnte. Wir setze ich Layout-Funktionen und alles über vier Tage, um es einfach zu geben. sei denn, ja, mach es so und lass uns eine Komponente erstellen und das wird Plus sein, denke ich, alles klar. Also werde ich das nur duplizieren und dann gemeinsam D drücken oder steuern, wenn Sie MPC sind Okay. Also, ja, wir sind gut. Jetzt werde ich alle meine Fotos auswählen, hier gehen, um Plug Ins zu gehen und zu unserem Wasser zu gehen. Es wird sich ändern. Ich werde hier ein paar Namen einfügen. Führen Sie sie auch Namen aus. Nun, ja. Wie dann haben Sie einen weiteren Steckerkegel namens Contra real. Und hier, ja, sehr gut. Alles ist gut. Ich will den vollständigen Namen. Okay, also bewerben wir uns. Wir haben unsere Namen. Wir haben Fotos. Wir haben hier alles aufgestellt. Okay, also nichts, was wir tun wollen, ist, den Lösch-Button zu erstellen. Dafür hat das, was wir brauchen, die ganze Reihe hier übernommen. Ah, ich denke, unsere vorherige Komponente ist 9 90 in der Höhe, also werden wir es schaffen. 90 verbergen Komponente waren nicht Bestandteil der Reihe für das echte Essen. Ich habe dort eine Farbe. Also in diesem Fall, in diesem Fall, werde ich es nur wie Nacht wie 89 machen. Also ist es zwischen den großen Bars. Ok? Gesendet von der D getrennt von dort ist und ich werde nur den Text kopieren. So und das Symbol. Also haben wir es hier, und was wir tun, ist, eine Gruppe mit diesem auf Call it zu machen, um es zu erledigen. Wir wissen also, wo wir sind und was wir hier tun wollen, ist, diesen Kampf in diesem Rahmen zu löschen. Aber wie Sie sehen können, sind wir in Swipe One. Und wenn ich es hier schiebe, das Element es ah, innerhalb Swap Swipe eins. Wenn ich es schiebe, kommt es abseits. Eins. Also, was wir wollen, ist, das hier zu lokalisieren und es hinein zu legen. Also habe ich gekauft. Okay, also musst du es manuell machen oder bewegen. , Die Eigenschaften auf dem X können Sie sehen,ob ich es auf Null setze, und wir wollen es auf 400 14. Es hängt vom Kurs ab. In dem Rahmen, den Sie eingerichtet haben, Ich habe das iPhone acht plus, Ja, Zehe machen alle ihre Tutorials das gleiche Gewicht. Also haben wir das hier. Was passiert, ist jetzt haben wir die Löschtaste außerhalb des Dieb-Rahmens von Swipe eins, aber es ist in diesem Rahmen enthalten. Es ist nicht wie draußen. Okay, also ist es nett, auf dem gleichen Weg zu interagieren. Also werden wir unser Design duplizieren und was wir hier tun werden und es einfach ein bisschen weiter bringen. Warten Sie. Ja. Also, was wollen wir hier? Es ist das Gleiche im Gegenteil zu tun. Okay, also sprechen wir einfach alles und bewegen es nach links. Wie wir sehen können, da wir diese Art von Gruppe gemacht haben , , ist es in dieser. Entscheiden Sie sie. Es ist auch in diesem Weiß, also müssen wir uns darum keine Sorgen machen. Lassen Sie uns also einen Prototyp dieses Teils machen und lassen Sie mich ihre Prototyp-Einstellungen ändern, damit Toe Tribe den Startrahmen auf Swipe eins gewonnen hat. Wir setzen diese in einem ab Satz Swipe ein wir hier sehen können. Wir haben keine Interaktion. Wir können nicht scrollen. Aber wir sind an diesem Teil interessiert. Also werden wir einen Prototyp starten. Also müssen wir zuerst darüber nachdenken, was wir tun wollen, und wir wollen es tun, wenn wir hier klicken. Wenn wir anfangen, hierher zu fahren, wollen wir Zehe zu diesen gestreiften Bildschirm kommen. Also drücken wir einfach diesen blauen Kreis. Kommen Sie hierher und dann weiter auf Swipe. Tut mir leid wegen Drogen. Wir wollen einen Kerl haben, der zwei schlägt, was dieser Bildschirm ist, und wir wollen auch, dass Mia das etwas kleiner macht. Die Dinge sind zu machen. Okay, also, ähm, wir wollen, dass der Zeh hierher kommt, und er ist animiert. Also haben wir den Übergang, okay. Und das Gleiche, wenn wir hier wischen, wollen wir den Zeh zurück zum ursprünglichen Anwesen kommen. Also in diesem Fall werde ich mit hier durch zu tun. Ah, beim Ziehen Navigieren zu E in diesem Fall von Streifen eins, unserem Bildschirm. Also mal sehen, wie es funktioniert. Wie das so weit funktioniert und wir haben auf dem Weg. Warren sind wischbar. Sie können sehen, dass das alles wirklich funktioniert. Und wenn du es weißt, hat er so coolen Effekt. Also haben wir unseren ersten Teil gemacht. Und was wir jetzt wollen, wenn wir wischen, können wir die Aktion tun. Aber wenn wir anklicken, wollen wir, ähm, geben wir ihm unseren Kontakt und dann wird dieser kommen. Ok, also werden wir das noch einmal duplizieren, erinnern Sie sich daran, dass alle Elemente auf den Bildschirmen gleich sein müssen . Okay, in diesem Fall möchte ich, dass dieser Text, den ich in diesen beiden Bildschirmen habe, nach rechts kommt und diese glücklicher . Also für diese, werde ich nur Null in das Opazitätsfeld setzen. Und hier, was wir tun werden, ist es, ähm machen es größer und vielleicht wie für so etwas wie Bolden massiv auf groß. Also haben wir diese, die ich Mats Boulder nenne und was wir tun werden, es ist wieder duplizierter Bildschirm. Und was wir hier wollen, ist, das loszuwerden und dann diese Kontakte hier nach oben zu bringen. Also lassen Sie uns Übergänge hier und das Prototyping anwenden. Also was? Wir wollen diese Wenn wir hier klicken, geht es hier, also tun Sie es einfach. In diesem Fall, oben, Navigato wischen fünf. Es ist Marsch. Animieren. Es fiel 800 Millisekunden und was wir es wollen, wenn das eintritt, wenn hier nach einer Weile, automatisch, geht es auf diesen Bildschirm. Also, was wir tun, ist wählen Sie den Freund und dann nach der Verzögerung, was wir hier wie eine kleine Verzögerung setzen werden. Wir werden die gleiche Verzögerung ihre 800 Millisekunden verwenden. Was wir wollen, ist, Zehenstreifen zu navigieren. Sechs wieder ist der ältere Bildschirm hier. Mal sehen, wie das aussieht. Wow, das funktioniert gut und Weg zum Klicken. Wow, das ist cool. Also haben wir diese alten Übergangslisten neu gestartet, um zu sehen, was er wa was wir geschaffen haben . Wie Sie sehen können, hat es eine Art von schönen Bewegungen hier, und es wird klicken. Oh, das ist cool. Also, das ist unser Prototyp, den wir Drogen wischen. Ah, Animationen und Interaktionen. Danke. 6. Travelopia - Hover Effekte und intelligente Animation: Hey, willkommen zurück. Und wir werden sehen, wie, wie, auf seiner byzantinischen Richtung hier. Wie Sie sehen können, werden wir um zu schaffen, Design, wo wir hoffen, für einen dieser drei Teile hier, wir können sehen, dass es steht und Sie dauert Jahr als Jahre, die auf Aktion unten genannt So, . wie Sie sehen können, ist es ein cooler Effekt, den Sie in Ihre Designs integrieren können. Okay, also mal sehen, wie können wir das machen? Ok. Wie Sie sehen können, habe ich vier Bildschirme hier ist die Hölle. Wir müssen das schaffen. Und wir müssen Ah nachbilden, unser Haus, wo wir drei Blocks haben unser Haus, wo wir drei Blocks haben. Und wir müssen diese schaffen, wo das, was es tut, ja ist, erhöht seine mit dann diese Texte. Dies größer macht größer als dieser Text Jahre hier. So wie es von hier aus erscheint. Wie Sie sehen können, habe ich es hier, als hätten wir serielle Deckkraft wie transparent. Also, was es tut, wenn es zu diesen ändert, während Hafen in diesem Bereich. Ah, diese der Aufenthalt Gesicht dieser Text wird größer, der Test kommt und setzt seine Kapazität auf 100. Es ist also beschäftigt. Nun, und dann eine Flasche Jahre von links. Wie Sie sehen können, diese Schaltfläche, Ich habe es jetzt ausgewählt, was ist das? Entdecken Sie Kambodscha, wie Sie sehen können, ist die gleiche uns hier. Entdecken Sie Kambodscha. Also haben wir, ähm, alle Elemente, ähm, von diesem Bildschirm in dieser Creme. Okay, also für seinen Martini, der funktioniert, muss es sein, dass wir die gleichen Elemente in einem auf dem Bildschirm auf dem anderen haben. Okay, also gehen wir weiter. Replizieren Sie die beiden Bildschirme. Wir werden nicht gehen, um diese zu replizieren, weil mit einem Beispiel gut genug sein wird . Okay, also vierziger Jahre und werde nur diesen Teil duplizieren. Und ich gehe einfach zu ja, erstellt von Null. Okay, also für diese Hälfte wie ein Layout, das hier erstellt wurde, nur zum Schöpferrechteck geht, muss ich sehen, ob dieses Rechteck sich treffen wird wie, ja, also etwas herum, dass es cool sein wird. Also haben wir, ähm, Sie wissen, dass freie Blöcke sind. Machen wir es, damit wir es sehen können. Unterschied. Okay, also haben wir unsere separaten Blöcke von 480 Pixeln. Übrigens, ich für das stoppe die Wissenschaft. Normalerweise benutze ich 1140 dann 9000. Es ist mein typisches Setup. Okay, also, ja, lass uns damit weitermachen. Also werde ich einfach loswerden, das ist gut. Wir sind auf der 480. Nur Kugel für hier. Also für anständige gehen, um auf einem Spritzer zu verwenden, Blufgan. Also werde ich 30 oder so. Zufällige Natur für Mal sehen. Nun, das ist cool. Und wir werden uns hier fühlen, und dann werden wir es wie Ernte ausdrücken, also ja, wir können da drinnen etwas zuschneiden. Wir werden ein weiteres Rechteck von der gleichen Größe wie dieses erstellen. Ok? Und wir werden sagen, wie Sie hier sehen können. Ich habe etwas, äh, linear in deinem Glanz oben mit etwas Deckkraft. Also, Gates, denn wenn ich den Text hier lege, ist das Kopieren und Einfügen. Dieser Test, wenn ich bezahlt habe, ist einfach Hier auf diesem Foto, Sie können sehen, es kommen, aber manchmal, um a. So können wir sehen, manchmal ist es nicht zu zuverlässig. Dafür werden wir die S Theis erschaffen, einen linearen Grady hier drin. Also lasst uns für lineare gehen. Tolle Tante und dann ändern diese die Kapazität auf 102 und dann werden wir ein paar nette. , Ich weiß nicht,ob es zu schön ist, aber ja, wir schaffen es. Also haben wir die A-Fehlmenge von Theis zu 70% oder 60% verwendet. Du kannst rumspielen, was immer du willst. Vielleicht können Sie einfach versuchen, so gut einige Multiplikation oder Bildschirm oder so etwas wie diese Schule. Na ja, was auch immer. Ich werde es einfach vier Tage lang normal lassen . Okay, wie wir hier gesehen haben, wenn wir hier Khobar sind, erscheint ein Text und erscheint dann wie eine untere Zehe. Also werde ich diese beiden Elemente hier in diesem Entwurf kopieren. Ok? Und diese unten hier und die unterste Zeile, um es hier zu platzieren, weil ich will, wenn wir auf dem Bildschirm auf der linken oder rechten Seite zu sein. Also, wenn ich nur dieses Element auswählen und Sie können es sehen, dass wir es hier Dinge haben, die er tat Sie 100 schickte diesen Text an 100 an. Wie Sie sehen können, haben wir alle Elemente von hier. Wir haben es schon hier, aber wir müssen Ach, haben diese Elemente. Wie, äh, er tat es nicht mit der Deckkraft. Du bewegst das nur um 20 Uhr und wir sind gut zu gehen. Also, was ich als Nächstes tun werde, es ist Ah, ja, ich gehe zu etwas. Ich werde diesen Text hier unten stellen. Okay, also später, wenn wir unsere Animationen und Änderungen machen, wird hier ein Wrack sein. Also, was ich tun werde, ist ja, gruppieren Sie das, und ich werde es nennen, ähm, ich werde nur Punkt eins nennen, damit wir nicht zu viel Stress über die Namen und alles bekommen . Also haben wir, denke ich auch. Idee drei. Okay, das ist gut zu gehen und was wir tun werden. Es ist, ähm, wissen Sie , äh, diese beiden Elemente setzen sie mit Null Deckkraft, weil wir später gehen. Nun, wir können es ab und zu nicht so lassen, was ich tun werde, ist, das zu Foto zu sagen , also sehen wir etwas anderes. Nein, die Palmen könnten schön sein, jetzt am Strand zu sein. Ok. Diese Schule, und dann werde ich nur dieses Foto zu und zu diesem Plus ändern, sagte Blufgan, würde wirklich die Antwort für uns wollen. Das ist nur ein weiterer Nater will. Es ist wirklich cool auf etwas, was ich tun will. Es ist ein Bild. Ich sagte nur, es zu beschneiden, so später, es macht nicht Dinge. Okay, wenn das Foto größer wird, können wir es kontrollieren und wir können es aufnehmen. Es ist also eine gute Praxis, je nachdem, was Sie das auf beschneiden setzen möchten und wir sind auffindbar. Okay, also haben wir unsere Pre-Home so ziemlich eingerichtet, und was wir tun werden, ist, das zu duplizieren, weil, denken Sie daran, wir brauchen die gleichen Elemente hier und da, selbst wenn wir Änderungen vorgenommen haben. Also, was wir tun werden, ist, diesen Kambodscha, äh, Khobar Effekt zu erschaffen äh, . Also für diese, was wir tun werden, ist es so etwas, und wir werden nur diese beiden Elemente auswählen und unsere Gamba's hierher bringen und was wir tun werden, um es so zu dehnen. Okay, ich weiß, es scheint ein bisschen schnell zu sein, aber es wird funktionieren. Dafür brauchen wir einen kleineren Text auf,wissen Sie, wissen Sie, lassen Sie sie laufen und diesen Text. Wir werden nur die Kapazität auf Null setzen. Weil es uns gut geht, dann, Äh, etwas, das ich nicht hätte tun sollen. Das ist es auch. Es scheint so groß zu sein, aber es ist wirklich egal, ehrlich, weil das Wichtigste ist, es ist dieser linke Teil. Das geht. Wir werden dieses Element nicht sehen. Also setzen wir das, um Sie wieder zu sehen, um es loszuwerden wird nicht geben beziehen Teil, wissen Sie? Und wie Sie hier sehen können, haben wir irgendeine Art von Effekten auf die 40 Also was ich empfehle ist wieder zu kommen Zehenbild, Ähm, setzen Sie es zu einer Leistung, okay? Oder um Ja zu fühlen, fühlen ist besser als erwachsen zu werden. Und dann gingen wir, um das zu nutzen, wie wir wollen, dass sich das verhalten. Gleiches gilt für Kambodscha. Nun, hier zu unserem Foto. Dann passen wir das an. Fühle Ja, beschneiden und dann können wir zu einem anderen. Das war die Schule. Diese Art, um ihre aufzuziehen, also, äh, ja, wir sind bereit zu gehen. müssen wir. Diese beiden Elemente sind bereits eingerichtet. Ok. Und für diese, wo wir tun werden, ist es in diesem Fall. Ich werde nicht so hart sein, dass Asai hier war, also war ich irgendwie eine Strecke in allem. Ich gehe einfach mit dem Foto in der Linearlinie weg. Ah, strahlend. Und lasst uns dasselbe mit dem Foto machen. Wie mit dem vorher ausdrücken wie fühlen und dann ernten. Okay, also können wir auswählen. Ah, die Position der Fotos, die wir mögen. So wird das Foto wie ein supercooler Übergang machen. Wahrscheinlich wird die Skalierung an sich großartig sein. Ich glaube schon. Lassen Sie uns die nach rechts bewegen. Und diesen Text, diese beiden Texte, wir wollen sie. Ich bin in der Mitte, also wählen Sie sie aus und wir wollen unseren Testzehen. Komm her. Ja, das ist gut. Und wir haben diesen Teil bereits eingerichtet, und diese sind eingerichtet und das ist cool. Wir brauchen nur Zeh. Versteck das hier. Also werden wir in Ciro stecken. Kapazität ist eine gleiche Sache, wird Sirup sein. Wir sehen uns wieder. Wie Sie sehen können, Super ziemlich grundlegende Einrichtung. Und jetzt sind wir bereit, Prototypen zu entwickeln. Okay, also wählen wir unser Zuhause aus und gehen dann zum Prototyp. Lassen Sie uns Prototyp-Einstellungen sehen. Startrahmen ist Norwegen. Wir wollen nicht, dass wir einfach nur Oh, ja, nach Hause wollen ja, . Ich gehe zu Hause und er ist weniger oder recht, also weniger oder recht, haben wir hier eine andere Station. Also, jetzt, wenn wir Auto unsere Prototyp-Einstellungen, Sie können hier unsere Geräte benutzerdefinierte Größe sehen, weil wir so verwenden Sie Sie gestoppt, wie es einfach verärgert, dass. Und wie Sie hier im Design-Panel sehen können, verwende ich 1140 mal 900. Also kommen wir hier zum Prototyp, verbessern Sie die Zeiteinstellungen und wir erraten, setzen Sie in benutzerdefinierte Größe diese Größe, wenn Sie mit anderen Größen arbeiten, ist ziemlich gut zu. Sie können hier setzen entscheidet, dass Sie wollen Ja. Stellen Sie sicher, dass es von Ihrem Rahmen diegleiche Größe die hat. In Ordnung. Ah, Ah, in diesem Fall, ich meine, wenn du eine Schriftrolle haben willst oder es lange Seite oder so etwas ist, kannst du einfach die Einstellungen des Prototyps lassen. Und wenn Sie mehr Inhalte hier haben, wird es scrollen. Okay, jetzt werden wir gehen und was wir wollen. Hier ist es Wir haben unseren Prototypen-Set, und was wir brauchen, ist Zehe setzen einige Interaktion und Animationen in diese Also für diese, was wir tun, ist ja, wählen. Diese Gruppe ist Hyping One ist diejenige, die wir machen wollen, wenn wir mit Select the zweiten Bildschirm plus makeover . Also, was wir tun werden, ist stattdessen aus auf Klick. Was wir wollen, ist beim Schweben, wir wollen, dass diese stattdessen zum Klassenrahmen navigieren, ab sofort mit Lassen Sie uns ein Mal machen, Mal sehen, wie es funktioniert. Wie Sie sehen können, ist das ziemlich rau. Es ist, als wüsste ich es nicht, wie vor 20 Jahren. Triff ihn nur. Also gehen wir zu statt der 's go toe, ein kluges, animieren alles in Ordnung. Und ich möchte Leichtigkeit ausnützen. Also haben wir eine Art langsamer als Beschleunigung, dann verlangsamen, wieder verlangsamen, so dass wir hier ein wenig sehen können. Und wir werden hier 500 Millisekunden setzen . Es ist also, als würde ich für eine halbe Sekunde die Hälfte gehen und sehen, wie es geht. Okay, nun, das funktioniert ziemlich gut. Wie Sie alles sehen können, bewegt es sich gut. Alles funktioniert, also ist es so ziemlich. Wenn Sie ein A wollen, so können Sie hier sehen. Was müssen Sie für die Verhaftung da draußen vor ihren Frames tun, ist, das gleiche mit ihm hier zu tun. Dafür könntest du diese und dann diese duplizieren. Ah, die ISS. Dieser Teil, äh, Tinier. Und, weißt du, wie skaliere diese nach oben und dann bewegte sie, und es ist vor muss viel dasselbe. Okay, also das gleiche, was wir hier gemacht haben, wir sollten es hier und dann zum dritten Frame machen, und wir sind bereit zu gehen. Das war's also. Wir haben weit Supergroup Prototyp beim Schweben. 7. Karten – horizontales und vertikales Scrollen: Hey, willkommen zurück toe diese kurzen Tutorial darüber, wie horizontale und vertikale Scrollen in der richtigen Weise zu verwenden . Fichman höre, habe ich hier ein Beispiel, wie man Beinarbeit kriecht und diese Vertikale Carney auf die richtige Weise macht. Okay, weil ich hier ein Beispiel habe weil ich hier ein Beispiel habe,scheint es ähnlich zu sein. , Aber ist dieser zweite Bildschirm auf der linken Seite und Sie können sehen, ob wir es nicht gut tun. Wir haben vertikale auf eine kürzliche Zeit rufen, Ja, aber es ist ruhig. Quickie. Also lasst uns lernen, wie man es richtig macht. Richtig? Also haben wir diese letzten Zeiten hier anrufen und diese Vertikale rufen hier mit funktioniert einwandfrei oder Okay, also lassen Sie uns auf dem iPhone acht plus Bildschirm hier erstellen, und wir werden es wie Klasse eins nennen. Also sind wir hier auf der gleichen Seite. Ich werde das nur duplizieren. Heather ist keine große Sache. Es ist kein großes Reh. Ist genau so, wie Sie innerhalb dieser Gruppe sehen können, gehen nur auf Gruppe dies, tatsächlich und setzen Sie dieses Rechteck hier. Ja. Singen Sie? Zu gehen, äh, das ist eigentlich die Ikone . Und ich habe den Titel. Wir haben das Ich kann den Pfeil hören. Wir haben den Text und wir haben das Know-how und den Hintergrund. Wir brauchen sie. Wenn wir also Rolle fragen Wie Sie sehen können, der Text in den Daten nicht zurück. Okay, also haben wir , einen weißen Hintergrund,der nur gelb zeigt. Also sehen wir, was los ist. Und für den Rest werde ich nur dieses Auto kopieren, das ich hier habe. Nun, ich werde es replizieren. ist es ziemlich unkompliziert Eigentlichist es ziemlich unkompliziert. Es ist also ein Gewirr, so etwas wie dieses. Montieren Sie die Bewertungen, Sagen wir für seine Putting Hintergrund wie rot. Und ich werde diesen Text hier kopieren und einfügen. Okay, das ist also der Name. Das ist eine große Zahl. Ok? Ich werde das nur in Weiß und unseren Text schreiben. In Ordnung? Nichts Schickes. Geh einfach auf 12 runter. Führen Sie das Datum aus. Ok, einfach. Also, was wir damit machen werden, ist ja. Ah, mach eine Gruppe. Ok. Also, ja, Sie zuerst. Komm schon, komm, Andy. Und Sie haben die Gruppe, und was wir tun werden, ist nur duplizieren Sie dies und da die Hintergrundfarbe gelb und wir werden eine weitere Kopie machen, und wir werden es in die primäre Ansicht setzen. Okay, also sind wir gut und vier Tage gehen wir. Wir könnten eine Gruppe oder soetwas machen, so aber dafür, wenn ich, wie, wie, für diese Art von Gruppierung, was ich gerne mache, ist es eigentlich oben, ähm, früh raus. Okay, also drücken wir auf „Sieben“ oder „Rechtsklick“, damit wir jetzt die Elemente so trennen können, wie wir es nicht brauchen. Und sogar bei manchen, wenn wir etwas Raum schaffen müssen, einige haben einen Tag Sehr, sehr Anfang. Und am Ende wird es schön sein. Also für dieses bestimmte Objekt werde ich dieses erstellen. Ich meine, ich werde sagen, wie, 20 hier unterstützen. Wir könnten 30, aber Zwanziger setzen. Gut. Also geht es auf die Zehe. Geben Sie uns diesen Platz hier in diesem Raum da drüben ganz am Anfang am Ende. Runter das hier ab. Dieses Objekt. Ok. Also, obwohl es hier wie Freund 17 ist, möchte ich das immer noch in einen Rahmen stecken. Ok. Ah, wir werden sehen. Nun, ich werde es jetzt nicht sagen. Lasst uns, er würde das mögen. Ok. Wie wir sehen können, Freund. 17 wenn Fichman den Rahmen auf den Namen der Gruppe hier setzt, ist, weil es außerhalb des eigentlichen Rahmens ist. Dafür müssen wir es tun. Komm her und ziehe es einfach in Klasse eins. Wie Sie jetzt sehen können, die Partys, er sogar so was? Wir können es sehen. Es ist wählen Sie den Rahmen und Clip-Inhalt, und dann werden Sie werden Sie Ellenbogen sein, um es zu sehen. Ok. Und was wir wieder tun wollen. Hat er das nicht zusammengebrochen, also sehen wir deutlich, was wir hier haben. Wir haben unsere Heidekraut unseren Hintergrund. Also werde ich den Hintergrund in die Heidekraut legen, eigentlich. So in Ordnung. Hier. Alles klar, jetzt ist der Hintergrund in der Heidekraut in diesen, die ich anrufen werde. Nennen Sie es wie horizontal. Wir könnten für den anderen Namen ein wenig oder was auch immer. Du willst einen Namen. Und diese würden so aussehen, dass wir diese Rahmenauswahl verwenden werden. Ok. Du hast Recht. Klicken Sie hier und Freunde Auswahl. Warum ist das so? Denn jetzt können wir die Größe vom Rahmen ändern. Wie Sie schon sehen können, werde ich einfach rückgängig machen. Wir haben nicht die Griffe, weil es ein AL Tryout ist. Okay, also müssen wir das in einen Rahmen umwandeln, um diese Wahl zu gestalten. Es wird unsere Fliege dort sein. Und was wir wollen, ist, dass wir Toby mit dem Rahmen abgeschaltet haben. Das ist leichter. Wir wollen von Anfang an von x Null sein, diesen Punkt hier abschleppen. Ok. Und warum ist das? Mal sehen, Lassen Sie uns unseren Prototyp vorbereiten, um zu arbeiten. Also in diesem Fall wird Klasse eins sein. Okay, also haben wir hier schon einen Deal. Also, jetzt sehen Sie, ich versuche, zurückzuziehen, um zu wischen, und es funktioniert nicht. Lassen Sie mich das einfach in Weiß setzen. Gelb ist nett zu viel. Sie sehen also, es funktioniert nicht, damit diese funktionieren. Was wir tun müssen, es ist ah, im Prototyp. Sehen Sie, wir brauchen jetzt keine Interaktion, nur das Überlaufverhalten. Wir müssen es nur horizontal scrollen Wie Sie sehen können, haben wir vertikale Scrollen sowie horizontale oder vertikale. Aber in diesem speziellen Fall wollen wir nur, dass diese drei Boxen Zehe von vorne auf Lee auf der horizontalen Achse kommen. Ok. Auf dem Rest der diese am wenigsten diese Diese Blätter werden wie eine vertikale machen. Es läuft gut, aber lass uns später sehen. Also haben wir dies bereits erstellt und wir nehmen diese Zehe horizontalen Scrollen und sehen. Mal sehen, ob es funktioniert. Nun, jetzt funktioniert es. Funktioniert ziemlich gut, oder? Also werde ich jetzt arbeiten, um all diese Dinge zu kopieren. Ja. Lassen Sie mich das loswerden. Ich habe, ähm, diese riesige Liste, also werde ich den Rahmen auswählen, der sie basiert. Und was ich tun werde, ist es, ah, ah, wählen Sie alle meine Elemente und wir sind hier. Siehst du? Es ist gemischt. Leg es einfach nach oben. Also, wenn Sie die Größe haben, ähm , dieser Rahmen, ist es nicht ah, Skalierung oder Herstellung waren Dinge hier, also bleibt alles an Ort und Stelle. Okay, also, äh, ja, jetzt, wenn wir hier scrollen, wie Sie sehen können, funktioniert das vertikale Scrollen und sie beeilen sich. Manchmal funktioniert Curlin auch. Okay, eine interessante Sache, die ich hier nicht gemacht habe, ist, dass wir unsere Heidekraut reparieren wollen. Also, wie machst du das dafür? Wählen Sie Ihre Heidekraut und klicken Sie einfach hier feste Position, wenn es kriecht? Also im Moment wird er an Ort und Stelle bleiben. Und wir hatten ein Sui, das wie ein weißer Hintergrund unter die Heidekraut gelegt hat. Sie können sehen, dass der gesamte Text läuft jetzt diesen Film. Okay, sehen, ob, wenn wir vermuten, dass dies transparent ist, wenn wir scrollen wird, wie Sie wissen, Messi kann cool für einige Websites sein, aber nicht für diese. So haben wir es bereits horizontal scrollen vertikale Ascoli. Okay, wir sehen uns im nächsten Tutorial. 8. Benutzer-Menü - Überlagerungen und Tauschen mit: Hey, willkommen zurück zu diesem letzten Tutorial wird schnell sein, was wir hier haben. Es ist ein Brudertyp und wir gehen auf die Zehe. Versuchen Sie drei e Overlay, wie wir hier sehen können, das Overlay-Prototyping-Tool und was es tut, ist, wie der Name sagt, es legt etwas Overlay über den Mainframe. Okay, wie Sie sehen können, habe ich diese aufgesetzt. Wenn ich also ausklicke, verschwindet, wenn ich hierher komme, erscheint das Overlay. Und wenn ich wie ein Khobar-Staat mache, weiß ich, dass es länger ist. Aber stellen Sie sich vor, Sie arbeiten in einer Desktop-Anwendung, also werde ich dies replizieren. Wie Sie sehen können, ist dies ein ziemlich unkomplizierter Abstieg, also werden wir heraus Drop-down erstellen. Also für das, wir Drover verwirren okay und wenden Soundboard die Radios, sagen wir für acht. Es ist also ein bisschen mehr da. Ich werde in diesem Fall einen Effekt anwenden. Ich werde nur das Subtile, das ich hier habe, setzen und das in Weiß setzen, die Hintergrundfarbe. Also haben wir das hier. Okay, also haben wir raus oder sind zu spät, mehr oder weniger bereit. Es ist bei ein paar Gegenständen hier. Ich denke, man sie auf ich nicht drei und mich. Ich werde mich bewerben. Probieren Sie es hier aus. Also sind sie alle gleich verteilt. Und was ich will, ist, hier einen Hintergrund in beiden elementaren. Lassen Sie mich ja. Ah, ich habe etwas pastös. So kommt es nach vorne. Normalerweise mache ich es so. Und in diesem Teil, was ich tun werde, ist, das einfach in Weiß zu setzen, okay? Denn nur wir müssen dieses Ding hier anpassen, denn später werden wir diese Farbe ändern. Und statt was, werden wir diese Art von großen blauen Bildschirm setzen. OK, um diese Overlays zu machen, was wir tun müssen, ist es, ah, ah, rahmen Sie die Auswahl. Ok? Weil es so ist, wie sie funktionieren. Also werden wir nur das aus unserem Hauptrahmen entfernen. Und wie Sie sehen können, haben wir hier jetzt diesen Rahmen zu gehen, um toria Overlay ein, weil wir gehen, um dies in die S in Ordnung zu duplizieren auf diesen Hintergrund anwenden, wenn wir Khobar oder wenn wir in den Punkt zwei klicken. Okay, also haben wir alle so ziemlich die Spitze. Und was in Wir gehen zum Prototyp-Modus jetzt und denken Sie daran, wir müssen uns ändern. Unsere sind Startrahmen. Wir wollen diese eine Möglichkeit sein, das Tutorial mit diesem zu machen. Okay, und was wir das wollen, wenn wir hier auf den Benutzer klicken, Ähm, standardmäßig Füße Myers sagen in Arigato. Aber wie wir hier sehen können, was ist los? Wenn wir das tun, navigiert es, aber es ist schrecklich. Das ist also nicht die Tatsache, nach der wir suchen. Und was wir wollen, ist, wenn wir hier klicken die Overlays glücklicher hier, aber die Aufrechterhaltung dieser Freunde. Also lasst es uns tun. Lasst uns Overlay öffnen und mal sehen. Was bedeutet das? Ja, wir fangen damit an, wenn wir das tun. Es erscheint hier in der Mitte, damit wir kontrollieren können, wo sie Jahre überlagern. Also, dafür verkaufen wir es hier, und, und, wie Sie sehen können, heißt es Mitte, es bedeutet, dass er Schlepptau geliefert hat. Es wendet die Überlagerung auf die Mitte an. Die Seite können wir wie schnelle Anpassungen vornehmen und Sie können sehen, wohin er geht. Sie können hier sehen, dass es sich bewegt. Was ich normalerweise für diese Partikel mache, sind Overlays. Es ist immer für Zeman. Außerdem kann ich positionieren, was ich in diesem Fall würde. Diese Position ist gut und was ich will, ging weiter gut schweben oder getreten. Sagen wir oben, Okay, wenn wir, ähm, auf den Gegenstand klicken, um diese Art von Hintergrund oben Jahre hier. Also lassen Sie es uns sagen. Und was wir auch wollen, ist, dieses Overlay mit diesem älteren Overlay auszutauschen. In Ordnung, also werden wir auf Overlay drauf setzen. In diesem Fall gehen wir Zehenverwendung mit Stopp mit Wo es bedeutet, dass es diesen Rahmen mit diesem anderen Freund ändert , aber hält die übermäßig über. Okay, also wählen wir noch einmal aus. Das und wir werden Zeh gehen. Machen Sie es mit Tutorial. , stoppen Stoppen Sie, stoppenSie mit Tutorial zu diesem, diesem und der Animation, die wir sofort sein wollen. Wir wollen nicht, dass irgendwas die Seele hat. Wir sind Sache, dass wir die kluge, animieren Mal sehen, was es tut. Okay, es ist also, es funktioniert gut, aber lassen Sie uns sehen, andere Optionen, die hier in den Overlays sind, ist sexy. Wie Sie sehen können, haben wir Position auf Overlay manuell, und wir haben zu schönen Optionen hier, dass die erste ist in der Nähe, wenn Sie außerhalb klicken. Das bedeutet, wenn ich draußen klicke, wird verschwinden, was ziemlich gut ist, weil normalerweise das Verhalten, das Sie in Ihren Prototypen wollen, dass Sie, wenn Sie in vielen Overlay haben , wenn ich draußen klicke, wird verschwinden, was ziemlich gut ist, weil normalerweise das Verhalten, das Sie in Ihren Prototypen wollen, dass Sie, wenn Sie in vielen Overlay haben, nach unten. Was wollen Sie sehen oder was Respekt ist das, wenn Sie außerhalb von ihm klicken? Dann verschwindet er und ein weiterer CUF-Esser, der mein Haus füttert, Es ist , Ah, diese im Hintergrund hinter Overlays. Wie Sie vielleicht wissen, wenn Sie machen, wie Overlays oder Pop-up einige Pop-up-Menüs oder einige Pop-up-Karten Wenn Sie hier klicken, erhalten sie diese Art Hintergrund Ah, ein wenig dunkler in, um das Element Pop Pop nach oben. Normalerweise mag ich Zeh wirklich in Kontakt zu sein, also mag ich es nicht. Ich schiebe nicht vorwärts gehen etwas herum, dass vielleicht für ein Pop-up oder für ein Modellfenster, es ist gut. Aber nicht für diese Art off Elemente. Eigentlich, für diese Art von Elementen, habe ich es normalerweise nicht in Ordnung, weil du das traurige Oh hast habe ich es normalerweise nicht in Ordnung, , also ist es gut genug, um zu konkurrieren. Vielleicht ist dieser Satellit nicht der beste, weil wir hier ein bisschen unsere Grenze verlieren, aber okay, das ist das. Diese Dinger sind entworfene Dinge. Und das ist für Prototyping und Animation. Richtig? Also sind wir hier ziemlich fertig, also können Sie sehen, dass wir diesen Übergang haben. Sie müssen also lernen, was Sie mit Overlays machen können. Also danke, dass du dich mir angeschlossen hast und dich auf dem letzten Video sehen kannst. Danke. 9. Glückwunsch und Danksagungen: Herzlichen Glückwunsch. Du hast es geschafft. Du bist hier. Ich möchte mich nur bedanken, dass du zu den Ergebnissen gegangen bist und natürlich abgehauen bist. Ich hoffe, dass Sie auch etwas Interessantes gelernt haben, sind wirklich gut, wie Sie versuchen, einige Beispiele Esel zu machen, die wir in der Klasse auf, dass getan haben. Sie setzen Ihren Prototyp ein Video oder Link zu Ihren Füßen Now Prototyp. Also, wenn Sie irgendwelche Zweifel haben, kann ich Ihnen helfen, es zu überprüfen oder wie Sie es verbessern oder was auch immer. Sie haben es einfach auf das Diskussions- oder Kommentarpanel gesetzt, und ich möchte, dass Sie uns ermutigen, alle Zahlen zu sehen, die ich habe. Vielleicht finden Sie etwas von diesem interessant. Wie Sie an einem smarten Outdoor-Outdoor- und Sigma interessiert sind. Oder vielleicht, wie man das Wissenschaftssystem von Grund auf neu erstellt. Tun Sie ja. Ich habe mein Gedankenprofil beschäftigt. Und Sie haben mehr Kurs oder über fiqh Geist Skizze zu. Vielleicht hast du ein paar von ihnen gefunden. Interessant. Also danke für deinen Feind und wie dein Tag