Adobe XD: App-Design und Prototyping für Anfänger | Matt Ward | Skillshare
Schublade
Suchen

Playback-Geschwindigkeit


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

Adobe XD: App-Design und Prototyping für Anfänger

teacher avatar Matt Ward, Product Designer

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

    • 2.

      Dateieinrichtung und Anmeldeformular

      20:31

    • 3.

      Onboarding

      17:36

    • 4.

      Icons und Bottom

      13:27

    • 5.

      Haupt-Bildschirm: News-Feed / Profil

      37:33

    • 6.

      Den Prototyp erstellen

      20:00

    • 7.

      Den Prototyp teilen

      2:03

    • 8.

      Outro / Abmoderation

      0:26

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

1.808

Teilnehmer:innen

5

Projekte

Über diesen Kurs

In diesem Kurs erstellen Wir gehen die Grundlagen von Adobe XD durchund und lernen, wie du mit Bildern arbeitest, Bildung, Symbole, Buttons und Prototypen erstellst. Ich werde auch ein Plugin teilen, das ich in meiner to to verwende, das meine design leicht DOUBLES verdankt, damit dieser Kurs für jedes Niveau wertvoll sein wird. Siehe unten Beispiele für das, was wir erstellen werden.

Ich habe die Dateien in dem Kursprojekt verwendet, um diese oder nur deine eigenen Bilder zu verwenden.

Splash und Anmelde:

.

Onboarding:

News und Bottom Navigation:

Triff deine:n Kursleiter:in

Teacher Profile Image

Matt Ward

