Skurril – Flowcharts und Drahtmodelle | Rye Crowen | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


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

Skurril – Flowcharts und Drahtmodelle

teacher avatar Rye Crowen, Designer/Developer

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:21

    • 2.

      Whimsical Einführung

      1:22

    • 3.

      Flowchart (aka beginnt

      0:35

    • 4.

      FC – Formwerkzeug und Werkzeugleiste

      1:12

    • 5.

      FC – Formwerkzeug und Werkzeugleiste

      1:09

    • 6.

      FC – Connectors und Formen

      1:43

    • 7.

      FC – Connector hinzufügen

      2:37

    • 8.

      FC – Text hinzufügen

      1:42

    • 9.

      FC – Symbole hinzufügen

      2:32

    • 10.

      FC - Bild hochladen

      0:44

    • 11.

      FC – Link und Kommentar hinzufügen

      2:23

    • 12.

      FC – Abschluss

      0:31

    • 13.

      FC – VUI Challenge

      6:06

    • 14.

      Wireframe (aka WF) – Einführung

      1:17

    • 15.

      WF – Element hinzufügen

      2:08

    • 16.

      WF – Füge die Connectors hinzu und Text hinzufügen

      2:12

    • 17.

      WF – Füge Icons hinzu

      2:28

    • 18.

      WF – Link hinzufügen

      1:20

    • 19.

      WF – Bild hochladen

      1:26

    • 20.

      WF – Teile

      0:38

    • 21.

      WF – Challenge #2

      0:31

    • 22.

      Ende

      0:08

  • --
  • 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.

215

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Whimsical ist ein ziemlich neues Tool zur Erstellung von quick und wireframes. mit dem du schnell und drahtgebundene Denk deines deines Dokuments wie Google -docs, da mehrere Benutzer auf dem gleichen Bildschirm arbeiten können, alle zusammen arbeiten. Pretty cool! Die Grundvoraussetzungen für den Kurs und die Whimsical hat eine kostenlose Ebene für bis zu vier Boards. Ich habe dabei ein paar Herausforderungen, die du mit dir arbeiten sollst. Lerne mit mir das Lerne, um Flussdiagramme und flowcharts mit Whimsical zu erstellen.

Triff deine:n Kursleiter:in

Teacher Profile Image

Rye Crowen

Designer/Developer

Kursleiter:in

Hello, my name is Rye Crowen. Professionally, I'm a user experience designer/researcher for a large consultancy. Outside of work I follow a variety of creative passions. Do the verb, forget the noun!

Vollständiges Profil ansehen

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 hat recht. Gut gestaltet. Werkzeuge machen. In diesem ersten Jahr sprechen Sie von physischer und Online-Software. letzte Kollaboration. Drahtrahmen, Standortnähe anderer kommender Funktionen. Einfach. Und ich denke, du wirst es lieben, also springen wir gleich rein. 2. Whimsical Einführung: Lassen Sie uns beginnen, indem Sie sich anmelden. Du hast keine Theke bereit. Sie können das sagen, aber ich habe bereits einen erstellt. Also werde ich mich einloggen. Und was wir zuerst sehen, ist unsere Landingpage hier, wo wir tatsächlich im Examples Ordner sind, wo wir drei Beispiele gegeben haben, die wir betrachten könnten. Wir schauen uns diese in nur einer Sekunde hier an, aber Sie haben auf das Plus geklickt. Sie können auch einen anderen Ordner erstellen, in dem Sie Ihre Pinnwände tatsächlich darin speichern können , um eine neue Pinnwand zu starten. Wir haben derzeit zwei Optionen, das ist ein Flussdiagramm und der Drahtrahmen, den wir auf kommende Bretter haben, dass die Haftnotizen und die Mind-Map. Wir haben vier kostenlose Boards, die wir mit dieser kostenlosen Version erstellen können. Die Beispiele zählen nicht als diese freien, also könnten wir noch vier weitere erstellen. Wenn Sie tatsächlich in eines dieser Beispiele gehen, können Sie in es schauen und Sie können sehen, dass es tatsächlich ziemlich mit einigen Sachen bevölkert wurde , die wir bauen werden. Aber Sie können sich hier bewegen und Sie können diese Dinge tatsächlich tun, und Sie können tatsächlich den Text dort voll glaubwürdige Bretter ändern, was ziemlich cool ist. Und dann, um das zu verlassen, gehen Sie einfach in die linke Ecke. Klicken Sie auf Beispiele und das führt Sie zurück zu dieser Seite hier. Also lasst uns anfangen. Beginnen wir mit der Erstellung eines Flussdiagramms und dann weiter zum Erstellen eines Drahtrahmens. 3. Flowchart (aka beginnt: Um also ein neues Board zu erstellen, wählen wir aus, welches wir erstellen möchten. In diesem Fall möchte ich ein Flussdiagramm erstellen. Also wähle das aus. Und hier werde ich mit einer leeren Leinwand präsentiert und direkt von der Fledermaus kann ich tatsächlich in ihrem Namen. Nennen wir das hier, äh, Sandwich. Sie werden sehen, warum in einer Sekunde, dass ich ein Sandwich nannte, aber dann klickte ich zurück und es erstellt, dass auf der linken Seite. Wir haben unsere Werkzeugleiste. Wir werden uns all diese verschiedenen Einzelstücke ansehen, während wir unser Sandwich-Flussdiagramm erstellen . 4. FC – Formwerkzeug und Werkzeugleiste: beginnen Sie mit dem Formwerkzeug, und das ist die oberste Option auf der Symbolleiste. Es ist auch Tastaturkürzel s für Anzeigenform. Klicken Sie darauf. Sie sehen, dass wir eine Vielzahl von Formen haben. Das waren eigentlich Flussdiagramm-Symbole. Und wenn Sie eine Google-Suche nach Flussdiagrammsymbolen durchführen, können Sie sehen, was jedes von einem benannt ist und was der Zweck jedes einzelnen ist. In diesem Fall beginnen wir mit dieser Pille geformte eine, die tatsächlich als Terminate bezeichnet wird, die manchmal am Ende des Anfangs eines Flussdiagramms ist. Wenn ich also darauf klicke und das auf meinem Campus fallen könnte, wirst du sehen, dass es eine Reihe von Optionen hat. Wir kommen in nur einer Sekunde darauf ein, aber wenn ich davon wegklicke, kannst du das jetzt sehen. Un wählte das aus. Aber ich kann auch darauf klicken, um es erneut auszuwählen. Dann könnte ich es bewegen und positionieren, was immer ich möchte. Auch, wenn es ausgewählt, wir hatten die Möglichkeit der Wieder Dimensionierung seiner Wenn ich Shift halten und verschieben Sie diese Griffe um Größe es eingeschränkt, eingeschränkt, aber ich kann auch nicht verschieben, ich kann die Größe der formen. Aber ich würde gerne. Also werde ich vorerst mal hier abhauen. Lassen Sie uns dann darüber sprechen, was alle verschiedenen Optionen in der Symbolleiste darüber sind. 5. FC – Formwerkzeug und Werkzeugleiste: So können wir die zwei Widerhaken Teoh Text zu unserer Form hinzufügen. Wir können auch die Form ändern, so dass Sie eine der anderen Formen auswählen können, die wir haben, können wir auch Farbe hinzufügen. Also sagen, ich möchte es gelb machen, zum Beispiel können wir wählen, eine Füllfarbe zu haben, um es mit skizzierten haben auch eine gestrichelte die Fähigkeit dupliziert, um einen Kommentar hinzuzufügen und dann könnten wir einfach wie diese Form dort beleidigen. Es bewegt sich also irgendwie hier runter, spuckelt das. Ich werde diesen einen Start nennen, da dies der Anfang meines Flussdiagramms ist. Sobald ich in den Textmodus kam, konnte man sehen, dass es Texteditor mir erlaubt, die Größe des Textes zu ändern. Ich kann auch eine Schüssel Talaq diese ein- und ausschalten, so dass Sie sehen konnten, ich habe eine richtige Optionen und auch hier, wie mein Lyman ist und auch, wie die Ausrichtung von der horizontalen Ausrichtung und den vertikalen Linemen ist . Also, jetzt, wo ich, äh, schnell, dass un wählen Sie es 6. FC – Connectors und Formen: eine Sache, die ich wirklich mag an skurrilen und macht es auch wirklich schnell. Ist diese Vorstellung von dem, was ich Auto-Anschlüsse nennen werde. Aber es erzeugt wirklich nur eine schnelle Verbindung zu einer neuen Form. Es wird ein Duplikat der Form machen, mit der ich in diesem Fall bereits begonnen habe. Ich hatte diese gelbe Pille und mit einer davon kann man sehen, dass sie eine weitere davon erschaffen wird . Klicken Sie auf das und sofort habe ich eine andere. Und das hier könnte ich eigentlich Text bekommen, wenn ich wollte. Natürlich könnte ich die Form, die Farbe und all das ändern , was wir hier machen werden. nächste Teil wird Ihnen zeigen, dass, sobald wir diese ausgewählt haben, ich dieses Problem tatsächlich tun kann. Tun Sie auto, um hier eine Gabel aus meinen Formen zu erstellen. Also klicke ich darauf. Und jetzt muss ich eigentlich, in diesem Fall zu den Ausgangspunkten. Ich werde die 2. 1 nennen All Stars ist mein alternativer Ausgangspunkt. Dies ist wirklich relevant für das, was wir derzeit machen, aber wir werden trotzdem zwei verschiedene Startpunkte nennen. Dann gebe ich diesem kleinen Raum hier. Sie können sehen, dass diese um diese bewegen wurden kontinuierlich mit den Formen ihrer Formen verbunden . Sobald wir diese Verbinder erstellen, so eine Position, die über ihre diese Form tatsächlich nicht brauchen eine andere dieser Formen. Ich werde das in einen anderen jungen verwandeln und es vielleicht grün machen, wenn ich es zu einem Diamanten mache , der auch eine Entscheidung genannt wird, und ich könnte Shift gedrückt halten, und ich kann die Größe etwas größer ändern, und ich werde irgendwie zentrieren, dass hier, eigentlich, Person Text darin. Ich werde das einen hungrig nennen. Also, jetzt müssen wir hier eine Entscheidung treffen. Also kommen Sie rein, um in diesem zu beginnen. Die erste Frage, die wir stellen, ist du hungrig? Wählen Sie das aus? 7. FC – Connector hinzufügen: Ich möchte zwei neue Formen erstellen. Ich füge eigentlich zwei Rechtecke hinzu, also könnte ich auch Tastatur-LKW tun, die in diesem Fall sind. Ich werde nur darauf auswählen, wenn ich einen erscheinen lassen werde und diesen anrufen, Mittagessen machen, ich könnte auch wählen, diesen hier zu duplizieren, damit ich das einfach so duplizieren kann . Sie können auch, wenn es ausgewählt ist, Sie können sehen, dass Sie sagen, dass Sie hören, dass Sie nicht alles tun können, und zog seine Geben Sie uns einen kleinen Hinweis dorthin. Warum, aber darüber. Also, wenn ich auf das ganze nach unten klicken sollte und dann ziehe ich das nach unten. In diesem Fall halte ich Schichten, die es gerade nach unten ziehen. Das ist also der andere Weg, das auch zu schaffen. Also werde ich das löschen, das ich hier gemacht hatte, und ich werde das hier anrufen spazieren gehen. Hier sind meine Optionen. Und das nächste, was ich tue, ist, dass ich gezeigt habe, wie wir über einen von diesen sind. Sie können sehen, dass wir diese Anschlüsse haben, aber dieses Kind hat die hier nicht erstellt, also fügen Sie tatsächlich ein paar von ihnen hinzu, damit ich das nächste Mal sehen werde als Anzeigenconnector oder Tastaturkurzbefehle bezeichnet. Sehen Sie? Klicken Sie darauf. Und was ich tun kann, ist, dass ich auf die Form klicken kann, die ich will. Und dann könnte ich einfach auf die andere Form ziehen. Ich möchte automatisch eine Verbindung herstellen. Ich bin in der Lage, etwas Text an dieser Stelle hinzuzufügen. Ich füge hinzu: Ja, ich bin hungrig. Also werde ich das Mittagessen machen. Wenn Sie einen Stecker herstellen,können Sie diese auch abdecken. Wenn Sie einen Stecker herstellen, Also sagen sie, ich will das auf Grün machen. Du könntest ihn zu einer Strichlinie machen. Sortieren Sie immer noch einige der Optionen, die Sie auch tun könnten, und die andere Stelle, wo sich die Pfeilspitze befindet. Also kannst du das vorne haben, ähm, gegen das auch. Wir können auch Ellenbogen erstellen und diese machen verschiedene Formen Art, die wir hier schon und wieder haben . Wir haben auch Duplizieren und Hinzufügen einer gemeinsamen, dass. Wir werden bei den Kommentaren ein wenig später darüber reden. So Phenome Gandhi wählen, dass jetzt möchte ich auch Connector zwischen dieser Option erstellen. Meine keine Option jetzt etwas zu auch, Sie können auch tun, statt tatsächlich gehen über und mit dem Anzeigenverbinder-Tool ist, wenn Form in der Nähe einer von ihnen ist . Wenn Sie einfach auf das Überklicken klicken, klicke ich darauf. Es wird eine Verbindung zu der nächsten Form herstellen. In diesem Fall klickte es auf und stellte dort eine Verbindung her. Also, das war großartig. Nun, wenn ich Text hinzufügen möchte, könnte man das entfernte Pop-up automatisch sehen. Wenn ich also nur doppelklicke, funktioniert es manchmal nicht sofort. Aber ich muss da reinkommen und doppelklicken. Und da gehen wir hin. Da ist meine SMS. Das ist meine keine Wahl und hat auf den Banden geschlafen. Ich will das hier abdecken. Es heißt Spread und kein Platz es angemessen. Also, jetzt habe ich die Möglichkeit. Wenn ich Hunger habe, ja, dass ich das Mittagessen mache. Wenn ich es nicht bin, gehe ich spazieren. 8. FC – Text hinzufügen: Also werde ich hier ein bisschen rüber scrollen und für einen Mashup-Laptop auf meinem Schoß auf dem Trackpad. Ich benutze nur zwei Finger, mit denen ich auf meinem Campus punkten kann. Ich werde tatsächlich eine andere Form hinzufügen. Ich füge noch eine Entscheidung hinzu. Time und ich hätte das Hungrige in diesem Fall kopieren können. Ich beschloss,einfach da reinzumachen. können. Ich beschloss, Und ich werde Sandwich zu einer Option machen, um eine Entscheidung zu treffen. Jetzt. Weißt du, Frau hat diese Leinwand genannt. Ich meine, ein Sport-Sandwich genannt. Dieser Fall wieder, ich würde hier irgendwo einen Stecker machen. Ich könnte einen Anschluss zu diesem Klick schlecht machen. Wenn ich darauf doppelklicke, dann lass uns sehen. Ja, das ist es, was ich gerne eine Sandwich-Option. Lassen Sie uns das hier abdecken. Machen wir das hier orange für unseren Lachs. Also etwas anderes, das jemand Teoh über das Hinzufügen sprach, war das Textwerkzeug. So fügen Sie Text Tastaturkürzel t So wählen Sie auf diesem. Diesen Fall kann ich das runterwerfen und sagen, vielleicht ist das eine Notiz für mich. Sollte eine Liste von Sandwiches enthalten. Also, das ist nur etwas, das für mich anmerkt, wenn du klein bist. Die Haut, die Sie hier auf der rechten Seite sehen, Wir hatten diese kleine Hand wie und ziehen herum. Dies erlaubt mir tatsächlich, dies zu einem Absatz zu machen, in dem ich dann mehrere Textzeilen haben könnte . Ich werde die zentrieren. Ich könnte etwas kleiner machen, vielleicht sogar ein bisschen machen. Das ist wahrscheinlich gut. Und dann schiebe ich es einfach nach oben. Vielleicht ist dies eine Notiz für mich, dass während der nicht aufgeführten Art von Sandwiches, und das ist etwas, woran ich denken könnte. 9. FC – Symbole hinzufügen: Die nächsten zwei, die wir uns ansehen werden, ist Icon hinzufügen. Ich finde dieses Tool großartig. Ich habe verwendet, wenn ein Haufen, wenn ich Flussdiagramme mache. Dieser Fall ist Tastaturkürzel X. Also klicken Sie auf das. Und in diesem gibt es eine Menge von Symbolen, die wir verwenden könnten, die mit skurrilen enthalten sind, und ich könnte nach Symbolen suchen. Lassen Sie uns zuerst beginnen, um Tiere in der Natur zu gehen und Sie können sehen, dass klar ich die Option, das ist die Multi Farben, die Sie sehen können, es sind gefärbt. Ich kann auch nur einen soliden Phil haben, oder es kann auch eine Löwenversion davon haben. Also gehen wir zurück zu den Multi Color und ich mag diese Krabbe hier. Also lasst uns darauf klicken. Und dann gebe ich meine hier zu bewegen. Ich habe geklickt, um es dort abzulegen. Und natürlich, natürlich, wieder können Sie auch dann die Größe auf die Größe ändern, die ich möchte. Und Sie haben auch diese anderen Steckverbinder, genau wie wir es bei unserer Form getan haben. Also können wir das auch in diesem Fall erstellen, sieht so aus, als ob man sich mit meinem Bild verbinden sollte, aber ich werde einfach nachlassen, dass wir jederzeit dort waren. Sie können auch gehen und entscheiden, dass Sie wechseln möchten, welche Art von Farbe und Sie haben. So wollen Sie nur den Löwen Subjektiv, mehrfarbig zu füllen . Sie können es auch drehen. Sie können auch keine Farbe haben. Also könnte ich es in ein solides Gefühl wie das ändern . Zum Beispiel, erhalten Sie einen Befehl Z und gehen Sie zurück zu meinem Multicolor wie folgt mit den verschiedenen Farben darin. Wir können uns auch ändern, oder ich halte es auf, hier zu gehen und zu sehen, ob wir da reingehen können. Und vielleicht wollten wir etwas anderes. Also, aber ich werde die Krabbe vorerst behalten. Also als ich. Un Wählen Sie, dass in der Anzeige Symbol, Sie können auch für etwas suchen, wie ich erwähnt hatte. Also, wenn ich hier reingehe und nach Sandwich suchen will und sehen, was sie hier haben. Also, wie ich beginne zu tippen, sehen Sie, wir haben bereits einige Optionen. Dieser Fall, den ich will, ich mag diesen hier, aber ich will nur einen einzigen noch davon haben. Also klicke drauf und dann werde ich das hier irgendwo fallen lassen. Also in diesem Fall möchte ich anders Farbe sein, da ist das Veggie Sandwich. Lassen Sie uns Tasche grün machen Perfect. Genau so. Aber vielleicht ist das eine Krabbe und Gemüse. Also gehen wir hin. Jetzt Krabben- und Veggie-Sandwich. In diesem Fall werde ich tatsächlich einen Connector hinzufügen. Also Sandwich hoffen, dass wir dies als Text zu tun. Also werde ich das hier rüber schieben. Lasst uns die Krabbe rüber. Und ich war , dieses Jahr,um Ja zu sagen. Also, großes Mittagessen? Ja. Sandwich. Ja. Ich nehme ein Krabben- und Veggie-Sandwich. Klingt großartig. 10. FC - Bild hochladen: nächstes Werkzeug, das ich Ihnen zeigen werde, ist die Upload-Bild-Tastaturkürzel. I Dies ermöglicht es mir, ein Bild hochzuladen. In diesem Fall habe ich einen meiner Desktop hier dieses leckere vegane Veggie Sandwich. Es ist also auf Öffnen klicken, dass dies auch den Griff hat. Wenn ich also die Verschiebung gedrückt halte, kann ich das dann in die Größe ziehen. Lasst uns etwas kleiner machen. Diese Option hier erlaubt mir tatsächlich, einen Rahmen oder keine Freunde zu haben. Also könnte ich eine kleine Grenze haben oder nicht. Ich werde es nur eine kleine Grenze behalten, und ich werde das hier oben schieben. Dann werde ich ein wenig nach oben scrollen, um das zu zeigen, und so kann ich daran erinnern, was für ein leckeres Sandwich ich hier zum Abendessen haben werde . 11. FC – Link und Kommentar hinzufügen: so dass das letzte Werkzeug in der Werkzeugleiste theatralisch ist. Denken Schlüsselwort Abkürzung K Klicken Sie auf, dass. Dies ermöglicht es uns tatsächlich, einen externen Link zu unserem Flussdiagramm hinzuzufügen. Viel könnten Sie neue Registerkarte öffnen. Ich werde nach diesem steuerlichen Xhaka-Leasing suchen. Und Santa Cruz ist ein großartiger Sandwich-Ort. Los geht's. Damit ich einfach deinen Kranken auswähle und das dann kopieren werde, gehe zurück zu meinem Salinger und dann werde ich das hier reinfügen. Hoppla, ich wollte Paste. Hier gehen wir und fügen hinzu. Also zuerst fällt es hier ein kleines Symbol. Ich kann das tun. Aus dem Weg. Dort können Sie sehen, dass wir es haben. Dies ist der Geschmack Khan von der Website, so dass wir das kleine Symbol haben. Und wenn wir darauf klicken, natürlich, was passieren wird, wird es die Website einfach so starten. Das ist ziemlich cool. Auch in dieser Option, wenn ich darauf zurückgehe, wenn ich auf den Geschmack com Teil klicke, klicken wir auf die Kamera. Wir haben tatsächlich die Möglichkeit, den Daumen jetzt zu haben , den wir jetzt haben Sie den Desktop-Kopf , der nur einen Teil der Seite dort hineinlegt. Wir können auch wählen, um die ganze Seite zu haben, die in diesem Fall ziemlich lang ist. Also, wenn ich ein wenig Folie herauszoomen, weil das der Unterschied ist, das ganze Menü, das ist die ganze Seite. Ich war dort, und Weg kann auch die Möglichkeit haben, die mobilen Versionen davon zu entfernen oder den Snapshot zu entfernen, ich denke, es sei denn, Sie werden jetzt Version daumen, was eine andere Option ist, die ein wenig kleinere Version von auf der Website. Nur das ist irgendwie die kleine Version der Websites hatte, Also mag ich, dass gibt eine schnelle kleine Momentaufnahme davon, und ich denke, das ist irgendwie perfekt dort. Wir können dies auch duplizieren und auch kommentieren wie andere Teile, die wir gesehen haben. Also, in diesem Fall, eigentlich, lassen Sie uns einen Kommentar hinzufügen, dass dies Ihnen erlaubt. Sehen Sie, dies ist der erste Kommentar auf der Seite. Es gibt eine Nummer eins wird sagen, großartigen Platz zu essen und es ist wirklich, dass so getroffen, senden und da gehen wir jetzt, ich habe einen Kommentar dazu hinzugefügt. Also, wer auch immer Teil dieses Brettes ist, der Teil und skurrilen als auch ist. Sie können auch diese Kommentare sehen, dass sie darauf klicken. Sie können sehen, dass sie auch antworten können, dass sie sagen könnten, Ja, sie waren dort, und es war ein großartiger Ort in der Tat. 12. FC – Abschluss: großartig. Nun, das schließt die linke Werkzeugleiste ein. Wie Sie sehen können, gibt es viele Optionen, die wir tun könnten, wenn wir bauen sind Flussdiagramme, um dieses Flussdiagramm zu verlassen . Wir gehen nach links, ein kleines Menü hier klicken wir auf, dass, und dann können wir einfach zurück zu Beispielen gehen, und wir können auch auf verschiedene Boards von in meinem wechseln haben sogar ein neues Flussdiagramm erstellen oder einen neuen Feuerdrahtrahmen erstellen. Dieser Fall, ich bin nur schnell, zurück und Sekunden. Kommen Sie zurück auf meine Zielseite. Denken Sie daran, dies Ihr Dashboard zu nennen, wo ich all die verschiedenen Beispiele sehen konnte, die ich habe . 13. FC – VUI Challenge: Sieh mal, er sagt Zeit für eine Herausforderung. Und diese Herausforderung besteht darin, eine Sprachbenutzeroberfläche für jede Art von Gerät zu erstellen, die Sie haben könnten oder Sie könnten einfach eine wählen, die ich tatsächlich Alexis habe. Also werde ich ein kurzes Beispiel für das Erstellen eines dafür geben. Wir werden das natürlich mit einem Flussdiagramm machen , , denn das ist es, was wir gerade gerade ausarbeiten. Also werde ich auf ein neues Flussdiagramm klicken, um eine leere Leinwand zu öffnen, und diese besondere Fähigkeit, die ich erstellen werde, heißt Ricky. Und das wird eine Fähigkeit sein, die es mir erlaubt, ein Auto Ricky zu buchen. Also, wenn die kleine Art von drei Weltautos, um mich abzuholen und mich irgendwo in der Stadt dort zu fahren, also ist es irgendwie der Stadt dort zu fahren, eine Überversion einer anderen Rikscha. Also lasst uns anfangen, und du siehst irgendwie, was ich meine, und ich lasse dich deine eigenen Fähigkeiten erschaffen. muss nicht sein, was ich tue. Aber ich dachte, wir hätten wenigstens einen Ausgangspunkt dort, also werde ich damit beginnen, hier zu einem Rechteck zu gehen, und das wird nur sein, wie ich die Alexa-Fähigkeit aufrufe, die Sie auch können, wenn Sie erstellen, um Sprachbenutzer zu erstellen -Schnittstellen, wenn Sie etwas wie Alexa zum Aufrufen verwenden, und Sie könnten es einfach mit einer Weile aufrufen, mit oder ohne Anfrage, in diesem Fall werde ich es einfach ohne eine Anfrage haben. Also haben Sie gerade erst die Waage geöffnet, und dann können Sie Ihre Anfrage stellen. Also nennen wir das hier, Alexa, äh, reißt sich auf, Rick. Und da gehen wir, natürlich, können die Optionen hasem. Die erste Option wird also haben, ist ein Ort, an dem ich gehen möchte. Sobald ich das geöffnet habe und dann gesagt habe, dass der Standort 100 Main Street ist, und das ist in jeder Stadt , Kalifornien, geht es dorthin. Also in diesem Fall werde ich auch ein wenig weiter hier rüber gehen, und ich werde eine von diesen hier fallen lassen, Werbung im Text. Dann werden wir diese eine Benutzereingabe nennen. Das ist also etwas, das der Benutzer sagt. Ich werde diese lesen färben. Es gibt eine gute Lektüre dafür. Ich werde das ein bisschen verkleinern. Ich werde das hier tatsächlich kopieren. Ich nenne das einen Alexa Output Dies ist etwas, das Alexis zurücksagen würde und lassen Sie uns diesen abdecken . Lasst uns diese gelb machen. Dann ziehe ich Ault gedrückt und verschiebe, um eine Kopie und Einschränkung direkt nach unten zu machen . Und ich nenne diese eine Systemlogik sagt, dass es etwas ist, das im Hintergrund passiert. Lasst uns diese Blau machen, die alle diese auswählen. Ich werde all diese Umrisse essen. Da gehen wir hin. Wirtschaft ist, Sie können sehen, ich kann einige dieser Optionen ändern, indem Sie mehrere Dinge gleichzeitig auswählen und dann meine Auswahl dort treffen. Also dieser Fall, eigentlich, beide von diesen oder etwas, das ich bin in der Regel und setzen etwas Farbe sowohl diese roten und beide Umrisse, dass es wir gehen. Das nächste, was ich hinzufügen möchte, ist die Möglichkeit zu sagen, dass ich nicht sofort eine Anfrage gesagt habe, also würde Alexa mich tatsächlich fragen, welchen Standort ich will. Also werde ich klicken und das hier nach unten ziehen. Und dann ist das Alexis würde sagen, sie würde wissen, wie spät es war in den Tagen, als sie in diesem Fall ist, es ist Guten Morgen, und wohin würdest du gehen? Dies, natürlich, wird aussehen, aber so setzen Sie das da rein, und dann wird dieses Kind sie mit diesem verbinden Ein wenig mehr Platz und immer noch kein Klick darauf . Es ist ein kniffliger. Also musste ich das Recht bekommen. Da gehen wir hin. Der rechte Doppelklick, um den Text Dinge beginnen zu lassen. Also dieses Kind wollte setzen Benutzer nicht angeben Ort sofort, so dass es passiert. Und da ich Feuerstelle angegeben wurde, dieser Fall, wird Alexis fragen, wohin ich gehen will. Also werde ich das hier kopieren, alles in Schichten. Schieben Sie es über das hier. Ich werde sagen, was im Hintergrund passiert. Also prüfe nach verfügbaren Ricky's gegen Rickys oder die Auto-Rikschas. Also in diesem Fall, dieser, den sie blau sein wird, werde ich auf diese Weise miteinander verbinden. Eigentlich gehen wir da hin. In diesem Fall die Fertigkeit im Hintergrund, überprüftdie Fertigkeit im Hintergrund,ob Ricky's zur Verfügung stehen. Daher Flexibilität, um zu reagieren, mit welcher Zeit ich aufgegriffen werden könnte, zum Beispiel. Also gehe ich nicht zu weit hierbei. Ich möchte Ihnen nur eine Art grundlegende Idee geben. Sie können das natürlich wirklich weit gehen. Und ich bin aufgeregt zu sehen, was anders ist, äh, und Alexis Schule, die du dir einfällt oder Google zu Hause sein könntest. Es könnte Siri auf dem iPhone sein. Es könnte sogar ein Spielzeug sein, das Stimme verwendet. Es spielt keine Rolle, was Sie wählen, nur die Idee, dass Sie eine Sprachbenutzeroberfläche auf die Verwendung eines Flussdiagramms tun, um die vielen Optionen zu zeigen , die der Benutzer mit Großem Dank so viel präsentiert werden könnte. 14. Wireframe (aka WF) – Einführung: als nächstes werden wir auf die Schaffung eines neuen Drahtrahmens suchen. Also klicken Sie hier und das nennen Sie diesen einen Twitter, weil das ist, was ich werde wieder aufzubauen . Hier ist für das Beispiel. Das erste, was wir uns ansehen werden, ist das Hinzufügen von Rahmen. Also werden wir Adam überspringen. Lassen Sie für jetzt gehen Sie rechts nach unten, um Ausfransen hinzuzufügen, die Tastaturkürzel f Klicken Sie darauf. Sehen Sie, wir haben eine Vielzahl von verschiedenen Rahmen, die wir hinzufügen könnten. Ich bin genau das Richtige für das Fenster. Also werde ich die Desktop-Version davon machen. Also lass ich das einfach da runter fallen und da haben wir es. Unser Rahmen. Wir können auch darauf doppelklicken. Wenn wir es ändern wollen, sagen wir, ich nenne das eine Haupt und verkleinere dann ein wenig. Dieser Rahmen kann auch in der Größe geändert werden, damit ich ihn dehnen kann. Wie? Richtig? Wie das tun, wenn ich ah tun will, besondere Größe Rahmen. Ähm, es wird 12 machen. 80 von 1964 sehen Sie unten den Boden. Hier ist, wo ich die Größe auf diesem gesehen habe. Ich kann auch einen Kommentar hinzufügen, wenn ich will, aber vorerst werde ich es einfach so lassen 15. WF – Element hinzufügen: Gehen wir zurück zu dem, den wir hier übersprungen haben. Fügen Sie ein Element hinzu. Welche Tastatur? Abkürzung e Wenn ich das öffne , sehen Sie, wir haben eine ganze Reihe von verschiedenen Elementen, die wir in diesem Fall wählen könnten, werde ich Regie. Was passiert auch Tastaturkürzel sein, so klicke ich auf, dass. Nein, lassen Sie es irgendwo fallen. Ich würde gerne sehen, dass dies auch eine Editor-Symbolleiste hier hat, ähnlich wie wir in den Flussdiagramm-Videos hatten, wo ich die Form dieses bestimmten in die Pillenform oder zu einem Oval ändern könnte . Gehen Sie auch für eine Füllung im Vergleich zu skizzierten Strich. Sie ist deine Farbe. In diesem Fall werde ich für ein Gelb gehen. Ich kann auch bei Icon duplizieren und gemeinsam auf, dass. Also klicken wir davon ab. Ich wollte positionieren, dass das erscheint, und dann werde ich ein bisschen rausziehen, um es über die Größe hier zu schaffen, die wir als nächstes machen werden, wird tatsächlich Größe haben. Auf diese Weise ist es ein bisschen mehr. Und dann bitte ich Sie, auf diese klicken und ich gehe zu einem Mac Ault Shift Drag oder Option Shift Drag auf einem PC ziehen, dass hier unten. Hühnchen kleine Lücke. weiße Bar hier könnte das die Straße hier unten ändern. Aber vorerst ist das in Ordnung. Ziehen Sie das runter und ich werde das grau machen. Also haben wir hier schon etwas passiert. Also jetzt, wenn ich packe und kreise oder oval und ich gehe auch hier runter. Äh, Circle. Eigentlich hätte ich lieber einen Avatar. Das ist also eine Tastenkombination. Ein, äh, Kreis war Tastaturkürzel. Oh, aber Avatare, was ich für diesen Fall gerne hätte denken Drop das und dann werde ich das verschieben , um ein bisschen größer zu werden, und das wird auch das weiß machen. Wenn du hier etwas sehen willst, fällt es irgendwie hinter den grauen. Wenn ich rechts, klicken Sie auf das und Sie bringen die Front, die tatsächlich oben auf die machen Position angehoben ist wo ich gerne küssen würde es ein wenig mawr in den oberen Bereich bekommen. Genau so. Vielleicht streng aus winzig, aber es ist irgendwie groß. Also gehen wir hin. 16. WF – Füge die Connectors hinzu und Text hinzufügen: Diese Anzeige ist wirklich schnell verbunden. Dieses Versprechen, dass Sie öfter in der Flussdiagrammkarte verwenden könnten. Aber nur um ein kurzes Beispiel zu geben, könnte man hier tatsächlich darauf klicken. Und dann könnte ich rausziehen. Also sagen, ich ging Zeh, befestigen Sie es an einer anderen Form. Ich könnte hinzufügen, Texan hier, Probe scheint irgendwie ah, gerade so. Aber das haben Sie. Ich möchte es ziehen und berühren lassen. Etwas anderes wie das. Ich könnte damit Verbindungen knüpfen. Ich werde das vorerst löschen. Und eigentlich, was ich als nächstes gehen möchte, war Text hinzuzufügen, Tastaturkürzel t ist, was mir als Sounds erlaubt, Text hinzuzufügen. Also, dieser Fall wird das Wort nach Hause hier setzen. Ich denke, das und das wird hier ganz oben gehen. Wir werden unsere Navigation haben. Also eigentlich, ich möchte jetzt tun, ist ich möchte diese drei Elemente auswählen. Ich werde ihn ein wenig hierher ziehen, und dann werde ich das Haus in diesen Abschnitt ziehen, um tatsächlich einen bestimmten Bereich zu machen , und ich lasse es gleich dort. Hört sich gut an. Ich will es tun, es sind auch Duplikate, die ich für ein anderes Duplikat hatte. Ich werde diesen einen Moment machen und ich mache noch ein Duplikat. Ich kann diese Rufbenachrichtigungen fallen lassen. Das und ein MAWR. Wir werden diese Nachrichten nennen, die mit Twitter vertraut sind. Du verstehst, dass du das wahrscheinlich schon einmal gesehen hast, aber zusammen klickbar bist. Das gibt mir die Möglichkeit, mich zu gruppieren. In diesem Fall möchte ich nur eine Linie, als sicherzustellen, dass sie in der Linie sind, die aussehen, wie sie sind. Aber nur für den Fall, dass ich bewegt, jede, die nicht negativ scheint, sagte, jede, die nicht negativ scheint, sagte,Art von auch horizontal verteilen, räumt sie gleichmäßig aus. Das ist großartig, Perfect. Also sind wir fertig mit dem Hinzufügen von Text für jetzt. 17. WF – Füge Icons hinzu: Das nächste, was wir tun, werden wir Symbole hinzufügen, die, äh, Tastaturkürzel X hier, bevor ich es tue, ich möchte zu gehen, uh, Twitter hier, die derzeit waren eine Version davon zu machen. Das ist, was ich jetzt nicht angemeldet habe, aber Sie können sehen, dass wir das Symbol haben, und dann die Navigation oben. Die Frauen-Creme hat noch ein paar mehr. Sobald ich wieder das Gesetz war, würdest du die sehen, aber du hast die Idee, Uh, Uh, wir loggen uns ein. Das wäre eigentlich ein kleines Bild von einem Haus, und so werden wir anfangen, diejenigen hinzuzufügen, die ich schon sehen konnte. Auch darauf zurückzukommen, ist, wie klein der Kreis hier ist. Das ist West. Boss ist einer meiner Lieblings-Freunde und Entwickler, die wir gerade betrachten. Und er hat ein paar tolle Klassen wie diese. CSS-Raster, das ist großartig ein dort. Also sieh dir das an, wenn du eine Chance hast. Jedenfalls, zurück hier drüben. Was? Wir arbeiten an diesem Sprichwort, dass wir das ein wenig verkleinern, weil es irgendwie groß , was wir da gerade gesehen haben. Also, das ist wahrscheinlich besser für jetzt. Soas faras Icons haben das hier oben geöffnet. Ich kann, eigentlich, uh, wenn ich speziell dieses Twitter-Symbol wollte, könnte ich hier nach Twitter suchen und tatsächlich eins haben. Und ich könnte das hier fallen lassen. Das funktioniert so gut. Vielleicht möchte ich die Farbe ändern, die wir das grün machen. Vielleicht ändern Sie dieses Jahr auch die Bildschirmfarbe, weil wir jetzt auf der Homepage , so dass macht Sinn für Momente. Das war ein kleiner Blitzschlag. Wenn ich zurück zu Icon gehe, könnte ich nach oben schauen. Könnte das bedeuten. Und sicher genug, sie haben einen. Sie haben das da. Als Nächstes für Benachrichtigungen. Ich brauche ein kleines Glockensymbol. Also, Bill, ich bin sicher nicht. Da gehen wir hin. Sie können natürlich diese natürlich neu dimensionieren. Ich werde es einfach so fallen lassen, wie sie groß sind. Das scheint hin und wieder für Nachrichten zu funktionieren. Ich brauche hier ein kleines Briefumschlag-Symbol. Wenn ich also X treffe, siehst du, dass es auch so öffnet. Und, äh, wir haben so aussieht, als hätten wir verschiedene Möglichkeiten. Wie wär's, wenn wir das einfach geschnappt haben? Lass es einfach rein. Da gehen wir hin. Da ist ein Umschlag. Also sofort haben wir wieder unsere verschiedenen Registerkarten. Wie ich schon sagte, man kann ein wenig hineinzoomen. Das scheint ein bisschen groß zu sein. Sie können es verschieben und nach unten ziehen, um die Größe zu ändern. Vielleicht rollen diese wie ein winziges bisschen groß, so können Sie entscheiden, dass Sie eine kleinere Freunde wollen, da, so und da gehen wir, das Hinzufügen von Symbolen. 18. WF – Link hinzufügen: Als Nächstes werden wir den Anzeigenlink verwenden. Also werde ich sehr wenig hinauszoomen. Und so klicken Sie. Link hinzufügen. Wie wäre es, wenn wir einfach so ruhig gehen? Vielleicht ist es uns erlaubt, wenn wir darauf klicken wollten, weil wir direkt auf die Website gehen wollten . Auf diese Weise könnten wir sehen , , was wir versuchen, hier zu erstellen, ist eine Kopie von Twitter. Also genau wie in Flussdiagramm, wenn wir verwenden, dass sah auf das Board. Wenn Sie darauf klicken, haben wir Optionen, um es jetzt zu einem Daumen zu machen, was eine schnelle kleine Bildschirmkappe davon ist. In diesem Fall ist es nicht zu interessant, aber Sie können die Idee bekommen. Wir können auch entscheiden, den Kopf der Websites oder die obere Hälfte davon zu graben. Dieser Fall wieder, es ist nicht scheint nicht sehr interessant zu sein. Eine Rutsche nach der Seite hier. Sehen Sie, ob das nicht immer noch nicht viel da ist. Weit außerhalb der mobilen Versionen kann ich den Snapshot nicht entfernen, der ihn wieder nach unten bringt, um nur das wenig zu verwenden, das leave a con von der Website als etwas, das wir darauf klicken können, um es zu bewegen, aber wie, sagen, wenn Sie darauf klicken, wird es geöffnet. Also klicken sie darauf. Natürlich gehen wir hierher, wo ich mich tatsächlich einloggen würde. Aber wenn Sie eingeloggt waren, wurde die Website gestartet, auf der Sie umschließen. Und so können Sie überprüfen, was Sie versuchen, Sie zu machen und das ist Anzeigenlink, der auch eine Tastenkombination K. 19. WF – Bild hochladen: jetzt für den nächsten Partner zeigen Sie, das ist Upload Bild Tastaturkürzel. Ich habe Ihnen tatsächlich eine Version zeigen, die ich ein wenig weiter mit dem Twitter-Klon hier zeigt, dass ich eine namens Desert Life gemacht habe, ist der Name dieses Twitter-Kontos . Und so, Gott, ging an viel mehr Text, einige andere fühlen sich wie Suche. Und diese wurden alle auf die gleiche Weise gebaut, wie ich die Originalteile gebaut hatte. Eso nichts Neues auf diese. Aber was ich auf dem Bild mit Zoom in ein wenig hier zeigen möchte. Ich könnte hier zum Beispiel ein Bild platzieren . Also vielleicht ging ich für eine schnelle Suche Wüstenszenen auf der Suche nach Bildern und vielleicht mag ich diese hier. Also lass uns sehen. Klicken Sie auf das. Es wird das Bild kopieren, zurück zu diesem hier und dann füge ich das Bild hier ein. Hier kann ich einen Vollrahmen machen oder einen kleinen Rand haben. Ich werde einen vollen Rahmen holen, ihn dort ablegen und gleich da drüben. Und da ist unser Anzeigenbild. Natürlich könnten Sie auch vom Desktop hochladen, um sich zu fragen, ob Sie einen Ordner hatten, in dem Sie die Bilder hatten . Aber ich versuche, eine schnelle Vorstellung zu bekommen, wie es aussieht, um ein Bild hinzuzufügen und hat eine Art passendes Farbthema dort wie es. 20. WF – Teile: letzte Sache, die ich über innerhalb der Drahtrahmen sprechen möchte, war die gemeinsame Nutzung. Ich habe hier etwas geschaffen, das zu diesem kleinen Papierflugzeug geht. Ich kann sehen, dass wir Aktien Export und Druck haben. Wenn ich darauf klicke, könnten wir einen Anteil an einem Link bekommen. Sobald ich das bekommen habe, könnte ich das in die E-Mail schreiben. Zum Beispiel könnte ich das auch exportieren, wodurch es zum Beispielauf meinem Desktop zum Beispiel oder in einem bestimmten Ordner gespeichert wird. Ich kann auch eine Kopie des Bildes machen, das ich dann wieder in E-Mail einfügen könnte, und dann geht es, um das auszudrucken. Das ist also eine großartige Möglichkeit, wenn Sie wirklich teilen möchten, was Sie hier getan haben, und das ist alles für Drahtrahmen, vielen Dank. 21. WF – Challenge #2: und jetzt ist es Zeit für die Herausforderung. Ich teile mit Ihnen einige verschiedene Werkzeuge, die sie verwenden könnten, um einen Drahtrahmen zu erstellen. Und jetzt liegt es an Ihnen, eine Ihrer Lieblingsseiten zu nehmen, sei es Twitter, Facebook, Facebook, Instagram oder jede Website, wirklich, wirklich, und machen Sie eine Nachbildung davon. Es geht darum, etwas zu tun, das wirklich schnell ist. Keine Notwendigkeit, wirklich in die Herstellung aufwändiger Sache zu tauchen. Wir machen nur Drahtrahmen, um Ideen rauszuholen. Du könntest sogar eine ganz neue Idee kreieren, wenn du Teoh magst, ich freue mich darauf zu sehen, wenn du wieder etwas einfällt. 22. Ende: Ich hoffe wirklich, dass dir dieses Video gefällt. Sehen Sie zu von oder entwerfen Sie Werkzeuge als auch. Es ist entworfen, Methoden für die Zukunft zu tun. Siehst du das?