Die Prinzipien von Figma – Grundlagen schnell lernen | Gary Shikhelman | Skillshare
Schublade
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Die Prinzipien von Figma – Grundlagen schnell lernen

teacher avatar Gary Shikhelman, Learning is fun

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      0:50

    • 2.

      Warum Figma

      1:03

    • 3.

      Erste Schritte

      1:32

    • 4.

      Tools

      3:49

    • 5.

      Drahtmodell

      4:09

    • 6.

      Design (High-Fidelity)

      19:27

    • 7.

      Prototyping

      6:44

    • 8.

      Designsystem

      5:52

    • 9.

      Plugins?

      2:40

    • 10.

      Letzte Gedanken

      0:54

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

3.847

Teilnehmer:innen

24

Projekte

Über diesen Kurs

Allow mich die Grundlagen von Figma zeigen Höre mir zu, während du dir geduldig vorkommst, wie es gemacht hat. Wir beginnen mit dem Erstellen eines a und erlernen dann einige grundlegende Tools. Ich zeige dir, wie du einen wireframe, einen hochgenauen Entwurf und einen Prototyp erstellen kannst. Ich bin sicher, dass wir gemeinsam in diesem sehr kurzen Kurs viel Spaß machen werden. Los geht!!!

Triff deine:n Kursleiter:in

Teacher Profile Image

Gary Shikhelman

Learning is fun