Product Designer

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: Hey, Leute, heute wird über Adobe X'd gehen. Es wird die Entwicklung und Prototyping unserer allerersten App sein. Dies ist also für Anfänger gedacht, aber auch zeigen euch Jungs so etwas wie blitzschnelle Workflow-Prozesse und Plug-Ins , die ich täglich verwende. Aber machen Sie es schnell und wertvoll für jeden, der aufpassen will, so dass unsere Ausgabe in etwa so aussehen wird . Also machen wir einen Prototyp mit 10 bis 12 Bildschirmen mit einer ziemlich hohen Wiedergabetreue, und ich werde jedes Stück auf dem Weg entwerfen. Also hoffe ich, ihr könnt einige nützliche Informationen abholen, also lasst uns anfangen. 2. Dateieinrichtung und Anmeldeformular: nehmen Sie keine Notiz, wenn zu beginnen, dass wir Gerätegrößen schien zu stoppen und weil es ein Handy aus tun wird, werden wir hier klicken. OK, also eine kurze Notiz zu Dateigrößen werden Sie feststellen, dass die erste Entscheidung, die Sie für ein Adobe X'd treffen müssen , ist, für welche Dateigröße Sie entwerfen müssen. Ich werde jeden ermutigen, wenn du gerade erst anfängst, besonders nur für das Gerät, das du dort hast. Eigentlich denke ich, es ist bis zu 24.000 Android-Geräte jetzt. Und etwa 27 Ah IOS-Geräte. Also Sie wirklich zumindest, wenn Sie zum ersten Mal beginnen, nicht besorgt sein, um zu versuchen, für alle verschiedenen Arten von Geräten zu entwerfen. Ermutigen Sie alle. Zieh einfach das Gerät hoch, das du hast. , Es wird großartig sein,das als Referenz zu verwenden, damit du anfangen kannst, die Größe und Größe der Dinge zu sehen und mit Dingen auf dem Bildschirm herumspielen kannst. Und Sie können tatsächlich Adobe X'd hochziehen und eine Live-Vorschau verwenden, die ich super empfehlen. Es wird Ihnen nur viel mehr vertraut mit der Skala der Tasten und wie große Dinge Sie auf dem Bildschirm machen tatsächlich sind, weil glauben Sie mir, es ist viel anders auf einem Monitor als auf Ihrem Handy-Bildschirm. Also alle, bitte überprüfen Sie das, wenn Sie können. Es ist super hilfreich, wenn ich es für diesen Prototyp ermutige und für diesen wird gehen. Ich finde Xar also das erste, was du bemerken wirst. Sehen Sie, wir bekommen dieses Kunstboard direkt in der Mitte der Seite. Das ist die Größe unseres Telefonbildschirms, und es wird auch nur die generische gefundene Größe oben genannt. Was wir tun können, ist ein Doppelklick darauf und benennen Sie es. Splash, du merkst es nach links. Wir bekommen diesen Namen auf unserer Kunsttafel zu aktualisieren. Dies wird also sein, wo alles, was wir auf dem Bildschirm zeichnen, nach links erscheint. Wir haben alle unsere Zeichnung zu uns und dann nach rechts. Wir haben alle unsere Einstellungen Panel, so dass jede Option, die wir bearbeiten können, jedes Jahr angezeigt wird. Also, als Beispiel, genau wie der Flughafen und wir bekommen Optionen tot an der Kunsttafel hier drüben, genau das, und wir werden tatsächlich den Auftritt machen. Also der Hintergrund schwarz. Das nächste, was wir tun werden, ist, dass wir ein Symbol für den Begrüßungsbildschirm erstellen, also greifen wir einen Kreis und ziehen, um einen Kreis zu zeichnen. Aber Sie bemerken, wenn Sie ziehen, um es zu zeichnen, es verwandelt sich in ein Oval, und es wird gehen, wie Sie den Cursor bewegen. Aber wenn Sie eine Verschiebung in einer Skala gleichmäßig halten und wenn Sie alte Verschiebung in Ault, wird es von der Mitte aus skalieren. Dies ist eine schnelle Abkürzung, die ich gerne viel verwende, du verschiebst alle mit fast jeder Form, die ich erstelle. Und dann nach rechts oben, werden Sie feststellen, dass die Mitte der Linie horizontalen Werkzeuge ausrichten. Also das sind auch einige schnelle Dinge zu verwenden, wenn Sie Dinge auf den Kunstport bekommen müssen und sicherstellen, dass sie zentriert sind und tatsächlich wird dies ein wenig größer machen. Also werde ich wieder die Option verschieben, und wir haben ein paar Jungs, die kommen. Es kann auch hilfreich sein, die dies ein wenig größer machen rechts über es gibt eine, und wir werden es direkt dort bewegen. Dies wird also das Logo für einen Begrüßungsbildschirm sein. Was ein Begrüßungsbildschirm tut, ist, dass er im Grunde einen Platzhalter bietet, um der App Zeit zum Laden zu geben . Sie sind nicht immer notwendig, aber es ist gut, einen zu haben, denn wenn Europa keine Zeit zum Laden braucht, wenn es heruntergeladen wird und Sie keinen haben, zeigen Sie dem Benutzer einfach einen schwarzen Bildschirm, nicht ideal ist. Das erste, das Greifer schwächt, ist das Rechteck überall links. Und wir werden ein Horn für die Mitte unserer Ikone machen, weil wir Nachrichten erfinden, und es wird wie ein Bullhorn sein, Art Hommage an die alte alte Schule, wie Zeitungsjungen, die auf der Seite des Guten schreien . Sobald wir das Rechteck zeichnen, können wir Männer sehen, die Sie bemerkt haben, dass das Recht einen Rand füllt. Aber was wir auch hier tun können, ist ein Doppelklick auf das Rechteck und teilen Sie diese essbaren Punkte an den Ecken. Und was wir tun können, ist eigentlich beide Punkte zu greifen. Also wurde ich die 1. 1 ausgewählt und halten Sie eine Druckverschiebung. Es ist wie die 2. 1 und wir werden es runterziehen. Ich gehe zurück zur Spitze bringe das auch runter. Ich werde das gleiche tun, mit Spot ihn richtig ein und im Grunde, was ich tue, ist nur ein bisschen mehr wie, oh, Bullhorn-Form für unser Logo, das ich auswähle, um es auszuwählen und dann schieben Sie es nach oben. Eigentlich, was wir damit machen werden, ist, die Grenze abzuschalten und den Phil Black zu machen. Ich werde noch einmal doppelklicken, weil wir wollen, dass dieses Ende etwas kleiner ist als es ist. Also was? Er ist so. Also fing es an, ein bisschen wie eine Bullhorn-Form zu bekommen, was würde eigentlich wissen? Als nächstes legen Sie einfach einen Block hier runter für den Griff. Also greifen wir wieder das Rechteck. Minimales Ziehen, und legen Sie das über und wir werden es nach oben bewegen. Es geht also darum, an der Stelle ein Griff wäre. Wir werden auch die Grenze wieder ausschalten und dann den Füllmantel schwarz machen. Also werde ich schlagen, verschieben und beide auswählen, und wir kommen hierher zu unseren Pfadkombinationswerkzeugen, damit wir entweder diesen einen Zeh auswählen, hinzufügen, subtrahieren können Zeh auswählen, hinzufügen, hinzufügen, , jede Runde ausschließen, die wir verwenden, halten. Also, was es tut, ist, dass es eine Form aus den beiden schafft und wir können Mais nennen, und es ist immer eine gute Praxis, die Dinge zu nennen, wie Sie gehen, denn wenn Sie aufstehen, wie, 100 Art Boards könnte ziemlich verwirrend. Und ich werde das nur eine Sekunde twittern. Also habe ich nur doppelt darauf geklickt, um zurück zu kommen, damit ich diese Punkte bearbeiten konnte. Ich werde das eigentlich ein wenig ansprechen, und dann werde ich dieses Ausrichtungswerkzeug von oben zurückkehren, richtig? Und stellen Sie sicher, dass beide Luft zentriert sind. Ich werde zuschlagen, verschieben, beides auswählen und dann G. befehlen , und das wird eine Gruppe aus diesen beiden schaffen. Und wir können das Gruppenlogo der Teufel Sekte nennen, nur um sicherzustellen, dass das genau dort zentriert ist . Hast du bemerkt, dass der Führer in der Mitte zu dir kam? Wenn Sie um eine beliebige Form ziehen, in der Regel wird Gottes anfangen zu kommen, um Ihnen zu helfen, Zentrum Dinge zu zentrieren. Dann gehen wir zu diesem Textwerkzeug genau hier. Minimales Drag & Drop-Feld für einen Text. Der Name unserer News-App wird extra sein, so dass wir dies hervorheben können und wir werden die weißen Miss Schriftarten ändern . Gut. Ich werde in etwa 35 mutig gehen. Vielleicht so Gerade jetzt ist der Text ein Bereichstext. Das bedeutet im Grunde, dass es weiter läuft, aber nur den spezifischen Bereich zeigt. Aber wenn wir es ändern, um Text hier zu zeigen, passt es eigentlich immer nur an die Menge des Textes. Und der Grund, warum dies hilfreich ist, ist, dass Sie es tatsächlich so skalieren können. Also, wenn Sie versuchen, schnell zu bewegen und Sie wollen nicht genau wie Schriftpunkte eingeben, ist es hilfreich, wie, verwenden Sie diesen Punkttext wirklich herauszufinden, wo Sie eine Position Dinge wollen. Okay, also ist das richtig. Ich ziehe die runter, bis sie beide aus der Mitte der Seite sind. Okay, also sind sie Begrüßungsbildschirm. Wir werden nicht nur diesen schwarzen Hintergrund haben. Wir werden tatsächlich ein Bild darin haben. Also lassen Sie mich über ein Bild ziehen, und ich werde dieses Bild für alle einschließen, aber es ist nur ein zufälliges ah Zeitungsbild, das ich von auf Splash bekommen habe. Aber zögern Sie nicht, das gleiche oder ein anderes zu verwenden, wenn Sie möchten. So haben Sie bemerkt, wenn ich das Bild in es automatisch zugeschnitten auf die Kunsttafel, die eine nette Funktion ist . Und natürlich bekommen wir unsere Bearbeitungspunkte an den Seiten und das Gleiche. Ich werde die Option halten, verschieben und skalieren, so dass es gleichmäßig nach unten skaliert wird, dass ich die linke Klammer des Befehls Shift drücken werde . Und was das tun wird, ist, dass es es den ganzen Weg bis zum Ende des Ebenenfelds schicken wird , und du könntest dasselbe hier drüben tun, aber es einfach ziehen. Also, wenn wir es über die Spitze ziehen, tut es im Grunde dasselbe. Aber es ist ziemlich schnell. Verwenden Sie hier die Tastenkombination. Eigentlich habe ich gerade bemerkt, dass ihr Kreis eine Grenze drauf hat, also werde ich genug doppelklicken. Okay, wir haben unseren Bildhintergrund, aber Sie werden feststellen, dass der Text fast unmöglich ist, zu sehen. Also werden wir ein Overlay auf diesem Bild haben müssen, also werde ich schlagen, bin auf der Tastatur, um ein Rechteck hochzuziehen und ein auf die gesamte Länge unseres Brettes zu zeichnen. Ich werde die Grenze abschalten und dann machen wir sie schwarz. Mr. Spot würde einfach diesen Säbel ziehen und dann mache ich die A Pass ity um 70. Vielleicht versuchen wir es. Und dann können wir das einfach unter unser Logo ziehen. Und da gehen wir. Unser Text ist jetzt viel sichtbarer, und ich werde eigentlich nur Hoffnung nennen. Also, was passiert ist, ist versehentlich Drogen es in die Gruppe auf der Schichtplatte, Der Bereich. Jetzt ist es außerhalb der Gruppe, dass wir dieses Overlay nennen können. Okay, da ist also unser Begrüßungsbildschirm, und das nächste, was wir tun können, ist, das einfach zu kopieren und einzufügen und einen Anmeldebildschirm zu erstellen. Wir können doppelklicken, um zu nennen greifen beide von diesen und nach oben. Also, was wir tun werden, ist, Eingaben für E-Mail in einem Passwort zu erstellen, damit wir unser Linientool hier rüber greifen können und Sie bemerken, sobald Sie anfangen, Linien zu zeichnen ist es irgendwie seltsam zu entscheiden, wo sie aufhören werden, damit Sie reingehen und Raster einschalten können, und es legt ein Standardraster. Das ist eigentlich ein wenig für Nero. Normalerweise bringe ich es gerne ein wenig heraus und diese etwas herum wie, 24 und dann können wir das einfach den Standard machen und es auch an anderen Orten verwenden. Also werde ich diese Linie rausziehen, bis sie diesen Rand trifft, und dann können wir das für eine Sekunde ausschalten. Das ist ziemlich schwer, Sie zu sehen, also machen wir die Linie weiß und machen die Größe auch. Und so brauchen wir ein E-Mail-Textjahr, damit die Leute jetzt ihre E-Mail eingeben müssen. Also werde ich diesen Text hier oben kopieren und einfügen. Ich ziehe es vor, Text zu kopieren und einzufügen und dann nur die Einstellungen hier geändert zu haben, anstatt ein Textfeld zu zeichnen. Da ich es hasse, neue Textfeldfelder zu zeichnen, denke ich, dass es viel einfacher ist, nur f zu kopieren und einzufügen. Es ist auch schneller, aber für jeden ihre eigenen. Also was? Diese E-Mail dort. Dann werde ich beide greifen, indem ich die Schicht halte. Ich werde es kopieren und einfügen, damit wir gleich eine weitere Version bekommen. Und dann werden wir dieses Passwort in einer kurzen Notiz umbenennen, um zu vergrößern und zu verkleinern, indem Sie den Befehl gedrückt halten und das Scrollrad verwenden. Und so zoomen Sie hinein und heraus. Teach Mouse Point und ich benutze die Leertaste, um das Pan-Tool zu kommen. Wenn jemand Familie möchte Fotoshop. Es funktioniert ziemlich ähnlich. Aber wenn du mich je auf der Kunsttafel herumfliegen siehst, gibt es von den Werkzeugen, die ich benutze. Also werden wir tatsächlich auch kopieren und einfügen Passwort jemals. Denn wenn wir Passworteingabe haben, müssen wir ah haben, Passworteingabe vergessen. Einfach. Ziehen Sie das über, damit es nicht herunterfällt. Ich hatte eine Frage, Mark, und wir werden eine Zeile schreiben, indem wir das hier drüben auswählen. Ich werde es etwas kleiner machen. Wird auf 14 mit ihm gehen, weil wir alle jetzt, die wahrscheinlich brauchen wird dies irgendwann, wenn dies ein wirklich up war, weil ich nicht den Überblick über meine Passwörter ohne Grund behalten kann. Das nächste, was wir tun werden, ist, unseren Anmelde-Button zu erstellen, wird eine Rechteck-Form ziehen, dies ein wenig kleiner machen, und wir werden tatsächlich dieses Radius-Werkzeug genau hier greifen. Also diese kleinen Punkte oder für den Radius und wir können dieses Ende greifen und diese Ecken abrunden , können Sie auch Option halten und nur einen Radius greifen. Aber für diesen werden wir beide packen und die Ecken gleichmäßig die Knöpfe ein wenig groß umrunden. Und das ist der Punkt für Sie, wo ich alle ermutige. Teoh gewöhnen Sie sich an die Vorschau und beginnen zu verstehen, wie groß die Sie I Elemente, die Sie erstellen Arm. Dies ist auch sehr hilfreich und warum ich vorschlage, Leute für das Gerät zu entwerfen, das Sie haben , weil Sie eine Gerätevorschau erhalten können, und es hilft Ihnen nur, die Dinge zu verstehen, die Sie bauen und sie im Maßstab zu sehen weil es ändert sich wirklich, wenn Sie es auf dem Gerät erhalten. Also ziehen wir das ein wenig nach unten, schalten Sie den Rahmen aus, und da dies eine Schaltfläche ist, wird einen Schlagschatten darauf und Material dot io setzen. Das ist also wie Google US-Standards, aber aus einer Menge gutes Material. Eine Menge Material, schätze ich. Sie haben eine Website erstellt, um wirklich zu erklären, warum Wein, wann man Schlagschatten verwenden und ich ermutige alle. Werfen Sie einen Blick aus, aber lange Geschichte kurze Tasten sind auf einer Erhöhung Service und heben Oberfläche. Habe Schatten darunter. Setzen Sie immer einen Schatten auf eine Schaltfläche oder eine Oberfläche, die sich über einer anderen Oberfläche befindet. Das ist das To d r Schlagschatten. Verwenden Sie sie nicht stilistisch, Drop-Schatten sollen Funktionalität vermitteln Drop-Schatten sollen Funktionalität vermitteln. Also können wir das tatsächlich ändern. Es wird ein Grün dafür verwenden, genau über ihr Aussehen. Gut. Und wenn Sie eine Farbe haben, die Sie häufig verwenden werden, können Sie diese Anzeigenschaltfläche drücken, um die Farbe zu speichern. Das ist ziemlich hilfreich. Also brauchen wir unseren Knopf, um Text zu haben. Also werde ich das Textwerkzeug packen und dort zeichnen. Dann werde ich es zentrieren, und das wird unser Login sein. Aber jetzt machen Sie dies mutig und tun 18. Ich muss es hervorheben, und ich werde tatsächlich wieder zum Punkttext wechseln. Und in der Mitte. Nicht das. Machen Sie es ein bisschen größer. Okay. Ich habe gelogen. Ich werde eine Vorschau auf das sehen und sehen, wie es aussieht. Es sieht ein wenig sehen, dass sieht ein wenig TV-Eier tatsächlich gehen zurück. Hätte mit einem Darm gehen sollen. Ich habe bei 18. Ich mache diesen Knopf nur ein wenig. Manche sind es auch. Also werde ich beide auswählen, tatsächlich kopieren und wieder einfügen, weil die Anmelde-Button für bestehende Benutzer ist. Aber wir brauchen einen Anmelde-Button für neue Benutzer. Wir machen das eigentlich zu einer Grenze. Schalten Sie die Füllung aus. Wir verwenden die gleiche grüne Änderung, die zu. Und dann wird das sagen, Signer, es wird die Farbe des Textes in dieses Grün ändern, und wir können die besser auswählen. Und dann befehlen Sie G, sich zu gruppieren? Und wir können diese Anmeldung nennen, Machen Sie das gleiche mit, dass eine Gemeinschaft in einer Gruppe Neymar Button wieder. Okay, jetzt, da wir unseren Anmeldebildschirm haben, brauchen wir einen Anmeldebildschirm. Was wir also tun können, ist das auszuwählen. Wir bringen das etwas nach oben. Wir schnappen Erbsen und beiseite. Nun, löschen Sie das vergessene Passwort. Ich kopiere und füge dies ein und habe eine weitere Zeile, um das Passwort erneut einzugeben. Nun, tun Sie nur eine Passwortbestätigung, Jack. Also und wir brauchen nicht wirklich unseren Anmelde-Button hier. Wir brauchen nur einen Anmelde-Button oder erstellen Sie ein Konto. Eigentlich gehe ich zurück und benenne das entsprechend. Dort gehen wir und benennen unser Brett um. Erstellen Sie auch ein Konto. Okay, also gehen wir jetzt, haben ihren Begrüßungsbildschirm oder melden Sie sich an und unser Konto erstellen Bildschirm. So wird das nächste, was Sie bewegen, ist die Erstellung sind auf Boarding Bildschirmen 3. Onboarding: Okay, jetzt, da wir Signatur-Bildschirme erstellt haben, können wir tatsächlich unsere On-Boarding Bildschirme erstellen. Also, was ich tun werde, ist einfach kopieren und einfügen, gehen Sie voran und benennen Sie Boarding, dass ich tatsächlich alles aus diesem löschen werde, sind Bryant. Und ich werde zurückgehen und die Farbe des Erscheinungsbildes anpassen, um hier einen linearen Grady zu sein weil wir unser Bild nicht mehr als Hintergrund haben. Und dann sehen Sie, Ich bekomme das, wie Linie, die es mir ermöglicht, wie, wie, bearbeiten und neu positionieren Sie die Strahlung auf Deacon, Wählen Sie an jedem Ende und erstellen Sie eine Farbe, wenn Sie wollen. Sie können auch auf der Linie auswählen und in der Mitte eine neue Farbe erstellen. Normalerweise mag ich es, die Dinge einfach zu halten , , und nur zwei Punkte auf die New York Radiance. Also konstruieren wir hier die Oberseite und wollen, dass das wie ein Schwarzes ist, aber mit etwas Leah-Zelt. Nichts zu verrückt. Da Recht zu haben, ist wahrscheinlich in Ordnung. Und ich habe es hinzugefügt, um diese Farbe zu speichern und tatsächlich wollen unten, um schwarz zu sein. Geh es wieder hier an. Eigentlich, nur das nur ein Haar. Okay, auf dem Boarding Bildschirm wollen wir unseren Gast begrüßen, unseren neuen Gast, um ihre Zählung einzurichten. Also eine Kopie und fügen Sie diesen Text super, tatsächlich wird migrieren wieder aktivieren und dann auch gerne ihr Fehlerraster verwenden. Also sind wir auf der Standardnote, die wir zuvor erstellt haben. Und wir möchten unsere neuen Nutzer begrüßen, um das wirklich mutig zu machen. Und wir gehen auf etwa 24 damit. Vielleicht ein wenig mehr 28 x fünf Kopieren und Einfügen. Dieser Tim hat den Bereichstext geändert. Das erste, was wir wollen, dass sie tun, ist, einige Themen auszuwählen, an denen sie interessiert sind für ihre Nachrichten. So können wir ihnen hier und das Anweisungen geben. Passen Sie diesen Text auf etwa 16 während unserer großen off tatsächlich verschieben kann dies ein wenig nach oben. Also, jetzt, was wir brauchen, bleiben dicht. Der kleine Indus. Nun, was wir brauchen, ist, ein paar Sie zu haben, damit die Leute Themen auswählen können, an denen sie interessiert sind . Was wir tun werden, ist ein kleiner Selektor zu erstellen, damit wir ein Rechteck zeichnen können. Es wird tatsächlich den Radius und um die Ecken bringen. Schalten Sie den Portier aus. Wir machen es zu einem dunkelgrauen. Ich kann die Größe nur ein wenig anpassen, und dann können wir einen Kreis erstellen. Ich bin wieder eine alte Option Verschiebung, um es von der Mitte zu skalieren. Ich wähle das USVI aus, um zur angezeigten Auswahl zurückzukehren. Ich habe hier die Suppe getrunken. Ja, hier im Phil aus, mach den Portier weiß. Und mit entscheidet, Ich meine, eine Kopie und fügen Sie diesen Bereich verdoppelt eso einen Doppelklick dort, um es alle auszuwählen und wir werden Ihr Thema zu tun. Can ist ein Platzhalter. Wir werden diese 16 machen und dann mutig werden. Eine Sache, die Sie beachten müssen, ich werde diesen Bereich Texte in zwei Fällen bringen, wo der Text passen könnte. Wir werden diesen Kreis etwas kleiner machen Optionsverschiebung wieder halten. Ziehen Sie das über nur ein Haar. Und so tun dies, um mehr Platz zu berücksichtigen, weil wir Themen haben werden, die wahrscheinlich mehr als fünf Buchstaben sind . Vielleicht nur ein bisschen. Okay. Und eins, Die Gründe hier. Ich entschied mich für den Bereich Texas, weil wir Plug in dieser Phase verwenden werden, damit wir die Verwendung auswählen können und ich halte Schicht. Es ist wie mehrere Dinge Befehl ji, die Gruppe, die wir diesen Selektor nennen können, und dann werde ich tatsächlich wiederholen Raster hier oben treffen, richtig? Und wenn Sie bemerken, dass wir diese kleinen Griffe bekommen, die kommen und wir können tatsächlich nur ziehen und Kopien dieses Gruppenelements erstellen, ist dies tatsächlich eines meiner Lieblingstools in Adobe X'd. Einer der Gründe, warum ich es so sehr liebe, ist dies eine komische Zeitersparnis wie, die Alternative dazu ist nur Kopieren und Einfügen jedes und landet eine Menge Zeit in Anspruch nehmen . Aber es auf diese Weise zu tun ist einfach so viel einfacher, diese Sie Io Mints zu replizieren. Und da diese auf unseren Hintergrunddiensten oder etwas sind, wollen wir es verwenden, mit interagieren, können wir tatsächlich doppelklicken in und auf einen Schatten, einen Schlagschatten. Eine Sache, die Sie beachten müssen, ist, dass der Schlagschatten tatsächlich für alle diese anderen gilt. Also, wenn wir etwas in einem Wiederholungsraster bearbeiten, gilt es für alles andere darin, was ein super nettes Feature davon ist, und ich werde tatsächlich sicherstellen, dass dieser Text ein wenig besser zentriert ist. Da gehen wir. Jetzt, wo wir unsere ganzen Körner ausgewählt haben, können wir tatsächlich zum Plug in Panel hier unten links gehen. Wir werden tatsächlich einen Stecker in die Plug Ins hinzufügen, der Repeater genannt wird. Nun, dieses Plug-In ist der einzige Grund, warum ich nicht die neueste Version von Adobe X'd verwende. Es gibt einen kleinen Fehler damit, dass es in den neuen Versionen nicht so gut funktioniert. Ähm, und ich zeige Ihnen, warum ich buchstäblich ein altes Programm betreibe, um dieses Plug in zu benutzen. Also bekommen wir unser Wiederholungsraster hier oben links, und wir erhalten die Namen jedes Elements darin. Und wir wissen, dass wir das Thema auswählen wollen, das genau hier ist. Und was Repeater uns erlauben, ist, dass es uns all diese Optionen für Platzhalter gibt. Grundsätzlich könnten Sie Texte für Formen bekommen. Sie können Bilder bekommen, aber dafür brauchen wir Themen für unsere gefälschten Nachrichten. Also werden wir tatsächlich eine Handels-Arena suchen, Produkt hier auswählen, und so können wir Käse anwenden und in enger Immunität in unserem gesamten Wiederholungsraster haben wir jetzt diese vorbevölkerten Produkte und einige von ihnen sind hier abgeschnitten, und was wir tun können, ist tatsächlich zu gehen und diesen Text ein wenig zu bearbeiten, nur um sicherzustellen, dass alles passt. Ändern Sie das auf 14 und passen Sie diese wieder an, dass sie zentriert sind. Ich werde diesen Kreis auch etwas kleiner machen. Molding Option Shift. Ziehen Sie das nur ein wenig nach unten und Sie werden feststellen, dass Sie jede Instanz in einem Wiederholungscred bearbeiten können und ändert die anderen. Also muss ich nicht das Gefühl haben, dass Sie die obere linke zu der Zeit benutzen, aber ihre Gäste und dann haben wir einige zufällige Themen und wir haben Tastatur bekommen, um dreimal zu wiederholen. Aus welchem Grund auch immer, ich habe keine Ahnung, warum ich gehen und wählen und Sie zurück zu unserem Text. Und wir werden Produkt von mehr Male versuchen, es zu bewerben. Da gehen wir. Jetzt haben wir Tastatur-Tastatur nur zweimal. Trotzdem schätze ich, das muss nur schwer bestraft werden. Die Person ist wirklich an Tastaturen interessiert, die das beim Boarding durchlaufen. Also gehen wir hin. Wir haben jetzt unsere Themen-Auswahl, und wir werden auch eine nächste Schaltfläche benötigen, damit jemand als nächstes gehen kann, nachdem er die Themen ausgewählt hat, in die sie sich befinden. Also, wenn ein Doppelklick hier rein macht und das grau wird, und hier drüben haben wir einen Augentropfer, und ich werde die gleiche Farbe grau wie die Auswahlknöpfe bekommen, und das wird als Nächstes sein. Und weil wir wollen, dass jemand diese Themen auswählt, bevor sie fortfahren, werde ich diesen Button tatsächlich inaktiv machen. Also nehmen Sie den Schlagschatten ab, und ich werde die nächste Textkapazität auf etwa 45. Ich werde diese Elemente bringen, ihn ein wenig nach oben bringen, denn wir müssen berücksichtigen, dass wir einen Skip-Button unten haben. Es ist eine Sache, die Sie tun können, ist, dass Sie nie nur Benutzer fangen, sie erzwingen, Zehe. Ah, weiter und weiter an Bord. Das wäre einfach schrecklich. Also werden wir jemandem die Möglichkeit geben, zu überspringen, wenn er dich nicht in die Themen wollte , an denen er interessiert ist, und wird dies nur ein wenig ausräumen. Ich diese Gerechtigkeit Menge. Okay. In Ordnung. So können wir jetzt zu unserem nächsten auf dem Boarding Bildschirm gehen. Sie bemerken, dass ich automatisch auf dem brennenden Dash eines genannt habe, was in Ordnung ist. Es ist eigentlich anständiger Name dafür. Okay, das nächste, was wir tun können, ist, dass wir den Standort auf aktivieren wollen. Der Grund, warum wir das tun, ist, Menschen relevante Informationen zu ihrer Stadt, ihrer Stadt oder wo auch immer sie leben. So können wir diesen Bildschirmort umbenennen. Entschuldigen Sie mich, während ich kämpfe, kämpfte heute zu erzählen. Also wollen wir wissen, ob unser Benutzer lokale Nachrichten erhalten möchte und einer der Gründe, warum es gut ist , dies ist wie ein Nicht-Boarding Schritt. Wenn Sie irgendwelche Berechtigungen benötigen, ist es besser zu erklären, warum Sie diese Berechtigungen benötigen, wenn Sie nur zufällig versuchen, jemanden nach Ort zu fragen und sie nicht verstehen, warum sie sich nicht geneigt fühlen werden, sie Ihnen zu geben . Und so werde ich das wirklich kopieren und einfügen und wirklich erklären, warum wir Standortdienste wollen . Und das liegt daran, dass wir schnell relevante Nachrichten geben. Ich werde eigentlich mit dieser Schriftgröße spielen ist ein wenig hier, mache kursiv für diesen und regelmäßig für diesen einen und will eigentlich nicht, dass dieses eine Komma so gut gekapelt wird, tatsächlich machen Sie das Angriffe auf Sie und wirklich nur das tun , um den Schwerpunkt auf schnelle und relevante hinzuzufügen, ist und wird dem Benutzer ein wenig mehr eine Erklärung geben, warum nach Standortdiensten gefragt wurden . Okay, also ziehen Sie das nach unten, damit Sie es sehen können und wieder, wie ich sagte, es ist immer am besten, zu fragen und zu erklären, warum Sie so etwas wie Standortdienst brauchen würden anstatt nur zufällig aufzutauchen. Aber in der Mitte wird auch etwas brauchen, um hier zu gehen. Es ist also kein leerer Bildschirm mit Text und etwas, das ein wenig beschreibender Superbanane schnell kleines Diagramm ist. Also Gott das Kreiswerkzeug. Und ich werde tatsächlich die Option Shift halten, um das herauszuziehen, schalten Sie das Wasser aus, und dann werde ich doppelklicken und ich bekomme dort dieselben Bearbeitungspunkte, die wir vorher auf dem Rechteck hatten . Aber ich werde das einfach runterziehen. Und wenn Sie doppelklicken, werden Sie feststellen, dass es zu einem Punkt bringt, der ziemlich nützlich ist zu wissen, je nachdem, welche Art von Symbol Sie machen möchten. Und dann bin ich unterdrückt. Ich denke, es ist ein weiterer Kreis nach oben. Wir werden es mitten darin fallen lassen. Ich werde beide mit Shift auswählen und dann treffen, subtrahieren und sie waren Gäste, die wir haben, Ah, Standortsymbol. Und ich nenne das oben links und dann skaliere ich das nur ein wenig. Wir werden auch eine Art von Kreisen hinzufügen, um es visuell machen es ein wenig interessanter und wenig bessere Erklärung Was auf der Seite los ist. Kopieren und fügen Sie das erneut ein. Und ich verwende shift eine Option, um diese gleichmäßig zu skalieren Kopieren und Einfügen erneut. Los geht's. Eigentlich, als ich es zu dir geschafft habe, ist es nur ein wenig so groß. Und ich werde auch hier rüber gehen, um zu dash. Ich will, dass einer von denen ein Bindestrich ist, also werde ich hier fünf eingeben. Es gibt uns tatsächlich eine ziemlich schöne Strichlinie hier für Sie. Du merkst, dass du nur die Mütze und den Strich und natürlich Größe der Linie wirst. Aber eigentlich, wie fünf, denke, es sieht ziemlich gut auf dem Bildschirm aus. Ich werde diese auch ein paar kleine Kreise umkreisen, und ich werde diesen Phil machen und wollen, dass sie gleich sind. Grasen Sie die Linien. Ich bin eigentlich ein Ost-Pipettenwerkzeug. Kommen Sie herein und wählen Sie das aus und speichern Sie die Farbe, die es tun wird, ist, ein paar davon zu kopieren und einfügen , damit sie die Linie ein wenig füllen können, vielleicht, um etwas Nachdruck zu legen, dass , wir Standortdaten von um unsere Benutzer ein kleines Sonnensystem für Daten herum erstellen könnte dies ein wenig kleiner machen, tatsächlich, dass ich kommen werde. Ich werde die Schicht halten und alle auswählen. Ich werde mich gruppieren, also befehle g zur Gruppe, und ich werde das zentrieren. Oh, das war etwas zu weit unten. Betrachten Sie das und wir werden ein wenig einen Swell Soma skalieren. Halten Sie die Option und verschieben Sie diese nach oben. Okay, das sieht gut aus und diese Knöpfe sind tatsächlich aktiv. Wir müssen nicht das Einfachere haben, zuerst etwas zu tun. Einige der Teufel klicken in ändert sich wieder grün, um wieder wie wieder aussehen. Wir werden das ändern, um den Standort zu aktivieren, stellen sicher, dass die Kapazitäten wieder aufgetaucht sind, und dann behalten wir die Option „Überspringen“ hier. Aber dann, sobald er so sagte, würden Sie bekommen, wie die native IOS Anforderung Standortgenehmigung kommen, und so für den nächsten Schritt wird tatsächlich beginnen, den Home-Bildschirm zu erstellen. Und wie die Hauptbildschirme von ihr bis 4. Icons und Bottom: Okay, jetzt, da wir unsere eigenen Bordbildschirme fertig haben, können wir unsere Homepage erstellen. Und wieder werde ich diese Kunsttafel kopieren und einfügen, und wir benennen sie nach Hause um. Wir werden diese Schaltflächen in diesem Symbol löschen, und wir werden dieses Haus nennen würde dies auch führen. Ich werde das ein bisschen größer machen. Biegen Sie es rechts ein. Aber da hast du recht. Ich werde das 40 machen. Okay, jetzt, wo wir unsere Homepage haben, werden wir tatsächlich unsere untere Navigation erstellen. Als Nächstes. Es ist eine Minute. Zeichnen Sie ein Rechteck Jahr, bis genau hier. Und hier ist es auch hilfreich, Ihre Vorschau zu verwenden. Man weiß und versteht, welche Größe das haben muss. Und denken Sie daran, dass das iPhone Axon Xar wir diese Linie an der Unterseite haben, um damit umzugehen . Geh. Also werde ich das auch grau machen und die Grenze abschalten. Probieren Sie das Grau aus. Eigentlich bin ich nicht verrückt danach. Wir versuchen das genau dort, und ich könnte diesen Wahnsinn retten. Will. Also, was wir tun müssen, ist, müssen wir vier Symbole für vier Hauptteile erstellen, die. Also haben wir ein Zuhause, ein Video, um einen Profilbereich zu entdecken. Also, was ich mag zu dio ist eigentlich nur zeichnen Quadrat und eine Formverschiebung, um sicherzustellen, dass es sogar quadratisch ist und Raum es aus. Also haben wir jetzt genug Platz, um für Artikel in unserem Boden zu passen. Also, genau in der Mitte dieser Spalte, schalten Sie den Rahmen aus. Sie können hier tatsächlich ein Wiederholungsraster verwenden. Es kann das ein wenig für Ihre vier Dinge beschleunigen und dann sicherstellen, dass Isabel geschaffen wurde, wo wir sein mussten, und Sie müssen vielleicht ein wenig damit spielen, und dann können wir Gruppenraster. Es kann das ein wenig für Ihre vier Dinge beschleunigen und dann sicherstellen, dass Isabel geschaffen wurde wo wir sein mussten, und Sie müssen vielleicht ein wenig damit spielen, Ja, es geht darum, wo wir unsere Symbole haben wollen. Ich werde eigentlich Dio wählen Sie all diese aus. Schalte sie frei. Und dann ist dies, was wir für eine Anleitung für die Erstellung unserer Symbole verwenden. Also die 1. 1, die wir brauchen, um dio ist unsere Home-Bildschirm ruhig zu schaffen. Also tatsächlich das Rechteck-Werkzeug hier verwendet und wir werden es wieder in der Form zeichnen, die wir die Größe über Regen bekommen und ich werde doppelklicken und ich werde einen Punkt direkt in der Mitte dieses Rechtecks erstellen , das wir tun werden, ist tatsächlich gezogen, dass nach oben. Und dann haben wir das Heim-Icon hier Das ist hübsch im Zentrum und wird tatsächlich bewegen, dass es immer nur ein bisschen zu hören. Auch, wenn wir auswählen, sieht es zentriert aus. Dann muss unser Haus eine Tür haben. Also werden wir hier auch ein Rechteck zeichnen, stellen sicher, dass das zentriert ist, etwas kleiner wird. Ich werde beide auswählen und diese Gewerkschaft treffen, um zu erscheinen. Nun, das war eigentlich das falsche Werkzeug. Ich werde die Subtrahieren zwei über das in, dass etwas hier nicht stimmt. Okay, jetzt haben wir unser Heim-Icon, und wir können den Rand ausschalten und ihn schwarz machen, nur damit du ihn sehen kannst. Ich werde hier reinklicken ihn freischalten. Ich werde ihn wirklich großartig machen, damit wir hinter ein wenig besser sehen können, dass du wieder freigeschaltet hast . OK, also wo immer das Home-Symbol fertig ist. Und das nächste, was wir uns auf Sie verlassen können, ist es Video ICOM Also fangen Sie an, ein weiteres Rechteck zurückzuziehen . Ich werde das auf dem Bildschirm zentrieren und für diesen hier, weil wir wie ein Video-Frame-Icon machen . Ich werde nicht den ganzen Weg nach oben gehen. Und das können wir später ändern. Wenn wir diese Symbole nach unten skalieren, um ihn ein wenig einheitlicher aussehen zu lassen, könnten wir diesen Dreieck Knopf hier greifen, tatsächlich zeichnen ein Dreieck halten Shift Flucht, bekam ein kleines Dreieck. Wir müssen ihre löschen Wir können dieses Dreieck drehen, so dass das Rotationswerkzeug auftaucht, wenn Sie eine genau hier haben und Sie könnten nur Shift halten, die es durch Einrasten drehen wird, was ziemlich hilfreich ist. Ziviles Zentrum. Das ist eigentlich das Gleiche hier. Wir werden diese zwei Formen subtrahieren. Wir schalten die Grenze ab. So gibt es ein Rechteck-Video ICOM, so dass das nächste, was wir tun können, ist erstellen oder entdecken Symbol. Also werden wir diesen Kreis in der End-Option-Shift nehmen. Ich werde hier tatsächlich ein Rechteck erstellen, etwa wie dieses Verwenden Sie wird schreiben. Iss das 45 Grad. Machen Sie dies der Griff Schlepptau sind wie Suche, Entdecken Symbol. Und wir werden diese auch zusammen hinzufügen. Los geht's. Es ist unser Entdeckungssymbol wird die Grenze für Sekunde ausschalten. Eigentlich denke ich, ich will, dass dieser ein Out ist tatsächlich super meine Meinung geändert hat. Was? Ich will, dass das hier ist. Nun, eigentlich, benutze es einfach. Das Erstellen einer Pfadgruppe ist zusammen. Dann wird der letzte ein Profil wie auf so einen großen Kreis wieder erstellen. Lass uns das nur ein bisschen runterholen. Ich werde tatsächlich eine kleine Leiche für uns erschaffen. Nun, also ziehen wir ein Rechteck hinüber. Dann werde ich Kommando Shift rechte Klammer machen, um das nach vorne zu bringen. Und ich werde diesen Kreis kopieren und ihn dann nach rechts einfügen und was wir Ihnen tun werden. Es subtrahiert diese beiden Formen, um den Körper zu bilden diesen Portier auszuschalten. Dann können wir auch ziehen Dies endet nur ein wenig. Also bin ich einfach noch einmal doppelklicken, damit ich den Radius in dieser Schnittform auswählen kann, die wir gerade gemacht haben. Und ich werde nochmal doppelklicken. Ich werde eigentlich die unteren essen. Los geht's. Wir werden hier doppelt auswählen, dann ziehen Sie das nur ein wenig raus und skalieren Sie das hier. So haben wir hier unser kleines Benutzerprofil-Icon. Und wenn du das Gleiche denkst, was ich denke, sehen die schrecklich aus. Also werden wir tatsächlich reingehen und die Justizgröße ein wenig von jedem von ihnen. Und wenn sie anfangen zu skalieren und Sie werden bemerken, weil dieser Pfad ein wenig anders skalieren wird , ist er nicht gefüllt. Also werden diese tatsächlich größer erscheinen, wenn ich anfange, sie zu skalieren. Ok? Dies und skalieren Sie dies auch nach unten. Okay, so können Sie tatsächlich gehen, wählen Sie diese Hintergründe entsperren und dann löschen Sie sie und was wir brauchen, um dio lassen Sie uns einen Text für sie erstellen. Meine Waffen. Das wird wahrscheinlich kein Hit 40 Größe sein, aber, wissen Sie, wissen Sie, lehren Sie die herum bleiben zu Hause. Und wir mögen das auch und vielleicht nehmen wir uns wie 12. Wir werden es tatsächlich regelmäßig machen und kopieren und einfügen dies über und setzen eine unter jedem Namen tatsächlich, in einem wählen Sie alle diese und zentrieren sie als auch. Und da wir hier nach Hause ausgewählt haben, was wir Ihnen tun werden, ist es tatsächlich diese Schüssel zu machen, weil Videos nicht ausgewählt, Ich werde das jetzt stattdessen machen, Was wir tun können, ist dies zu ändern, um eine reisen. Eigentlich ist das ein wenig zu klein wie diese, beide werden wir auch das gleiche für unser Profil tun. Machen Sie es zu sicher. Sein Gewicht Mexikanisch. Ein Doppelklick in diesem Dreieck ist etwas zu groß. Ich finde den Rand davon. Das ist meine hier nicht existieren. Manchmal ist es einfacher, schnell zu bleiben und dann wütend zu doppelklicken, wie ich es tue. Manchmal war das seltsam, was? Okay, es ist eine Fähigkeit in der Stadt. Wer weiß, was dort passiert ist? Es ist über meiner Gehaltsstufe. Und ich habe gelogen. Ich werde tatsächlich diese 21 Sie 1.5 ändern. Werfen Sie einen Blick. Quiz Vorschau neue tatsächlich auf einer Skala. Jeder ist nur ein bisschen hoch. Ich werde das hier runterwerfen. Nur ein Haar so gut, damit wir das ausschalten und sehen können, wie es aussieht. Ok? Und das nächste, was wir tun können, ist es füllen unser News-Menü für die Homepage. 5. Haupt-Bildschirm: News-Feed / Profil: Also, jetzt, wo wir über eine Navigation erstellt haben, könnten wir gehen und beginnen, unsere Homepage mit unseren neuen Geschichten zu füllen, so können wir irgendwie eine Karte für diese zu leben auf wiederum die große zurück zu Hause, die wir eigentlich wollen, dass diese zu sein. Wir verwenden diese Farbe von unten in der Portier aus, die um diese nur ein wenig schleichen . Ok, Jenna. Großes Vergehen. Ja, das sieht aus und wird dann eine kurze Vorschau sein, um nur ein Gefühl für wie zu bekommen? Okay, das sollte gut sein. So wird das ein paar ein paar Nachrichten Artikel genau dort passen. Also, was wir brauchen, brauchen wir eine Hintergrundkarte für alle Nachrichten Artikel waren, um Schatten auf, dass wieder. Das liegt daran, dass es etwas gibt, das diese Ercan auswählen. Es sitzt oben auf dem Hintergrund. Also werde ich unsere Auslosung treffen. Ein weiteres Rechteck hier. Und was das sein wird, ist das Bild des Artikels, und ich werde hier die Option halten, also konnten wir nur diesen einen Eckenradius bekommen und dasselbe tun. Halten Sie die Option dort und machen Sie es an die Außenseite des passen. Das wird also wie unser Bildplatzhalter sein, und diese Größe sieht vorerst in Ordnung aus. Wir können tatsächlich voran gehen und ein anderes Textfeld erstellen. Und das wäre der Platzhalter für den Titel unserer Artikel. Wir versuchen es mit etwa 18 und wir gehen regelmäßig. Wir werden einen Mutigen haben, um zu sehen, ob wir hier einen Typ bekommen könnten. Ist es auch nicht . Seite wäre, um den gleichen Unterschied dort zu zeilen. Wir brauchen nur eine Platzhalterkopie dort vorerst. Hatte entkommen. Sei, um den Sektor auch zu bekommen. Ich mache diese 18 Gene in reguläre. Danke, Sali. Vielleicht etwas kleiner hier. Ich werde das ein bisschen runterbringen, um kleine Dinge etwas kleiner zu machen. Sie können uns auch Bilder in ein wenig bringen. Da gehen wir. Das wird also eine schöne kleine Miniaturansicht Artikelgröße sein. Sie brauchen nur einen Platzhaltertext dort, sehen, wie es aussieht. So funktioniert jede zufällige Tastatur Zeug Spaß. Ich werde das kopieren und einfügen über das, was wir wollen, unten ist der Ort und die Zeit, die er persönlich wurde, damit wir einfach Zeit hier setzen können, tatsächlich wieder auf Ihren Text. Ich werde die 12 machen. Wir schreiben eine Zeile, in der ich erklären werde, warum ich richtig klappern. Das in einer Sekunde ausrichten. Dann auf Handwerk drücken p für das Stift-Werkzeug wird schnelle Linie hier zeichnen. Wir machen das weiß, desto mehr kopieren und fügen Sie es hier und hier ein. Wir wollen den Standort, damit wir den Standort bestimmen. Wir werden beide zu einem Licht machen . Okay, wir werden die Location dazu bringen, Griechisch darin zu zeigen. Nun, es ist so in nur ein wenig. Okay, jetzt haben wir also , einen Platzhalter für das,was gefüllt ist. Artikel wird aussehen, als ob ich denke, das ist auch ein wenig größer. Wir werden Dio nur das alles zusammen gruppieren und wir werden es Karte nennen. Und wenn Sie das noch nicht kommen sehen, werden wir das Wiederholungsraster benutzen und uns den ganzen Weg nach unten ziehen. Also bekommen wir, wie, einen voll bevölkerten Newsfeed von Artikeln, Enemy Befehl verschiebt die linke Klammer, und wir werden es nach hinten schicken, es ist immer unten sind darüber jetzt. Und da das eigentlich oben ist, werden wir auch Schlagschatten auf diese tun negative drei setzen. Was das tun wird, ist, den Schlagschatten so hinauf zu drehen, wie wir gehen. Also wählen wir das Wiederholungsraster aus und wir werden wieder zu dieser erstaunlichen Wiederholung zurückkehren. Und dieses Mal werden wir auch auf das Bild klicken. Sagen wir mal, lass uns die Stadt machen, damit wir diese herummischen können. Aber wirklich jede Stadt Schuss ist in Ordnung, aber wir wollen Qualität, um hohe Unterstützung zu sein. Nur das, indem Sie optimieren, werden Sie sich bewerben. Okay, sobald wir unsere Bilder liefern, dauert es eine Sekunde, weil es jedes dieser Bilder herunterladen muss. Wir können reingehen und wir können auch einen Titel eintragen. Ähm, wir werden es versuchen. Wir können dio Es gibt kein perfektes für generische Artikeltitel. Sie können klicken und sehen, ob etwas funktioniert. Funktioniert am besten, aber nur um etwas zu haben, das eine Art Ort älter ist, wird beim Handel bleiben und Produktnamen tun , denn normalerweise erhalten Sie wie ein Multi-Multi-Wort-Name, so wenden Sie sich an, dass es auch. Hier unten, links zu ihrem Zeittext. Wir können auch ein Datum und eine Uhrzeit eingeben, also werden wir für die Menge wählen und gut, eigentlich Sie Brauch. So erhalten Sie einige Beispiele für verschiedene benutzerdefinierte Dinge, die Sie tun können. Du hörst, was eigentlich dio ist das sammeln h Also bekommen wir eine Stunde genau dort und dann werden wir auch dio eine Luft api Also so zeigen wir eine Stunde und dann wird die P m oder A M Zeit danach auch anwenden, dass Bayer Und zusätzlich dazu, wir haben unseren Standort Text Wir können hier zu Ihnen Adresse gehen und klicken Sie dann. Könnten Sie die Stadt auch darauf und Hinweise anwenden? Und jetzt, wenn wir auf Oops schauen! Wenn wir hier zurückblicken, haben wir Wiederholungsraster mit gefüllt, wie, unsere Artikel dicken Artikeltitel. Einige von ihnen waren ziemlich seltsam, so dass einige der AM und PM Zeiten nicht auftauchten. Ich gehe eigentlich zurück und sehe nach, ob wir das bearbeiten können. Und ich werde auch sehen, ob wir einen längeren Titel für ein Produkt bekommen. Wir können es versuchen, die Firma , und, wie ein Schlagwort, das wäre wahrscheinlich ein guter. Oder sind Sie ein Geschäft? Wir wenden das an und dann auf diese Weise wird es uns nur eine längere Zeilenüberschrift geben, vielleicht Schlagwort. Und dann besitzt er doppelte Check-Zeit in der Zeit, wir können tatsächlich Stephen normale Zeit. Immer noch die Zeit Artikel wurde als auch gepostet. Okay, damit wir das aufziehen können und sehen, wie es aussieht. Okay, ich werde das nur ein bisschen nach oben verschieben. Ich denke an diese Schule über Wiederholungsraster, wie wir tatsächlich voran gehen und einfach ziehen und eine Scroll-Herbal Seite machen können . Also, wenn wir klicken Sie auf die Art Board und ziehen Sie diese unten hier ist tatsächlich in der Lage, um die Seite als auch scrollen . Und die Sache ist, wenn du es merkst. Also, wenn wir die Seite so weit machen, schnelle Vorschau und wir den Boden Schule nie wirklich mit ihm, und wir wollen das nicht. Also was, wir werden dioieren, dass es tatsächlich einen Raubtier hat. Hast du es? Und wir werden alle diese Elemente hier auswählen, und ich habe einen Knave mitgebracht und wird beim Scrollen fixiert sein. Und jetzt, wenn wir zurück zu einer Vorschau, haben eine schöne, schöne lange Scrollen seine Seite. Okay, also jetzt, das sind Homepages, keine. Wir können neben unserer Videoseite gehen. Als Nächstes auf der Liste. Gehen Sie zurück auf die Registerkarte Design auf kopieren und fügen Sie diese super. Wir nennen das eine Video, also werde ich eigentlich nur er eine Karte von dieser Krippe in der Gruppe sein, und wir löschen diesen Bodengaser. Ich werde auch die Bilder hier löschen. Nun, eigentlich werden wir diesen Text behalten, aber ich werde es tun. Schaden, den ich aufheben werde, ist das. Nun, wir steigen aus dem Stecker und Menü, damit wir ein bisschen sehen können. Was ist los? Wir werden diesen Titel nach unten fahren, weil wir wollen, dass unsere Videobildschirme viel mehr Platz haben . Einfach. Wählen Sie die Uhrzeit vor Ort und setzen Sie diese jedes Jahr Director-Titel herunter. Und wir werden das rausziehen. Es hat also etwas mehr Platz. Wir werden drücken und ein weiteres Rechteck zeichnen. Und das wird wie unser Video-Vorschaufenster sein. Wir werden versuchen, diese Größe etwas realistischer zu machen. Wir werden uns runterziehen. Nein, siehe Option, Ault. Wie auch immer Sie es nennen wollen und ziehen Sie den Radius nach unten, bis er übereinstimmt, Schalten Sie das Wasser aus und wieder. Ich werde ein wenig damit spielen, bis es für ein echtes Video für dich richtig aussieht. Okay, also werden wir das alles zusammen grieb. Nennen Sie einfach das Video und dann haben Sie erraten, dass es funktioniert. Ich muss es wiederholen. Gut. Dann werde ich die linke Klammer befehlen, und wir werden das nach hinten schicken. Nur so über einen Knave ist oben. Okay, jetzt, wenn dieses Wiederholungsraster ausgewählt ist, können wir die Plebejer und schnellen Repeater gehen. Das war seltsam, aber ich schätze, es wollte mich nur werfen. mich auf meinen Desktop geworfen. Okay, also könnten wir unser Bild hier auswählen. Und lasst uns nur Teoh, vielleicht Kamera Stephen, Kameraausrüstung holen. Bilder optimieren Bilder. Ok, Süße. können wir anwenden. Das ist das Herunterladen von Schäden. So könnte es eine Sekunde dauern und dann für den Titel würde zurück zu Ihnen gehen. Lassen Sie uns einfach den Produktnamen hier tun, da wir Kameras haben und Zeit und Stadt ist immer noch gleich. Aber wenn wir neue Informationen wollten, könnten wir eingehen und dieses Mal wiederholen, um neue Zeiten anzuwenden. Wir können auch die Stadt anwenden. Okay, jetzt haben wir unsere bevölkerte Seite mit ihren Video-Vorschaufenstern. Das einzige Problem ist, dass es nicht allzu offensichtlich ist. Diese Luft Videos, weil es keine wie Ton Symbol oder Taste in der Mitte dieses, so dass wir tatsächlich tun können , ist zurück und haben, dass in der Wiederholung cred. Also, wenn wir doppelklicken in und dann beginnen, Form so bedrückte e zu zeichnen, um einen Kreis zu setzen um einen Kreis Symbol direkt dort zu zeichnen, Er weiß, dass es erscheint auf dem Rest der Wiederholungsraster ausgewählt, schalten Sie den Rahmen aus. Und dann werden wir nur ein Spielsymbol erstellen. Wir machen das kleiner, wir verdoppeln schnell wieder und wir bekommen dieses Dreiecks-Werkzeug. Ich habe nicht die Abkürzung dafür auswendig gelernt, weil diese ziemlich neue Ich bin sicher, es gibt eine weitere Bürokratie dies und zentriere dies innerhalb unseres Kreises Thema. Ich werde die Kapazität ein wenig abbauen. Okay, jetzt haben wir schöne Play-Icons und Mitte über ein Video. Und wenn wir mehr Videos wollen, um einen Scroll-Bildschirm zu prototypisieren, können wir das ablenken, und Sie können zurück zu wiederholen er gehen, um mehr Bilder dafür zu erhalten. Wir werden einen Blick darauf werfen, wie das aussieht. Es sieht gut aus. Bisher werde ich die etwas näher zusammenbringen, dich weit auseinander lassen. Der Titel dieser Seite ist auch jetzt Video. Wir können unseren Boden anpassen müssen, um das auch zu reflektieren. Wir wollen, dass unser Textjahr fett ist. Dieser kann zurück, um regelmäßig zu sein, glaubt dann, dass wir schaffen können. Das ist Phil, und es ist das Dreieck wirklich klein, weil wir es angepasst haben, bevor es ein Pfad ist, so dass wir tatsächlich skalieren können , dass wieder. Also ist es ein wenig mehr von einer einheitlichen Größe. Sieht ein bisschen mehr so aus. Okay, es ist die nächste Seite, die wir erstellen können. Gibt es eine Entdeckungsseite, und das wird dieser Homepage ziemlich ähnlich sein. Also werde ich das kopieren und einfügen. Wir werden es umbenennen. Entdecken Sie, dass wir dieses Suchsymbol in einer Kopie ausleihen und es hier oben auflegen werden. Richtig. Wir können das tatsächlich nur ein wenig nach unten skalieren und diese Wiederholung nach unten ziehen, weil wir eine Filteroption oben setzen, damit wir ein Rechteck greifen können, das es geben sollte. Okay, wir runden es ab und machen es so grau an der Grenze ab. Also, was das sein wird, ist ein kleiner Filterknopf deklarierte Filter, um Nachrichtenartikel zu suchen , wenn ein Schlagschatten wieder, ich werde diesen Text hier greifen und kopieren und einfügen. Also dort haben wir wieder einen kleinen Filterknopf. Wir können diese Vorschau nur um sicherzustellen, dass die Größe in Ordnung ist. Wo ist das? Wir ziehen das jetzt ein bisschen mehr. Und da dies eine Entdeckungsseite ist, könnten wir die Artikel hier und wieder ändern. Ich nehme eine Kopie und füge ein. Dieser Text in Städten wird die meistgelesenen Artikel für eine Discovery-Fehde sein. Ich werde dieses Nebengeräusch fallen lassen. Zeig das den Haaren. Okay, also lassen Sie uns eine Vorschau darauf sehen. Oh, wenn du uns vorhast, kopieren und fügen wir das von unten ein. Also ist das eigentlich noch behoben. So ist es immer noch oben auf der einst sein kann gehen und korrigieren, dass. Wirklich schnell und kleben. Sieh dir das noch mal an. Okay. Sieht dieses Mal gut aus. Damit wir das verursachen können. Gehen wir weiter und aktualisieren Sie hier unten. Wir machen diese drei. Eigentlich können wir es nicht zu einer Füllung machen, weil es nur umrissener Pfad ist. Aber wir können es buchen ein wenig in diesem Jahr, dass es ausgewählt hier abgefragt, ändern Sie das Gespenst regelmäßige Grenze wird es weiß machen. Und dann 1,5 wie der Rest von ihnen. Okay. So können wir das entdeckt nennen. Okay, also das Letzte, das tun wird, ist dieser Profilbildschirm. Also wieder, wir könnten einfach kopieren und über den Startbildschirm einfügen. Wir werden diese nicht skalierbar machen, also können wir sie einfach wieder an die Spitze bringen. Und gerade in Jetzt, Sie können auf einem dieser l Flughäfen wählen, nur um sicherzustellen, dass 896 ist die Höhe. So könnten Sie zurück zu diesem gehen und nur sicherstellen, dass es der richtige Typ ist, weil es leicht ist, ein Pixel zu verlieren oder Sie dort unten unten unten. Also werde ich diese Artikel vorerst dort aufbewahren. Und wir haben diese ist wie ein Lieblingsartikel Abschnitt, so dass wir in den Lippen erstellen können. Das ist irgendwie wie unsere Kopfzeile. Wie das Profilbild. Diesen Home-Text löschen. Gebrochene Dienstjahre, eigentlich, gehen Sie nach einem weiteren Plug in suchen, und wenn Sie nach unten scrollen, sollten wir gehen, um Ihr Benutzerprofil zu finden. Wir können das installieren. Das wird für uns tun ist Füller-Bild hier. Schalten Sie die Grenze aus. Wurden sie Ramage benutzt und uns offenbar wieder auf den Zehendesktop treten? So haben wir automatisch ein Bild, das hier einfacher zu kommen, was eine ziemlich coole Funktion ist. Ähm, und wir können diese Reise kopieren und einfügen, Miss hat noch einmal Text gelesen. Ich verachte nur, dass ich ein neues Textfeld erstellen muss. So gut, Typ eines zufälligen Namens dafür. Und dann könnte es einige Profilinformationen oder etwas unter diesem sein, aber wird sein Typ? Sie war seit 1966 Mitglied. Wir sind in der alten App laufen. Hier waren wir die ersten, also machen wir diese 16. Und Annehmlichkeiten, es ist immer noch leicht als gut. So bekommen wir einen guten Kontrast. Ich habe das hier aufgestoßen, nur um es zu hören, okay. Und dann, was wir hier unten tun werden, ist eigentlich online zu zeigen, um diese beiden Abschnitte zu zerbrechen , und diese werden verletzt werden, wie die meisten beliebten Artikel, oder kürzlich zivilen Kopie lesen und diesen Text einfügen und dann werden wir ändern Sie dies nach unten Etwa 16. Sollte gut sein. Kopieren und fügen Sie diese erneut ein. Bean fügen Sie es noch einmal ein. Also wird es drei Abschnitte in diesem Profil geben, so dass vor kurzem Lese-Likes wir Ihnen diese und Präferenzen senden , und dann schreiben wir eine Zeile, die zu diesem, Stellen Sie sicher, dass dies zentriert ist. Dann schalten wir unser großartiges an, nur um alles zu überprüfen, was sie gerade waren. Und diese beiden sind jetzt nicht ausgewählt, also werden wir tatsächlich das machen, was ich mochte, und wieder wird dies etwas anpassen, weil die ausgewählten Abschnitte, die wir tatsächlich auch unterstrichen werden. Das wird also passieren. Act ist wie eine Tab-Leiste, und wir bringen Sie zu Ihnen. Okay, zusätzlich dazu wird das Profil Russland wie ein Überlaufmenü einwerfen, also könnte das alles wie Profileinstellungen sein. Dein Zeug. Du kannst reingehen und dir , helfen,damit wir die Lippen kreieren, die voranschreiten. Er ziehen wir einen kleinen Kreis hier an der Grenze weg. Wir werden tatsächlich Wiederholungsraster verwenden, um zu erstellen. Dieses kleine Symbol wird nach unten ziehen und dann die Größe anpassen, die erstellt wurde. Ich werde das nur etwas kleiner machen. Vielleicht gerade da drüben. Wir gehen während der großen wieder auf, um sicherzustellen, dass es an der richtigen Stelle ist. Es ist hilfreich, wenn Sie möchten, können Sie auch wie die einheimische Sie mitbringen. Ich meine Waffe hier drüben, ich kann dir Schläger besorgen und Apple IOS, IOS oder Google-Material bekommen . Was auch immer Sie entwerfen und tatsächlich in den Header ziehen können. Eso. Sie haben eine Vorstellung davon, wie weit Sie gehen können, dass in, wie, Batterie oder WiFi-Einstellungen laufen wie, ? Nur eine kurze Notiz. Nicht immer notwendig. Aber es kann gut sein, als Referenz zu haben. Aber gerade jetzt muss es etwas Platz an der Spitze geben, um das Zeug zu gehen. Also werden wir uns Profil umbenennen. Dann kopieren wir das auch und fügen es ein, und wir werden einfach weitermachen und einfach eine Subversion für Likes geben. So können wir das ziehen, das nach unten skalieren und dann unseren Likes Abschnitt auch fett machen. Und wir können das in Licht ändern. Los geht's. Also, jetzt ist sie vor kurzem rot und, wie Abschnitt, alles bereit zu gehen. Es ist eine andere. Wir haben unser Benutzerprofil eingerichtet. Wir können gehen und ich nur diesen unteren Knave wieder, ändern Sie das 1.5 und markieren Sie dann Flughafendatei. Ich will das nicht noch einmal tun, also werde ich es einfach von hier löschen und kopieren und einfügen. Haben Sie schon mal ein bisschen Zeit gespart? Okay, also haben wir unsere Homepage oder Videoseite im Profil entdecken. Das sagte Fowler, darüber. Nun, die andere Sache und die letzte Sache werden wollen, wenn Sie wie eine Mock-Up-Artikelseite sind und alles ich dort getan habe, war, dass diese Flughäfen Riches sagte, sie sind nett, und sogar wir können diese Homepage einfach kopieren und einfügen. Ich werde dieses Raster löschen, eigentlich. Gut. Löschen Sie die Unterseite jetzt zu Ihnen. Das würde uns also auf eine neue Seite nehmen, so dass wir das untere Halbjahr nicht brauchen, aber es wird ein schönes großes Bild oben geben. Wie? Kopieren Sie diesen Text und fügen Sie ihn ein und schaffen Sie dann Platz für einen zweiseitigen Titel. Ich habe gerade eine Kopie bekommen und diesen Namen dort drüben einfügen. Nur damit wir eine Vorstellung bekommen, wie viel Text in den Raum gehen kann und dann darunter wird, wer den Artikel veröffentlicht hat . Wir können auch, wie, wie, vielleicht einen Autor oder so, nur eine Möglichkeit, hier realistisch Kredit zu geben. Dann können wir tatsächlich kopieren und wieder hier drüben unsere Zeit und unseren Standort einfügen. Okay. Und so werden wir es hier tun wollen. Es ist tatsächlich füllen Sie es mit Text, um das zu simulieren. Es ist ein Artikel, den du noch einmal tun musst, dass ich versehentlich entkommen war. Also ein weiterer Stecker, den wir benutzen können, heißt es tatsächlich oder Epsom. Also im Grunde wird das Platzhaltertext sein. Das kannst du auch verkaufen, wenn du willst. Ich finde es ziemlich hilfreich, und ich werde noch einmal ein Textfeld zeichnen müssen. Das ist also ein Teil des Grundes, warum ich es hasse, gezeichnete Textfelder zu verwenden, die es vorziehen, Dinge zu kopieren und einzufügen . Aber das ist einfach so seltsam. Das warf mich auf den Desktop. Siehst du, nur mehr Validierung Zehe immer nur Kaffee und Technik. Kopieren und Einfügen von Text über. Kann nicht stehen, die Texteinstellungen EC Textbearbeitung Eintopf Werkzeug, um diesen Regler und weiß die Größe 16 zu machen . Also, jetzt werden wir dies mit Platzhaltertext füllen. Muss Antworttext akzeptieren. Okay, also jetzt haben wir viel Text ist ein Platzhalter. Ein Artikel kann hier tatsächlich per Drag & Drop herunter ziehen und ein anderes Bild einschließen. Teoh, vielleicht ein wenig kleiner Tracked dies ein wenig, dann kopieren und einfügen für einen zweiten Teil unseres Artikels, wir können tatsächlich eine Unterüberschrift als auch haben. Ich will seinen Namen, diese Wette. Und so am Ende unseres Artikels. Wir eigentlich möchte ich auch einen verwandten Artikel Abschnitt setzen. Wir können diesen Text kleiner machen und diesen einfach kopieren und einfügen, also müssen wir ihn nach unten ziehen. Und du könntest diese Schriftrolle weiter machen, wenn du wolltest. Wir machen nur zwei Artikel und hat ein Beispiel am unteren Rand. Sie können diese schnell in der Vorschau anzeigen. Es hat einen anständigen Beispielartikel dort. Schließen Sie dies während der großen off, und Sie können fühlen sich frei, in einige Bilder hier zu werfen. Was ich gerne tun, um es ein wenig realistischer zu machen, ist, dass Sie nur tatsächliche Bilder von einem Artikel greifen und einfach eine Art Plug, dass in. Ich habe dieses ein paar Bilder über, wie Immobilien rund um Atlanta, und Sie können einige dieser Informationen füllen, wenn Sie brauchen. Und wieder, das ist nur ein zufälliger Artikel, den ich im Wesentlichen aus dem Internet gepackt habe. Aber wir werden voran gehen und ihm einen schönen Titel geben, der glaubwürdiger ist. Es ermöglicht uns auch, einige veröffentlichte Publisher-Informationen zu setzen damit wir uns ansehen können, dass einmal Pornos in den letzten beiden Dingen hinzugefügt werden ein Baquero und vielleicht auch ein Share-Icon sein wird, so dass wir eine große wieder auf. Und dann wähle ich p für das Stiftwerkzeug aus. Ich werde die erste Linie auf Halten ziehen, verschieben, die zweite ziehen. Und dann gehen wir. Das könnte unser Baquero sein. Also werde ich eigentlich diese Größe drei machen, die in dieser Kiste ein bisschen runter kommt. Und wenn Sie bemerken, ist es ziemlich schwer zu sehen, dass der weiße Pfeil auf den Bildhintergründen tatsächlich ein Relais erstellen würde. Also haben wir unser für ein Rechteck getroffen, und wir werden den Phil hier schwarz machen. Dann legen Sie die Deckkraft nach unten, und dann gehen Sie voran und befehlen Sie die linke Klammer und senden Sie sie zurück und stellen Sie sicher, dass dies vorwärts ist . Gut sind Ebenen-Panel, um sicherzustellen, dass alles in Ordnung ist. So ist der Pfad oben auf der Karte, die es war. Stellen Sie sicher, dass das an der richtigen Stelle ist. Eigentlich, ordnen Sie einfach den Start neu an, bitte. Da gehen wir. Das ist ein bisschen glaubwürdiger. Vielleicht könnte ein kleines Mitglied 33 gut aussehen. Und jetzt, da wir unseren Euro zurück haben, kann ich auch tun, wie ein kleines Aktie Symbol. Was würde er in den Lippen groß war, wird gezogen werden. Drei Kreise. Wir können Skopje machen und das auch einfügen. Schalten Sie die Grenze aus. Es wird diese kleinen kleinen kopieren und einfügen Sie den Kreis kopieren und fügen Sie ihn wieder ein. Dann passen wir die Größe ein wenig an und dehnen das aus. Dann gruppieren wir all dies zusammen, skalieren es ein wenig, müssen sicherstellen, dass Sie diese Zeile auch bearbeiten. Vielleicht sieht zwei OK aus, und was für eine Art von legte es in eine ähnliche Größe? Und ich war der Große. Stellen Sie sicher, dass es ein guter Punkt ist. Jetzt haben wir eine Rückenlehne und Stuhl-Symbol. Wenn jemand seinen Artikel teilen will, okay? Und das ist so ziemlich es. Für alle unsere Bildschirme. Es würde tatsächlich viel mehr Bildschirme und eine regelmäßige Anwendung, aber diese Art von deckt einige gute Boden gute Grundlage. Das gibt Ihnen einige Grundlagen, wie Sie mehrere Bildschirme ziemlich schnell erstellen, vor allem mit dem Repeater-Werkzeug. Und das nächste, worauf wir eingehen können, ist das Prototyping und dann einige Animationen hinzuzufügen. Wenn Sie es für verwenden wollten, wie eine Highlight-Rolle oder etwas von dieser Natur 6. Den Prototyp erstellen: Okay, jetzt, da wir all unsere Bildschirme für Sie entworfen haben, können wir weitermachen und anfangen, den Prototyp auf Schwächen zu erstellen. Wählen Sie alles aus, was hübsch von oben getippt wird, und wir beginnen mit unserem Begrüßungsbildschirm und einer Sache zu wissen, dass es keine Tasten auf dem Bildschirm gibt , also wollen wir eigentlich einen Zeitübergang zu einem Anmeldebildschirm, und um das zu tun, wird das Kunstboard auswählen und an der Spitze wird diese Zeitoption haben. Und jetzt schnell montierbare Zeitoptionen nur verfügbar, wenn Sie das gesamte Artboard auswählen. Es ist nicht verfügbar, wenn Sie nur eine einzelne Schaltfläche auswählen, aber dafür ist das in Ordnung. Also tippen Sie Zeit an. Und so wollen wir seinen Übergang zu unserem Anmeldebildschirm und etwa 0,3 Sekunden, und der Übergang ist in Ordnung. Melden Sie sich an, lösen Sie sich auf. Er ist draußen. Auch, wenn ich so bin, spielt es. Das sieht gut aus. Also ist es wirklich ziemlich schnell, was in Wirklichkeit in Ordnung ist, weil Sie nie wollen, um den Bildschirm zu spritzen, um dort länger zu sein, als ich sein musste. Aber nur damit wir eine bessere Idee bekommen, wie es aussieht, gehen wir 0.8 und schauen es sich an. Noch ein Mal. Ok? Es ist diese Flucht da. Und Alex Good. Bisher. Also das nächste, was wir Dio können, ist unsere Anmeldung verbinden. Aber da dieser Fluss der Benutzer kein Konto hat, wird ein Konto erstellen, so dass wir diese Schaltfläche auswählen können und wir bekommen, dass Griff auf meinem Vertrag, dass über. Und so hier schauen wir uns die Trigger Tap Aktionen, Übergang, was in Ordnung ist. Löse diese aus 0,3, alles in Ordnung. Also, wenn wir uns das ansehen, ist es wie, melden Sie sich an und dann kommen wir zu der nächsten Seite, die gut aussieht. Lass uns wieder da raus und wir werden das jetzt minimieren. Und so können wir diesen Prozess nutzen, um wirklich eine Verbindung herzustellen. Alle diese Bildschirme werden auswählen, dass Konto-Button erstellen und zu unserer Begrüßung auf dem Boarding Bildschirm gehen . Und so überprüft alles da draußen und schnell, so dass wir wollen, dass die Leute in der Lage sein, tatsächlich mit ihrem On-Boarding Bildschirm zu interagieren. Also, was wir tun werden, ist ein weiterer Bildschirm hier zu erstellen, um zu simulieren, dass diese Themen sind oder ausgewählt werden, damit wir das tatsächlich kopieren und einfügen können und zum Zahn Tab wechseln und sagen wir, harte neue Benutzer, die wirklich an Hosen interessiert sind? Das scheint lustig zu sein, was? Was wir also tatsächlich tun können, ist zu simulieren, dass dies ausgewählt wurde und wenn Sie bemerken, dass ich es und sein eigenes Wiederholungsraster geändert habe . Also werde ich rückgängig machen, dass wir eigentlich die Gruppe hier besitzen werden. Und so können wir jeden einzelnen Selektor bearbeiten. Also lasst uns dran, Hosen. Wir drehen dies grün und auch auf dem Textbildschirm. Und nur um ein wenig mehr Sie hinzuzufügen, so sieht es aus, als ob es tatsächlich ausgewählt ist. Wird auch einen Kreis in die Mitte setzen. So beeindruckend er und dann Option Shift, um einen Kreis in der Mitte zu ziehen. Und dann füllen wir das auch mit Grün. Und so, da einige Dinge hier tatsächlich ausgewählt werden, wird dies aber auch aktiv machen. Also doppelklicken wir hinein, machen den Bildschirm und ändern den Text zu 100%. Dann wähle ich tatsächlich alle diese Kunstbretter aus und schiebe mich zurück. Und so müssen wir daran denken, zurück zum Prototyp zu gehen und uns zu verbinden. Wenn der Benutzer wählt Hosen, warum wissen Sie nicht, warum sie so interessiert an Hosen, aber lehren ihre eigenen so tippen Übergang. Lösen Sie diese aus ist alles in Ordnung. Werfen wir einen kurzen Blick darauf. Also, wenn wir hier gehen, wählen Sie Hosen, die wir haben, unser Thema wird ausgewählt, es wird hervorgehoben und unser Knopf wird aktiv. Das ist also gut. Und wenn wir wollen, können wir auch einen weiteren Bildschirm hinzufügen und nur den gleichen Prozess replizieren. Weil vielleicht jemand mehr interessiert ist als nur Hosen. Sie interessieren sich auch für Speck. Ja, immer gut. Also kann ich das tatsächlich einfach kopieren und einfügen und ich werde eine schnelle sagen und hier einfügen und bemerkte, dass ich doppelt geklickt habe, was es tatsächlich der spezifischen Gruppe hinzugefügt hat. Wenn Sie es einfach kopieren und über den oberen Rand einfügen, würde es nicht zu dieser Gruppe hinzugefügt werden. Nur ein schneller Newt da. Bringen Sie es auf etwa die rechte Seite des richtigen Raumes. Ändern Sie das auch in Grün. Und dann gehen wir zurück zu unserem Prototypen-Tab, schleppten uns rüber. Dann können wir 0,3 lindern, die gut übergeht. Und wir können auch gehen, hatte nicht mit unserem aktivierten Standort verbunden. Also ist es eigentlich Travis von oben. Also werden wir uns anmelden. Wir werden eine Account-Hose erstellen, Speck, die perfekte Combo, und dann können wir als Nächstes in den Aktivierungs-Standortschritt gehen, so nah hier draußen. Und dann, nachdem wir dies getan haben, können wir unseren aktivierten Standort verbinden, und das sollte uns auf unsere Homepage bringen. Es ist nur eine Vorschau wirklich schnell, und dann sind wir auf unserer skalierbaren Homepage und wir haben unsere Kniefüße, die kommen. Okay, das nächste, was zu tun ist, ist, diese untere Registerkarte zu verbinden, so dass Sie tatsächlich beide Gruppen auswählen und gruppieren können . Und der Grund, warum ich hier gruppiere, weil ich in der Lage sein möchte, auf das gesamte Element nur eine Sache schnell , denn wenn sie nicht Gruppe D waren, müssen sie auf Video oder das Symbol klicken, um die untere Hälfte zu funktionieren. Was wir erzählen wollen, arbeitet zusammen. Also werde ich diese Elemente einfach gruppieren, während ich gehe und Sie werden feststellen, , Nun, wenn ich sie gruppiere, sind sie tatsächlich nicht mehr auf Scrollen eingestellt, also stellen Sie sicher, dass das oben geht zurück und wir gehen hinein und tun das für jeden. Es wird jede dieser Zeilen jemals auf den entsprechenden Bildschirm ziehen, und dann können wir das gleiche für den Rest von ihnen tun. Und dann haben wir eine feste Position beim Scrollen geteilt. Jedes Mal, wenn wir es tun, benutze ichBefehl G, um jedes dieser Elemente zu begrüßen. benutze ich Während ich gehe, werde ich sicherstellen, dass man Picks Position hat. Es könnte ziemlich mühsam sein, die Verbindung wie ein Boden auf allen Bildschirmen haben. nur daran, dass es gibt , kleine Elemente gibt,die Sie jedes Mal daran denken müssen, und dann kommen wir zu diesem letzten. Nun, eigentlich brauchen sie diese zur gleichen Zeit. Okay, das sollte gut sein. Und eine kurze Abkürzung. Sie können Befehlstaste a drücken und alle kreditengen Linien sehen, die Sie erstellt haben, und wir können einfach einen kurzen Blick durch und sicherstellen, dass alles verbunden ist und es gut aussieht . Also probieren wir das aus. Vorschau. Ja, hier sieht alles gut aus. Ich stimme über den Sprung herum und Art von simulieren. Was ist damit? Jetzt wäre wie Und wenn Sie sich erinnern, einige dieser Elemente sind einfach kopieren und einfügen Sie es über. Und wenn Sie wollten, gehen Sie zurück in Repeater und erhalten neue wie Titel und Bilder. Aber es ist nicht wirklich super notwendig. Es sollte klar genug sein, dass sie anders sind, aber wenn Sie das tun möchten, können Sie die gleichen Schritte verwenden, die wir je zuvor gemacht haben, um das ziemlich leicht zu machen. Damit alles tun wird, verbinden Sie diesen Likes Tab mit diesem und lesen Sie dann vor kurzem zurück zu hier. können wir noch mal pV. Also für diesen, werden wir tatsächlich diese Artikel aktualisieren, nur damit es aussieht, als würden wir tatsächlich auf einen anderen Bildschirm klicken . Aber das sollte wirklich schnell zu Dio mit den Repeater Plug Ins gehen zurück in unsere Plugging Menu Grabber, Peter, Peter, Auswahl Ihrer Kante sieht gut aus. Also bewerben Sie sich über und den No-Selektor Text hier oben. Nein, das schätze ich. Jetzt haben wir verschiedene, wie, Platzhalter-Textnamen Bilder. Also, wenn wir hineingehen, dies noch einmal in der Vorschau sehen, bekommen wir einige nette Unterschiede, also sieht es tatsächlich so aus, als würde man sich in einen anderen Bildschirm zurückrufen. Okay, jetzt wird Stone auch unseren gefälschten Artikel hier verbinden, und wir werden das mit der Homepage machen, also werde ich mir dieses Bild ausleihen. Ich meine, eine Kopie und Paste. Hier, tun Sie das jeden entspannten. Wir werden eigentlich ungelesen mit diesem guten voran gehen, und ich werde dieses Bild ersetzen und das Bild einfügen, um Greep alles zu beenden. Eigentlich werden wir das nach unten skalieren und es auf ungefähr die richtige Größe bringen. Ich schicke das an die Spitze der Befehlshalterung, rechte Klammer, und dann gehen wir. Erschienen Objekt. Ich habe gelogen. Das werden wir nicht tun. Also, was ich dort getan habe, war, einfach die Füllung abzudrehen und es nur zu einer Grenze zu machen. Sieht nach mir aus. Wenn ja, bin ich nur ein kompletter Lügner. Was Will eigentlich Dio ist komplett zurück Schritt. Okay, also können wir eigentlich rüber gehen und was wir als Nächstes tun, trennen Sie den Artikel mit unserer gefälschten Artikelseite hier. Und um das zu tun, werde ich dieses Bild tatsächlich greifen und es einfach zum gleichen Bild im ersten Artikel machen. Also kopieren Sie es einfach und fügen Sie es dort ein und wir können dieses Gitter wütend machen und was wir wollen, Mr. auch in der Gruppe und dann wollen wir diese Form wieder haben. Und da ein Bild bereits darin war, können wir es eigentlich nicht als Maske verwenden. Aber wir können die Form sehr schnell nachvollziehen. Also ein Drücken Sie bereits und jedes Rechteck nach oben halten Verschiebung, um es über zu ziehen und dann passen Sie es ohne Form. Genau da und wieder. Ich halte alles fest, um diesen Radius wieder oben zu ziehen, um ihn dorthin zu bringen, wo wir ihn brauchen. Wir werden dieses ältere Bild löschen und dann kopieren und einfügen wir das Bild hier drüben. Skalieren Sie dies auf etwa die richtige Größenskala nach oben nur ein wenig. Dann werden wir tatsächlich Befehl shift linke Klammer verwenden, um das nach hinten zu senden, sehen, was los ist. Wir greifen einfach hier rüber auf dem Ebenenfeld, tatsächlich, bringen das oben. Es gibt ein Rechteck, so wählen Sie Filme gehen Objekt und Masco Form. Dann gehen wir los. Also jetzt haben wir unser Artikelbild in diesem Beispiel, und wir können auch den Titel zu greifen, so dass Sie hier schnell verdoppeln können, kopieren und dann den Titel auf unserer Homepage einfügen. Und wir ändern auch den Namen der Stadt, so dass er übereinstimmt. Also, wenn wir jetzt einen Prototyp bekommen und dieses Auto auswählen, können wir es auf diese Seite ziehen, überprüfen Sie im Vorschaufenster. Los geht's. Also jetzt haben wir unseren Artikel hier. Wir müssen auch diesen Held verbinden. Ok. Und so für diesen Raubtier bei dem, was wir eigentlich dio sind, ist die Auto-Animate-Registerkarte anstelle des Übergangs zu verwenden . Und im Grunde, was dio wird, ist, dass dieses Bild den Raum ausfüllt, den dieses Bild in Anspruch nimmt. Und die Art und Weise, wie w x d das macht. Ist das, weil dieses Bild die gleiche Sache auf dieser Seite genannt wird, wird es nur Tween zwischen den Kunstbrettern. Sie bemerken also, wie wir den Text bewegt haben, weil wir den gleichen Text verwenden. Also wollen wir, dass das Gleiche mit einem Bild passiert. Wir schauen uns mal an. Hier sind Bilder, die tatsächlich Massengruppe eins genannt werden. Also, was wir tun könnten, ist kopieren und einfügen, dass immer und wird über gleiten, Layout aus dem Weg hier können wir dieses Bild löschen, wählen Sie Dart Board und fügen Sie dann, was wir tun könnten, um dies zu skalieren, so dass es passt. Wir werden das schnelle Ende verdoppeln, diesen Radius so einstellen, dass er den ganzen Weg rausgeht, und wir stellen sicher, dass er auf der Seite zentriert ist. Und wir werden auch Kommandoschiff linke Klammer verwenden, um dies wieder zu senden. Ziehen Sie unser Overlay zurück, stellen Sie sicher, dass es passt. Dann setzen wir uns das auch zurück. Also verwende ich nur Befehl linke Klammer. Und dann werde ich die Dinge zurück senden 11 Ort statt Befehl Verschiebung linke Klammer, die nach unten verlängert . Okay, wir werden es tatsächlich schneller zu diesem Kunstboard machen. Überprüfe das noch einmal. Okay, was passiert, ist, dass wir einen netten Einfluss bekommen. Das Bild sie ist als ein schöner Effekt, wie füllen Sie den Raum jetzt. Aber eigentlich nicht wollen, dass der Text so springt. Ich will nur, dass das Bild es macht. Was wir also tun können, ist eigentlich reingehen und diesen Text umbenennen, um zu sein. Der Titel ist in Ordnung und wir brauchen das gleiche Atlanta sollte Spaß machen, und diese Zeit wird tatsächlich zu Zeit ändern. Ich habe gelogen, dass in Stadt ändern Doppelklick auf eine Stadt. Und der Grund, warum ich diese Namen ändere, ist, dass Debbie XY die Ebenenbenennung verwendet, um tatsächlich zu entscheiden, was es aus Animationen ist. Wenn ich also etwas habe, das Atlanta auf diesem Board und auf diesem Kunstbrett ist, heißt etwas auch Atlanta. Das wird automatisch animiert. Deshalb kann das Zurückgehen und Ändern der Namen King die Animationsqualität verbessern, da manchmal Dinge angezeigt werden, die Sie nicht animieren möchten. Aber das ist nur, weil sie denselben Namen haben. Also wieder schnell. Okay, da gehen wir. Das sieht gut aus. Und wenn Sie bemerken, dass tatsächlich ein bisschen wie einige Layer-Probleme hier auftreten , wie es Skalierung ist. Aber dann kommen Schichten nicht richtig auf. Also, was wir tun können und ein Teil davon hat mit dem zu tun, was wir hinzufügen Auf dieser Seite ist ein Overlay und diese Symbole. Eine Möglichkeit, dies zu umgehen, besteht darin, diese Elemente so zu setzen, dass wir sie auf die Homepage kopieren und einfügen , damit wir dies kopieren und einfügen können. Aber wir drehen die Kapazität auf Null. Also, wenn zwischen jetzt. Da diese Elemente bereits auf der Homepage waren, war es eigentlich eine viel sauberere Animation und dass wir nicht so seltsam wie Layer-Verzerrung kommen , weil die Dinge später anders waren. Wenn du also nach unten scrollst, sieht alles gut aus, wir können zurückgehen und wir werden sie im Laufe der Zeit überprüfen. Okay, das schließt es für einen Prototyping-Abschnitt ein und was wir tatsächlich tun können, ist, dass wir das einfach von oben nehmen und sicherstellen, dass alles so ist, wie wir es wollen oder registrieren, Konto erstellen. Dann wählen wir Hosen und Speck, den wir als Nächstes haben. Wir können den Standort hier aktivieren. Nur eine schnelle Jetzt, wenn Sie tatsächlich treffen würde diese, Sie bekommen die native Sie aus zu Pop-up, so dass Sie einen anderen Benachrichtigungsbildschirm haben müssten. Wir können Scrollen Artikel auswählen. Er ist der Video-Tab. - Beweis. Oh, überprüfe unsere Beine, die es für diesen Abschnitt ausgegeben wurden. 7. Den Prototyp teilen: Okay, also sobald wir einen Prototyp fertig haben, wird das nächste, was tun wollen, ist teilen erscheinen. Also, wenn Sie jemals hören können Sie teilen für die Überprüfung oder teilen für die Entwicklung, wir werden nur tun teilen für die Überprüfung in diesem Tutorial, so gibt es Ihnen die Option hier unten. Wer mit Lincoln sieht jemanden, den Sie einladen, wer ist los? Hat jemand einen Link? Sie erhalten ein paar ihrer Optionen wie erlaubte Kommentare, zeigen Hot Spot Hände, Navigationskontrollen Israel jetzt finden und gehen und Link erstellen. Und manchmal dauert es eine Sekunde, um fertig zu werden. Und dann können wir hier unten eine Kopie besorgen und sie verknüpfen, um sie hochzufahren. Setzen Sie diesen Montag vorbei, damit wir ziemlich eng sind. Klemmen, um gut zu kommen, nur Vollbild. Das hier. Wir können tatsächlich zurück zum Begrüßungsbildschirm gehen, weil wir eine Zeit haben, die Animation darauf und es gibt Animationen werden auch im Web-Browser angezeigt. Also, wenn wir nach Hause klicken, hier gehen wir und dann können Sie durch Ihren Prototyp klicken, genau wie Sie es mit einem auf Ihrem Desktop tun würden . Und das ist wirklich hilfreich, um deinen Prototyp mit jemandem teilen zu können, Ähm, alles, was sie haben müssen. Es ist wie WiFi und ein Web-Browser, so dass es sehr schön ist, in der Lage zu sein, diese Weise zu teilen. Sie können auch Personen abhängig Kommentare auf jedem Bildschirm nach Bedarf erhalten. Nur eine schnelle, coole Funktion, um dies herumzusenden. Und Sie können diese auch auf Handy eine Swell öffnen. Und wenn Sie es jemals in jemand schicken wollen, dann betrachten Sie eine SMS mit dem Senat , und es ist ziemlich cool, es auf diese Weise zu teilen, und ich würde immer noch alle ermutigen, es auf Ihrem Handy als auch Vorschau. 8. Outro / Abmoderation: Ok, so dass über wickelt es. Sobald Sie Ihren Prototyp zusammen und wieder bekommen, ermutige ich alle, die Vorschau auf ihrem Handy zu rühren und wirklich mit ihm zu interagieren weil es sich wirklich ändert. Es verändert die Arbeit. Sie dio Sie beginnen, es im Kontext des Geräts zu sehen und wirklich ein Gefühl für Dinge, die es umschließt. Aber wenn jemand gerne Kommentare hinterlassen und das Klassenprojekt ausprobieren möchte, bitte Dio. Danke, Leute.