Kursleiter:in
Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo. Mein Name ist Gary und ich wohne in Los Angeles, Kalifornien. Ich bin ein U X du I Designer und willkommen zu meinem Figurenkurs. Big war ein sehr leistungsfähiges Werkzeug, vor allem, weil Sie darin entwerfen können und Sie auch Lebensprototypen darin machen können. Und auch, es ist etwas, das direkt in Ihrem Web-Browser lebt. Also verlassen Sie sich auf keine Software. Sie müssen nicht unbedingt irgendetwas auf irgendeinem Computer installieren. In diesem Kurs. Wo wir tun werden, ist ich werde Ihnen zeigen, wie man einige der grundlegenden Werkzeuge benutzt und wie ich mit ihnen arbeite. Und danach werde ich einen Drahtrahmen nur mit einem Bildschirm erstellen, und aus diesem Drahtrahmen werde ich ein High-Fidelity-Design mit einigen dieser Werkzeuge erstellen. Und dann machen wir aus diesem High-Fidelity-Design auch einen Prototyp. So können Sie das ganze Paket sehr, sehr schnell lernen . Ich habe diesen Kurs speziell für jemanden entwickelt, der nur versucht, ihre Füße nass zu bekommen und gerade erst in der Figur zu beginnen. Als Anfänger weiß ich, dass du einen tollen Job machen wirst, die kurze Zeit mit mir zu verbringen. Lasst uns anziehen 2. Warum Figma: einige der Hauptgründe, warum Figments so ein gutes Programm ist. Im Grunde ist es, wie ich bereits erwähnt habe. Es ist rein browserbasiert. Sie können buchstäblich öffnen Sie es einfach in, ah, modernen Browser und starten Sie einfach weg zu entwerfen. Es ist ein sehr leichtes Programm und erfordert nicht, dass viel Ressource von Ihrem Computer ist , so dass Sie älteren Computer haben können und alles sollte immer noch funktionieren. Fine figure erlaubt mehreren Designern, die exakt an demselben Dokument arbeiten , was bedeutet, dass ich an diesem Dokument in Los Angeles arbeiten könnte, und eine andere Person könnte an genau dem gleichen Dokument in Israel arbeiten, und wir könnten beide Dinge gleichzeitig modifizieren. Es funktioniert sehr schnell und reibungslos, und nur mit ein wenig Aufwand, es ist ziemlich einfach zu lernen. Handoffs sind auch ziemlich einfach. Nachdem Sie mit Ihrer Datei fertig sind, gibt es eine kleine Freigabe-Schaltfläche. Sie klicken einfach, dass und erhalten Sie einen Link, und Sie könnten einfach senden, dass an Entwickler oder andere Entscheidungsträger, wo jemand anderes und verwendet, um zu sehen, dass und Dinge Art von gespeichert werden ähnlich wie Dropbox Google Drive nur direkt in der Cloud. Ich möchte erwähnen, dass die Software für Einzelpersonen völlig kostenlos ist, und ich denke, jeder sollte dieses Ding wirklich nutzen und es wirklich nutzen. Im nächsten Video werde ich Ihnen zeigen, wie Sie mit Fig MMA beginnen und auch einige der grundlegenden Tools verwenden. 3. Erste Schritte: in diesem Video werde ich Ihnen schnell zeigen, wie Sie in Fig MMA beginnen. Also bin ich hier drüben auf Igman Dot com. Das ist, wo Sie gehen, um Ihr erstes Konto zu erstellen, und so ziemlich Sie konnten sehen, dass sie , wissen Sie ein paar Videos, verschiedene Dinge, Art zu erklären und zu beschreiben, was für sie tun können und was sie tun. Es gibt wirklich nettes Video. Ich empfehle, das zu überprüfen, wenn Sie eine Chance bekommen, aber das allererste, was Sie tun möchten, ist, gehen Sie zum Anmelden SETI und klicken Sie oben rechts darauf und so ziemlich hier legen Sie Ihre E-Mail, setzen Sie Ihr Passwort und erstellen Sie einfach Ihre erste -Konto und befolgen Sie einfach die Schritte. Sobald Sie Ihr Konto erstellen, werden Sie ein paar Schritte folgen und Sie werden zu diesem grundlegenden Bildschirm für den größten Teil des Bildschirms wird leer sein und nicht zu viele Dateien haben. Für den Moment, so ziemlich wie Sie hier oben links sehen können, werden Sie beginnen. Sie haben Ihr Konto, die Ihre grundlegenden Informationen in Ihrem Profil haben, und dann haben Sie ah, suchen. Sie könnten nach Fouls suchen für Anfang wird leer sein, aber irgendwann werden Sie eine Menge Dateien dort haben, und dies wird Ihnen eine aktuelle Dateien von verschiedenen Dateien zeigen. Europan kürzlich hier zeigt verschiedene Plug-Ins, die Sie installieren können, und ich werde darüber ein wenig später sprechen. Es ist sehr nützlich hier. Sie haben verschiedene Folgen entwerfen, an denen Sie gearbeitet haben, und dies wird Ihre ersten Projekte sein, die tun wollen, ist nur Hit file new, und Sie haben eine brandneue Leinwand, wo Sie beginnen können. Und wenn Sie Ihr Ziel in diesem kleinen Hamburger-Symbol zurückgehen wollen und Sie einfach wieder zu Dateien und Sie kommen zurück, Sie sehen, Ihre neue Datei wurde generiert. Wenn Sie Vater fangen müssen, können Sie im Grunde nehmen diese catch-Dateien und importieren Sie sie in diesen Browser direkt um diesen Bereich und konvertieren Sie sie in Figurdateien für Sie ist sehr, sehr nützlich und auch, um Sie daran zu erinnern, dass wir Browser basiert, so dass das sehr, sehr mächtig 4. Tools: Nun lassen Sie mich Ihnen ein paar Werkzeuge und Panels in diesem erstaunlichen Programm zeigen. Also zuerst, ich habe diesen Namen geändert. Sie können diesen Namen nicht wirklich in etwas ändern, was Sie wollen, klicken Sie einfach mit der rechten Maustaste und gehen Sie zum Umbenennen. Und du könntest einfach das Follow-up für was auch immer anrufen. Und ich nenne es nur unsere erste Akte. Also klicke ich einfach hinein und gehe in die Datei, die wir früher und hier gemacht haben, beginnend auf der linken Seite, hier wären alle Ebenen vorhanden. Auf der linken oberen Seite haben wir andere. Jetzt haben wir dieses Menü, das verschiedene Optionen hat, dass wir verschiedene Dinge tun können. Aber ich fange normalerweise an, indem ich einen Rahmen in diesem Rahmen mache. Sie können hier auf der rechten Seite sehen, dass Sie verschiedene Frames haben können, mit denen Sie arbeiten. Nehmen wir an, Sie arbeiten mit einem iPhone 11 pro, also können Sie darauf klicken. Und jetzt haben wir gerade dieses kreative Kunstboard für Sie geschaffen. Dieser Rahmen. Und im Grunde, wenn Sie ihren Freund erstellen, könnten Sie hier auf der linken Seite sehen, dass diese Ihre Ebenen wären, so dass Sie verschiedene Dinge erstellen können , die in den Ebenen leben, wie ich gerade diese zufälligen Boxen erstelle und Sie konnte sehen, dass beim Erstellen der Boxen die Layer auf der linken Seite erstellt werden. Wenn ich die Box skalieren möchte, kann ich Shift halten und einfach unten rechts halten. Und ich ziehe nur ein und es skaliert es proportional. Oder wenn ich die Box-Größe ändern möchte, kann ich sie nach oben und unten bewegen, links und rechts, und sie ändern sich oben. Außerdem kann ich es Linie Aero-Lippen, Polygonstern und Sie können Bilder so platzieren, wie lassen Sie uns einfach ein für ein Beispiel tun, damit ich wie eine Linie tun kann und ich könnte nur Linien erstellen. Ich möchte, wenn ich nur Linien für mein Design erstellen möchte. Wenn ich einen Drahtrahmen oder so etwas tragen möchte, kann ich einfach Linien erstellen. Eine andere Möglichkeit, dies zu tun, ist nur mit Verknüpfungen zu tun. Ich kann einfach L. schlagen und dann, wenn ich L trage, lässt es mich Ah erstellen, diese Linie und es lässt mich wieder diese Linie erstellen. Und da wir von Verknüpfungen sprechen, kann ich hier unten rechts gehen und das Fragezeichen drücken und hier Tastenkombinationen und buchstäblich kann ich alle Verknüpfungen sehen, die innerhalb dieser Anwendung vorhanden sind, die sehr, sehr hilfsbereit und macht meine Arbeit schneller abfließen. So, zum Beispiel, eine der wichtigen Verknüpfungen, die er verwendet, sind Sie Raum. Also hatte ich es Platz. Es tut das Taschentuch, das, wenn Sie Fotoshop oder Illustrator ein anderes Design-Programm verwendet, das ist wie ein ziemlich Standard. Eine weitere Tastenkombinationen, die sehr beliebt ist, die ich gerne verwende, ist die Befehlszeit, die das Menü verbirgt. Also trage ich Kommando, Periode, Periode, und du könntest hier sehen, dass die linke und die rechte Seite und die Oberseite alle versteckt werden. Also, wenn ich nur vergrößert bin, habe ich Befehl plus und ich zoome hinein und ich überlege Befehl minus und verkleinere eine andere wichtige Sache, die ich mag. Also bin ich ein großer Fan von Art von dunklen Modus, und diese Anwendung hat nicht wirklich dunklen Modus, aber ein kleiner Trick weg um sie herum. Also bin ich hier und ich habe den Rahmen gerade ausgewählt, und wenn ich den Rahmen wähle, ich einfach schnell draußen und klicke einfach auf den Campus. Nichts ausgewählt bemerkte die rechte Seite. Es steht Hintergrund. Er fünf e fünf oder 5 35 55 und ich kann einfach klicken, dass und klicken Sie auf eine beliebige Farbe, die ich im Hintergrund Änderungen an meiner Farbe der Präferenz und in der Regel gerne ändern Farbe auf die dunklere Farbe, welche Art von emuliert dunklen Modus. Und diese rechte Seite ist irgendwie dynamisch. Also, was auch immer Sie wählen, sagen wir, wählen Sie dieses Feld und Sie könnten sehen, dass die Box ausgewählt ist. Ich kann verschiedene Informationen für die Box-Art des Ortes haben, an dem es sich befindet. Ich kann Effekte hinzufügen, die nicht strichen können. Nehmen wir an, ich möchte einen Schlag auf der Schachtel haben. Sie bemerken, dass ich einen Strich hinzufüge oder ich kann einen Schlagschatten hinzufügen und das in welcher Weise auch immer beeinflussen . Aber es ist eine Art kontextabhängige Art von Dynamik, abhängig von dem Element, das ich wähle, ändert diese Seite schnellen kleinen Tipp in etwas anderem. Ich mache es gern. Ich habe diesen Rahmen ausgewählt und ich komme hier im Eckenradius, und ich mag es, dies zu ändern, um etwas zu mögen, wie eine 40 so etwas, in einer Art emuliert, wie ein mobiles Gerät aussehen könnte, und wenn Sie etwas exportieren möchten Ich sagen, dies sind Symbole oder Bilder oder Sie wollen die ganze Datei erwarten. Sie wählen einfach im Grunde das Element, das Sie exportieren möchten, und Sie gehen einfach hier den Export, und Sie könnten einfach exportieren, welches jemals Sie einen formatieren. 5. Drahtmodell: Jetzt werde ich Ihnen schnell zeigen, wie ich mit dem Drahtrahmenprozess umgehen kann. Also habe ich die Skizze vor ein paar Minuten reingebracht und Sie können buchstäblich Bilder oder irgendetwas anderes schriftlich ziehen , um herauszufinden, dass Sie es buchstäblich einfach von Ihrem Desktop oder von wo auch immer es sich befindet. Und in dieser APP, Demonstration wird ziemlich viel eine Kontakt-App sein, so ziemlich eine erweiterte Version einer Kontakt-App. Also werde ich anfangen, indem ich einen schlage, der mir meine Frames hier öffnen wird. Ich werde mein Telefon 11 Pro treffen, wodurch dieser Rahmen hier reingehen und den Abschleppdrahtrahmen ändern wird, weil wir das machen werden. Dann in meinen Drahtrahmen sind in der Regel gerne mit dieser blauen Farbe zu arbeiten. Also komm ich hierher im Phil und ändere den Hex in Dezimalfarbe in diese Farbe. Sie können hier reingehen und jede Farbe wählen, die Sie wollen, aber in der Regel, wenn ich Wasserrahmen mache, Ich mag sie blau sein, weil es dann diese Blaupause Gefühl hat. Und ich benutze die Skizzen eine Referenz, die ich trage Oh, auf meiner Tastatur, die eine Abkürzung für ihre Lippen Werkzeug ist. Und da habe ich gerade in den Lippen gemacht. Ich kann klicken, macht 100 mal 100 oder ich kann einfach so ziehen und einfach die Größe machen, die ich will. Also werde ich 70 mal 70 machen und dann werde ich Shift X drücken, was den Vordergrund im Hintergrund invertiert. Und dann gehe ich nicht da rein und ändere es zu reinem Weiß, dass ich auf meiner Tastatur Tee treffe , um den Text zu wählen und ich schlage. Und ich tippe nur Namen ein, weil das hier die Namen der Leute sein wird. Ich ändere die Farbe. Ich komme hierher und die Farbe auf dem Feld und wähle Weiß, um diese weiße Farbe zu haben . Ich habe beide ausgewählt, indem ich Shift gedrückt halte und den Namen auswähle und das so wähle, dass du sie auf der linken Seite sehen könntest und die Ebenen werden beide ausgewählt. Ich könnte sie auch wählen, indem ich sie hier halte und die Schicht gedrückt halte. Und jetzt sind sie beide ausgewählt, die ich halte Kommandant schlagen G. Also macht es eine Gruppe, wenn ich Option zur gleichen Zeit halte. Während Sie auf das Element klicken. Es dupliziert den Artikel, und ich kann nur ein schnelles Duplikat davon haben. Und wenn ich gleichzeitig Shift eine Option halte, bewege ich mich und du kannst hier sehen, dass ich mich mit einer bestimmten Anzahl von Pixeln bewege. Also werde ich es 10 Pixel weglegen und loslassen. Jetzt treffe ich den Befehl D, der meine letzte Aktion dupliziert, was wirklich, wirklich nützlich ist . So kann ich einen Haufen dieser Kreise wirklich, wirklich schnell machen, indem ich es so mache. Jetzt gehe ich auf meine Tastatur, um nur eine sehr, sehr schnelle Zeile zu machen und standardmäßig schwarz ist. Und ich werde nur die Zehe weiß hier an der Seite wechseln. Jetzt haben wir das hier. Weiß kam ziemlich gut vorbei. Jetzt werde ich wieder Präsident T übernehmen. Es tippt einfach Vertrag ein, und ich komme nur in der Schrift hierher und ich mache die viel größer und ich mache sie weiß. Das wäre also da. Eigentlich ändern, dass zu kontaktieren, weil es Plural Holding Option sein wird. Ich dupliziere es, und ich werde es einfach kleiner machen, vielleicht 12, und ich werde Filter hier setzen. Filter. Sie werden das Filter-Symbol sein, das nicht unsere auf meiner Tastatur trifft. Und ich mache diese Box nur sehr schnell. Ich drücke Shift X, um es zu invertieren. Das wird eine Abkürzung für Leute sein, um durch den Kontakt zu blättern. Sehr schnell nach unten halten Option ist nur ziehen diese Gruppe, die wir früher gemacht tatsächlich diesen Namen löschen. Und ich nehme den Kontakt und dupliziere ihn und mache dann noch einen direkt darunter . Und ich rufe einfach an. Ich werde nur den Vornamen auf der Unterseite sagen. Ah, keine Schulen. Hey, Nachname, was ich tue. Du kopierst einfach das Einfügen, und ich werde es etwas kleiner machen. Einige kommen schon und ändern sich auf 22 wie ein 12. So etwas wie das. Und diese müssen nicht perfekt sein. Es gibt keine Ausrichtung oder nichts Ähnliches nötig. Das ist buchstäblich nur sehr, sehr schnell. Denn das ist nur der Drahtrahmen. Da ich alle drei Elemente ausgewählt habe, trage ich den Befehl. Meine Güte, eine andere Gruppe. Jetzt halte ich nur die Option und dupliziere diese Gruppe, die wir gerade einen nicht treffenden Befehl d gemacht haben, um die Aktion zu duplizieren. Wir haben es gerade getan. Wir sind fast fertig mit diesem Drahtrahmen. Jetzt nehme ich den Filter und kopiere das auch. Und ich werde das ändern, um richtig hinzuzufügen, weil wir hinzufügen müssen, dass ich alle auf meiner Tastatur treffe, um einen kleinen Kreis sehr schnell zu machen und Befehl X zu drücken , um diesen Kreis zu invertieren. Und das ist nur ein schnelles Anzeigen-Symbol wird nur dort schweben bleiben. Und sehr schnell, das ist hoch. Erstellen Sie Drahtrahmen. Im nächsten Video zeige ich Ihnen, wie ich diesen Drahtrahmen in ein High-Fidelity-Design verwandle. Wir sehen uns dort. 6. Design (High-Fidelity): Im letzten Video haben wir diesen Drahtrahmen aus der Skizze erstellt. Und in diesem Video werde ich zeigen, wie man ein High-Fidelity-Design kreiert. Sohn, du wirst einen schlagen und einen anderen iPhone Pro erstellen, der übrigens abgeschirmt ist, anstatt das zu tun , könnten wir auch nur halten Option könnte einfach dieses Ding kopieren. Kopiere unsere Freunde. Wir, das ist ein anderer. Das ist eine andere Sache, die wir tun können. Aber ich werde nur diesen Rahmen für den Moment erstellen. Und was ich tun werde, ist, meinen Drahtrahmenrahmen und meinen normalen Rahmen auszuwählen, den ich gerade diesen neuen gemacht habe, und ich höre Gehe den Eckenradius hören und ich werde 40 dort treffen. Das macht diese schöne Ecke, die ich gerne so arbeite. Irgendwie werde ich das etwas so bewegen. Und ich werde das Bildschirmdesign nennen, das ich treffen werde, sind auf meiner Tastatur und ich erstelle nur diese Box und lege sie in die Seite und merke, wie es an den Rändern geschnappt ist, wenn ich es den ganzen Weg zu den Rändern bei 3 75 Und diese Box muss 3 75 mal 2 25 sein die ich auch hier eintreten konnte . Also werde ich zu 25 gehen, wenn ich diese Box trage und wenn ich darauf doppelklicke, kann ich hier zur Seite kommen und ich kann diese Ecken anklicken und ich könnte wirklich, wie, wie, brechen Sie diese Box herum und tun, was ich will. Also wissend, dass ich Shift in halte, ziehe einfach die Box nach oben, um zu bemerken, wie es sich auf etwa 1 83 ändert. Also mache ich das einfach. Ich werde nur den Namen dieses Artikels standardmäßig oben ändern. Es heißt auch Rechteck, auch Rechteck, und ich nenne es einfach Ah, schnell Kontakt BG für Hintergrund. Ich will wissen, machen Sie diesen Gegenstand zu einem Grady. Und so standardmäßig hier, sehen wir standardmäßig hier,dass es eine Feldfarbe gibt, und wenn ich dieses Gefühl wähle, wenn ich unter solide gehe und linear gehe, kann ich einen Grady int erstellen, und im Grunde kann ich es haben. Ich kann hier die obere Farbe wählen, und sie war eine andere Farbe an der Unterseite. Ändern Drink Transparenz auf 100% und Sie könnten sehen, hier gibt es eine schöne unsere Fade und Sie könnten die Grady und um bewegen, je nachdem, in welcher Richtung Sie wollen, dass es verblassen. Und ich will es irgendwie von der Seite haben, von der linken Seite nach rechts, bis zum Rand. Das ist meine linke Seite, und das ist meine rechte Seite. Und die linke Seite wird die blaue Farbe leugnen, was so etwas ist, und die rechte Seite wird diese Art von violetterer bläulicher Farbe haben. Jetzt möchte ich den Hintergrund des Bildschirms von weiß zu dieser anderen blauen Farbe ändern. Und du könntest hier im Grunde klicken und nur wirklich, du weißt schon, wählen und du könntest willst, aber ich gehe mit dieser Farbe. Also werde ich mich schnell auf Splash aufmachen. Ich möchte eine Person finden, die zeigt, wie man Profile sehr schnell erstellt, damit ich zum Beispiel dieses Bildmachen , damit ich zum Beispiel dieses Bild kann. Ich könnte kopieren, und ich könnte es einfach direkt einfügen. Jetzt haben wir dieses Bild da drin, und es ist automatisch in diesem Rahmen. Das ist Hoffnung, nicht mit mir reden, nur eine Art Arbeit in Fig MMA. Also bin ich einfach so, als würde ich das anpassen, und es hält automatisch alles in diesem schönen Rahmen. Also werde ich hier reingehen. Wir erinnern uns, dass diese 70 mal 70 waren. Ich gehe hier rein, aber es passiert um 70. Also weiß ich, dass es so etwas in dieser Gegend sein wird. Und ich kann den Radius der Porter ändern, um , 100 Mal, diese Steuer zu übernehmen und hierher zu kommen und einfach It's's einzufügen. Und jetzt haben wir diesen Text mit Namen. Ich wollte die Schriftart hier ändern. By the way, Figment kommt mit einer Reihe von vorgeladenen Google-Fonts, was erstaunlich ist. Und es lädt auch eine Menge Ihrer Systemmittel. Und es gibt noch mehr. Es gibt andere Möglichkeiten, mehr Geld zu laden, aber nur für Sie, um zu wissen, dass es eine Menge Geld gibt, aber wenn Sie sich von den Schriftarten für Moment entfernen, sagen wir, dass wir dies in eine dynamische Art und Weise machen wollen, um viele verschiedene Profile zu haben, was wirklich, wirklich cool ist. Ich könnte dies in das Namensprofilbild ändern. Lassen Sie uns dies zu einer Komponente erstellen. Ich wähle nur das Element aus, das ich hier komme, und klicke auf diese Schaltfläche Komponente erstellen . Jetzt konnten Sie sehen, dass dies eine Komponente ist und Sie können auf der Seite sehen, dass es ein anderes Symbol hat . Ich dupliziere die Komponente, um ein paar weitere Instanzen der Komponenten zu erstellen, da diese drei Instanzen dieser Komponente sind. Was ich es tun konnte. Ich kann zu dieser Komponente kommen und ich kann alles, was ich in diese Komponente geändert habe, wie aus irgendeiner Art von Effekt, oder machen Sie es transparent, was Sie hier kommen können und machen Sie es machen, sagen wir, 50% transparent Ich ändere nur, um eine 50% transparent zu machen, und alle drei Elemente werden auch 50% transparent, und sie haben auch diese Wirkung auch auf sie. Aber wenn ich zu jedem Einzelteil gehe und ich das in,sagen wir, 100% dieses ändern möchte sagen wir, , sagen wir 5% dieses. Ich kann sie individuell berühren, also mag es vorerst etwas verwirrend erscheinen, aber ich verspreche Ihnen, es ist eine sehr mächtige Sache. Wenn wir ein bisschen weiter kommen, wirst du sehen, wie cool es ist. Also drücke ich nur den Rückgängig-Befehl Z, um ein wenig in die Zeit zurückzukehren, also verstehe ich das einfach nicht und jetzt ist dieser Artikel immer noch eine Komponente. Und was ich tun werde, ist, ein bisschen in die Zukunft zu gehen und ein paar weitere Profilbilder einzubringen . Also ging ich ein wenig voran, um Ihnen etwas Zeit zu sparen und in ein paar weitere Bilder importiert und jedes von ihnen in ein Komponentenprofilbild umgewandelt. 123 und so weiter. Denn jetzt haben wir diese in Komponenten erstellt. Ich könnte hier neben den Ebenen kommen ist ein kleines Symbol, das Assets sagt. Ich kann darauf klicken und Sie konnten hier sehen, dass wir unsere Komponenten auf der Seite haben. Ich könnte hierher kommen und diese Komponenten einfach rausziehen. Und wie wir bereits gesagt haben, wenn ich in den Meister komme, diese Luft, nur alle Fälle der Beschwerde, die an den Master kommen und ich ändere mich, als würde ich jetzt zu einem transparenten ändern, damit Sie sie sehen können alle geändert. Also, wenn Sie ein wenig wirklich große App mit Hunderten von Bildschirmen haben, Sie nur buchstäblich eine dieser Komponenten und Updates überall ändern. Sehr, sehr cool. Ich lösche diese aus dem Bildschirm, wenn ich zurück zu den Ebenen gehe und auch, was Sie für die Organisation tun möchten . Ich trage ein, um eine neue unseren Hafen zu schaffen. Und ich bin nur auf die sind arm, so dass standardmäßig ein Frame eins aufgerufen wird. Und ich werde es von Fett ändern, die es sagen Profilbilder. Also, jetzt will ich zu den Vermögenswerten gehen. Sie konnten sehen, wenn ich unter Profilbildern traf. Jetzt ist es irgendwie organisiert. Also, wenn ich eine Menge mehr Komponenten habe oder sie schön für Sie organisieren, die Dinge nicht überall sein. Also lasst uns jetzt eines dieser Profile nehmen und es hier rüber stellen. Nimm den Text, den wir vorhin gemacht haben. Legen Sie es einfach hier rüber. Eine andere Sache, die wir tun können, ist, dass wir tatsächlich Komponenten in anderen Komponenten. Ich wähle beide Elemente, und ich werde Komponenten und nur erstellen. Jetzt haben wir einen Artikel darin, der eine Komponente ist, und eine, die nur Text ist, der dieses Element dupliziert und herunterbringt. Lasst uns das einfach wegnehmen. Das war also 80 unten und 20 von links, damit Sie sehen konnten, dass ich die Option halte, damit ich das messen kann. Also halte ich nur die Möglichkeit, die Sekunde nach oben zu bewegen. Siehst du, es ist eine von oben und 20 von links, und ich glaube, ich habe diesen Namen ein bisschen zu niedrig. Also komm einfach wieder her und zieh das ein bisschen und du siehst, dass wir umgezogen sind . Es ist hier Nun, ich halte Option und dupliziere nur dieses Profil. 10 Pixel entfernt, nicht auf Befehl D stoßen und nur mehr mehrere Profile kopiert. Also, was ich hier tun könnte, ist, dass ich tatsächlich innerhalb von dort doppelklicken kann, und es kann hier kommen, wo es Instanz sagt, und ich kann mich von ändern, weil wir diese organisierten Komponenten erstellt haben, um hierher zu kommen. Die Standardeinstellung ist profile. Bild eins. Jetzt klicke ich auf Profilbild, um dieses erneut auszuwählen, wähle Profil Bild drei und so weiter. Also weiter macht ein Beispiel mit den Namen, die ich hier reingehen und verschiedene, unterschiedliche Namen setzen kann. Wenn ich diesen Namen ändere, um sagen wir, wie die Schriftarten, um ein Schwarz oder so etwas zu mögen, könnte man alles sehen oder wie ein Rot. Sie können das leichter sehen, also haben sie sich alle geändert, um zu lesen und diese alle ändern sich direkt weil ich die Hauptkomponente ändere, die ich jetzt machen werde, und lösche sie einfach hier raus . Jetzt verstehst du, wie das funktioniert. Und ich werde hier reinkommen und all diese Namen ändern. Auch wollen eine Situation haben, wo Nachnamen Luft ausgewählt hat. Lassen Sie mich Ihnen zeigen, was ich damit meine. Ich weiß, im Drahtrahmen werde ich den Kreis duplizieren und ihn kleiner machen. Ich werde ein bisschen heranzoomen und den Kreis anziehen, und ich werde hier auf dem Phil rüber kommen, wählen Sie ihn aus. Und wenn ich diesen Augentropfer treffe, kann ich diese Farbe fallen lassen. Ich wähle diese Farbe und welche Farbe ich wähle, sie setzt sie in diesen Kreis. Also, jetzt bin ich auf ihre sozialen. Etwas nennt man einen Bleistift. Ivan hat dir das schon gezeigt? Es ist also hierher gekommen, das Pentagramm, und so ziemlich ich möchte nur einen schnellen Check machen. Ich klicke nur, klicke und klicke. Und ich habe einen kleinen Scheck gemacht. Das ist nur sehr, sehr schnell, um dir zu zeigen, was ich meine. Dies ist also nur eine Situation, in der etwas ausgewählt und vergessen wird, dies im Drahtrahmenprozess zu tun , aber ich wollte, dass Sie sehen, wie das geht. Jetzt wollen wir eine hohe Fidelity-Version davon machen. Also lasst uns versuchen, hierher zu kommen und ich kopiere diesen kleinen Kreis und ich füge ihn ein. Es ist eigentlich 28 mal 28 Dimension weise. Ich werde hierher kommen und es auf 23 mal 23 ändern. Sehr schön, dass ich hier auf der Seite kommen werde und diese kleine Minus-Taste drücken, um den Strich vollständig zu löschen . Und ich werde diesen Artikel noch einmal wählen, und ich werde nur weiß wählen, nur rein weiß. Ich setze es hier in der Komponente auf und merke hier, wie er es auch auf alle anderen setzt . Lassen Sie uns das hier runterlegen. Man könnte sehen, wie es in Echtzeit passiert. Ich werde ein bisschen vergrößern und einen kleinen Kreis wählen, und ich werde nur einen kleinen Schatten hinzufügen. Also hier werde ich zum Effekt kommen, und es bringt nur einen kleinen Schatten. Ich könnte hier im Schatten kommen und irgendwie angepasst, um ein wenig subtiler zu haben. Standardmäßig sind es 25%. Ich ändere es nur auf 10%, dass ich für den kleinen Scheck zurückgehe, den wir hier gemacht haben. Und ich komme hierher zurück und setze es und füge es einfach ein. Und gerade wenn es sich lohnt, es an diesen Ort zu bringen, kann man es nicht wirklich sehen. Und ich werde diesen Scheck von einem weißen Zeh ändern, wie eine dunklere Farbe, damit wir ihn sehen können, und ich werde ihn ein bisschen runterlegen. Also ist es irgendwie mehr Linie. Ich werde ein kleines bisschen mehr heranzoomen. Normalerweise erstelle ich meine Symbole in einem Programm namens Illustrator. Aber obwohl Zahlen sehr, sehr gutes Werkzeug, um Symbole zu machen, wird sehr mächtig ein paar kleine Anpassungen hier machen, bewegen Sie das nach unten. Kommst du? Der Strich hat tatsächlich das Strichgewicht von einem zu einem verändert, um ein wenig dicker machen , und ich konnte nur ein paar weitere Anpassungen vornehmen und ich möchte nicht, dass die Ecken scharf verkauft werden , . Also komm ich hierher und treffe diese kleine Seite und dann, wo es keine sagt. Unter diesem Menü traf ich zwei Runde und merke, wie ich es rund gemacht. Nicht schön und sauber. Irgendwie funktioniert er mit seinem Design besser. Und ich komme gerade raus und du könntest dort sehen, dass sie alle ausgewählt haben. Standardmäßig werde ich hierher kommen und diesen kleinen Pfeil anziehen, ich werde immer wieder zoomen, ich werde immer wieder zoomen, ich komme und wähle beide Elemente aus und ich werde, während sie beide ausgewählt sind, ich trage den Befehl G. Also lasse ich sie gruppieren. Und ich ändere nur diesen Namen, um zu überprüfen. Ich wähle noch einmal den Scheck aus, und ich komme hierher, wo der Scheck ist, und ich treffe diesen Augapfel , der ihn aus- und anschaltet. Also schalte ich es standardmäßig aus. So sind sie standardmäßig alle ausgeschaltet. Ich schiebe das Bauteil zurück hierher. Obwohl ich es in der Hauptkomponente ausgeschaltet habe. Siehst du, sie sind all diese Luft ausgeschaltet. Sie könnten hier sehen, hier, hier, sie sind alle standardmäßig erwiesen. Aber sagen wir, ich möchte dieses einschalten, wie wir es in unserem Beispiel in unserem Drahtrahmen haben, einige kommen hierher und wählen dieses. Und ich schalte nur diesen an. Es ist also eine dynamische Möglichkeit, dieses Zeug zu kontrollieren, ist wirklich, wirklich mächtig. Bevor ich es vergesse, lass mich dir diesen anderen Trick zeigen. Ich halte Shift in, wähle nur diese unsere Profilbild-Elemente aus, und ich gruppiere sie nur. Jetzt habe ich diese Gruppe und habe ihn gerade angerufen. Nur diese Gruppe zu schnelle Kontakte nennen, weil sie alle gleich Platz zum Programm sind , ist klug genug, um das zu erkennen. Ich kann sie im Weltraum gleichermaßen bewegen. Ich mag, dass sie 10 Pixel voneinander entfernt sind. Aber ich wollte nur der Schule zeigen, denken Sie daran, den Grund, dass wir voran und erstellt diese auf Komponenten auch, es ist so können wir diese schnellen kleinen Tricks machen. Ohne dass sie Komponenten wären, wären wir nicht in der Lage, etwas von dem Zeug zu erreichen. Also werde ich hier nur einen kleinen Kontakt hinzufügen. Jetzt haben wir also die Arbeitskontakte, die 20 Pixel von oben und 20 Pixel von links sein werden. Im Moment sind es 42. Ich halte Option und ich bewege meine Pfeiltasten. Also sehe ich all diese Ausrichtungen, was wirklich hilfreich für mich ist und so ziemlich wie wir gerade diesen Scheck gemacht haben. Mark, ich habe dieses Filtersymbol auch erstellt, nur um dir etwas Zeit zu sparen. Und ich werde die 25 von oben haben, das ist es, was es ist. Und es wird 85 von der Seite sein. Ich werde die zusammenfassen und den Befehl G drücken, dass ich den Anfang der Kontakte anrufen werde . Jetzt komme ich wieder an die Spitze, wo wir vorhin waren. Nehmen wir eines dieser Profile und verschieben es tatsächlich neben unserer Referenz nach unten. Also haben wir hier oben einen Vornamen. Leg es einfach hier. Vorname oben, Nachname unten. wäre also etwas da. Wird den Vornamen an der Spitze hier setzen. Kopiert das Duplikat, das den Nachnamen setzen wird. Ich möchte diesen Spaß wirklich wirklich, wirklich großmachen wirklich groß . Also werde ich das auf 50 ändern und es zu einer etwas schwereren Veränderung machen. Das ist ein Medium Perfect. Nehmen wir tatsächlich den Namen ab und behalten nur das Wort zuerst. Bewegen Sie das ein bisschen nach oben. Wirklich gut, alles auszumessen, und ich werde das wirklich wählen und ich werde fünf von meiner Tastatur treffen. Ändern Sie also die Kapazität auf 50% und ändern Sie die Schriftarten auf etwa 20. Setzen Sie ein wenig tiefer, und ich beide werden ausgewählt und drücken Sie Befehl Geo-Gruppe. Da sind etwa sieben Pixel entfernt. Wir könnten ungefähr fünf tun, dass diese Zahlen nicht genau genau sind, weil diese in Boxen leben , die zusätzliche Pixel hinzufügen. Aber es ist gut, die Dinge im Allgemeinen gut ausgerichtet zu haben. Nun, ich wähle unsere Instanz dieser Komponente, die wir zuvor gemacht haben, und wähle auch diese Gruppe aus, und ich werde eine weitere Komponente daraus machen. So, jetzt haben wir eine regelmäßige Kontakte Komponenten. Also lassen Sie uns das tatsächlich nach einem Jahr nehmen, damit wir alle unsere Komponenten an einem Ort haben können und wir können unsere Instanzen von diesen umständlich wird das hier und von Komponenten sieben verlassen . Ich werde es Profillisten nennen, nur um die Dinge organisiert zu halten. Ich nehme unsere Profillisteninstanz dieser Komponente und lege sie hierher. 20 Pixel von der Seite und 20 und es sollte 20 Bilder von oben sein. Sehr nett. Ich nehme diese Instanz und setze sie etwa 20 Pixel von oben. Und ich werde Kommando d treffen, wie wir es zuvor getan haben, um unsere Aktion zu duplizieren. Und ich habe dir vorhin gezeigt, wie wir hierher kommen können, und du kannst zum Profil gehen. Wir können dies auf einer Seite ändern und es einfach in andere Bilder ändern, wenn Sie wollen. Es gibt tatsächlich einen anderen Weg, dies ein wenig visueller Weg zu tun. Lassen Sie mich Ihnen das jetzt wirklich schnell zeigen, damit ich auf der Seite des Vermögens hierher kommen kann. Und wenn ich möchte, dass dieses Bild dieses Bild ersetzt, kann ich das Bild auswählen. Bringen Sie es raus. Entweder könnte ich es einfach hinführen, wohin ich es lassen will. Wenn ich das Bild auswählen konnte und ich Option und Befehl halten konnte und bemerken, wie diese Box lila wird und buchstäblich nur das Bild ersetzt. Es ist also buchstäblich dieser Ersatz. Ich werde das mit den restlichen Bildern wirklich schnell machen. So kann der gleiche Weg hier rüber kommen und die Namen ändern, wie wir es zuvor getan haben. Ich werde Bob Smith setzen. Ich werde alle anderen Namen sehr schnell ändern. Also ging ich weiter und fügte alle anderen Namen, Vor- und Nachnamen hinzu. Und ich auch Schöpfer R ab Buttons ähnlich wie wir das Häkchen gemacht haben, nur um ein wenig Zeit zu sparen . Und das sollte 20 Pixel von rechts und 20 Pixel von unten sein. Dieser Grady, ähm, nebenbei bemerkt, ist genau dasselbe großartig. Und ist das eine? Sie sind also beide genau die Zutat, eine schnelle Möglichkeit, einen Grady zu duplizieren. Und ich kann Ihnen ein Beispiel zeigen. Also erstelle ich nur diese Box, so dass ich in diese große in Rechtsklick darauf gehen kann, gehen Sie zum Kopieren Einfügen, und kopieren Sie einfach Eigenschaften, die ich hierher kommen könnte, und tun Sie einfach Einfügeeigenschaften und eine Kopie des Grüns. Und so habe ich die Zutat hier drüben überprüft. Der letzte Teil ist diese kleine Bar übrig. Dies ist nur eine schnelle Abkürzung für Menschen in der Lage sein, sehr schnell durch scrollen zu können. Also werde ich eine Box sehr schnell erstellen, die 28 in der Breite und 494 und Höhe sein wird. Ich füge einen Eckenradius hinzu. Sagen wir einfach 100 und es ist ungefähr fünf Pixel von der Seite. Also setze ich nur diesen Blick. Ich halte nur die Option und zeige mir sieben Pixel hier und dann bewege ich mich hinein, und jetzt wissen wir, dass es fünf Pixel sind und es 215 von den Oberseiten beim Halten der Option und Drücken nach oben und unten sein sollte , um das anzupassen und zu bewegen und könnte sehen, dass es sich ändert Zahlen und ich halte es ein bis 15 von oben. Dann kopiere ich diesen Grady int. Ich wähle das Element mit der rechten Maustaste darauf, gehe und schmeckte das strahlende und merke, wenn ich die Große eingefügt und auch vermasselte meine Ecke Radius und ich konnte einfach dort gehen und es wieder ändern. Aber anstatt das zu tun, lassen Sie mich Ihnen einfach einen anderen Weg zeigen, einen besseren Weg, dies zu tun. Anstatt Eigenschaften zu wählen und einfach alle auszuwählen, könnten Sie einfach einzelne auswählen, damit ich auf der Seite hierher kommen konnte, meine Pfeile hier auf der Seite bemerken, und ich bin nur irgendwie hier klicken. Und ich drücke nur das Kommando. Sehen Sie, hier rüber zu kommen und Befehl V. Und das ist nur eine Möglichkeit, nicht alle Eigenschaften zu kopieren, nur um einzelne Eigenschaften zu kopieren. Und diese Bar scheint zu dominant für meinen Geschmack auf nur die Wahl und setzen sie auf 10%. Ich könnte das auch einfach tun, indem ich einen traf. Und jetzt, wenn ich es auf dem zweiten Gedanken anschaue, will ich wirklich nicht, dass diese große Tante da an der Bar ist. Ich will dir nur zeigen, wie es geht. Und so werde ich es einfach auswählen, und ich werde zu den gefüllten gehen und es löschen, löschen und dann drücken. Plus, Also löschte ich das Gefühl, dass wir nur diese tolle Farbe haben und ich möchte diese blaue Farbe stattdessen tun . Und ich werde auch treffen tendenziell nur, dass ein 10%. Ich möchte hier ein paar Briefe hinzufügen, also komme ich einfach hierher und wähle diesen Namen aus und kopiere sie, komm hierher, trage dieses Ding und dann drücke ich einfach Paste. Also, jetzt haben wir diesen Text und ich bin nur ein Schlagen der Wende schlagen nicht zurück schlagen, Sehen Sie, Rückkehr schlagen D und ich werde ein wenig vorwärts überspringen und fügen Sie einfach den Rest von ihnen. Jetzt haben wir den Rest der Briefe hier drüben. Also mache ich wieder absichtlich einen krummen, weil ich dir diese wärmeren Zeiten zeigen will. Also wähle ich beide Ebenen, diese Ebene und diese Ebene, und dann werde ich tatsächlich verkleinern. Du könntest ein bisschen besser sehen. Ich komme hierher und Eyeliner von links nach rechts, und ich richte mich von oben nach unten. Und wenn Sie diese Schriftart ein wenig schwer mögen, eigentlich. Also lasst uns das vielleicht in eine leichtere Version ändern. Ich denke, das ist etwas stärker. Das hier ist Wells ein wenig schwer, also komme ich zurück. Gesamtdateibild auch toe ein wenig von einer leichteren Version desselben Fonds. Ich fühlte mich, als wäre dieser etwas zu schwer. Sehr nett. Lass uns hier runterziehen und alles sieht gut aus, aber ich bin glücklich damit. Ich bin glücklich mit der Art und Weise, die vor diesen Videos vorbei geworden ist. Ich wollte auch nur erwähnen, dass Sie bemerkt haben, dass House viele Schritte rückgängig macht und irgendwie in der Geschichte zurückgeht und indem Sie Command Z drücken und so ziemlich wollte ich nur erwähnen , dass diese Anwendung alles irgendwie in der Cloud gespeichert ist, , damit Sie wirklich für immer rückgängig machen können. Ich glaube, ich glaube, , das kostenlose Konto, das du 30 Tage lang nicht machen konntest, und du kannst immer noch zurückkommen. So wird deine ganze Geschichte und alles gerettet, was so mächtig ist. Und ich denke, die kostenpflichtige Version. Ich denke, du könntest buchstäblich für immer in die Geschichte zurückgehen. Aber nur etwas, etwas zur Kenntnis zu nehmen. Im nächsten Video zeige ich Ihnen, wie Sie einen realistischen Prototyp erstellen, bei dem sich die Dinge tatsächlich bewegen und animieren. 7. Prototyping: In unserem letzten Video habe ich Ihnen gezeigt, wie Sie dieses High-Fidelity-Design erstellen können, indem Sie diesen Drahtrahmen als Referenz verwenden. Und in diesem Video werde ich Ihnen zeigen, wie man sehr schnell einen ziemlich interessanten Prototyp erstellt. Und wenn ich Prototyp sage, meine ich damit irgendwie los. Es ist irgendwie zu zeigen, Ah, kleine Animation von Hausdingen würde von einem Bildschirm zum anderen aussehen. Sie können immer verschiedene Bildschirme haben, die Sie Ihren Kunden oder einigen Entscheidungsträgern oder Entwicklern im Allgemeinen zeigen . Aber Sie möchten auch zeigen, was, wie die Dinge aussehen würden, wie die Dinge aussehen würden, wenn sie von Bildschirm zu Bildschirm gehen und wie sich die Dinge anfühlen wenn Sie animieren. Und das ist ein gutes Beispiel, um zu zeigen, wie man das erreicht. Also ging ich voran und erstellt diesen Profilbildschirm hier, nur um ein wenig voran zu springen, und was ich jetzt tun werde, ist hier auf der linken Seite, Sie haben Design, Prototyp und Code. Ich werde auf Prototyp klicken, und wenn wir auf Prototyp klicken, kommen wir tatsächlich zu einigen neuen Auswahlen hier auf der rechten Seite. Und wenn ich auf diesen kleinen Abschnitt klicke. Wenn ich auf diesen Abschnitt klicke, bekomme ich diesen kleinen Punkt und ich könnte es einfach auswählen und ich kann zu verschiedenen Bildschirmen gehen . Das heißt, wenn ich auf diesen Abschnitt klicke, wird es mich zu diesem nächsten Bildschirm bringen, und ich könnte Ihnen ein kurzes Beispiel zeigen, dass, wie das aussehen würde, damit ich hierher kommen könnte wo es ein Prototyp ist, gibt es eine kleine Play-Schaltfläche, die ich drücken könnte spielen und es öffnet sich einen neuen Bildschirm, und mein Bildschirm erzeugt den Grund, dass ein in diesem iPhone geladen. Wenn ich draußen klicke, klicke ich einfach nicht auf das Brett. Ich koche draußen auf der Leinwand und ein schnelles Draußen konnte ich hier sehen. Es gibt verschiedene Informationen darüber, dass hier Gerät steht, das ist iPhone 11 pro, und Sie könnten Modelle haben. Sie können verschiedene haben, lassen Sie das Gold wählen. Wenn ich also auf Play klicke, bekomme ich dieses Gerät, das wirklich, wirklich nett ist . wir uns daran erinnern, dass wir diese Aktion erstellt haben, gehen wir von einem Bildschirm zum anderen. Wenn ich also irgendwo außerhalb klicke, wenn ich hier klicke, könnte man hier sehen, dass dies einen Link hat, den wir zuvor erstellt haben. Wenn ich auf diesen Link klicke, der uns zu diesem Bildschirm führt, was uns ermöglicht, schnell von Bildschirm zu Bildschirm in einer Prototyping-Umgebung zu springen. jetzt Wenn ichjetztzu diesem Zurück-Button komme und hier klicke und diesen Pfeil hier rüber schiebe, werden wir eine Aktion haben, um zurückzugehen. Also, jetzt könntest du herkommen, ich könnte auf die Rückseite klicken, und jetzt bringt es ihn zurück zu den vorherigen Bildschirmen. Jetzt gehen wir. Wir gehen von Bildschirm zu Bildschirm gehen zurück, dass ich das wähle, ich kann hin und her gehen. Wenn Sie also viele verschiedene Bildschirme haben, können Sie Ihren gesamten Fluss etwas zeigen, das ziemlich cool ist, das existiert. In der Figment ist etwas, der Autofeind genannt wird. Wenn Sie also von Bildschirm zu Bildschirm laden, können Sie tatsächlich Dinge automatisch animieren lassen. Lassen Sie mich ein Beispiel zeigen, was ich damit meine, weil es Ihren Prototyp viel besser und hyper realistisch aussehen lässt . Ich komme hier runter und klicke auf diesen Pfeil. Ich komme auf der Seite her und du könntest hier sehen, dass es standardmäßig etwas gibt. Normalerweise wird es sofort sagen, und ich werde hierher kommen und das von sofort zu smart animate ändern . Ich komme zurück zu diesem Bildschirm und dann, als wir den Pfeil hier hatten, werde ich das von sofort zu klug ändern, animieren. Und ich werde es tun. Und mit dem Auto animiert aktiviert, lassen Sie mich Ihnen ein Beispiel zeigen, wie Sie einige wirklich ziemlich Imation sehr schnell machen können. Also habe ich gerade diese Anzeigenschaltfläche kopiert und eingefügt, die wir zuvor erstellt haben. Und Sie konnten hier sehen, dass der Titel davon Ad On und auf dieser Seite heißt. Es wird auch bei So genannt, solange die Schichten genau die gleiche Ebene benannten, wird das System wissen, wie man animiert und lassen Sie mich Ihnen zeigen, wie das funktioniert. Ich werde hierher kommen und Pest drücken, und wenn ich zurückschlag, könnten Sie sehen, dass diese Brötchen spielen. Es wird automatisch animiert, um die Position zu platzieren, wo es sich auf diesem Bildschirm befindet. Also gehe ich hin und her innerhalb der Bildschirme, und du könntest sehen, wie es automatisch animiert wird. Also lassen Sie mich in einem realen Beispiel einfach diesen Bildschirm von dort löschen. In einem realen Beispiel könnte ich so etwas wie diesen Bildschirm nehmen und es auf diesem Bildschirm ein wenig nach unten setzen und vielleicht aus dem Rahmen bewegen und dann diesen Play-Button nehmen, vielleicht werde ich es hinter in die Ebene höhere Taste setzen. Ich werde das hinter diesen Rahmen setzen. So etwas. Ich werde es zur Seite bringen. Es ist also auf der rechten Seite und du könntest sehen, dass ich hierher komme und einfach dieses Ding spielen werde , um dir zu zeigen, was passiert. Und Sie können schnell sehen, wie sich diese Animationen auf unsere Bildschirme auswirken. Wenn wir auf einem Prototyp hin und her springen, könnte man sehen, dass der Admin nach links und rechts kommt, und diese Leiste am unteren Rand kommt nach oben und unten. Also werde ich zu unserem Design zurückkehren, und ich werde diese Abschnitte in einer Gruppe auswählen, die ich sie aus diesem Bildschirm holen werde . Ich werde das aus unserem Rahmen herausziehen, und ich werde hierher zurückkommen und spielen. Ich treffe unseren Link und es kommt runter und die Dinge sind einfach irgendwie auf Auto Animieren. Und mit diesem Link oben, das ist ein Share-Prototyp, den ich darauf klicken kann, und ich könnte hier rüber kommen und sagen, Copy Link und ich könnte diesen Link buchstäblich an jeden senden, egal ob es sich um einen Entwickler oder eine Entscheidung handelt Maker oder jemand in Ihrem Team, die Sie brauchen. Sie benötigen sie, um dieses Design zu überprüfen, um Ihnen Feedback zu geben. Sie können ihnen diesen Link senden, und sie könnten das einfach direkt im Browser öffnen. Und basierend auf dem, was sie denken, könnten sie hier rüber kommen und hier oben links ein Brötchen. Fügen Sie Kommentare hinzu. Sie könnten das treffen, und Sie können tatsächlich vorbeikommen. Kommen Sie in Ihren Prototyp und fangen Sie einfach an zu handeln. Hinzufügen von Kommentaren. Sie könnten etwas sagen. Ich mag diesen Beitrag, und dann, wenn Sie zu Ihrem Design kommen, können Sie die Kommentare verstecken und Sie können die Kommentare offenbaren und Sie sind in der Lage, sie tatsächlich zu sehen . Und wenn Sie alle Kommentare von verschiedenen Personen erhalten, könnten Sie hier zurück zu Ihrem Board kommen, und wenn Sie auf Kommentare klicken, die Sie hier auf der Seite sehen könnten, erhalten Sie alle Ihre Kommentare hier, und dann können Sie gehen Sie einfach durch sie und Art der Antwort zurück auf die Kommentare und nehmen Sie einige Änderungen vor, wenn nötig. In diesem Video habe ich Ihnen gezeigt, wie Sie Ah, Prototyp und Springen von Bildschirm zu Bildschirm erstellen . Und ich habe Ihnen auch gezeigt, wie Sie Ihr Dokument teilen können und wie Sie Kommentare hinterlassen können und wie Sie Kommentare hinterlassen können, um zu sehen, wo diese Kommentare sind. Im nächsten Video zeige ich Ihnen, wie Sie ein Mini-Design-System vorbereiten können. 8. Designsystem: im letzten Video habe ich dir gezeigt, wie du Ah, Prototyp und Art wie du deinen Prototyp mit anderen Leuten teilen kannst und wie Leute deine Kommentare hinterlassen können . Und ich kann mir diese Kommentare ansehen. Und in diesem Video werde ich Ihnen zeigen, wie Sie Ihr Designsystem starten können. Ein Designsystem könnte möglicherweise wirklich groß werden, aber ich werde Ihnen nur zeigen, wie die Anfangsschritte beginnen, eines zu erstellen. Also ging ich weiter und nahm einige der Elemente, die wir hatten, von unserem Bildschirm und schuf ein paar dieser Elemente in diesem einen Frame. Und im Grunde, lassen Sie uns mit den Farben in unserem Designsystem beginnen. Das ist eine gute Sache, damit anzufangen. Also beachten Sie hier im Hintergrund hier auf der Seite, Wir haben noch nichts wirklich, Also, wenn ich hierher komme und einfach diese Farbe hier wählen, diesen Kreis, könnte ich hier auf der Seite kommen und feststellen, wo Worte zu fühlen. Es gibt eine kleine Ikone mit den vier Punkten, die ein Stil ist. Ich kann diesen Stil treffen und dann kann ich hierher kommen und Plus treffen und was das tut es mir erlaubt diese Farbe in meinem Stil zu benennen. Also nenne ich eine primäre diese Farbe ein Jahr, ich sage, schafft Stil. Also, jetzt haben wir den Stil geschaffen, der bemerkt, dass da drin war, und jetzt ist es da. Und wenn ich da rauskomme und ich einfach auf den Cannabis drauf trage, denken Sie daran, dass wir dieses Blinzeln hatten. Früher gab es nichts. Und jetzt haben wir lokale Stile und es hat hier heißt es primär. Also jetzt, wenn wir haben, wenn wir einige Elemente erstellen, könnte ich hierher kommen und tatsächlich die verschiedenen Elemente auswählen und hier auf der Seite kommen und wählen, dass und dann Schuhe diese Farbe. Und jetzt haben wir basierend auf der Farbe beeinflusst, die wir dort zuvor ausgewählt haben, und dann könnte ich diese Primärfarbe immer in eine andere Farbe bearbeiten, damit ich hierher kommen und dieses Symbol drücken konnte . Komm her und ich kann das in eine andere Farbe ändern. Und schauen Sie auf, wie es überall dort wirkt, wo dieser Stil angewendet wurde, was extrem, extrem mächtig sein könnte . Wenn Sie so viele Bildschirme haben, etwas auf, tun Sie das und gehen Sie zurück zu unserer ursprünglichen Farbe. Ich werde diese Bildschirme löschen, die wir vorhin gemacht haben. Ich werde hierher zurückkommen und mit unserem Designsystem fortfahren. Ich wähle den Kreis wieder aus. Ich komme hierher, wo die Phil und ich klicke auf diese Symbole und ich klicke auf plus lang, die ausgewählt. Das sind die weißen Farben. Ich nenne nur, dass Weiß Stil schafft. Jetzt haben wir das Zeug erschaffen. Also, jetzt müssen wir, ich komme hier rüber und schau, wir haben primär, und dann haben wir weiß. Lassen Sie mich das noch mal vor Ihnen machen. Ich wähle Disk strahlend die spezifische Strahlkraft, die wir hierher kommen und dieses Symbol wieder mit den vier Punkten treffen, und dass ich zu diesem Plus komme, dann das Plus treffe , darauf tippen und dann einen Titel beschlagen, Aufruf Zutat und die Schaffung dieses Stils, dass ich hier zurück kommen hier treffen Leinwand und Sie könnten hier sehen. Jetzt haben wir ah, Grady mit Stil. Ich werde Ihnen zeigen, wie Sie den Stil auf unsere vorhandenen Elemente anwenden können, indem Sie die Schicht halten . Und ich wähle dieses Element, das wir eine große haben, und dann wähle ich dieses Element und ich wähle dieses Element, indem Sie Shift halten, sie können mehrere Elemente auswählen. Lassen Sie mich das strahlende, das wir gerade erschaffen haben, auf diese drei Elemente anwenden. Also wähle ich einfach das A kleine Symbol dort und ich wähle gerade dieses strahlende jetzt. Du hast keinen Unterschied gesehen, weil wir diese Bewertung bereits hatten. Aber jetzt, da es als Stil angewendet wird, könnte ich hier von der Leinwand kommen und Sie konnten hier sehen, dass, wo es großartig ist und wenn ich Leinwand auswähle und ich kann dieses kleine Symbol treffen und ich kann Eigenschaften auswählen und dass ich diese ändern kann um zu sehen, wie es hier, hier und hier zur gleichen Zeit wirkt, es wirkt sich auf alle von ihnen aus, so dass Sie sehen können, dass diese angewendet wurden, sie sind und wie mächtig das sein könnte. Lassen Sie mich Ihnen ein paar Beispiele zeigen, wie Sie die gleiche Idee auch mit Typografie machen können. Also lass uns hierher kommen. Und sie war der Vorname, und wenn ich zum Text gehe, kann ich hier auf dieses Symbol klicken, um einen neuen Stil zu erstellen und ich trage. Plus, und ich könnte das einfach wie so etwas wie „H eins“ nennen. Da es so eine große Kopie ist, möchten Sie normalerweise den Stachel etwas beschreibend nennen, aber zu Demonstrationszwecken zeige ich es Ihnen nur auf diese Weise, um sie zu treffen Stil erstellen. Und jetzt haben wir ein H.. Also, wenn du hier gehst und dir deinen Stil hier auf der Seite ansiehst, könntest du sehen, dass es ein H gibt. Dann könnte ich hierher kommen und das auf unsere Komponente anwenden, die wir vorhin gemacht haben. Durch Anwenden auf diese Komponente wirkt sich dies auf alle Instanzen dieser Komponenten aus. Du musst nicht zu jedem Ding gehen. Also werde ich auf diese Typografie Worte klicken, als zuerst werde ich hierher kommen und ich werde hinzufügen und alles, was ich tue, ist nur das H zu treffen und jetzt ist es angewendet worden. Du konntest jetzt sehen, wenn ich Bob traf, konnte man sehen, dass jeder angewendet wurde. Aber das Gleiche mit dem Nachnamen zu tun änderte sich sogar bis zu 50% so, wie wir das eingerichtet hatten . Und ich werde hierher kommen, um Text zu schreiben und dieses kleine Symbol zu treffen und ein Plus direkt daneben zu und einfach dieses H zwei für jetzt bemerken. Die H eins ist Hauptstadt in H zwei ist in Kapital. Ich meine, das kann ich ändern. Komm einfach hier rüber, es ist so ein kleiner Schnitt. Und ich könnte hier ganz oben herkommen und das auch in eine Hauptstadt H umwandeln. Sie können diese Namen immer nach Bedarf ändern. Also, jetzt werde ich hier zu unserer Komponente zu unserem Nachnamen kommen. Ich werde das wählen. Und dann komme ich hierher und wähle ein kleines Symbol aus. Ich werde mich jetzt für H zwei entscheiden. konnten Sie sehen, wenn wir zu unserer Akte kommen. Wenn ich den Nachnamen trage, haben wir jetzt ein h zu hören. Fliegen Sie zu ihm. Oder wenn ich hier den Nachnamen trage, könnte man sehen, dass die H zwei darauf angewendet wurde. Das war also nur eine kurze Demonstration, wie Sie mit der Erstellung Ihres Designsystems beginnen können und wie leistungsstark das ist. Im nächsten Video werde ich Ihnen zeigen, wie Plug Ins funktionieren, wie Sie sie installieren können. 9. Plugins?: im letzten Video habe ich dir gezeigt, wie du mit deinem Designsystem über ein Jahr startest. Und in diesem Video werde ich Ihnen zeigen, wie man Plug Ins installiert und welche Plug-Ins überhaupt sind . So Plug Ins sind so ziemlich viele Software viele APS innerhalb Big My selbst, und Sie können es nur bekommen, indem Sie hier kommen und mit der rechten Maustaste klicken und gehen auf Plug Ins und Hinweise sagt hier, Plug Ins verwalten. Wir haben keine Plug Ins vom Zauberer installiert. Zeig dir schnell, wie du das machst. Also komm ich hierher zur linken oberen Seite. Ich klicke auf das Hamburger-Symbol und ich schlage zurück zu Dateien, die Sie hier sehen könnten. Unser erster Herbst wurde aktualisiert, basierend auf all der Arbeit, die wir getan haben, und hier drüben ist sie das Wort Plug Ins? Also klicke ich auf diesen Link Plug Ins, und es gibt verschiedene Plug-Ins, die du wählen kannst, und ich werde dir speziell einen zeigen, und indem du seine Augenbrauen, alle Plugs Ins schlägst , bringt es dich zum Abschnitt wo alle Plug Ins vorhanden sind, und es gibt eine Suche hier oben, rechts, und Sie können Art eingeben, was auch immer Sie suchen, speziell auf rechts, der Suche nach einem, das ich Ihnen zeigen möchte namens Splash Das Bild, das wir verwendet haben früher mit dem Profil von ein paar Videos vor. Ich möchte Ihnen zeigen, wie wir das direkt von der App aus erreichen können. Also werde ich auf diesen Plug in klicken und es gibt einen kleinen Install Call to Action Button, auf den ich klicken könnte. Ich klicke darauf, und ich werde den Stecker einbauen. Jetzt, wo wir den Plug in installiert haben, gehe ich zurück zu unserer Datei, indem ich hier zum First Project gehe, und ich klicke auf unsere Datei und gehe wieder hinein und zoomen hinein. Und hier kann ich, rechten Maustaste klicken, wie wir früher gemacht haben und gehen, um Plug Ins und bemerken. Jetzt haben wir Asche abspulen. Also klicke ich auf die UN Splash Auswahl und jetzt bekommen wir die in Splash Auswahl hier. Direkt innerhalb der Abb. MMA. Denken Sie daran, früher, als ich ging in den Browser ein paar Videos zurück und ich in Person tippte, Ich könnte hierher kommen und geben Sie persönlich wieder, und ich bekomme Bilder direkt innerhalb. Ich denke, meine selbst bemerken hier, basierend auf dem Schlüsselwort, das wir in setzen, wir bekommen verschiedene Leute, damit ich hineinsetzen kann. Das ist ein Haus. Jetzt kriegen wir Häuser oder irgendetwas anderes, was du dir einfällt? Also werde ich zurück und traf wieder Person gewesen, und ich kann einfach auf das Bild klicken, das ich ausgewählt habe und nur importieren, um in Fig MMA zu schreiben und ich könnte auf meine Anpassungen die gleiche Weise tun, als ob ich gegangen wäre, ah Web-Browser zu bekommen das Bild und dann, um den Stecker zu schließen. Und ich kann nur, weißt du, weißt du,das kleine X treffen und es schließt es aus. Plug Ins sind wirklich cool und leistungsstark, und ich schlage vor, verschiedene zu überprüfen, und Sie können Ihren Workflow wirklich verbessern, indem Sie sie verwenden. 10. Letzte Gedanken: Ich hoffe, Sie haben ein gutes Wissen aus diesem Kurs bekommen. Wir lernen einige grundlegende Werkzeuge und Sigma, und daraus haben wir gelernt, wie man einen Drahtrahmen. Und dann, von der Drahtrahmen, lernten wir, wie man Ah, High-Fidelity-Design macht . Und mit diesem High-Fidelity-Design lernen wir, wie man Mikro-Interaktionen macht und ein echtes Prototyping macht. Jetzt ist es Zeit für mich, dir ein paar Hausaufgaben zuzuweisen. Und als ich ein Kind war, ich Hausaufgaben wirklich, hasste ich Hausaufgaben wirklich,wirklich. Aber das ist nur ein Teil des Prozesses. Es ist wichtig, dieses Zeug zu machen, damit wir wirklich üben und gut in unserem Handwerk werden können. Also, wirklich, können Sie einfach das Design nehmen, das ich getan habe? Art der Verwendung, die als Referenz? Und stellen Sie sicher, dass Sie einen Drahtrahmen erstellen, den ich getan habe, und erstellen Sie auch ein Design aus diesem Drahtrahmen und experimentieren Sie dann mit einigen der Prototyping und Team. Wenn Sie bekommen, um zu animieren, basierend darauf, wie ich Ihnen einige Richtungen gezeigt habe, vergessen Sie bitte nicht, Ihre Fortschritte mit mir zu teilen, da ich hoffe, Sie machen einen guten Job und viel Glück für Sie anderen. Sie später