Adobe XD Web App UI/UX: Erstellen einer Portfolio-Website von Null

1. Einführung: Willkommen zu diesem Kurs. Mein Name ist gestern, Chelsea, und ich werde der Instruktor in diesem Kurs sein. In diesem Kurs lernen Sie, wie Sie mit Adobe XD eine vollständige Portfolio-Web-App-Benutzeroberfläche entwerfen . Sie entwerfen dieses Portfolio-Web-App-UI UX. Sie, wir werden alle Funktionen von Adobe XD kennenlernen. Zum Beispiel lernen Sie, wie Sie die Zeichenstilfarbe der Gruppenkomponente erstellen . Es heißt Prototyping, animiere gezeigte Plugins und viele weitere Dinge. Am Ende lernen Sie, wie Sie Ihr Design und Ihre unterschiedliche Leistung exportieren können. In diesem Kurs haben Sie ein komplettes reales Projekt, das Sie Ihrem Portfolio hinzufügen können und es Ihnen hilft, Ihren Traumjob zu bekommen. Dies ist eine vollständige Portfolio-App, die Sie in diesem Kurs entwerfen werden. Sie können sehen, dass wir hier eine schöne vielleicht Kissenstange mit etwas Header und einem Bild haben eine schöne vielleicht Kissenstange . Und schreibe auf, dass wir unsere Trägerobjekte haben, in denen ich die E-Mails des Parson und Dan erscheinen Objekte zeige . Irgendeine Ikone hier auch zehn gleich oben, da wir unsere Bildungsabteilung haben. Und Sie können dieses schöne Design sehen und mit den Optionen Farbverlauf und Boxschatten und Blechdose geteilt werden. Und dann haben wir diese Projektabschnitte. Im Projektbereich haben wir gerade Chipschalen. Und jetzt, wenn ich auf diese wenigen Abscheuungen klicke und es in den Detailbereich geht, in dem wir unsere verschiedenen Biere haben, um unsere Details anzuzeigen, die Informationen hier anzeigen , haben wir Angst, unsere Navigationsleiste und dann Sie können die E-Mails sehen und dann haben wir diese Entzündung. Und ganz unten haben wir auch diese weiteren Projekte. Hier sehen Sie ein paar weitere Projekte in verschiedenen Designs. Und unten haben wir unsere Fußzeile. Und wenn ich jetzt zur Homepage zurückkehren wollte, muss ich nur auf die Homepage klicken. Das bedeutet, dass mit den Rohrleitungen in unserer Anwendung. Also los geht's. Sie können sehen, dass wir jetzt über das Tempo informiert sind. Und nachdem dieses Projekt sechs gezeigt wurde, haben wir einen weiteren Abschnitt für Kathy-Fähigkeiten. Und hier können Sie verschiedene Arten von Design sehen , die Sie lernen werden, der Stilfarbe gegeben. Es heißt Farbverlauf, wenn Sie das Sexuelle entwerfen, dann haben wir einen weiteren Abschnitt, der der Werkzeugabschnitt sein wird . Und danach haben wir diesen Feedback-Bereich in unserem Portfolio, in dem wir einige Informationen, einige Rückmeldungen in einer Karte sehen können Sean. Und dann haben wir diese Schriftrolle optional, so süß. Dann kannst du es einfach waagerecht scrollen. Sie möchten auch lernen, wie Sie einen Bildlauf machen und verschiedene Arten von Schriftrollen ausführen können. Hier sieht man, dass wir beide vollkommen Sanftheit haben. Und dann haben wir hier unsere Kontaktformularoptionen. Hier haben wir ein nettes Kontaktformular oder Kontakt mit einer Person. Und dann haben wir diesen Boden, der unsere Fußzeile in der Web-App ist. Das ist also die komplette App und die Sie in diesem Kurs entwerfen werden. Und nachdem Sie diesen Kurs abgeschlossen haben, haben Sie ein komplettes reales Projekt. Deshalb werde ich Sie dringend ermutigen, diesen Kurs zu genießen. Wir sehen uns im Kurs. 2. Art und Navigationsdesign: Willkommen zu dieser Vorlesung. In diesem Teil beginnen wir mit der Arbeit an unserem Adobe XD-Projekt. Also habe ich meine Adobe XD-Software geöffnet. Wenn Sie also Ihre Adobe-Software öffnen, können Sie diese Art von Benutzeroberfläche höchstwahrscheinlich sehen. Und hier drüben haben wir die Option für das iPhone, das für das Design der mobilen App-Benutzeroberfläche dienen wird. Dann haben wir Wave Instagram Story und die benutzerdefinierte Größe. Für mich verwende ich diese Peitsche 19201880 Pixel. Alternativ können Sie diesen Wasserstoff auch hier in Weiß hinzufügen, ein Obermaterial, das diese benutzerdefinierte Größe auswählt. Ich klicke auf diese Breite, 1920 und N1 und zwei Pixel. Und es wird uns eine Zeichenfläche geben. Dies ist unser Kunstbrett für ein Web-App-Design. Okay, also müssen wir unsere Anwendung hier drüben entwerfen. In der linken Seitenleiste, in der linken Ecke haben wir, lassen Sie es mich vergrößern. In der linken Ecke haben wir alle Werkzeuge. Dies ist unser Slipse-Werkzeug, unser Rechteckwerkzeug, unser Ellipsenwerkzeug, ein Polygon-Werkzeuglinienwerkzeug, das Stiftwerkzeug nimmt Werkzeug und dies ist unsere Kunsttafel. Und hier drüben haben wir noch zwei Icon. Eine ist für unsere Art Board und eine andere ist für unser Vermögen. Wenn wir also unsere Farbe kreieren können, sind sie charakteristische Komponenten und so viele Dinge? Und der untere ist für unser Unser Plug-In. Wenn Sie bereits installiert haben. Wenn Sie noch kein Plug-ging haben, werde ich Ihnen sagen, dass ich dieses Symbol für das Design-Plugin verwenden werde . Und sie gaben uns nicht ein paar Symbole , die wir möglicherweise verwenden müssen. Sie können es einfach installieren. Wie kann man das machen? Wenn Sie es nicht wissen, können Sie einfach auf das Plugin klicken und dann auf Discover Plugin klicken , um Ihnen hier eine Benutzeroberfläche zu geben. Und von hier aus können Sie auf diese Suche klicken und dann einfach nach dem Icon nach Design suchen. Also lass mich dir zeigen, ob ich hier angefangen habe, Icon. So können wir ihre Ikone nach Design suchen. Höchstwahrscheinlich wirst du das sehen können . Unser Plug-In. Nichts, das in diesem Teil getan wird, ist nicht schnell genug. Es gibt Studien darüber, die keine Möglichkeit zeigen , hier zu zeigen. Ich zeig's dir. Von hier aus können Sie Ihr Plug-In n in der rechten Seitenleiste installieren , wir haben andere Eigenschaftsabhängigkeit. Wenn wir also eines der Tools auswählen, können wir es an die rechte Ecke anpassen. Etwas, das uns Spaß macht. Okay, das ist dunkel, ich zeige es dir. Es sollte hier erscheinen. Ich denke, wegen der Intensität wird Geschwindigkeit nicht angezeigt. Sie müssen Icons für das Design installieren. Ich zeig's dir später. Lass mich es dir zuerst sagen. Also haben wir hier drüben unser anständiges Werkzeug, dann unser Prototyp-Tool. Dies ist unser Anteil, an dem wir jetzt anfangen werden, an unserem Portfolioprojekt zu arbeiten. In diesem Teil beginnen wir mit dem Entwerfen, indem wir die Navigationsleiste hinzufügen. Zusätzlich zu einer Replikation haben wir unsere Navigationsleiste. eine Navigationsleiste hinzuzufügen, können wir einfach die Hälfte dieses Rechteckwerkzeugs nehmen und ich Um eine Navigationsleiste hinzuzufügen, können wir einfach die Hälfte dieses Rechteckwerkzeugs nehmen und ich ziehe, ich werde es fallen lassen. Ich fahre zu schnell. Sie müssen das Rechteckwerkzeug schieben. Dann kannst du dieses Ding auf diese Weise ziehen. Und in der rechten Seitenecke sieht man die Höhe und das Weiß, das es hier zeigt, und ich werde es an diese anpassen. Hier haben wir das Weiß, das 1920 ist, und die Höhe beträgt 75. Von hier aus kann man auch die Höhe erhöhen. Nehmen wir an, ich wähle AT aus, dann wird es die Höhe erhöhen. Teary los. Jetzt können wir unsere Hintergrundfarbe für unsere Navigationsleisten hinzufügen . Um eine Hintergrundfarbe hinzuzufügen, gibt es hier eine Farbpalette. Sie können sehen, dass das Feld standardmäßig weiß ist. Und wenn Sie hier klicken, können wir eine Farbpalette sehen. Von hier aus können wir unsere Farbe auswählen, egal welche Farbe wir wollen. Alternativ können Sie auch Ihre Farbcodes verwenden, sodass Sie Ihren Farbcode einfach von überall kopieren und ihn dann einfach dort einfügen können. So wird es hier funktionieren, aber für mich wähle ich einfach eine Farbe von hier aus. Vielleicht. Diese Farbe. Perfekt. Dies ist unsere Navigationsfarbe. In der Navigation werden wir ein paar Dinge haben. Wir haben unsere Navigationsleiste, Navigationselement. Hier. Wir werden einige Texte haben, vielleicht Portfolio, vielleicht lokal. Wir können sagen, du kannst einfach einen Namen nennen. Um hier einen Text hinzuzufügen, muss ich Hilfe dieses Texttools in Anspruch nehmen. Ich klicke auf dieses Texttool und ich kann M white sagen. Und nur zum Beispiel, sobald Sie Ihren Text geschrieben haben, müssen Sie ihn von hier aus ändern. Sie können hier sehen, dass dies 20 Jahre die Schriftgröße unseres Textes ist. Schnell, lass mich die Farbe ändern. Schon wieder. Wir müssen den Text verrutschen und wir können die Farbe von hier aus ändern. Wählen wir zu weiß aus. Und von hier aus können wir diese Farmgröße gegen Verspätung erhöhen . Los geht's, es hat zugenommen. Und hier können Sie auch ein paar Optionen wählen. Dieses d, d bedeutet also Großbuchstaben, und dieses d, d bedeutet kleiner als kleiner und niedriger. Auf diese Weise kannst du dich anpassen. Also nehme ich das und wir müssen das nicht hinzufügen. Es bedeutet, dass es ein bisschen kleinere Größe erzeugen wird. Und Sie können diese Schriftartfamilie hier ändern. Wir können hier jede Farbe sagen, jeden lustigen Familiennamen. Ich entscheide mich für dieses. Jetzt werden wir hier ein paar Zecken haben. Also füge ich hier D hinzu. Und sagen wir mal hier. Wir können es hier haben. Wir können unsere DX haben, wir können zu Hause sagen. Und wir müssen hier noch ein paar Gegenstände haben. Also können wir es tun, ich kann es einfach wiederholen. Ich kann Hilfe von diesem Wiederholungsraster nehmen. Dieser dumme Griff gibt uns Möglichkeit, unser Datenelement zu duplizieren. Alternativ können Sie einfach das Element auswählen und Befehl D drücken, und ich kann hier einfach Elemente hinzufügen. Und wenn ich ein bisschen Platz zwischen diesen Gegenständen haben muss , kann ich es einfach vergrößern, und dann kann ich diesen Gegenstand auch hier verringern. Jetzt lass mich die Gruppierung aufheben. Und hier, nach diesem Haus, müssen wir möglicherweise eine Option für diese haben, wir können sagen, dass Sie dann Bewässerung sagen können. Dann kann ich eins nach dem anderen entfernen. Ich wollte dir nur zeigen, wie dieses Wiederholungsraster funktioniert. Und dann ist ein anderer Weg , dass Sie nur das Element auswählen und Befehl G drücken müssen, wenn Sie einen Mac verwenden, und ich denke, es ist Control D, um es zu duplizieren. Also ist das Element schnell gerutscht und dann Befehl D gedrückt, und dann wird es Ihr Objekt duplizieren und dann können Sie es ziehen. Und Sie können sehen, dass Sie von hier aus auch den Abstand zwischen diesen beiden Elementen anpassen können . Man sieht, dass es 46 mal 46 ist. Denn beide werden umgedreht und hier können wir ein Goldprojekt haben. Wir haben eine andere Option. Lass es mich duplizieren. Projekt dann werden wir Projekt haben, dann werden wir Fähigkeiten haben. Kann sagen, anstelle von East Keys werde ich Fähigkeiten hinzufügen. Dann werden wir haben, ich werde dieses duplizieren. Und dann kann ich Fähigkeiten hinzufügen und dann haben wir hier Tools Option. Und danach müssen wir den Zustand der Anhedonie beenden lassen, sagen wir für den Kontakt zwischen jedem Gegenstand, den wir 46 haben. Und dann kann ich sagen, dass der Name Kontakt heißt. Hier geht's. Also haben wir unser Navigationsgerät entworfen. Wir werden es hier ein paar Änderungen vornehmen. Zum Beispiel müssen wir unseren Unterstrich am Ende dieses Artikels haben. Es bedeutet, ein Element auszuwählen, wählen Sie dieses aus. Dann zeigen wir das Ding hier. Also füge ich hier unter dieser Zeile , deren Unterstreichung möglich ist. Und nachdem Sie diese von hier aus ausgewählt haben, ist diese Zeilengröße wichtig. Dies ist also am höchsten, indem die Größe vergrößert wird. So können Sie die Randhöhe offensichtlich erhöhen. Und um die Farbe zu ändern, kann ich einfach auf diese Farbpalette klicken. Und los geht's. Wir können sehen, und ob Sie andere Optionen wie Dash und Gap haben möchten , aber wir müssen diese nicht haben. Jetzt lass mich das laufen lassen. Und los geht's. Wir können unser Projekt sehen, unsere Navigationskumpels sahen so aus, aber wir werden ein paar Änderungen vornehmen. Wir werden ein paar Änderungen vornehmen, aber die Sache ist, dass wir brauchen, wir können ändern, dass wir die Schriftgröße dieses ändern können, ich denke alle Texte. Also wähle ich außer diesem N, Y, welches unser Logo ist. Wir fügen ein Logo oder den Firmennamen oder das umgedrehte volle UNM irgendetwas hinzu. Rest des Textes? Ich ändere es um. Ich ändere die Größe. Ich wähle das Steuerelement aus und wähle dann alle diese Elemente aus. Nachdem wir all dieses Element ausgewählt haben, können wir das Ziel möglicherweise auf 25 ändern. Auch hier sieht es gut aus oder du kannst 25 benutzen. Es gibt alles für diesen Teil und wir werden der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. Tschüss. 3. Header: Willkommen wieder einmal zurück. In diesem Teil werden wir einige Änderungen an unserer Navigationsleiste vornehmen und ein paar zusätzliche Dinge hinzufügen. Wie können wir jetzt damit umgehen, ist unsere Navigationsleiste und wir haben die Höhe unseres AT definiert . Jetzt werde ich diese vergrößern, weil wir hier dieselbe Navigationsleiste und den Heizungsbereich haben werden. Es wird also 500 sein. Lassen Sie mich das ausführen, damit wir genau sehen können , wie geteilt werden muss, nicht nehmen kann, also können wir hier ein bisschen mehr hinzufügen. Sie können hier ein bisschen mehr, ein bisschen mehr Platz einnehmen. Los geht's. Jetzt denke ich, dass es genug ist, um die Zeichenflächengröße zu haben und zu erhöhen, kann ich einfach die Zeichenfläche auswählen Doppelklick und dann von hier aus können Sie sie vergrößern. Nach dieser Menge an Handlung, dieser Zeile, haben wir die Möglichkeit, zu scrollen. Es wird automatisch eine Bildlaufoption hinzugefügt. Lassen Sie mich Ihnen zeigen, dass dies unser Home-Bildschirm ist, und jetzt können wir die Scroll-Option hier sehen. Überhaupt kein Problem. Jetzt haben wir diese Option. Ich sehe, dass wir hier ein paar Möglichkeiten haben. Beachten Sie also diesen, den ich trinken wollte , um diesen erst auszuwählen, nachdem ich diesen ausgewählt habe. Jetzt kannst du haben, du wirst das haben. Sie können diesen Punkt hier sehen, notieren und doppelklicken Sie hier. Sobald Sie hier doppelklicken möchten, haben Sie die Möglichkeit, diesen Punkt hinzuzufügen , der eine Art Pfadwerkzeug ist. Also wähle ich es aus. Wenn Sie also nach der Auswahl erneut doppelklicken, haben Sie weitere zwei Punkte, wo Sie können. Lass es mich wissen. Wenn Sie darauf doppelklicken. Es kommt nicht. Lass es mich noch einmal auswählen. Dies ist unser Pot und wenn wir hier doppelklicken, haben wir diese Art von Optionen Jackie, um Änderungen vorzunehmen. Wir können das Ding machen. Wir können diese Art von Designoption hier hinzufügen , weil ich sie rückgängig machen werde. Und dann wähle ich das noch einmal aus. Und von hier aus können wir diese Art von Designproblem hinzufügen. Sie können sehen, dass wir diesen einfach ziehen können und wir können diese Option hier haben. Aber wir brauchen diese beiden nicht, aber gleichzeitig müssen wir hier nur eine Option haben. Deshalb werde ich alles aufheben. Und dann ist das das neue. Und doppelklicken und klicken Sie auf diesen, doppelklicken Sie hier. Und dann kann ich von hier aus einfach diese Art von Design hinzufügen. Du siehst, dass ich das haben wollte. Sie müssen einmal auswählen und dann auf den Punkt doppelklicken, dann werden diese beiden Punkte angezeigt. Dann kannst du es einfach ziehen und du kannst Änderungen daran vornehmen, entweder auf dieser Seite oder auf dieser Seite. Sie haben viele Möglichkeiten, dies zu tun. Sie haben die Wahl, es auszuwählen. Ich denke, es ist perfekt. Oder wir können ein bisschen davon hinzufügen. Perfekt. Jetzt führe ich es aus, jetzt sieht es ziemlich gut aus. Wir können hier ein bisschen mehr Änderungen hinzufügen. Also füge ich hier einen Farbverlauf hinzu. Die Farben, um die Farbe wieder auszuwählen, wir haben diese Farbe bereits hier. Und dann eine Sache, die Sie hier tun können, wenn Sie immer wieder dieselbe Farbe verwenden müssen, gibt es zwei Möglichkeiten, wie Sie einfach darauf klicken können, und diese Farbe wird hier erscheinen. Oder alternativ können Sie unsere Farbkomponenten herstellen. Wie erstelle ich eine Farbkomponente? Klicken Sie also darauf, jetzt ist es ausgewählt. Wenn ich jetzt mit der rechten Maustaste klicke, haben wir diese Option, die Sie bei Farbe zu Asset sehen können. Also fügen wir diese Farbe zu unserem Asset-Ordner hinzu. Und los geht's, das ist unsere Farbe. Und wir haben diese beiden Optionen, weil wir diese Standardeinstellung haben. Die Grenze, die passiert. Ich werde diese von diesem entfernen, es gibt nicht mehr als jetzt, da einen Grund gibt, warum es ausgewählt wurde, aber es ist kein großes Problem hier. Auf diese Weise kannst du es einfach machen. Jetzt füge ich hinzu, ich werde unseren Zyklus hier haben , in dem wir ein Profilbild hinzufügen werden. Wenn Sie ein Entwickler sind, würden Sie vielleicht gerne hier Ihr Profilbild hinzufügen. Um dies zu tun, können wir einfach den Kreis hier hinzufügen. Klicken Sie auf dieses Ellipsenwerkzeug und lassen Sie es zyklen. Wie lässt man es kreisen? Wie kann man sicherstellen, dass es Sokoloff nicht ist? Am einfachsten müssen Sie die gleiche Höhe und das gleiche Weiß definieren. Sie können sehen, warum die beiden W4 und die härtesten 337, es bedeutet, dass es nicht richtig Kreis ist. Ich ändere es in TI W4. Jetzt hat es jetzt die gleiche Größe, Höhe und Weiß. Es ist eingekreist. Jetzt kann ich die E-Mails einfach hier hinzufügen. Also habe ich hier ein paar Bilder heruntergeladen , damit du irgendwelche Bilder hinzufügen kannst. Also habe ich gerade unser EMS heruntergeladen. Ich füge diese Bilder hier hinzu. Erica, wir haben in diesen Bildern hier. Wenn Sie möchten, können Sie einfach hier einen Rahmen hinzufügen. Wir haben bereits Wasser wenn Sie es nicht brauchen, wir können es entfernen. Und wenn ich dann diesen Rahmen verrutsche und dann kannst du die Höhe ändern, die Größe des Rahmens und dann die Farbe ändern. Dieser, ändere die Farbe dieses Randes in Weiß, damit wir sehen können, jetzt sieht es ziemlich gut aus und ich kann etwas mehr Größe vergrößern. Man kann vielleicht fünf sagen, vielleicht mehr als das. Sieben. Es sieht gut aus. Wenn ich es jetzt führe, können wir diese Dinge hier sehen. Wir können diese Dinge hier sehen. Perfekt. Ich füge nur ein Bild hinzu. Nur zum Beispiel, wenn Sie möchten, können Sie alle E-Mails ändern. Lass mich nachsehen, ob ich noch andere Bilder habe. Nein, ich habe bisher kein anderes Bild. Ich behalte das vorerst hier. Und wir werden es später ändern, wenn es erforderlich ist. Ich denke, es ist in Ordnung. Überhaupt kein Problem. Und jetzt müssen wir den Namen hinzufügen. Wir können den Namen und eine kleine Beschreibung hinzufügen. Also klicke ich auf dieses Text-Tool und kann hinzufügen, wir können sagen, der Name ist, ich kann hinzufügen. Was kann ich hinzufügen? Ich kann einen beliebigen Namen hinzufügen. Ich kann John Doe sagen, nur für ein Beispiel. Hier kann ich nochmal definieren. Lassen Sie mich zunächst die Tick-Größe dieses Textes ändern. Also das ist statt 25, ich werde Partei Fünf auswählen. Mehr als das, vielleicht 45. Und hier können wir hier ein bisschen Verteidigung der Farmgröße hinzufügen . Lass mich was probieren. Es gibt also viele Größen der Daten, mehrere Schriften, Familiennamen, Sie können eine davon auswählen. Wir können hinzufügen. Wir können diesen hinzufügen, und danach müssen wir einen weiteren Text haben. Hier. Wir können diesen erhöhen, und hier können wir hinzufügen. Und hier drüben können wir unsere kleinen Informationen hinzufügen, vielleicht den Parson, die diese Portfolio-Website über seine professionellen, Sie können sagen UI, UX-Designer. Dann hat er vielleicht mehr als einen Beruf. Dann können wir sagen, es tut mir leid, wir Kapital abzüglich Aktien hinzufügen müssen. Bundesland. Für diese Schriftgröße kann ich eine kleinere Größe hinzufügen, vielleicht 35. Jetzt lass es mich laufen lassen. John Doe, UX, UX-Designer und minus Aktien. Wir können einfach, wir müssen diese 1 zuerst auswählen. Wir können es hier etwas näher an John Doe anpassen , dem Namen. Und statt dieses Cat5 denke ich, dass ich es 25 machen kann, dann wird es besser aussehen. Auf diese Weise. Los geht's. Hier drüben können wir wieder ein bisschen Design haben. Und wie können wir hier ein bisschen Design hinzufügen? Also klicke ich darauf. Ich füge hinzu, ich nehme die Hälfte dieser Ellipse-Tools. Klicken Sie auf diese Ellipsenwerkzeuge, dann kann ich einfach ein paar Schaltkreise zeichnen. Sagen wir 15 mal 15 Höhe und y ist 1515. Und wie es aussieht, sieht es gut aus. Jetzt kann ich die Farbe ändern, die Farbe ändern. Los geht's. Wir haben diese Option. Dann können wir einfach den Abstand zwischen diesen beiden minimieren und duplizieren. Wir können dieses Team machen. Wenn ich jetzt nach draußen klicke, haben wir diese 12. Okay, jetzt können wir hier noch eine Sache machen. In erster Linie müssen wir die Gruppierung aufheben. Dann drücke ich Befehl D, um es zu gruppieren. Um es wachsen zu lassen. Wir haben gerade das ganze Ding verknüpft und dann kannst du Befehl G drücken . Jetzt sollte es hier sein , wir können sehen, dass dies die Gruppe ist und stattdessen diese Gruppe, wir haben den Salon und wir können den Namen ändern. Wir können Design-Ellipse sagen. Darin haben wir das. Wir haben all diese Ellipse. Sie können sehen, dass wir diesen Betrag haben, diese Nummer eins. Und wenn Sie einen behindern möchten, können Sie dies tun, indem Sie auf klicken. Sie können sehen, dass Sie diesen sperren können , indem Sie auf diesen Log-Button klicken. Dann wird es nirgends entfernen. Es wird hier bleiben. Es tut mir leid, das hat es nicht. Ich muss Command Z drücken, weil das Anonym, okay. Wenn Sie es sperren , geht es nicht unter. Sie können es nicht entfernen. Sie können es nicht von hier aus verschieben. Ich schalte es hier frei. Und wenn Sie es dann etwas einfacher verwenden möchten, können Sie auf diesen klicken. Und dieser Gegenstand ist null deaktiviert. Also können wir nicht rückgängig machen, du kannst es dieses hinzufügen, dann hast du diesen hier. Ich schaffe es so. Und dann kann ich es hier joggen. Oder vielleicht hier. Wir haben diese Option hier. Okay, jetzt haben wir dieses Design. Wenn ich es jetzt führe, denke ich, dass es ziemlich gut aussieht. Überhaupt kein Problem. Hier ist alles in Ordnung. Und lass mich ein bisschen Schatten hinzufügen. Wenn ich also auf diese Ellipse klicke und hier haben wir eine Option hinzuzufügen, um diesen Schatten hinzuzufügen, weil für diesen nicht hinzugefügt wird. Es tut mir leid, wir müssen auswählen, wir müssen nur diese Ellipse auswählen. Hier. Wir können das hinzufügen, tut mir leid. Für jeden Gegenstand können wir hier einen Schatten hinzufügen. Ich denke, dass hier kein Schatten hinzugefügt werden muss, da sie hier nicht sichtbar sein wollten, da die Größe sehr klein ist und wir so viele Ellipsenwerkzeuge hinzugefügt haben. Ich entferne es hier. Was auch immer wir haben, es ist okay. Und das ist für diesen Teil. Und im nächsten Teil werden wir anfangen, für unseren nächsten Teil zu arbeiten , der hier erscheinen wird. Wir sehen uns also in der nächsten Vorlesung. Tschüss. 4. Beruf als Beruf gestalten: Willkommen wieder einmal zurück. In diesem Teil werden wir beginnen, unseren Bereich „Karriereobjekte“ in unser Projekt einzufügen . Aber vorher wollte ich es nur ein paar Änderungen vornehmen. Also möchte ich die MS ändern Anstelle des Semesters füge ich hier direkt andere Bilder hinzu. Sie können einfach den vorherigen entfernen und dann diesen hinzufügen oder einfach hierher ziehen. Es ist nur ein normaler Emus. Nichts Neuigkeiten. Ich wollte es einfach nur riskieren. Jetzt sieht es so aus, als wäre es das EMS. Hier ist alles in Ordnung. Ich hoffe also, dass es dir nicht schwer fällt. Was ich getan habe, ziehe ich einfach einen neuen Miss in diesen Kreis. Alternativ können Sie einfach das Ganze löschen , das ganze Bild. Dann kannst du es hinzufügen. Es wird auf diese Weise ersetzen. Und wir haben die Höhe und sehen genau das Gleiche an. Wenn wir uns diese Zeichenflächen-Hintergrundfarbe ansehen, sieht sie sehr weiß aus. Also wollte ich ein bisschen andere Farbe haben. Ich ändere das in die Farbe des Typs. Vielleicht in dieser Farbe. Sie können Ihre eigene Rasterfarbe hinzufügen. Und wenn wir es jetzt ausführen, kann ich diese Farbe sehen. Jetzt sieht es ziemlich gut aus, überhaupt kein Problem. Eine andere Sache ist , dass ich dieses Kunstbrett schnell auswählen muss, und dann haben wir diese Layoutoption hier. Wir müssen darauf klicken. Wenn wir darauf klicken, werden wir in der Lage sein , diese Art seiner Welt zu sehen wir diese Kolumne haben und wir haben dieses RO-System hier. Sie können sehen, dass dieses Festplattenlayoutsystem uns helfen wird, unseren Artikel hinzuzufügen , damit wir von beiden Seiten die gleiche Höhe und Breite haben können . Sie können sehen, dass wir die Spaltennummer 12 haben. Wenn du willst, kannst du es einfach auf 15 ändern. Es ist deine Entscheidung. Sie können das Weiß und das Verstecken auf der Rinne und Spalte auch breit machen , Säulenhöhe und so viele Dinge, die Sie einfach verwenden können. Es war 12, ich behalte es mit 12. Und jetzt können wir von hier aus diese einfach anpassen, damit wir unsere Bewerbung von dieser auf diese stellen werden. Welchen Gegenstand wir auch erstellen werden, wir fangen von hier bis hier an, dass wir den gleichen Abstand von links und von der rechten Seite haben können . Es wird uns auch helfen, unseren Artikel zu entwerfen. Lassen Sie mich Ihnen jetzt zeigen, dass wir unser Karriereobjekt angemessen hinzufügen oder widersprechen müssen . Wir können fasten. Ich füge hier ein Bild hinzu, ich wähle dieses Ding von hier aus und vielleicht von hier aus diesen vier Spalten und mache dann diesen Betrag. Jetzt kann ich diese Bilder hier hinzufügen. Dies sind die Halbmythen , die wir hier haben. Hier drüben werden wir ein bisschen Platz bekommen, und von hier aus fügen wir unseren Abschnitt „Trägerobjekte“ hinzu. Also nehme ich wieder die Hälfte dieses Rechteckwerkzeugs. Und von hier aus können Sie sehen, dass es uns viele Möglichkeiten gibt, von hier aus zu dieser Spalte zu dieser Größe hinzuzufügen . Ich komme zu diesem hier. Auf diese Weise können wir Obdachlose verstecken und weiß definieren. Wir leben von beiden Seiten, von links und von großer Größe. Dies ist also der beste Weg, und wir haben diese Option hier. Jetzt werde ich einen Zufall haben, okay, also jetzt ist die Sache , wenn wir hier ein bisschen Grenzradius haben müssen , also kann ich das tun, indem ich diesen hier auf diese Weise hinzufüge, ein bisschen davon. Und dann können wir diese Schatten hinzufügen. Ich klicke auf diesen Schatten und vielleicht kann ich Hardy um 30 hinzufügen. Los geht's. Wir haben diesen Schatten, also werden wir ihn reparieren. Lass es mich laufen lassen. Wie sieht es jetzt aus. Wir können sehen, dass es so aussieht. Eine andere Sache ist, dass Sie von der rechten Seite sehen können , dass wir den gleichen Platz haben. Von dieser Seite hatten wir den gleichen Platz, wenn wir das Layout nicht verwendet hätten, und es wird für uns sehr schwer zu verstehen sein. Obdachlosigkeit geht grundsätzlich von linksseitigen Obdachlosen ab , die von der rechten Seite leben. Es gibt einen Grund, warum wir diese verwenden, dieses Layout auswählen und dann können wir es tun. Wir brauchen nicht, dass diese verspätete Vitalität innerhalb von 20 mal 20 genug ist. Jetzt müssen wir das nicht mehr. Jetzt können wir zur vorherigen Option wechseln. Also klicke ich drauf. Ich klicke drauf. Und dann werde ich die Auswahl dieser Ebene aufheben. Jetzt haben wir diese Option. Wenn wir es wieder brauchen, werden wir es tun. Und jetzt müssen wir hier hinzufügen, wir müssen unseren Text hinzufügen. Also hier schnell, müssen Sie kein Trägerobjekt schreiben. Ich klicke drauf. Ich kann hier hinzufügen. Ich kann sagen, die Sache ist, dass es aussieht, wir können es sehen, weil die Farbe hier weiß ist. Also müssen wir es auf Schwarz schreiben. Und dann denke ich, dass wir mich hier etwas tippen lassen können. Dann kann ich die Farbe auf Schwarz ändern. Sie müssen die Farbe auf Schwarz ändern. Jetzt können wir sehen, jetzt müssen wir hier schreiben. Irgendwo hier, wenn du es schreiben kannst. Gettier-Objekt. Hier haben wir diese Optionen für Trägerobjekte. Und ich denke, ich kann die Schriftgröße auf 30 ändern. Und wir können ein bisschen verschiedene Schriftfamilie hinzufügen. Vielleicht diese Optionen oder vielleicht die bessere. Ich weiß nicht genau, was besser ist, aber wir können Saft machen. Sie können vielleicht dieses auswählen, kein großes Problem. Und eine andere Sache ist, dass ich die Grenze entfernt habe. Nein, ich habe das Wasser noch nicht entfernt. Also gehe ich zu dir, dass du das Slip-Tool hinzufügen musst . Wählen Sie also dieses Trägerobjekt aus und entfernen Sie von hier den Rahmen. Wir brauchen hier kein Board. Okay, danach können wir ein bisschen Text hinzufügen, um Text zu bearbeiten. Hier können wir einfach Laura Volltext hinzufügen, etwas Dummy-Text von Loren Ipsum. Sie können beliebige Texte verwenden, was immer Sie wollen. Aber für mich verwende ich nur einen Dummy-Text. Ich kopiere diesen Text und füge ihn hier ein. Wenn Sie dies tun, müssen Sie zuerst das Text-Werkzeug auswählen und dann den Textbereich auswählen . Wie lautet der Text? Es tut mir leid, wir müssen das auswählen. Die Sache ist, dass wir uns diesen Bereich hier ansehen müssen . Weise können wir dieses kleine auswählen. Wir können diesen Textbereich in dieser Größe schieben. Stattdessen müssen wir diesen Text so einfügen, dass er nur in diesem Textbereich erscheint. Und jetzt werden wir die Schriftgröße definitiv auf 20 ändern. Okay, wir machen es jetzt. Ich denke, es ist besser. Wir werden es sowieso beheben, überhaupt kein Problem. Jetzt lass mich zeigen. Okay, also haben wir diese Abfrageobjekte, also können wir dieses Layout erneut in Anspruch nehmen , um dieses Thema anzupassen. Wir können auf diesen klicken und wir haben diese Option. Sie können sehen, dass wir jetzt eine Sache tun können. Ja, das haben wir. Perfekt. Und in der gleichen Größe aus dieser Linie können wir unser Trägerobjekt hier genau auf diese Weise hinzufügen. Wenn ich und wir das hier einfach können. Und wenn ich, Ryan esse, sollten wir in der Lage sein, unsere Pflege zu sehen. Sie können sehen, dass wir jetzt haben, die die Studie von der gleichen Größe, von vorne aus dem gleichen Raum nimmt . Wir haben das hier. Los geht's. Und jetzt haben wir diese Notiz hier. Wir werden noch ein paar Dinge hinzufügen. Jetzt brauchen wir diese Layoutoption nicht mehr. Ich werde das Ding durchbocken. Schon wieder. Ich werde dieses Layout entfernen, das von hier ausgeschlossen ist. Wir werden hier ein paar Scheckbücher hinzufügen. Wir werden hier ein Symbol haben, dann haben wir ein Textsymbol und einen Text, das bedeutet, dass welche Art von Pflegeobjekt Ihr Haar verwendet. Also wird er ein bisschen Beschreibung schreiben dann eine Punktmarke hier. Also werden wir es an der nächsten Stelle machen. Und ich werde dieses Video gleich hier beenden. Scheint die nächste Vorlesung. Tschüss. 5. Career und Verwendung von Plugin: Willkommen wieder einmal zurück. In diesem Teil werden wir unseren Abschnitt zum Trägerobjekt vervollständigen. Um dies zu tun, müssen wir unseren Kreis hier hinzufügen. Dann fügen wir Text, Kreis und Texte hinzu. Wie kann man das dafür machen? Wir müssen es haben. Wir können schnell zucken Ditech-Halbobjekte , Ellipse-Tools hinzufügen. Sie können diese Zeile hier von hier aus sehen . Ich glaube, wir können anfangen. Dann kann ich hier einen Kreis hinzufügen. Stellen Sie sicher, dass der Zyklus nicht bereits 5150 gesendet hatte. Ich hab White nicht gemacht. Es ist ein größeres Schreiben, lass es mich laufen lassen. Es ist ziemlich größer. Ich kann mit 40 mal 40. Also Chance, hier weiß 40 um 40 gehärtet zu werden. Und dann werden wir haben, müssen wir Stil und Hintergrundfarbe dieses ändern . Wir können so etwas ändern. Offensichtlich brauchen wir hier keine Grenze. Rot. Jetzt können wir unser Icon hier hinzufügen. Wie ich Ihnen gesagt habe, dass ich dieses Symbol für das Plugin installiert habe, können Sie dieses Ding einfach von dieser Plug-In-Option installieren , können wir in diesem unentdeckten einheimischen Galileo sagen unentdeckten einheimischen Galileo wegen des ersten Reifens werden wir es dieses Mal sehen können. Sie müssen nur auf diese Plug-In-Option klicken und dann können Sie sie einfach hier durchsuchen, dass Sie so viele Plug-Ins durchsuchen können. Hier haben Sie die Möglichkeit , Ihr Plugin zu verwalten. kann sehen, dass ich ein paar Plug-Ins installiert habe , damit ich weiterleiten kann. Sie können es einfach hier installieren. Und Sie werden auch hier andere Möglichkeiten haben. Jetzt gehe ich auf die Suche. Sie können also sagen, dass der Iconname fertig ist. Sie können sehen, ob ich auf Fertig klicke, dann sehe ich dieses Down-Symbol. Dies ist ausgewählt. Und wenn ich hier klicke und es sollte irgendwo hin sein, um es zu verdrängen, und tut mir leid, es sollte nicht da sein. Okay, also müssen wir dieses Symbol hier hinzufügen und wir können dieses wenig schwer zu schlitzen auswählen, wenn wir von hier aus ein Symbol auswählen. Weil ich dieses Icon auswähle, stelle ich es hier hin. Wenn wir es jetzt ausführen, schauen wir mal, was wir sagen können. Wir können sehen, dass das gut aussieht, nicht schlecht. Okay? Jetzt haben wir das hier. Wir können einfach was können wir tun? Wir können es Komponenten ausstellen, damit wir es immer wieder verwenden können, wann immer es beendet werden soll. Um dies zu tun, haben wir dieses Symbol und wir haben diese Ellipse. Diese Ellipse für dieses Symbol. Und die Illustration ist Eliten-Diskontinuität C-Schleifen. Also können wir diese zu schnell haben. Wir können sie zu einer Gruppe machen. Wir können es, wir können es nennen. Wir können nennen, dass es ikonisch, intim und unten Ikone gemacht ist. Nennen Sie einfach ein Beispiel und dann ist es jetzt Gruppe. Und lasst uns es zu einer Komponente machen. Wenn wir einen Brief brauchten, können wir ihn wiederverwenden. Rechtsklicken Sie also und klicken Sie auf Komponente erstellen. Und es sollte erscheinen. Es sollte hier erscheinen, Sie können sehen, dass dies die Komponente ist. Wenn ich will, kann ich das einfach hier hinzufügen. Das ist also das Schöne an Komponenten. Also müssen wir es nicht von dort ziehen. Jetzt müssen wir hinzufügen, wir müssen hier einen Text hinzufügen, damit wir hier Text bearbeiten können. Wir können sagen, welche Art von Objekt wir haben. Wir können sagen, dass wir hier einfach einen Text aus diesem Loren ipsum kopieren können hier einfach einen Text aus diesem Loren ipsum kopieren , genauso wie einen Dummy-Text. Weil sie keine Ahnung davon haben, was genau hier ist. Wenn Sie also Ihr eigenes reales Projekt entwerfen, schreiben Sie natürlich Ihr echtes Objekt und wir müssen es in dieser Größe anpassen, 5959. Es sieht perfekt aus. Jetzt lass mich dir Container und Down-Symbol sagen. Und jetzt können wir beide auswählen. Dann mach sie zu einer Gruppe. Und wir können Hilfe dieses wiederholten Schaffens in Anspruch nehmen. Und dann können wir es noch ein paar Mal duplizieren. K, Perfekt. Los geht's. Jetzt lass mich sehen, wie es aussieht. Es sieht ziemlich gut aus, aber wir können hier einen anderen Text hinzufügen. Um dies zu tun. Wir können von hier aus verschiedene Texte kopieren, diesen Text, und dann können wir noch weitere Texte hinzufügen. Von hier aus. Wir können diesen Text hier hinzufügen. Ich habe denselben Text kopiert, glaube ich, weil wir diesen bereits benutzt haben. Lass mich das andere überprüfen. Wir haben diese Option hier. Im Rest des Teils können wir also so gehen. Ich muss nur dieses auswählen und wir können es hier komplett einfügen . Und wir haben dieses Ding. Wir müssen noch ein paar ändern, weil es gut aussehen wird, wenn wir unseren anderen Text hier haben . Dieses Ding und noch zwei, wir können dieses Ding einfach von hier aus hinzufügen. Es war beliebt. Wir können diesen auswählen. Es hat noch ein paar Texte. Ich entferne das Ding hier. Jetzt sieht es ziemlich gut aus. Bis hier ist alles in Ordnung. Also haben wir diese Option hier drüben, und das sind unsere Trägerobjekte. Wir haben die gleiche Höhe und Breite von beiden Seiten ausgeführt . Und im nächsten Teil werden wir anfangen, an unserer Bildungsabteilung zu arbeiten. Okay, jetzt höre ich dieses Video genau hier auf. Wir werden mit der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. Tschüss. 6. Design: Willkommen wieder einmal zurück. In unserem vorherigen Teil haben wir unser Karriere-Objekt sechs in diesem Teil fertiggestellt . Wir werden anfangen, einen weiteren Abschnitt hinzuzufügen , der unser Bewässerungsbereich sein wird. Um dies zu tun, aktiviere ich in erster Linie die Layoutansicht. Also wähle ich dieses aus und klicke dann auf dieses Layout, damit wir diese Layoutansicht sehen können. Von dieser Seite auf diese Seite. Ich füge eine weitere Zeichenfläche hinzu, ein weiteres Rechteck hier. Klicken Sie also auf dieses Rechteckwerkzeug. Und hier drüben denke ich hier kann ich unser neues Rechteck zeichnen, dieses. Okay? In dieser Kolumne zu dieser Kolumne müssen wir tatsächlich etwas größer sein. Ich klicke auf das Auswahlwerkzeug, damit ich diese Höhe dieser Hauptzeichenfläche erhöhen kann . Ich werde die Höhe dieser mittleren Zeichenfläche erhöhen. Los geht's. Ich glaube, ich kann es hier ein bisschen mehr erhöhen. Okay, also haben wir diese Option hier. Und wir können, jetzt können wir uns auch an die normale Ansicht gewöhnen. Und mal sehen, wir können diese Layoutansicht verschieben. Jetzt haben wir diese hier drüben. Wir müssen hier Grenze hinzufügen, sagen wir, fügen Sie Mörtel 20 hinzu. Dann entferne ich dieses Wasser. Wir brauchen diese Grenze nicht. Wir haben also 20 Wasserideen hinzugefügt, aber wir brauchen keine Grenze. Wenn ich hier klicke, siehst du, dass die Tafel der Ideen, die wir für diesen Artikel verwendet haben, 26 ist. Also füge ich dafür auch eins zu sechs hinzu. Jetzt müssen wir hier einen Schatten haben. Also werde ich prüfen, welche Art von Schattenkissen wir dafür gegeben haben. Und es gibt 20 mal 20. Dann füge ich es hinzu, 2020. Das ist es so, dass es für den ganzen Teil sim aussieht. Okay, bis jetzt sieht es gut aus und es ist immer noch, ich werde ein bisschen Höhe hinzufügen und dann ich auf Doppelklick, damit ich nehmen kann, ich kann klicken, doppelklicken, auf diesen Punkt doppelklicken, damit wir hinzufügen können ein bisschen Grund hier. Ich kann das Ding einfach so oder auf diese Weise erledigen. Ich nehme es auf diese Weise. Wenn Sie darauf doppelklicken, können Sie diese Art von Koch bekommen. Sie müssen nur einen Doppelklick machen. Dann werden diese beiden Dinge hier erscheinen und dann einfach eins halten und dann einfach ziehen. Und nach deinem Wunsch kannst du es tun. Und hier sieht man auch, dass das der Hallux hier ändern wird. Das x quadrierte wenn y-Wert, Sie können es auch tauchen, aber hier ist es viel einfacher, es zu verwenden. Hier müssen wir hier einen Titel hinzufügen. Der Titel wird also Bildung lauten. Also werde ich wieder die Layoutansicht sehen. Und dann kann ich den Text hinzufügen, einen Text hier. Ich kann es von hier aus anfangen. Ich kann es einfach von hier aus anfangen. Ich denke, es wird hier drüben das Zentrum sein. Und ich kann hier sagen, dass ich Bildung hinzufügen kann. Und offensichtlich müssen wir die Größe dieses ändern , damit ich sie auf 50 ändern kann. Wir brauchen hier eine größere Größe und ich schaffe es hier. Ich denke ein bisschen. Okay, lass es mich laufen lassen , damit ich sehen kann, wie es genau aussieht. Dies ist unser webbasiert und ich denke, es ist okay, es sieht gut aus, aber es ist immer noch, wir können unsere Schriftfamilie in einer anderen Schriftfamilie ein wenig ändern . Nicht in diesem hier. Wir können diesen auswählen und ich füge eine Zeile unter dieser Zuteilung hinzu. Also ziehe ich hier und hier eine Grenze. Und dann müssen wir die Größe der Grenze ändern , da die Linie eine Grenze ist. Also ändere ich es auf drei. Ich denke, es wird einfach gut, wenn ich hier fünf hinzufüge. Und es ist okay Jetzt das Zentrum. Und jetzt werde ich die Farbe dieser Grenze ändern. Das kann ich wählen. Es ist also okay, und jetzt werde ich diese Layoutansicht ändern. Das hier. Los geht's. Wir haben diese Ausbildung und wir können dies hier unterstrichen sehen. Hier ist alles in Ordnung. Jetzt müssen wir hier zwei Dinge hinzufügen. Einer ist vielleicht unser Universitätsabschluss und der andere ist unser Hochschulabschluss. Wir können hier hinzufügen. Um dies zu tun, füge ich hier sofort hinzu, dass wir eine Zeile hinzufügen müssen. Dafür können wir dieses Layout wieder in Anspruch nehmen , damit wir die Mitte sehen können. Also haben wir das. Vier, und hier haben wir 12, wir haben vier, dann 4810. Also können wir es von diesen vier und diesen beiden und dieser Kraft nehmen . So können wir unsere Linie in der Mitte geben. Wir haben fünf mal fünf. Im Medial können wir diese Zeile hinzufügen. Sie können also von hier aus sehen, in der Mitte sehen, dass dies die Mitte dieses ist. Wir können hier in der Mitte eine Linie ziehen. Okay, also kann ich das jetzt anpassen. Jetzt denke ich, dass es in der Mitte ist. Jetzt ändere ich die Größe dieses Wassers auf zwei. Und hier können Sie sehen, dass diese Ablehnung der Armaturenbrettoption bedeutet, dass sie uns eine Schreibtischgrenze geben wird. Sie können sehen, dass wir dieses Dashboard unbekannt haben. Und dann ändere ich die Farbe von diesem. Ich kann jede Farbe ändern. Sagen wir diese Farbe. Im Moment können wir hier in der Bildung einen Titel dieser beiden Punkte hinzufügen . Auf der linken Seite haben wir unseren Hochschulabschluss. Und wir können hier sagen, nenne das unseren Schulabschluss. Also wähle ich dieses Textwerkzeug hier und schreibe es hier. Wir können sagen, Universitätsabschluss. Eine Sache ist hier bemerkbar , dass, wenn Sie die Formularseite nicht ändern, immer die Größe der vorherigen, vorherigen Angriffe annehmen wird . Also haben wir 50 für diese Ausbildung verwendet. Ihre Website zu nehmen, nimmt immer noch die gleiche Größe an, also müssen wir sie riskieren. Statt 50 sage ich also 3030. Und hier in der Mitte denke ich, dass ich diesen Universitätsabschluss hinzufügen kann und ich werde ein Duplikat machen. Drücken Sie also Befehl D und ich schaffe es hier. Auch. Sie können sehen, dass zweihundertfünfhundert, einhundertfünf der gleiche Raum ist wir von beiden Seiten nehmen. Und ich sage, dass es hier cool ist und rufe diese Schule an. Und danach können wir einfach Zeilen hinzufügen. Also was ich tun werde, ich werde das einfach duplizieren weil wir das schon hier haben. Und dann lege ich es hier hin mache dann noch eine Kopie. Also Befehl D, und wenn du willst, kannst du einfach einen anderen auswählen. Und wenn Sie es so halten, können Sie sehen, dass die Linie in derselben Zeile in derselben Zeile kommt . Jetzt sieht es gut aus, überhaupt kein Problem. Alles ist in Ordnung. Und hier müssen wir den Universitätsnamen und in Widrigkeiten den Namen und das Fach schreiben in Widrigkeiten den Namen und und das Jahr vielleicht, was kann ich hier tun? Sie können sich daran erinnern, dass wir eine Komponente dieses Symbols getroffen haben , unten Symbole. Ich ziehe das hier her. Wir werden diesen benutzen. Also ziehe ich es hierher. Hier haben wir, wir können einfach eins schreiben. Wir können einfach schreiben oder einfach in einen Text schreiben, oder wir zeichnen einfach Rechtecke. Also zeichne ich hier ein Rechteck, und dann schreibe ich es hier auf diese Weise. In Ordnung? Ich ziehe das hier mitten in dieser Box rüber . Und hier schreiben wir den Namen der Universität, den Namen der Universität und das Fach und das Jahr. Ich schreibe hier ein Beispiel. Und sagen wir mal, ich sage es hier. Ich kann es hier sagen, Oxford University. Nur für ein Beispiel. Das Thema ist BSC im Software-Engineering. Und dann wird das vergangene Jahr vielleicht hier 2015 bis 2018 sein. Das möchte ich hier hinzufügen. Jetzt können Sie sehen, dass es im selben Format ist, also ist es immer noch, wenn wir wollen, ich denke, wir können es einfach, sie können dieses einfach ein wenig minimieren. Schon wieder. Verringern Sie die Schriftart der Textgröße. Wenn ich es jetzt renne, lass mich annehmen, wie es aussieht. Es sieht ziemlich gut aus hier. Alles ist in Ordnung. Ich erkläre es dir. Die Universität BS im Software-Engineering Jahr 2015 bis 2018 ist in Ordnung. Überhaupt kein Problem. Und jetzt haben wir vielleicht einen Bachelor-Abschluss, dann haben wir vielleicht einen Master-Abschluss. Also mache ich es zu einem Duplikat. Anstatt also ein Duplikat zu machen, was können wir tun? Wir können sie hier einfach zu einer Gruppe machen. Dann ist dies der Text. Und wir haben diese Option. Dann haben wir diese Option. Wir können diese geändert auswählen. Eine Sache ist, dass ich hier einen Text hinzugefügt habe. Wenn Sie möchten, können Sie dreimal auf Häkchen klicken und dann können Sie es tun. Also werde ich all diese Dinge auswählen und es gruppieren. Und ich kann die Gruppe umbenennen. Wir können diesen Bildungsabschluss sagen. Es kann einen beliebigen Namen Ihrer Gruppe geben. Und jetzt klicke ich auf dieses Wiederholungsraster und ich kann es einfach duplizieren lassen. Perfekt. Und jetzt werde ich die Gruppierung aufheben. Und hier können wir MAC sagen, ändern Sie einfach den Text MSC im Software-Engineering. Dann ist vielleicht hier 2019202120192021. Und es geht genauso für dieselben vier. Gleiches gilt auch für den College-Abschluss. Also werde ich benutzen, ich werde es tun, ich kopiere diese Gruppe. Und dann kann ich das hier benutzen. Dies ist die Gruppe, die wir haben, also brauchen wir die gleichen Dinge. Und dann kann ich sie einfach zu einer Gruppe machen. Also kann ich Befehl G und Gruppe zwei sagen. Und ich füge es hier ein. Ich kann einfach duplizieren. Ich schaffe es. Okay, also kann ich es einfach von hier aus machen. Ich werde es dazu bringen, D zu befehlen, weil es eine Gruppe ist Sie sehen können, dass es eine Gruppe wird. Jetzt kann ich dieses Thema einfach hier drüben hinzufügen. Und dann kann ich hier noch einmal Repeat Grid hinzufügen. Und dann kann ich es duplizieren lassen. Jetzt sieht es gleich aus und wir haben die gleiche Größe. Es ist wie in zwei perfekt. Und das können wir sagen. Lassen Sie mich den Text hier ändern. Anstatt einer umgekehrten Stadt können wir sagen, Gelehrte zu bekommen. Dann kann man sagen, dass das Thema vielleicht Wissenschaft ist. Kann sagen, das Jahr ist vielleicht der 12., 2014. Und dafür werde ich den Namen ändern, werde ich den Namen ändern ich dir die unbenannte Schule gebe . Die Zeit vielleicht, und das Subnetz ist vielleicht auch Zeichen. Es gibt den Hintergrund, also spiele ich Schule. Sie können alles in Bezug auf Ihren Namen hinzufügen. Man kann sagen, dass Wissenschaft und das Jahr bis 2012 zweitausend sein wird . Das war's. Wenn ich es jetzt renne, sollte ich es sehen können. Ich habe hier einen Fehler gemacht. Was ist hier passiert? Nein, nein, ist es. Okay. Ich dachte, dass ich das vielleicht entfernt habe. Wenn ich es jetzt renne, sehe ich, dass hier alles in Ordnung ist. Und das ist die Bildung hier. Und wir haben diese Option. Es sieht gut aus, bis jetzt perfekt, ich bin damit zufrieden, aber wir haben hier einige Probleme. Wir müssen es lösen. Wenn ich es nun herausfinde, dann kannst du sehen , dass zu Hause dieser größer ist als der Text. Ich habe es vorhin nicht bemerkt. Also können wir das einfach lösen. Und das ist die Linie. Wir können diesen einfach minimieren. Im Besitz, oder? Wir können diesen einfach minimieren. Weiß ist statt 86, wir können 75, vielleicht 55. Dann können wir einfach ziehen und einfach nur dieses hinzufügen. Wir können es einfach wissen, damit wir diese einfach anpassen können. Ich denke, es ist jetzt okay. Es ist jetzt okay, perfekt. Ich werde dieses Video hier beenden und wir werden mit der nächsten Vorlesung fortfahren. Ich hoffe also, dass Sie verstanden haben, wie man arbeitet wie man solche Dinge mit Adobe XD entwirft. Und im nächsten Teil werden wir hier Berufserfahrung und andere Dinge hinzufügen . Wir sehen uns also in der nächsten Vorlesung. Tschüss. 7. App: Willkommen wieder einmal zurück. In diesem Teil werden wir unseren Projektabschnitt entwerfen. Also werden wir unseren Projektbereich hinzufügen , in dem wir unser Projekt präsentieren können. Um dies zu tun, müssen wir in erster Linie hinzufügen , dass ich die Höhe dieser Hauptzeichenfläche erhöhen werde . Ich werde die Höhe etwas mehr erhöhen. Vielleicht das, weil wir hier noch ein paar Dinge hinzufügen müssen. Und los geht's. Jetzt wähle ich zuerst diese 1 klicke dann auf dieses Layout, damit wir diese Layoutansicht sehen können , die uns hilft , unsere Zeichenfläche und unser Design hinzuzufügen. In erster Linie müssen wir hier unseren Titel hinzufügen, unser Projekt, Projekt sein und dann unterstreichen wird . Also was ich tun werde, klicke ich auf dieses und dieses. Dies und das. Okay, also diese Zeile zwei und diese Ausbildung, ich werde sie zu einer Gruppe machen und ich werde ihnen Titel sagen. Dies ist jetzt eine Gruppe und ich drücke Command D, damit wir es duplizieren und hierher ziehen und jetzt die Zeile anpassen können . Sie können sehen, dass es von dieser Seite für Bildung studiert wird und es gilt auch für diese. Ich kann hier ein bisschen Platz nehmen. Perfekt, jetzt ändere ich den Namen. Statt Bildung wird es hier also Projekte geben. Und hier müssen wir das Unterstrichene anpassen , da der Text ein bisschen ist. Niemand ist wenige. Dann Integration. Jetzt sieht es gut aus, Perfect. Jetzt müssen wir hier Hilfe dieses Rechteck-Tools in Anspruch nehmen. Wir können dieses Ding hier hinzufügen. Wir können diesen von hier nach hier ziehen , weil wir ein paar Projekte hinzufügen werden. Also werde ich versuchen, ein bisschen mehr Platz dafür zu nehmen . Es wird also von dieser Spalte bis zu dieser Spalte gestartet. Und jetzt können wir es aus dem Projekt anpassen. Okay, eine andere Sache ist das, also können wir das ähnliche Design wie dieses hinzufügen. Also doppelklicke ich darauf und dann kann es hier doppelklicken. Sobald es doppelklickt, sollten Sie diese Zeile sehen können . Und dann kannst du diesen einfach zeichnen oder anpassen. Weise können wir einfach dieses hinzufügen. Hier. Eine andere Sache ist , dass wir diese modernen Ideen auch dazu hinzufügen müssen. So schnell, ich denke, dass wir mit diesem Layout-Gewebe fertig sind. Wir brauchen vorerst kein Layout mehr hier zu sehen. Aber wir müssen eine Datei hochladen, dann werden wir es erneut tun. Also werde ich diesen entfernen, ich klicke darauf entferne dann diesen. Und jetzt haben wir diese Projekte, diese Projekte hier müssen wir Grenze hinzufügen. Ich entferne diese Grenze hier. Und ich denke, wir müssen den Schatten schnell hinzufügen. Fügen Sie also Schatten 20 mal 20 hinzu. Los geht's. Wir haben diese 20 mal 20. Jetzt haben wir nicht, lass mich sie machen. Machen Sie es schnell rückgängig. Klicken Sie jetzt drauf. Wenn ich hier auf diesen Text klicke, sollte er von hier verschoben werden. Ich werde das Häkchen zuerst aufheben. Und wenn ich dann darauf klicke, zeichne ich es noch einmal. Ich weiß nicht, warum diese Grenze von Sean hier nicht angezeigt wird. Es sollte sich hier zeigen. Also wo ist das? Okay, also hat es an Ort und Stelle gezählt. Es gibt keinen Grund, warum es nicht angezeigt wird. Ich entferne zuerst von dieser 1 und passe dieses Längengrad-Raster hier an. Ich denke, anstatt das direkt zu machen, habe ich diese 1 zuerst hinzugefügt. Also lasst es uns noch einmal versuchen. Jetzt. Ich glaube, ich sehe diese Grenzoption hier. Und gleichzeitig können wir diese Option einfach haben. Ich wähle diesen aus, dann füge ich zuerst diese 1 hinzu. Und dann können Sie hier den Rahmen auf 26 ändern und dann darauf klicken, dann hier doppelklicken, Stuart, und dann machen. Ein bisschen Sachen designen hier. Perfekt. Jetzt können wir dieses Layout einfach verschieben. Wir müssen diese hier abwerfen lassen. Wir können diesen Schatten hinzufügen. Shadow ist 20 bis 2020 von x und von y Seite. Okay, also perfekt ist jetzt immer noch, dass wir diese Grenze sehen können, aber wir brauchen diese Grenze nicht hier. Also werde ich diese Grenze von hier entfernen. Perfekt, jetzt sieht es ziemlich gut aus. Jetzt müssen wir unser hier hinzufügen, wir müssen unsere Grenze erneut hinzufügen. Ich nehme dieses Rechteckwerkzeug hier. Also hier werden wir unser Projekt hinzufügen. Also haben wir einen Titel, die Beschreibung und dann zwei Schaltflächen. Dafür füge ich hier nur zu dieser Seite hinzu. Von hier nach hier. Ich werde noch ein anderes haben, wir werden hier noch ein Rechteck haben. Und dieses Rechteck wird für die E-Mails bestimmt sein. Und wir müssen diesen mit der Größe anpassen. Und in diesem Rechteck fügen wir unsere E-Mails hinzu. Und hier haben wir unseren Titel und die Beschreibung, und wir werden zwei Buttons haben. Um dies zu tun. Ich habe schon ein paar Bilder heruntergeladen. Also benutze ich diese Bilder zuerst. Also ziehe ich dieses Bild direkt hierher. Sie können sehen, dass es sich automatisch entsprechend dem Rechteck anpassen wird. Es gibt Studien , als ich dieses Rechteck oben auf diesem Rechteck erstellt habe, und ich kann es hier einfach vergrößern oder verringern. Dies führt dazu, dass es in Ordnung ist. Und jetzt können wir unseren Titel und unsere Beschreibung hinzufügen. Um dies zu tun. Wir können, für das wir Gesundheit nehmen müssen, für dieses Texttool hier. Lassen Sie mich hier doppelklicken und das Layout hinzufügen , damit wir sehen können , wo wir unseren Titel hinzufügen können. Wir können diesen Titel von hier aus hinzufügen, oder wir können diesen ein bisschen hier anpassen. Wir können es von hier aus hinzufügen und von hier aus fügen wir unseren Text hinzu. Wir können hier einen Text hinzufügen, das Zentrum. Und das wird der Titel unseres Textes sein. Wir können einen Text aus unserem Loren Ipsum kopieren. Ich kann sagen, du kannst das hinzufügen. Kann das hier hinzufügen. Wir können einige gegen ihn hinzufügen, um diese Zeile von hier aus zu kopieren, Sie können an jeden Text kommen, einfach ein Beispiel nennen, ich benutze diese. Und Sie können alternativ auch eine Art Plug-In für den Text verwenden. Der erste Grund, warum es hier nicht angezeigt wird. Lassen Sie mich glauben, dass es immer noch nicht funktioniert hat. Ich muss es zuerst kopieren. Dann kann ich das hier hinzufügen. Das ist also unser Textwerkzeug ausgewählt. Hier kann ich es. Das wusste es nicht. Los geht's. Die Sache ist der 12 Standard, um die Schriftgröße zu installieren, weil sie 50 ist, also sollte es 20 sein, etwas größer. Ich denke, 25 wäre nett. Los geht's. Also können wir unseren Text hier hinzufügen. Und alternativ können wir es mir überprüfen, wie es aussieht, wie die Größe aussehen wird. Dafür. Es sieht gut aus, ist in Ordnung. Unpolares Metall Dies wird in der Lage sein zu titeln und wir müssen unsere Beschreibung hinzufügen, um hier eine Beschreibung hinzuzufügen Was können wir hier tun? Oder wir klicken auf diese, die nächste, und dann können wir es zeichnen. Das bedeutet, dass wenn ich es auf diese Weise zeichne , den Text in diesem Feld anpassen wird. In diesem Feld kann es nicht hinzugefügt werden. Jetzt verpasse ich die Größe. Es tut mir leid, was ist passiert? Ich klicke zuerst auf diese 1 und schneller, muss den Text hier hinzufügen. Also werde ich es von dieser Seite nach hier ziehen. Dann müssen wir den Text einfügen. Also kopiere ich ein paar Texte von hier. Ich kopiere es und dann kann ich es hier einfügen . Los geht's. Jetzt haben wir diese Option hier. Jetzt können wir einfach so anpassen. Dann können sie es auch damit anpassen, mit diesem Detail, so weiter. Für die Beschreibung sollte es 20 sein. Wir müssen nicht nur die gleiche Größe und das gleiche Gewicht hinzufügen, gleiche Farmgröße für Titel und Beschreibung. Es sieht ziemlich gut aus, überhaupt kein Problem. Nun können wir, eine Sache, die wir hier tun können, wir können sie verringern. Es ist eine Sache, die wir hier entfernen müssen. Wir können Gerechtigkeit einschalten, weil wir keinen Platz mehr für das Detail benötigen. Und eine andere Sache ist, dass wir das EMS als auch dieses anpassen müssen, weil wir nicht viel mehr Platz dafür haben müssen. Auf diese Weise können wir es anpassen. Und hier werden wir zwei Buttons hinzufügen. Also brauchen wir diesen Layout-Brennstoff jetzt nicht mehr. Wir können hier zwei unten hinzufügen. Einer ist für Schönheitstests und andere ist eine schlechte Lebenssicht. Um eine Schaltfläche hinzuzufügen, nehme ich Hilfe zu diesem Rechteckwerkzeug an. Ich klicke darauf. Ich mache hier ein Design. Hier. Dann kann ich für diesen einen kleinen Randradius hinzufügen. Und in diesem kann man unseren Text hinzufügen damit Sie Bu-Details sagen, Details anzeigen und wir ihn in den Mittelpunkt stellen können. Ich denke, wir können die Schriftgröße auch auf 30 erhöhen, und dann kann ich sie in der Mitte anpassen. Und lassen Sie mich den Stil und den Schriftstil ändern. Wir können unsere Abweichung als den Standard für diesen hinzufügen. Vielleicht nicht dieses, vielleicht ein anderes. Das auch nicht. Wir können wählen. Dieser sieht gut aus. Ich glaube, ich sehe diesen ausgewählt aus. Wenn wir es jetzt betreiben, werden wir es hoffentlich sehen können. Also los geht's. Wir können sehen, dass sich das Ding hier zeigt. Ich werde dieses Video hier beenden und wir werden es ab der nächsten Vorlesung fortsetzen. Wir sehen uns im nächsten Mix hier. 8. Projektbereich Komplettes Design: Willkommen wieder einmal zurück. In diesem Teil werden wir unseren Projektbereich abschließen. Wir haben den IS oder Button in unserem vorherigen Teil abgestiegen und diese E-Mail sendet dieses Ding. Aber die Sache ist, dass ich denke, dass die untere Größe ein bisschen Bechersäge ist oder wir können einfach die Formgröße sowie die untere Größe minimieren. Anstatt verspätet, können wir es mit 25 binden. Dann können wir auch ein bisschen anders bei verschiedenen Schriftfamilien ausprobieren . Und bezeichnen Sie diesen. Kleiner, nicht dieser. Das wird damit angepasst. Wir können diese anderen wählen. Können wir diese Ansicht haben, können wir Details sehen, aber sie hat die Chance, ihre Details richtig zu teilen. Aber du kannst das andere definitiv ausprobieren. Und das können wir perfekt haben. Sah. Das hat mir gefallen, die Schriftfamilie. Und dann können wir sehen, es sieht ziemlich gut aus, aber wir können den unteren Syscall anpassen. Wir brauchen keinen größeren. Ich kann es nach dem Text anpassen, den ich denke. Dann können wir es in die Mitte einstellen. Einfach ruhig im Zentrum. Sie können sehen, dass Hardy von Tarde und ordentlich für Biotit es Meißel ist es okay, hier ist eine Art Zentrum. Jetzt. Wir müssen es zu einer Gruppe machen, damit wir es duplizieren können. Bauen Sie also Details und dieses Rechteck Lösungsmittel, Sie werden die Zecken und das Rechteck schieben. Das Highlight werden Sie hier sehen können. Sie können also sehen, ob ich auf Details anzeigen klicke, dann werden einige Details hervorgehoben. Und wenn ich auf dieses Rechteck klicke, wird es der richtige Winkel sein. Für. Eine andere Sache ist, dass Sie bei der Abstimmung eine neue Komponente in der Schaltfläche Neu und einen neuen Text erstellen , diese immer oben angezeigt wird. Es wird also sehr einfach für dich sein zu identifizieren, welche Gruppe du machen musst, okay, also wähle ich diese hier aus. Sie können sehen, dass Board ausgewählt wurde. Jetzt kann ich Command Z drücken. Ich kann sagen mach es, ich kann es umbenennen. Ich kann Button sagen. Los geht's. Klicken Sie nun auf dieses Wiederholungsraster. Dies ist der einfachste Weg, um n zu duplizieren. Hier rufen wir Details anzeigen auf. Und dann werde ich die Gruppierung aufheben n statt dieser Ansichtsdetails. So können wir es einfach sagen, wir können es Live-View sagen. Vielleicht, wenn ein Benutzer sie direkt haben möchte. Und nehmen Sie vorhersehbar die Live-Ansicht dieses Projekts. Wir können „Life Bu“ sagen. Ich denke, wir müssen uns noch einmal darauf einstellen weil wir uns so sehr verändert haben, dass Sie Tordy von Tarde sehen können. Von oben. Es hat Verspätung genommen und dann von unten interessant und Tarde und von beiden Seiten ist 484988 in Ordnung, genau hier gleich. Und wenn ich es jetzt führe, sollten wir unser Design sehen können . Alles klar, es sieht perfekt aus. Und das haben wir gemacht und wir können es wieder, wir können diesen einfach minimieren. Und noch eine Sache, die wir können, wenn Sie möchten, können Sie auch ein wenig Rahmen- oder Wasserradios hinzufügen oder Sie können die Farbe dieses ändern, aber wir können die Farbe des Knopfes ändern. Das ist das , was wir tun können. Jetzt. Also Chance die Hintergrundfarbe dieses Musters. Was ist passiert? Ich habe einen anderen ausgewählt. Okay, lass mich das sehen. Es wird uns hier zeigen. Die Live-Ansicht. Wir müssen die Truhe hinzufügen ist in Ordnung, also müssen wir das Rechteck auswählen. Es wird das Ding hier nicht machen. Wir können schnell eine Hintergrundfarbe dieser Schaltfläche definieren . Und dann zeige ich dir, was genau hier los ist. So können wir es einfach auf diese Weise schaffen. Wir können machen, wir können das Regal hier räumen. Und Sie können sehen, dass jetzt das nächste vernünftig ist. Was machen wir also? Wir können einfach sagen, dass wir jetzt nach vorne bringen. Dann können wir einfach die Farbe des Textes voranbringen. Wir können einfach die Farbe des Textes ändern ist noch, wir können immer noch Text ist hier nicht sichtbar. Wir haben diese Option. Lassen Sie mich jetzt, wenn es zufällig zweimal ist, können wir sehen, dass die Farbe jetzt weiß ist, also ist sie jetzt sichtbar. Wenn ich es jetzt führe, sollten wir dieses Ding sehen können . Okay, also sieht es jetzt ziemlich gut aus. Lebe wenige. Und dann können wir diesen Button behalten. Alkohol, Hintergrund weiß. Überhaupt kein Problem. Jetzt haben wir immer noch einen sehr größeren Platz, sodass wir den Platz einfach verkleinern können. Und dafür können Sie auch sehen, dass die Grenze hier ausgewählt ist. Was kann ich also tun? Ich kann diese Schaltfläche einfach deaktivieren, damit wir keine Grenze für diese E-Mails sehen. Und wenn ich dann langsamer werde, kann ich die Größe dieses Bildes bereits verschieben. Wir haben unseren Projektbereich abgeschlossen und können dieses Projekt jetzt duplizieren. Um ein Duplikat zu erstellen. Was kann ich tun? Wir haben hier ein anderes Problem. Das Unterstrichene ist von diesem Projekt verschwunden. Ich weiß nicht, was der Grund ist. Es ist eigentlich hier. Aber wir können nicht, wir können das nicht sehen. Aber wir können nicht sehen oder es ist nicht da. Lass mich sehen. Lassen Sie mich den Projekttext sehen, wo er positiv ist. Während diese Zeile diese Zeile auswählen müssen, wählen Sie diese Farbe aus , da sie leider sowieso entfernt wurde , jetzt wird sie hier angezeigt. Jetzt haben wir diese wenigen Dinge, um es zu einem Duplikat zu machen. Wie können wir das machen? Wir haben einen Titel und eine Beschreibung zu diesem Ding. Und dieses Ding sind so viele Dinge, die wir schnell haben. Wir haben dieses Rechteck, drei, dann haben wir diesen Text, dann haben wir diesen Text. Oder wir können es einfach vernachlässigen, können wir das alles einfach kopieren, aber manchmal schafft es hier ein Problem. Wie heißt der Hauptname? Wir müssen sie zu einer Gruppe machen, die zu lang ist, dann ist es zu lang. Diese beiden, wir haben diese Zöpfe, dann haben wir das Rechteck. Wir haben dieses Rechteck auch hier. Dann haben wir hier drin. Und für diese Ansicht haben wir diesen Button hier drüben. Ich werde diesen Button und diesen Button auswählen, das nutzt diese Option, und dieses Team und dieses auch. Ich glaube, ich habe all diese ausgewählt, jetzt kann ich es zu einem Duplikat machen. Also habe ich vergessen, das zu sklaven. Wir müssen auch diese Ansichtsdetails auswählen. Jetzt kann ich sie zu einer Gruppe machen. Drücken Sie also Befehl Z und benennen Sie es noch einmal um. Wir können sagen, wir können Projekte sagen. Klicken wir nun auf das Wiederholungsraster , damit wir es einfach duplizieren können. Los geht's, wir können sehen, dass wir all diese Dinge haben und jetzt können wir dieses duplizieren. Es ist okay, und wenn du willst, kannst du auch Änderungen zwischen diesem Raum vornehmen, aber ich denke, das ist im Grunde genommen, es ist okay. Jetzt werde ich die Gruppierung aufheben. Und jetzt können wir die E-Mails einfach von hier aus ändern. Was kann ich anstelle dieser E-Mails tun? Ich kann denken, dass ich dieses Bild von hier entfernen kann. Und anstatt dies zu entfernen, können wir dieses Bild einfach hier ersetzen. Wir haben wieder unsere verschiedenen Einheiten. Wir haben das hier. Ich füge das hier hinzu. Ramus wurde ersetzt. Und von hier aus können wir hinzufügen, du kannst noch eins hinzufügen. Ich habe nur diesen. Ich glaube, ich schaffe das hier. Und ich habe bisher keine anderen Bilder hier. Ich hab keinen anderen. Es ist okay. Wenn ich es jetzt renne, kann ich diese Dinge einfach sehen. Also haben wir dieses Problem behoben, wir haben dieses auch. Und es ist okay, dann haben wir Karriereobjekt. Es ist auch perfekt. Sie können sehen, dass alle Seiten Übereinstimmungen sind, also überhaupt kein Problem. Wir haben also eine Bildungsabteilung, was auch gut ist. Wir haben einen protischen Abschnitt, in dem wir diese Live-Ansicht haben , und die Ansicht Details und die Live-Ansicht Details anzeigen. Sie können also sehen , dass Sie die Größe, Höhe und die Entfernungen in der perfekten Größe sehen können . Es gibt kein Problem damit. Und diese Möglichkeiten haben wir auch hier drüben. Wir haben es jetzt im nächsten Teil gemacht, wir werden es tun, wir werden Demo-Bereich hinzufügen. Und eine andere Sache ist, dass wir Prototyping hinzufügen müssen. Wenn Sie es verwenden, klicken wir auf diese Details anzeigen. Wir werden sie an einen anderen Ort schicken, an dem wir ein paar Details des Projekts hinzufügen werden Möglicherweise veröffentlichen Sie dieses Projekt in diesem Projekt. Sie müssen also ein wenig Beschreibung für das Projekt hinzufügen . Wir werden es machen. Aber jetzt werde ich dieses Video hier beenden und wir werden mit der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. 9. Design von Tech: Willkommen wieder einmal zurück. In diesem Teil werden wir einen weiteren Abschnitt in unserem Portfolioprojekt hinzufügen , der eine technische Fähigkeit sein wird. So können Sie, damit Benutzer seine technischen Fähigkeiten und die Tools zeigen kann, welche Art von Ticket-Fähigkeit er arbeitet. Also dieses Portfolio von Studien basiert auf unserem Entwickler oder einem Parson, der daran gearbeitet hat, der an Web-Dev, Low-Power oder irgendeiner Art von Software-Engineering arbeitet . Es gibt einen Grund, warum ich diese technischen Fähigkeiten oder Tools hinzufüge . Aber wenn Sie auf zwei verschiedene Arten von Zielgruppen abzielen , können Sie verschiedene Arten von Sexualität hinzufügen je nach Beruf verschiedene Arten von Sexualität hinzufügen. Der andere Hauptteil veröffentlicht Sie an T-Zelle. Diese Sache ist, wie man solche Dinge entwirft und wie kann man alle Tools von Adobe XD nutzen? Ich hoffe, dass du es gelernt hast. In erster Linie müssen wir die Höhe dieser Hauptzeichenfläche erhöhen. Doppelklicken Sie also und erhöhen Sie dann die Höhe. Ich füge ein bisschen mehr hinzu. Es wird eine einseitige Anwendung sein. Es gibt einen Grund, warum wir es erhöhen werden. Jetzt doppelklicke ich darauf , damit ich das Layout sehen kann. Wenn Sie also auf die Hauptzeichenfläche doppelklicken, sollten Sie diese Layoutoptionen sehen können. Klicken Sie also auf diese Ebene. Jetzt haben wir diese Ansicht. Jetzt haben wir das, also haben wir zuvor eine Gruppe dieser Ausbildung getroffen. Ich denke, ich werde es zu einem Duplikat machen. Fügen Sie also Befehl D ein, und dann können wir ihn einfach ziehen. Ich kann es einfach an den Grund dieses Projekts ziehen und wir können es anpassen. Hier. Sie haben die gleiche Größe. Sie können an derselben Position sehen. Projekte und dieses werden Fähigkeiten erwerben. Ich kann diesen Text einfach nicht ändern. Ich kann also sagen, dass es Geschicklichkeitsfähigkeiten braucht. Los geht's. Ich denke, wir müssen die Unterstreichung nicht riskieren. Und jetzt füge ich dieses Rechteck hier hinzu. Los geht's. Von hier aus müssen wir ein Rechteck in diese Spalte zeichnen. Und los geht's, wir haben diese Option. Wir können hier ein bisschen mehr Platz hinzufügen, und wenn wir ihn nicht brauchen, können wir ihn ändern. Ich füge den Grenzradius 26 hinzu. Doppelklicken Sie dann und klicken Sie dann darauf. Dann können wir es einfach schaffen. Wir können einfach etwas von diesem Designproblem hinzufügen. Jetzt brauchen wir das nicht mehr zu haben . Sieht in Ordnung aus. Und jetzt können wir diese Grenze entfernen. Wir brauchen diese Grenze überhaupt nicht. Hier. Wir müssen unsere Schatten hinzufügen. Shadow wird 20 mal 20 sein. Hier füge ich ein weiteres Rechteck hinzu , in dem wir unseren Kreis zeigen werden. Ich denke, wir können uns dieses Layout annehmen. Doppelklicken Sie also und klicken Sie auf dieses Layout. Und es beginnt von hier aus, also können wir es von dieser Seite aus starten, von dieser Kolumne. Okay, also werde ich, ich nehme das von hier, diese beiden. Und müssen wir einen weiteren Kreis darüber hinzufügen? Die Schaltung wird zwischen dieser Spalte und dieser Spalte liegen. Wir können es von diesem auf diesen anpassen. Und um es kreisen zu lassen, müssen wir sicherstellen, dass wir die Höhe angeben und Weiß genau gleich ist, 150 mal 150. Sie können sehen, dass der Kreis daraus vom Ende dieser Spalte aus hergestellt wurde und am Ende dieser Spalte abgeschlossen ist. Mitten in diesem. Wir geben diese Schaltung hier und los geht's. Perfekt. Auf diese Weise. Wir können es schaffen und ich denke, es ist okay, und wir können es auch auf diese Weise anpassen. Jetzt müssen wir dieses Layout nicht mehr haben, also werde ich es entfernen. Und jetzt sieht es so aus, wir haben das, den gleichen Raum von dieser Seite zu dieser Seite. Jetzt können wir hier unsere Ticks hinzufügen und hier Text bearbeiten. Also wird der Text sein, wir können sagen, das größte Kind wird statt der größten Fähigkeit sein, man kann vielleicht JavaScript sagen. Javascript wird das sein. Und hier werde ich ändern , dass das nicht dauert. Welche Texte wir für diesen verwendet haben, haben wir Kokosnuss verwendet. Ich werde den gleichen Text derselben Schriftfamilie verwenden, wird eine Co-Ecke sein und diese, perfekt. Jetzt können wir diesen anpassen damit wir diesen größeren Platz hier nicht haben müssen. Wir können diesen einfach minimieren. Wir können den Text auch anpassen und er sollte in der Mitte sein. Du siehst es. Sie können leicht sehen, wir können es in den Mittelpunkt stellen. Sie können es als das von 8076 spezifische D6 sehen. Dies ist das Beste, was wir hier tun können , und jetzt können wir diese anpassen, damit wir es nicht brauchen, ich denke, wir brauchen hier nicht die Grenze, aber wir können diesen Schatten hier hinzufügen. Also Schattenrand, Schatten 20 mal 20. Jetzt wird es beim Schreiben gut aussehen. Ich kann die Grenze auch hinzufügen , damit sie leicht machbar ist. Lass es mich laufen lassen und wie es aussieht. Langsamer braucht Skill wird wie dieses Projekt sein. Nehmen Sie eine Waage, und das heißt JavaScript. Okay, also wird es gut aussehen und wir können At, tun, wir können diesen behalten oder wir können diesen einfach ein bisschen mehr minimieren, dann können wir einfach diesen haben. Perfekt n hier. Wir können einfach Jen stylen. Sie können die Hintergrundfarbe dieser Farbe ändern. Wir können eine andere Farbe für die andere Farbe hinzufügen. Und wir können einen linearen Gradienten hinzufügen. Und dann können wir dieses Thema einfach von hier nach hier anpassen . Dann können wir einfach dieses auf diese Weise hinzufügen. Wir brauchen diese Grenze nicht von hier aus. Jetzt. Es hat die gleiche Höhe und das gleiche Weiß. Es sieht ziemlich gut aus. Wir können die Grenze für JavaScript beibehalten. Wir brauchen hier keine anderen Dinge. Ich kann sagen, nimm alternativ sein Schloss, was kannst du tun? Wir können einfach, Sie können einfach ein Logo hinzufügen oder andere Bilder können auf dem Produkt für das Logo von JavaScript ausgegeben werden. Aber für mich füge ich einfach die Farbe hinzu. Damit wird es in Ordnung sein. Überhaupt kein Problem. Die Sache ist also , dass wir tun müssen, wir müssen sie zu einer Gruppe machen. Also haben wir JavaScript, wir haben dieses Rechteck. Wir haben diesen, dann ist der Weg. Wir haben diesen Teil, also ist er ein Teil geworden. Wir müssen das Ding nicht machen. Dies sind also die drei Dinge, die wir brauchen um eine Gruppe zu bilden. Also drücke ich Command D oder Control und JavaScript. Und dieses Rechteck in diesem Baum wurde ausgewählt, dann mache ich sie zu einer Gruppe. Drücken Sie also Befehl G auf Ihrer Tastatur oder alternativ können Sie mit der rechten Maustaste drücken, und dann können Sie Gruppierung aufheben sagen. Oder wenn Sie in Windows waren, dann können Sie einfach Control Z drücken, ich denke, für den Mac ist Command C. Ich drücke Command G, und es hat jetzt eine Gruppe und ich werde die Gruppe wechseln name2. Wir können Tech-Fähigkeiten sagen. Wir werden sagen, nimm eine Fertigkeit. Jetzt können wir sie leicht duplizieren lassen. Los geht's. Wir können sie einfach duplizieren lassen. Wenn wir also nur ein G hinzufügen wollen, tut es mir leid. Dann müssen wir es neu anordnen. Das hier. Wir können es ein bisschen auf dieser Seite nehmen, und dann können wir diese erfüllen. Wir können auch nur acht von beiden Seiten hinzufügen. Und dann können wir das anmachen, ich denke, ich denke, es ist okay, aber um mehr Bestätigung zu erhalten, können wir einfach auf dieses Layout klicken. Dann können wir es jetzt anpassen. Lassen Sie mich zuerst die Gruppierung aufheben. Es kommt von der Mitte dieses und kommt nicht vom Medialen und das sollte es sein. Es gibt. Das ist es. Okay, ich glaube, es ist im Zentrum. Perfekt. können wir auch eine andere Gruppe erstellen. Ich denke, zwei Gruppen reichen aus je nachdem, ob die Person geschlossen ist. können wir, wir können das einfach machen. Wir können ein bisschen mehr Platz schaffen. Wir können einen Raum zwischen ihnen schaffen. Dann können wir sehen, dass wir diesen Raum von der Seite und die Summe dieser Räume von der Seite haben. Es ist also okay, vollkommen perfekt. Und wenn ich die Gruppierung aufhebe, doppelklicken Sie jetzt auf diese Hauptkunstwand und entfernen Sie diese Layoutansicht. Und los geht's. Wir haben diese Option hier. Also können wir einfach ändern, das dauert zwei. Anstelle von JavaScript können wir diesen Begriff speichern. Wir können Adobe XD sagen. Ich kann Adobe XD sagen. Dann können wir ändern , dass zwei dauert. Wir können ändern, das braucht zwei Schläge. Gs, sag keine Oxygene, ich füge nur etwas Programmiertechnologie hinzu. Ux Design Also kann ich Figma dafür sagen. Dafür. Anstelle von JavaScript sage ich ein React js. Ich reagiere auf JS. Und dafür sage ich , rette Dörfer oder Kerben. Perfekt. Wenn Sie also etwas entwerfen , anstatt dieselben Tags zu zeigen, blieb immer übrig, um einen anderen Text hinzuzufügen. Es sieht ziemlich gut aus, wenn Sie irgendeine Art von Präsentationen halten. Es wird richtig gut aussehen. Jetzt können wir einfach die Hintergrundfarbe jedes einzelnen Elements ändern, da wir die verschiedenen zeigen müssen, damit es gut aussieht. Und statt dieses Dings zeigt es den linearen Gradienten. Nehmen wir einfach zuerst die Vereinigung, also ändere ich sie zuerst in eine andere Farbe , damit wir es schaffen können. Wir können diesen linearen Gradienten einfach hier. Wir können dieses Ding einfach hinzufügen. Okay, für diesen kann ich also r wählen, eine andere andere Farbe. Wenn Sie also einen anderen Farbcode haben, was können Sie also tun? Du kannst es einfach hier einfügen und dann kannst du es benutzen. So schnell mache ich es zu einem einfarbigen Farbverlauf. Dann mache ich das hier, behalte diese Farbe. Dafür wähle ich einen anderen aus. Also entferne das Ding. Und dann kann ich ein lineares hinzufügen ein bisschen dunkel wird. Dafür wähle ich das andere aus , das wir bereits haben. Und dafür machen wir es ein bisschen leichter oder so. Okay, wenn ich es jetzt führe, sollten wir in der Lage sein, unsere Farbe, unsere technischen Fähigkeiten zu sehen. Und los geht's. Wir verfügen über diese Tech-Fähigkeiten. Perfekt. Es sieht ziemlich gut aus, überhaupt kein Problem. Im nächsten Teil werden wir unsere Tools hinzufügen. Es wird das ähnliche Design sein, aber wir werden es sehen, wie es geht. Ich werde dieses Video gleich hier beenden und wir werden mit der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. Tschüss. 10. App Section: Willkommen wieder einmal zurück. In diesem Teil werden wir unseren weiteren Abschnitt entwerfen, der unser Tools-Abschnitt sein wird , um diesen Abschnitt ähnlich wie unser Techniker-Querschnitt zu finden. Also werden wir diese Hintergrundbilder hinzufügen und dann die Tools hinzufügen, vielleicht alle anderen Tools, die ein Entwickler hat. Dafür werde ich zuerst Intervalldatenlayout-Ansicht schnell , damit wir die Spalte einfach sehen können. Das ist also jetzt unsere Layoutansicht. Und dann werde ich es tun, wir haben Meta Group dieser Ausbildung. Ich mache es wieder zu einer Gruppe. Ich drücke Command D und dann kann ich diesen danach im klebrigsten Abschnitt nach unten ziehen im klebrigsten Abschnitt nach unten , damit wir hier einen weiteren Abschnitt hinzufügen können. Wir könnten es als Komponente machen, anstatt es immer wieder zu ziehen, aber es ist in Ordnung. Wir können es auch so machen. Und hier können wir es so organisieren. Das wird also unsere Werkzeuge sein, damit wir es hier lassen können. Und ich werde den Text schnell ändern. Der Text wird nur Werkzeuge sein. Der Text wird Werkzeuge sein. Und los geht's. Wir können, wir müssen es hier hinzufügen. Und dann müssen wir das neu anordnen. Wir müssen das Weiß dieser Grenze auf dieser Linie verringern . Perfekt. Wir haben diese Option jetzt hier, Türen sind okay. Jetzt müssen wir unsere Höhe dieses Haupt-Kunstboards ein bisschen mehr erhöhen . Und dann können wir Hilfe Bob dieses Rechteckwerkzeug nehmen, und von dieser Spalte aus können wir unser Rechteck anpassen. Stimmt's? Diesmal mache ich also jedes Biegewerkzeug. Ich benutze dann ein beliebiges Stiftwerkzeug. Also werde ich direkt den Grenzradius auf eine Sechs verwenden . Dann entferne ich diese Randgröße von hier. Dann müssen wir hier einen Schatten hinzufügen , um auf den Schatten zu klicken und 20 mal 20 hinzuzufügen. Perfekt. Also haben wir diese Möglichkeiten hier. Ich denke, wir können es hier anpassen. Und verweigern, ich werde diese Layoutansicht entfernen. Okay, jetzt können wir eine Sache machen. Wir können sie einfach zu einer Gruppe machen. Ich denke, es ist bereits eine Gruppe , die Fähigkeiten annehmen wird. Ich wähle dieses oder Icons aus. Ich wähle diesen aus und drücke Befehl D. Und dann kann ich diesen duplizieren und hierher ziehen, um es darüber einzufügen. Was ich tun muss, muss ich mit Bring to Front zu tun haben . Und wir können es jetzt hier sehen. Hier sind gleich justieren, essen. Mit diesem können wir die Layoutansicht wieder aktivieren , damit wir sehen können, was los ist. Und von hier aus können wir diesen hinzufügen, damit wir es einfach mit Disziplin anpassen können, denke ich. Ja, das können wir hier sehen? Für diesen? Es macht auch 14, okay, perfekt. X2, 397299. Also können wir es auf 307 ändern. Jetzt können Sie es von hier aus auch minimal machen. Wenn ich also auf diesen klicke, siehst du die Eier und ist nicht von der linken Seite. Es hat sich aus einem Leerzeichen von t 07 x Position ausgedrückt. Und deshalb habe ich dafür die Expedition drei bis sieben hinzugefügt , damit sie gleichzeitig ausgerichtet werden kann. Alles klar, jetzt kann ich es hier ein bisschen unten nehmen. Stattdessen. Es hat eine Chance gegen das, was ich zu 07 hinzufügen werde. Jetzt haben wir diese Optionen hier, damit wir jetzt verschieben können, wir können diese Layoutansicht jetzt entfernen. Und dann ist es passiert. Es hat also die Größe dieses gewählt. Lass es mich noch einmal überprüfen oder du kannst es einfach ziehen. Das sollte es sein. Jetzt können wir das 307 sehen. Aber hier denken wir, ich denke, dass wir einen kleinen Fehler gemacht haben. Lassen Sie es mich noch einmal überprüfen, ob es die Größe ist, also nein, es ist nicht in der perfekten Größe. Es sollte also sein, dass es von hier aus gestartet werden sollte. Also habe ich es bis dahin nicht bemerkt. Das war der Grund. Hier. Du siehst jetzt, dass es gleich aussieht. Und wenn ich dieses Layout von hier entferne, dann siehst du jetzt, dass es genauso aussieht. Okay, statt Figma werden wir diesen Text später ändern. Lassen Sie mich vorher dieses Werkzeug „Raster wiederholen“ verwenden , damit wir hier ein paar weitere Tools hinzufügen können. Vielleicht. Perfekt. Wir haben drei. Los geht's. Ich denke, drei sind genug für diesen. Dann werde ich die Gruppierung dieses Rasters aufheben. Und dann werde ich es tun, ich kann das einfach verringern. Also hier können wir, wir können den Text ändern. Also füge ich hinzu, du kannst Tools sagen. Ich füge GitHub hinzu oder hole mich dafür. Also sage ich dy dt und ich habe mich in der Mitte eingestellt , weil der kleinere. Jetzt denke ich, dass wir es auf diese Weise anpassen können. Also ein 163 von einhundertdreiundsechzig und fünfundsiebzig Prozent bis sechs. Also ist es in der Mitte. Jetzt können wir die Farbe dieses ändern , damit wir eine andere Farbe auswählen können. Ich denke, das ist perfekt. Und jetzt können wir zu diesem Thema dunkler hinzufügen. Wir können hier dunkler hinzufügen. Schon wieder. Wir müssen uns darin anpassen und dunkler. Das Zentrum. Hier ist ein 124 mal 23, also ist es in der Mitte. Jetzt Jen-Stil Hintergrundfarbe von diesem. Wir können diese Farbe hier wählen. Perfekt. Und dafür denke ich, dass wir uns entscheiden können. Wir können wählen, wir können Peitsche wählen. Sie können einen beliebigen Namen wählen, was auch immer Sie möchten, in Bezug auf Ihre Anforderung. Also hier müssen wir es in der Mitte anpassen. Ein 123 steht also nicht im Zentrum. Perfektes Webpack n Hier haben wir diese Option. Wir können die Hintergrundfarbe dieser Farbe ändern. Okay, also wenn ich das hier ausführe, sollte ich in der Lage sein, diesen Tools-Abschnitt hier zu sehen. Wir haben dieses Projekt pew, wir haben diese klebrigen Fähigkeiten, und dann haben wir diese Tools Abschnitt, also sieht es ziemlich gut aus, überhaupt kein Problem. Eine Sache, dass hier nicht alles in Ordnung ist. Und beim Tool sexuell werden wir unseren Feedback-Bereich hinzufügen , damit wir unsere eigenen teilen können, damit wir die Meinung anderer Personen über unseren Entwickler teilen können . Wir werden es in der nächsten Vorlesung machen und ich werde dieses Video genau hier beenden. Wir sehen uns in der nächsten Vorlesung. Tschüss. 11. App: Willkommen wieder einmal zurück. In diesem Teil werden wir mit der Arbeit an unserem Feedback-Bereich beginnen , in dem wir Feedback hinzufügen und dann unsere horizontale Bildlaufansicht ergänzen. Um dies in erster Linie zu tun, werde ich die Größe der Domain-Zeichenfläche vergrößern die Größe der Domain-Zeichenfläche , damit wir unseren Abschnitt hier hinzufügen können. Was kann ich hier machen? Ich werde die Komponente schnell erfinden, weil wir es sind, wir müssen diese mehrmals kopieren. Machen wir es also zu einer Komponente. Ich füge Mike-Komponente hinzu. Diese ist also zu einer Komponente geworden und Sie können sehen, dass das Symbol geändert wurde und es sollte hier sein. Jetzt können wir das hier so schnell benutzen. Wir müssen dieses Ding hier hinzufügen. Lassen Sie mich die Layoutansicht der Unfähigkeiten. Und von hier aus kann ich das jetzt ziehen. Hier. Das kannst du hier sehen. Wieder hier. Hier kann ich es ändern, Bildung zu Feedback. Feedback und dann müssen wir dieses ein wenig anpassen. Ich denke in der Mitte. Das ist es. Okay. Jetzt lass mich nachsehen. Diese Ausbildung ist nur da, okay, es ist in Ordnung. Überhaupt kein Problem. Jetzt zeigen wir hier unser Feedback. Um dies zu tun. Jetzt werden wir in diesem Teil keine hinzufügen, wir müssen nicht hinzufügen. Also wollte ich zu unserem Vollbildmodus hinzufügen und das Feedback zeigen. Aber dafür könnte man das Feedback geben. Für Feedback scrolle ich die Ansicht, die wir aus dieser Spalte machen werden, was ich damit meine. Also füge ich eine Hintergrundfarbe und zusätzlich zu dieser Hintergrundfarbe werden wir das Feedback hinzufügen. Lass mich unsere Rechtecke zeichnen. Klicken Sie auf dieses Rechteck und zeichnen Sie hier ein Rechteck. Vielleicht dieser Betrag. Okay, perfekt. In erster Linie, was ich tun werde, werde ich diese Grenze von hier entfernen. Wir brauchen keine Grenze. Und jetzt müssen wir eine Stop-Hintergrundfarbe erhalten. Wir können hinzufügen, Sie können eine benutzerdefinierte Farbe hinzufügen. Oder wenn wir wollen, können wir den Farbverlauf auch hier hinzufügen. Jetzt können wir einfach einführen, wir können den Farbverlauf einfach ändern. Wenn ich es jetzt betreibe, sollten wir den Abstieg sehen können. Das ist also unser Land, die Anwendung, die wir entwerfen, unser Bis wir diese Tools und dann Feedback haben, und dann haben wir diese Option hier. Hier. Wir werden unser Feedback hinzufügen. Ich denke, wir müssen nicht so viel Höhe haben. Wir können das einfach entfernen, ein bisschen mehr verstecken. Dieser Betrag. Wir werden es beheben, überhaupt kein Problem. Und was kann ich jetzt von hier aus tun? Ich werde versuchen, dieses Feedback hinzuzufügen. Dafür füge ich diesen Betrag hinzu oder addiere diesen Betrag. Und dann kommt noch eine von hier. Wir können diese beiden von hier aus hinzufügen. Ich kann das zeichnen. Ich kann von diesem Set nicht, ich kann dieses nehmen weil wir es etwas größer haben müssen. Wir können es hier nehmen, und wir nehmen unsere Fünf-Kolumne hier, 12345, und hier werden wir fünf nehmen, okay? Also werden wir drei vor fünf nehmen, okay, also können wir es hier machen. Also nehmen wir G6 auf. Wir werden ein bisschen mitten in diesem nehmen, und ein anderes ist mitten in diesem. Dann können wir das Loch von dieser rechten Seite aus graben. Okay, also können wir diesen jetzt anpassen , damit wir jetzt die Größe und das Gewicht nehmen können. Die Höhe beträgt also 401 und die Höhe beträgt 381, also sollte sie 401401 betragen. Und das Herz, warum diese sieben Doppelwurf und 51755. Es sollten also sieben W5 sein. Es sollte hier sein. Perfekt. Was machen wir hier? Wir müssen es ein bisschen schaffen. Wir können die Grenze zuerst hinzufügen. Fügen Sie also zuerst den Grenzradius 20 hinzu, und dasselbe gilt auch für diesen. Fügen Sie also den Randradius 20 hinzu. Hier. Zuerst werden wir den Text unten bearbeiten, wir fügen hinzu, wir fügen unsere E-Mails hinzu, es fügt ein Profilbild hinzu, dann den Namen der Person, die das Feedback gegeben hat. In erster Linie esse ich, ich brauche dieses Layout gerade nicht, also werde ich dieses Layout entfernen. Was kann ich jetzt machen? Jetzt kann ich auf das Text-Tool klicken und jetzt kann ich Textoption herauszeichnen , damit wir hier Text hinzufügen können. Wir können hier etwas Text einfügen. Und ich kopiere ein Postforum ein Loren Ipsum. Irgendein Dummy-Post. Der Simon tut mir leid. Ich kann das kopieren. Ich weiß es nicht. Und jetzt funktioniert es, also kopiere ich diesen, klicke mit der rechten Maustaste hier kopieren. Und dann kann ich es einfach hier einfügen. Und mal sehen. Okay, das ist die Farmgröße ist 50. Das ist der Grund. Also mache ich es wieder. Jetzt. Es sollten hier 20 sein und nicht genau 20 sein. Vielleicht 25. Vielleicht ist 25 gut. Und ich kann es auf diese Weise hinzufügen, in der Mitte oder auf der linken Seite? Oder entfernt es einfach den Raum, als würde man diesen sehen, wird darauf hinweisen und dies wird der Bereich des Textes, des Klartextes und des Bereichs sein, der dieses Ding nimmt. Wir können es in der Mitte behalten. Sie können das Zentrum text-ausrichten sehen. Und wir können Dinge auf distal zu diesem ändern, das wir für uns in diesem verwendet haben, wir können dieses hier benutzen. Und danach müssen wir dieses Ding hinzufügen. Was wir hier drüben tun müssen, möchte ich unser Profilbild und dann den Namen dafür hinzufügen . Wir können Hilfe dieses Ellipsen-Tools in Anspruch nehmen. Also werde ich diese Ellipsenwerkzeuge hier zeichnen , um sie hierher zu ziehen , und wir müssen das gehärtete Weiß reparieren, vielleicht 95 mal 95. Ich wusste nicht, was das Gleiche sein sollte , damit wir sehen können, ob der Kreis ist. Und wieder ist es ziemlich Schnabel 9895. So können wir auf 85 bis 8575 bis 7575 prüfen, um 7575 bis 75. Und hier, genau da oben, werde ich diese Grenze hier schnell entfernen. Ich sollte die Grenze von uns nicht entfernen , weil wir nichts drauf haben. Was kann ich also tun? Ich kann hier einfach ein Profilbild hinzufügen, also habe ich ein Dummy-Bild. Ich kann es einfach hier fallen lassen. Jetzt hat es sich angepasst. Jetzt entferne ich die Grenze nicht sondern möchte unsere Wassergröße hier hinzufügen, vielleicht fünf. Und dann ändere ich die Randfarbe, damit ich sie auf diese Weise sehen kann. Oder ich denke, es wird gut aussehen in einer weißen Farbe, die wir nehmen können, und dann können wir unseren Text hier hinzufügen, und der Text wird hier sein. Und wir können den Namen des Pakets speichern, vielleicht nur für ein Beispiel, John Doe. Müssen wir diesen Text hier anpassen? Wir können die Textgröße auf 35 erhöhen , damit sie gut sichtbar ist. Und lass mich nachsehen , wie es aussieht. Jetzt haben wir diese Option hier, Projektdegli, Skills und Tools. Und das ist das Feedback , das wir hier zeigen. Und es sieht gut aus. Aber hier wollte ich unser Icon hier hinzufügen. Um dies zu tun, können wir unser Icon-Plugin, das wir installiert haben, die Gesundheit unseres Icon-Plugins übernehmen können . Wir haben es, ich habe es schon. Ich kann dieses Vorwärts-Symbol sagen. Mal sehen was kann ich sehen? Sie können alles sehen, wenn ich mich anbinde, dann kann ich sehen, dass diese Art von Icon hier angezeigt wird. Jetzt wähle ich dieses aus. Omega, es hat eine API hier. Ich weiß es nicht. Ich weiß nicht warum. Wir müssen diese 1 zuerst auswählen. Also lass mich nochmal zurückgehen. Also arbeiten wir hier. Lassen Sie mich das zuerst auswählen. Und dann wähle ich das aus. Jetzt hat es hier noch eine Periode , immer noch besser als die vorherige. Jetzt können wir auswählen, können diese nicht halten. Okay. Also müssen wir das halten. Es tut mir also nicht leid, lass mich das schnell entfernen. Wählen Sie dann den Text aus , damit er hier erscheinen kann, und klicken Sie dann auf diesen. Dieses Mal kommt es her. Ich weiß es nicht. Manchmal ist es hier mit diesem Icon-Plugin passiert, also müssen wir es reparieren. Ich klicke auf diesen und ziehe es dann hierher. Nein, wir können es nicht herziehen. Wir müssen es hier nehmen, tut mir leid, es funktioniert nicht. Und auf diese Weise vielleicht eine andere Ikone. Wir können das Fleischpfeil-Icon auswählen. Okay, also hat es eine Zeit hier. Lass mich das ziehen. Okay, also kann ich das jetzt halten und mich zuerst eine Komponente machen lassen , damit wir es von dort aus verwenden können. Okay, das ist nett. Jetzt müssen wir nicht haben, dass wir denken können, dass wir es können. Wir können diesen nicht entfernen, aber wir können es. Von hier aus kann ich das entfernen. Aber es befindet sich in unseren Komponenten, also können wir diese einfach verwenden. Jetzt kann ich diese Komponente hier ziehen und dann kann ich sie hier einfügen. Das ist also unsere Komponente und hier kann ich sie einfügen. Los geht's. Also haben wir dieses Icon hier. Und los geht's. Für das Icon kann ich das Weiß bei 4545 wieder vergrößern , ich kann 35 hinzufügen. Also wenn ich die Krankheit erhöhen will und es sehr schlecht aussehen wird , okay, jetzt sieht es ziemlich gut aus. Ich denke, wir müssen dies nicht auf diese Weise haben diese Weise weil wir hier ein paar weitere Artikel hinzufügen werden , damit wir unsere horizontale Ansicht heißen können. Also entferne ich das hier. Und im nächsten Teil werden wir hier weitere Elemente hinzufügen und dann werden wir die horizontale Berechnung hinzufügen. Also werde ich dieses Video hier beenden und wir werden mit der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. Tschüss. 12. Feedback-Karte und horizontale Scroll: Willkommen wieder einmal zurück. In diesem Teil werden wir unseren Feedback-Bereich beenden. In erster Linie müssen wir diesen duplizieren, müssen wir diesen duplizieren damit wir noch ein paar weitere hinzufügen können. Und dann können wir unsere horizontale Schriftrolle nur wenige hinzufügen. Um dies zu tun, müssen wir es in erster Linie zu einer Gruppe machen. Also haben wir diese Option hier, also müssen wir zuerst auf diese dieser NGO klicken. Also hier haben wir dieses Rechteck acht, und dann haben wir diesen Text. Dann haben wir diese großen Zellen. Dann haben wir John Doe auf dieser Ikone. Es bedeutet, dass von hier auf Rechteck Acht, all dies in unserem Einkaufswagen. Also drücke ich die Strg-Taste und dann wähle ich all diese aus. Und los geht's. Jetzt kann ich es zu einer Gruppe machen. Also können Command Z und ich den Gruppennamen ändern, um es zu verstehen. Also können wir sagen, wir können sagen, ich werde den Warenkorb zurückgeben und jetzt Enter drücken. Jetzt kann ich auf dieses Wiederholungsraster klicken. Klicken Sie also auf dieses Wiederholungsraster. Jetzt können wir es zu einem Duplikat machen. Sie können sehen, dass wir es duplizieren können. In erster Linie wollte ich ein bisschen Platz zwischen diesen beiden Dingen haben oder wir können es greifen. Okay, also zuerst will ich es einfach nicht. Das Ding wird also ohne Scrollen gestoppt . Ich will einfach nicht, dass es zeigt, dass es gewinnt, wenn ich es nicht nenne. Wir zeigen ihnen , wo sie das Auto anhalten sollen. Vielleicht haben wir für Feedback, wir können es jetzt nennen, wir können es jetzt zu Beginn der Domain-Zeichenfläche duplizieren. Du kannst das sehen. Wir haben diesen hier, also haben wir 1234. Jetzt. Hier sehen Sie, dass dies die beiden Icons sind. Eine davon ist für die horizontale Bildlaufansicht, eine für die vertikale Bildlaufansicht. Dafür brauchen wir eine horizontale Schriftrolle. Horizontal scopy bedeutet auf horizontale Weise. Wenn ich jetzt auf diesen klicke, wird es mit der Größe der Domänenzeichenfläche angepasst. Und jetzt werden wir sehen können , dass dieses Icon eine API hat. Dies ist also das Symbol, das heißt, das liegt daran, was wir für die horizontale Bildlaufansicht ausgewählt haben , und eine NTD die zeigt, dass es von diesem zu diesem hier bleiben wird. Und danach wird es Scrollen zeigen. Also lass mich das laufen lassen. Jetzt. Wenn ich es ausführe, sollten wir jetzt, wenn ich nach unten scrolle , unser Feedback hier sehen können. Also haben wir diesen Feedback-Bereich hier und jetzt, also hier ist es. Es ist immer noch, man kann ein bisschen davon sehen. Was kann ich jetzt tun? Ich kann es einfach auf diese Weise scrollen. Überhaupt kein Problem. Und eine andere Sache ist , dass wir es hier reparieren müssen. Wenn wir also auf der Homepage sind , haben wir diese Option hier. Sie können diesen sehen, wir müssen das entfernen und wir können sehen, dass es immer noch ein bisschen von jedem Silber ist, können wir es einfach entfernen. Ich denke diese oder wir können es entfernen. Oder wir können einfach das erhöhen , lass mich sehen, ob es sich jetzt gelöst hat. Es ist immer noch, wir können das sehen. Okay, also muss ich zuerst diese Bildlaufansicht aufheben , weil sie für diesen Raum und nicht für die Schulbildung gedacht ist . Wir müssen also ein bisschen mehr Platz hinzufügen. Und dann können wir diese Bildlaufansicht auswählen. Wenn ich es jetzt führe, sollten wir das hier sehen können. Wir können jetzt sehen, dass wir es von dieser Seite aus sehen können. Eine andere Sache macht sich hier bemerkbar. Vielleicht können wir es jetzt scrollen, damit es ziemlich gut aussieht. Und jetzt können wir hier noch mehr hinzufügen . Lassen Sie mich prüfen, ob wir ein Nein gekauft haben, wir haben hier keinen Motor. Hier drüben. Wir müssen ein Symbol hinzufügen , damit der Benutzer das verstehen kann. Und auf der rechten Seite haben wir noch ein paar Dinge zu tun. Was kann ich also tun? Ich kann diese Ellipsen-Tools einfach mit nach Hause nehmen. Und in der Mitte kann ich hier einfach einen Kreis hinzufügen. Und es sollte die gleiche Größe haben, damit 55 mal 55 ist. Hier geht's. Und jetzt haben wir in diesem eine Icon. Sie können auf dieses iOS-Symbol klicken. Dann können wir es einfach in die Mitte stellen. Ich kann es in die Mitte stellen. Im Moment sieht es ziemlich gut aus, aber wir können sie zu einer Gruppe machen, damit wir es duplizieren und wieder machen können, es bei dieser Ellipse und diesem Pfeil wieder schaffen. Ich drücke Control und dann können wir sie zuerst zu einer Gruppe machen und dann können wir ihn duplizieren Befehl D Und los geht's. können wir nicht, aber wir brauchen ein anderes Symbol für dieses, aber wir können das behalten , aber lassen Sie mich das Höhenbein in derselben Linie anpassen. Okay, jetzt ist es im selben Licht, es ist in derselben Linie. Es ist in der gleichen Linie, glaube ich. Perfekt, aber wir werden das Symbol dieses Symbols ändern, also müssen wir dieses Symbol dafür nicht haben. Was können wir tun? Wir können dieses Icon von hier entfernen. Wir werden dieses Icon von hier löschen. Aber es funktioniert nicht. Es tut mir leid, wir müssen nur das Icon entfernen. Jetzt ist es entfernt. Wählen Sie also das Symbol aus und drücken Sie Entf. Dann müssen wir wieder ein anderes Symbol für die linke Seite hinzufügen . Statt vorwärts können wir also hinzufügen, dass wir dort rückwärts anfangen können. Wir können sagen, B ist rückwärts streben, und wir haben dieses paar Icon hier. Aber wir sollten das gleiche Symbol nehmen, das wir erwischt haben. Zum Glück haben wir das hier. Ich kann diesen hier auswählen und dann kann ich es dort ablegen. Und dann wieder das gleiche Problem. Das ist also das Icon. Lassen Sie es mich schnell entfernen und wählen Sie dann dieses aus. Und füge diesen hier noch einmal hinzu. Ich werde es zu einer Komponente machen , damit wir einfach auf diese zugreifen können. Jetzt kann ich dieses Icon hier rüber ziehen. Wir brauchen dieses nicht von dort aus zu haben, aber wir können dieses Icon einfach hierher ziehen. Und es ist nicht im Zentrum. Lassen Sie mich das zuerst entfernen. Ich entferne dieses Icon zuerst und dann können wir dieses einfach in die Mitte ziehen. Perfekt, jetzt lass es mich laufen lassen, wie es aussieht. Wir sollten dieses kleine Icon sehen können. Wenn ich jetzt nach unten scrolle, können wir dieses Feedback einfach sehen und so sieht es aus. Und es hat diese Option jetzt können wir es einfach so scrollen. Hier ist also alles in Ordnung, überhaupt kein Problem. Und dann werden wir den nächsten Teil hinzufügen, was ich hinzufügen werde. Jetzt werden wir hinzufügen, wir fügen hier einfach ein Kontaktformular hinzu. Ich werde dieses Video hier beenden und wir werden mit dem nächsten Video fortfahren. Und davor denke ich, dass es nicht im Mittelpunkt steht. Es wird in der Mitte bearbeitet mit diesem angepasst. Die Sache ist, dass wir es immer noch können, okay, also können wir diesen hier hinzufügen und dann können wir es einfach in die Mitte ziehen . Es sagt, es zeigt, dass es Interesse innerhalb der Mitte ist, aber wir können immer noch, dieses Symbol ist nicht einfach dieses Symbol auswählen. Jetzt. Jetzt scheint es in der Mitte zu sein, aber es muss auf diese Weise bewegt werden. Wir können es auf diese Weise behalten, aber die Sache ist, dass wir unsere Box hinzufügen können. Wir können hier einen Schatten hinzufügen. Wir können dafür einen Schatten hinzufügen. Wir können vielleicht zehn mal zehn für diesen hinzufügen. Und dazu können wir auch hinzufügen, es wird automatisch im Schatten ausgewählt , weil wir wieder alles nicht da ist, also können wir zehn mal zehn hinzufügen. Bei zehn mal zehn. Los geht's. Okay, so perfekt. Wie werde ich dieses Video hier beenden und wir werden mit der nächsten Vorlesung fortfahren. 13. Contact Eingabefeld und -knopf: Willkommen wieder einmal zurück. In diesem Teil entwerfen wir unser Kontaktformular. Um dies schnell zu tun, müssen wir die Größe erhöhen, die Höhenoptimisten der Hauptkunstplatte und dann so weiter. Das für das Kontaktformular möchte ich keine Hintergrundfarben hinzufügen. Wir werden diese Art von Hintergrundfarbe so schnell verwenden. Wir müssen mir einen Zufall geben. Sie werden zuerst nur wenige anordnen und dann können wir das nehmen, wir können die Textkomponente nehmen , die wir früher hatten. Sie können sehen, dass dies der Vorteil ist, eine Outing-Komponente zu erstellen, wenn Sie dasselbe immer wieder duplizieren möchten. Anstelle von Bildung schreibe ich jetzt hier Kontakt. Jetzt müssen wir uns hier auf diese Linie einstellen. Jetzt führen und Tools Feedback Deck ausführen, alles ist in Ordnung. Und danach müssen wir hier ein Rechteck hinzufügen. Die Sache ist, dass ich das von hier aus hinzufügen kann, davon. Ich glaube, wir haben das Gleiche hinzugefügt. Ich denke, wir haben es für all diese gleich hinzugefügt. Weil wir zwei Spalten haben, eine Spalte von links und eine Spalte von rechts. Jetzt füge ich zuerst unseren modernen Radius 26 und wir können hier einen Schatten hinzufügen. Fügen Sie also Schatten um 30, um 30 hinzu, und wir können die Randgröße entfernen. Wir brauchen hier nicht die Grenzgröße. Und jetzt müssen wir hier drei Eingabefelder hinzufügen. Ist für den Namen, einer ist für E-Mail und einer ist für das Nachrichtenfeld. Also können wir von hier aus anfangen. Ich zeichne dieses Rechteck zuerst. Ich zeichne es hier. Hier. Wir brauchen diesen Speicherplatz für dieses Textfeld nicht. Wir können es so hinzufügen. Dann können wir von hier aus, glaube ich, vom Ende dieser Kolumne zu dieser Kolumne hinzufügen . Okay, jetzt müssen wir hier ein bisschen Wasserradius hinzufügen. Also bei D und dann in diesem können wir Text bearbeiten. Wir können sagen, wir können Namen sagen, dann können wir Doppelpunkt hinzufügen. Aber die Farmgröße sollte nicht so sein. Es sollte 20 sein, ein bisschen größer, vielleicht 25. Dann können wir die Schriftart, Schriftfamilie ändern. Wir können jedes andere hinzufügen, was wir haben wollen. Vielleicht das oder das. Lass mich sehen, wie es aussieht. Dann können wir es hier hinzufügen. Feedback. Nach diesem Feedback haben wir diesen Vertrag, okay, also die Größen etwas zu Becher, ich meine die Größe des Eingabefeldes. So können wir, wir können uns ändern, wir können die Höhe dieses ändern. Wir müssen zuerst auf das Auswahl-Tool klicken , damit wir es auswählen können. Und dann können wir einfach die Höhe minimieren, vielleicht 70. Dann müssen wir den Text in der Mitte anpassen. Es ist in der Mitte. Jetzt können wir es zu einer Gruppe machen und dann können wir es zuerst duplizieren. Die Sache ist also, dass wir hier klicken müssen und dann auf den Namen und das Rechteck klicken müssen , das wir hier haben. Also dieser Name und dieses Rechteck und mache es dann zu einer Gruppe. Drücken Sie also Befehl D und ich ändere den Gruppennamen 2. Wir können Eingabefeld sagen. Und dann kann ich Hilfe des Dummen, Großartigen nehmen, und ich kann es einfach duplizieren Silizium Add a T1 ist für E-Mail, einer ist für Telefonnummer. Und ich kann etwas Platz dazwischen nehmen. Und dann klicke ich auf dieses Gruppierungsraster. Dann können wir den Namen ändern. Die zweite wird also E-Mail sein. Wir können hier E-Mail hinzufügen, t dot hinzufügen. Und dann können wir zum letzten Mal eine Telefonnummer hinzufügen. Sie können für Nummer hinzufügen. Jetzt. Von hier bis hier benötigen wir ein Erwachsener- oder Eingabefeld für unsere Nachrichtenoption. Wir können dieses Rechteck wieder Hilfe nehmen und von hier aus oder vielleicht vom Medial. Wir werden es später anpassen. Kein Problem. Also zeichne ich das zuerst auf diese Weise. Ich denke von hier aus können wir es nehmen oder wir können, ich denke, dieser Betrag ist okay. Und jetzt können wir einfach einen Grenzradius auf 20 hinzufügen. Lassen Sie mich sehen, wie es aussieht, aber wir können es auf diese Weise sehen, aber es ist die Höhe und das Gewicht ist nicht angepasst. Ich glaube, das ist es. Okay. Das ist es. Okay. Okay, perfekt. Jetzt müssen wir unseren Text hier hinzufügen. Lassen Sie mich das hier umgehen, damit wir es sehen können . Los geht's. Also haben wir dieses Kontaktformular hier. Aber die Sache ist, dass wir von hier bis hier einen sehr großen Platz haben , damit wir es reparieren können. Eine andere Sache ist, dass wir hier Text ausschreiben und dann hier einen Button hinzufügen können. Um dies zu tun. Das können wir haben. Lassen Sie mich also zuerst den Text hier hinzufügen. Ich füge den Text in der Mitte und sage deine Nachrichten. Wir können diesen hier hinzufügen und sicherstellen , dass es sich um Anreize handelt. Wie definieren Sie es also in der Mitte, Sie können sehen, dass es uns unsere Linie geben wird. Wir können es einfach in der Mitte stehen, aber es sollte auf der linken Seite sein. Perfekt. Nein, da ist es nicht hier. Danach können wir diese Option für das untere Rechteck haben. Klicken Sie auf dieses Rechteck und dann können wir einfach, was können wir tun? Wir können gehen, wir können diese vier Spalten nehmen, um unseren Boden zu erstellen. Ich meine diese vier Spalten und dann medial. Und dann können wir aufbrechen, wir können die linke Seite und zwei von der rechten Seite bilden. Wir können ein bisschen von diesem n hinzufügen. Dafür denke ich, dass wir unser einzigartiges Design für dieses hinzufügen können . Mal sehen. Wir können eine andere Art von verschiedenen Arten von Rahmen für verschiedene Ecken hinzufügen. Sagen wir also Teil D für diesen, dann für diesen und dann 64 dieses und dann 55 für diesen. Okay, wenn ich also hier klicke, sollten wir unsere Massen hier sehen. Ich sehe den Radius der oberen linken Ecke. Radius der oberen linken Ecke ist verspätet. Lass uns 60 machen. Lasst uns 80 schaffen. Dieser macht es 2520. Nun, dieser macht 80, weil jede Zelle, unten rechts, denke ich, dass sie unten rechts ist. Lass es mich nehmen. Jetzt wird es nicht angezeigt. Es sollte es uns zeigen. Sie können Radius der unteren rechten Ecke sehen. Das bedeutet, dass dieser dieselbe Größe haben sollte. Jetzt können wir das anpassen. Lucky Solver, sagen wir neues Design, nur um Ihnen zu zeigen, wie Sie eine andere Art von Ecke verwenden können , wenn Sie es verwenden müssen? Und ich denke, dass wir diese mehrschichtige Ansicht jetzt nicht haben müssen . Wir können diese Layoutansicht jetzt entfernen. Dann können wir nur die Farbe hinzufügen. Ich denke, wir können diese Farbe verwenden, ich mag diese Farbe, also klicke ich auf diese Farbe und dann können wir diese Farbe einfach hier hinzufügen, damit wir sie verwenden können. Klicken Sie nun auf diese Schaltfläche und klicken Sie dann hier und klicken Sie dann auf diese Farbe. Los geht's. Wir haben diese Farbe. Hier. Wir können immer noch ein bisschen linearen Gradienten hinzufügen. Wir können diesen einfach auf diese Weise anpassen. Wir können hier einen Text und ein Symbol hinzufügen, um einen Text hinzuzufügen, hier klicke ich darauf. Wir können Cent sagen, und dann rufen wir an, und dann können wir ein Icon hinzufügen. Und du hast diese Ikone hier. Wir müssen hinzufügen. Wir können unser Icon hier hinzufügen, wir können Sant Icon sagen. Dann kriegen wir das hier. Wo wir wieder haben, haben wir es oben drauf , damit wir es hierher ziehen können. Und dann mache ich IT-Komponenten, damit wir sie einfach verwenden können , um eine Komponente zu erstellen. Und dann verschiebe ich es von hier aus. Und dann können wir es von hier aus benutzen. Ich scrolle nach unten. Und hier drüben haben wir das hier. Wir können das haben. Also kann ich das ziehen . Los geht's. Wir können hier einfach hier hinzufügen. Okay, jetzt sieht es ziemlich gut aus, aber die Sache ist, dass es nicht in der Mitte erscheint, nicht unten. Wir sollten das anpassen, diesen. Ich glaube, wir können es jetzt schaffen. Es sieht gut aus. Es ist jetzt gut. Wenn ich es jetzt führe, sollten wir in der Lage sein, unser Kontaktformular zu sehen. Jetzt. Wir können hier runter scrollen und los geht's. Dies ist unser Kontaktformular, also haben wir den Duft, aber wir müssen diese oder Schriftarten ändern, Schriftfamilie, ich mag diesen nicht für unten. Und wir können sagen, dieser ist jetzt viel besser, oh, was können wir tun? Wir können einfach, die Sache ist , dass es sich ändern wird. Das Ganze wird Zufall haben. Dafür. Ich drücke Rückgängig. Dann werde ich es tun, okay, also hat es sich auch geändert, also können wir hier wieder hinzufügen. Die Sache ist also, dass wir zwar diese Option hier haben, dies ist also die Rechteckschaltfläche. Dann haben wir diese, all diese Eingabefelder. Wir können all diese kopieren. Klicken und kopieren Sie all diese und machen Sie sie dann zu einer Gruppe. Einmal. Wenn die Gruppe, dann können wir es ganz sehen. Und nur das hier. Und ich vertrage einfach , dass wir hier die gleiche Größe benutzt haben. Also werde ich zeigen, ich das Integral der Ansicht dieser Layoutansicht hinzufügen werde . Jetzt können wir sehen, dass es perfekt ist. Es ist nur das mit dieser Kolumne und dieser auch. Lassen Sie es mich jetzt noch einmal ausführen, damit wir die endgültige Ausgabe dieses sehen können . Und hier sind gleich. Wir haben dieses Send-Symbol, und das ist unser Kontaktformular, also perfekt. Und wir haben diesen Ursprung in der Scroll-Ansicht hier. Also höre ich dieses Video genau hier auf. Und in unserem nächsten Teil werden wir anfangen, für unser Auto zu arbeiten. Wir werden nur ein bisschen Design in die Fußzeile einfügen. Also werden wir mit der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. Tschüss. 14. Footer Komplettes Design: Willkommen wieder einmal zurück. In diesem Teil werden wir unseren Fußzeilenbereich entwerfen. Um also einen Fußzeilenbereich hinzuzufügen, müssen wir ihn in die Fußzeile und den letzten Teil zeichnen, aber wir haben jede größere Größe, also werde ich diese Größe von der Hauptzeichenfläche entfernen. Ich denke, dass diese Menge an Speicherplatz für die Fußzeile in Ordnung ist. Jetzt zeichne ich hier unser Rechteck. Wir werden einfach eine grundlegende Fußzeile hinzufügen. Davor denke ich, dass wir das können. Jetzt können wir einfach unseren Fußzeilenbereich hier zeichnen. Wir werden hier nur ein Icon hinzufügen , da wir keine Menge mehr Dinge in unserem Portfolio-Projekt haben müssen . Was können wir jetzt tun? Wir können auf diesen klicken und hier können wir Hintergrundfarbe hinzufügen. Wir können unsere Hintergrundfarbe hinzufügen, ich denke diese helle und dann eine andere , die orangefarbene. Und dann können wir auf diesen linearen Gradienten klicken. Wir können das abrunden. Okay, das hier. Also hier wollte ich nur ein paar Icon hinzufügen, vielleicht ein paar Social-Media-Symbol, Facebook, Instagram oder Twitter. Also klicke ich zuerst auf diese 1. Lassen Sie mich vorher prüfen, ob wir einen sehr großen Platz dazwischen haben. Der Rückstand wird danach schwierig sein , ihn zu ändern, das Kontaktformular und dieses, es ist in Ordnung. Also werden wir hier ein paar Icons hinzufügen. Wir können das immer noch, wir können es einfach ändern. Wir können das anpassen. Und ich werde auch die Höhe etwas mehr entfernen , um sie an diese anzupassen , und wir brauchen keinen anständigen Platz. Sie können diesen Speicherplatz auch verringern. Und jetzt, um hier ein Symbol hinzuzufügen, okay, das einzige, was wir tun können ist, dass wir den Layout-Bereich aktivieren können , damit wir sehen können, von wo aus wir unser Allel hinzufügen können. Also haben wir das hier. Von hier aus. Wir arbeiten. Wir können eins tun, also 34, und dann können wir Aquaphor heben, und dann haben wir noch vier. Ab diesem dritten können wir den Fall verlassen und von dieser Seite können wir aufbrechen, dann können wir auf diesen beiden Seiten arbeiten, an diesen beiden Kolumnen oder vielleicht aus einer Industriesolumne, so weiter. Dann können wir das Ding machen. Es ist kein großes Problem hier. Wir können es nehmen und dann können wir drei nehmen, und dann werden wir diese vier haben. Von hier aus können wir diese Option hier hinzufügen, anstatt zu arbeiten . Wir können das tun, damit wir schnell vorankommen können. Lass mich dieses oder zwei Allel bewegen. Sie müssen dieses Layout nicht hier haben. Hier müssen wir hinzufügen, haben die gleiche Größe. Haydn weiß wird 80 mal 80 sein. Hier müssen wir das Icon hinzufügen. Um das Icon hinzuzufügen. Ich füge es hier hinzu, um ein Icon hinzuzufügen. Was kann ich tun? Ich kann dieses Icon-Tool nutzen , das wir das erste Buch speichern können. Sie können sehen, dass es so viele Facebook-Symbole gibt. Also können wir eins für diesen klicken. Und dann mache ich es, ich mache es zu einer Komponente. Und dann entferne ich diesen , weil wir es aus der Komponente kopieren werden. Und dann füge ich unser Instagram hinzu. Klicken Sie dann auf ein Instagram-Symbol. Ich werde es zur Komponente machen. Dann entferne ich es von hier. Und dann haben wir noch einen Gegenstand. Wir werden noch einen Artikel haben, vielleicht Twitter. Fügen wir hier noch einmal das Twitter-Symbol hinzu. Also werde ich es zur Komponente machen. Wählen Sie dann dieses aus und entfernen Sie diesen. Wir haben das C-Symbol für diesen Fußzeilenbereich. Jetzt können wir also bearbeiten. Jetzt öffne ich diese Komponente hier, also haben wir dieses Buch eins, damit ich diese hier ablegen kann. Ich kann es in der Mitte anpassen. Okay, perfekt. Jetzt können wir hinzufügen, also lass es mich sehen. Es sieht ziemlich gut aus. Bis wir es schaffen können, können wir es. Nur für diesen kann ich ein Duplikat machen, kann ich ein Duplikat machen Oregon Hilfe dieses Wiederholungsrasters zu nehmen. Offensichtlich wird dieser Schaden das Facebook-Symbol nicht duplizieren weil wir es nicht zu einer Gruppe gemacht haben, also duplizieren wir nur den Zyklus. Okay, also kannst du auch von hier lernen. Und dann werde ich die Gruppierung aufheben. Dann kann ich diese Twitter-Option hier hinzufügen. Dann kann ich es in der Mitte anpassen. Dies ist das Zentrum dafür, glaube ich. Okay, perfekt. Es ist in der Mitte und dann haben wir diese Instagram-Option. Also kopiere ich diese Instagram hier. Dann kann ich es reinlegen. Es tut mir leid. Wir müssen es schleppen. Wir müssen das hier hierher ziehen. Okay, also die Sache ist, dass ich es hier nochmal zeichnen lasse. Wir müssen es in den Mittelpunkt stellen. Ich glaube, es ist im Zentrum. Hier ist alles in Ordnung. Und jetzt werde ich diesen ausführen und hoffentlich können wir unsere Fußzeile und unser Feedback richtig sehen , dies ist unser Kontaktbereich und dies ist unser Fußzeilenbereich, also sieht es aus ziemlich gut. Eine andere Sache ist der Gedanke oder ich werde es tun, ich werde es zu einer Komponente machen, die gesamte Fußzeile. Ich werde es zu einer Komponente machen, denn in unserer nächsten Basis werden wir für unsere Detailbasis dieses Projektbereichs entwerfen . Wir werden diese Fußzeile auch brauchen, damit es besser ist, sie zu unseren Komponenten zu machen, damit wir sie wiederverwenden können. Und T sind gleich. Wir haben das, wir haben diesen Bot. Es ist, es zählt als Teil und dann haben wir das alle Bezirke. Also haben wir dieses und machen sie zu unserer Gruppe. Dann können wir eine IT-Komponente erstellen. Sie können sehen, dass es sich jetzt um eine Komponente handelt. Wenn ich jetzt hier rübergehe, wenn ich es hierher ziehe, dann kannst du sehen, dass wir das ganze, das ganze Team haben. Dann können wir es in unserem detaillierten Bereich wiederverwenden. Dies ist das Schöne daran, es zu einer Komponente zu machen. Was musst du also tun? Sie müssen nur eine Gruppe erstellen, das Ganze, was Sie eine Komponente erstellen möchten, dann einfach Creep schreiben, mit der rechten Maustaste klicken, und dann können Sie sie zu einer Komponente machen. Da es sich also schon um eine Komponente handelt, können Sie entweder sagen, dass ich diese nicht gruppierte Komponente sehe , weil ich bereits eine Komponente emittiert habe. Eine Sache ist, dass Sie, sobald Sie die Komponente erstellt haben, hier sehen können , dass Steadies Ihre Eulenkomponente sein wird und das Symbol geändert wurde. Sie können sehen, dass dies das Schöne an diesem ist. Also muss ich diesen hier nicht haben , weil wir es bereits hier haben und es so schlau kopieren können, wie wir wollen. So viel Zeit, wie wir kopieren möchten. Hier ist alles in Ordnung. Ich werde dieses Video hier beenden und wir werden mit der nächsten Vorlesung fortfahren . 15. Details Page: Willkommen wieder einmal zurück. In diesem Teil werden wir mit der Arbeit an unserem Abschnitt mit den Projektdetails beginnen . Wenn Sie also entweder auf diese BU-Details doppelklicken, senden wir sie an eine neue Zeichenfläche, wo wir die Details des Projekts anzeigen. Um dies in erster Linie zu tun, müssen wir erstellen, wir müssen eine neue Zeichenfläche erstellen. Also klicke ich hier auf dieses Artboard Icon. Jetzt, wenn wir diese Ecke ableitet, sollten wir in der Lage sein, sie alle in Adobe XD verfügbaren Zeichenflächen zu sehen . Alternativ können Sie auch das Kundenboard aufteilen , wo Sie Ihr eigenes Verstecken und Weiß definieren können . Aber für mich erwarte ich diese Breite 1920, weil es das Web 1920 ist. Ich klicke drauf. Los geht's. Und wir nennen diese neue Art Board. Also ändere ich zuerst den Namen von diesem. Ich kann einfach sagen: Was soll ich sagen? Ich kann einfach Detailraum sagen. Dafür kann ich wählen. Ich kann sagen, kann das Hauptstück sagen, kann ich sagen, oder wir können Homepage sagen. Okay, also jetzt hier drüben, wenn Sie sich hier ansehen, können wir sehen, dass wir diese Art von Wärme hier draußen haben von Wärme hier draußen All dies sind Navigation Option hier, aber hier werden wir unsere eine andere Art von Dingen. Dafür definiere ich hier eine neue Navigationsleiste. Also kann ich hier einfach eine neue Navigationsleiste definieren. Los geht's. Dann entferne ich diese Grenze. Wir brauchen keine Grenze. Was müssen wir tun? Wir müssen die gleiche Farbe annehmen, die wir hier haben. Also werde ich es tun, ich glaube, wir haben diese Farbe bereits. Also denke ich, das ist die Farbe , die wir alle haben, die Sie bereits haben. Okay, also das ist die gleiche Farbe. Jetzt wähle ich diese neue Navigationsleiste aus und klicke auf diese Farbpalette. Und dann wähle ich diesen aus , damit wir die gleiche Farbe erhalten. Hier haben wir einen Text, der irgendeiner sein wird. Hier schreibe ich das hier. Wir können sagen, dass sie so bilden sollten 50, nur 11 sein, also müssen wir 50 hinzufügen. Lassen Sie mich überprüfen, welche Schriftgrößen wir für unsere verwendet haben Diese sind für diese Navigationsleiste. Ich denke, es ist nicht 50 vielleicht verspätet oder etwas hat angefangen. Also werde ich hier alles verspätet geben und dann können wir es in die Mitte stellen. Dafür haben wir für all das 25 benutzt. Okay, also werden wir all die brauchen. Was kann ich tun? Ich füge hinzu, ich sterbe hier noch ein paar Namen. Wir können also einfach sagen, nimmt Stufe und dann können wir hinzufügen. Wir fangen hier wieder an. Wir können sagen, wir müssen die Schriftgröße auf 25 ändern. Los geht's. Dann können wir es einfach können, das ist das Zentrum. Du siehst die siebenundzwanzig, siebenundzwanzig. Und dann können wir auf dieses Wiederholungsraster klicken. Und hier können wir hinzufügen. Wir haben diese paar Möglichkeiten hier. Ich weiß nicht viel mehr. Wir haben nur wenige. Wir haben nur zwei bis sechs, also haben wir hier nur sechs Möglichkeiten. Was kann ich hier machen? Wir können hier ein bisschen Platz machen. Dann können wir einige davon entfernen. Wir brauchen drei, vielleicht t. Dann klicke ich auf die Gruppierung aufheben. Und dann wird die zweite Bildung sein. Wir können Bildung sagen. Und dann können wir sagen, dann haben wir dieses Projekt Offshore und wir können Projekt sagen. Und dann können wir dazu Fähigkeiten sagen. Wir werden Debbies Fähigkeiten und Fähigkeiten sagen und dann haben wir Tools und führen dann Tools durch. Und dann haben wir Kontakt. Wir müssen Kontakt hinzufügen. Dies ist das Navigationselement, das wir haben, aber wir müssen es im selben Bereich haben. Damit wir auf diese Weise Platz nehmen können, können wir es, jetzt können wir es ziehen und dann können wir es so machen. Wir können, wir haben 59, wir haben diese 59. Sie können den ersten sehen und der zweite nimmt 59 an, und dann wird dieser hinzugefügt, wir können es auf 59 ziehen. Dafür können wir immer noch 59 hinzufügen. Und dann können wir für diesen immer noch 59 hinzufügen. Und es ist in derselben Linie. Und wir müssen hier noch ein Gericht hinzufügen. Eine andere Sache ist, dass wir zwei Gene haben werden, die färben, aber vorher werden wir es tun. Okay, also wenn ich jetzt hierher gehe und dann kann ich einfach alle Artikel auswählen , die wir erstellt haben. Wählen Sie also alle Elemente aus und wählen Sie hier das gesamte Element aus. Und dann kann ich die Farbe einfach auf Weiß ändern. Sie können sehen, dass die Farbe in Weiß geändert wurde, aber es sollte nicht diese weiße Farbe sein. Perfekt. Jetzt müssen wir hier nur noch eine Unterstreichung hinzufügen und auf das Mischwerkzeug klicken , das Linienwerkzeug hier. Und dann können wir die Größe des Linienwerkzeugs ändern. Vielleicht. Wir müssen es in der Mitte anpassen. Wir müssen es in der Mitte anpassen, der Mitte dieses Textes. Und dann können wir die Größe dieses vergrößern und einfach die Randfarbe ändern, um hier eine andere Farbe hinzuzufügen . Okay, perfekt. Deshalb haben wir unsere neue digitale Raum - und Bewässerungsstange entworfen . Und jetzt, wenn du auf diesen Detailbereich klickst , wo du sie hierher schickst. Aber die Sache ist, dass wir in unseren Detailpaaren, was wir in unseren Detailpaaren haben, lassen Sie mich sehen, was wir haben. Also haben wir Emus und wir haben eine detaillierte Beschreibung und wir werden noch ein paar Dinge hinzufügen. Also die E-Mails, die wir darüber zeigen werden, also vermisst du, ich werde die Einheiten für diesen ganzen Bereich hinzufügen . Also ziehe ich einen Emus von dort. Ich kann diese MS. hier sagen. Wo ist DC Ms. Okay, also ist es nicht hier. Sie eine Sache, die wir einfach können, denn Machen Sie eine Sache, die wir einfach können, denn wir können einfach unser Rechteck und dieses Rechteck erstellen, wir können diese E-Mails einfach ablegen und dies ist der beste Weg, damit die E-Mails automatisch anpassen können und wir können es einfach hierher ziehen. Sie können sehen, dass das Bild mit diesem angepasst wurde. Und wir können uns einfach damit einstellen. Ich denke, wir können ein bisschen Platz haben. Ich entferne diesen Rahmen aus diesem Bild. Wir brauchen keine Grenze. Wenn ich dieses Stück auswähle und wenn ich es ausführe, werden nur wir diesen Bereich sehen können. Wenn ich es betreibe, sollten wir unseren detaillierten Bereich hier sehen. Wir können sehen, dass dies unser Bild ist, also ist dies unsere eigene Navigationsleiste. Alles sieht gut aus. Was können wir jetzt tun? Hier? Wir müssen den Titel und die Funktionen sowie die Beschreibung und die Zukunft dieses Artikels hinzufügen Funktionen sowie die Beschreibung . Löse dafür. Was kann ich in erster Linie tun? Ich kann die Layoutansicht so aktivieren, dass wir, was wir die Spalte sehen können, Spaltennummer. Ich doppelklicke darauf und klicke dann auf dieses Layout. Jetzt haben wir Desorption. Von hier aus würde ich gerne eine neue Zeichenfläche mit der Kartenansicht hinzufügen eine neue Zeichenfläche mit , damit wir unseren Titel und eine Beschreibung hinzufügen können. Dann haben wir unser Feature und die verwendete Technologie. Ich klicke auf diese Kunsttafel, auf dieser nicht Kunsttafel dieses Rechteckwerkzeugs. Und von hier aus kann ich hinzufügen, wir unser neues Rechteck zeichnen können. Wir können unser Rechteck hier zeichnen. Und hier drüben. Zuerst füge ich ein paar Wasserideen damit wir kein OK haben müssen, OK . Wir können zuerst einen Schatten hinzufügen , um Schatten 20 mal 20 hinzuzufügen. Jetzt entferne die Grenze. Hier können wir unseren Titel hinzufügen und dann können wir unsere Beschreibung hinzufügen, um den Titel zu bearbeiten. Wir können einfach anfangen, Titel von hier aus hinzuzufügen. Dann können wir es. Aber wir müssen es ändern , um den Text zu blockieren. Während der Text. Lassen Sie mich zuerst diesen vorher auswählen. Ich denke, wir brauchen diese Layoutansicht jetzt nicht mehr, wir können diese einfach entfernen und dann können wir sie hinzufügen. Die Sache ist also, dass der Hintergrund weiß ist und es einen Grund gibt, warum wir diese Form hier nicht sehen können. Hier auf unserer Homepage verwenden wir also zwei verschiedene Hintergründe für dieses Layout. Die Farbe ist also in dieser Farbe, also werde ich es schaffen, ich werde diese Farbe hier sagen, und dann komme ich dafür her, wegen der digitalen Sphäre. Dann wähle ich dieses aus. Jetzt können wir sehen, wir können sehen, dass wir das hier sehen können. Also hier werden wir unseren Titel hinzufügen. Vielleicht können wir von hier aus einen Titel und eine Beschreibung hinzufügen . Lassen Sie mich also zuerst die Farbe in Schwarz ändern. Also müssen wir es in Schwarz ändern. Klicken Sie auf diese Farbpalette. Nicht ausgewählt. Jetzt können wir die Farbe in Schwarz ändern. Okay, damit wir unseren Titel hier hinzufügen können. Ich mache das MOOC und kopiere ein paar Dummy-Ticks von Loren Ipsum. Wir können einfach ein paar Texte von hier aus kopieren. Ich kopiere von hier nach hier. Ich kopiere das hier. Und ich öffne diesen Adobe XD. Und das sind die Textwerkzeuge. Und ich füge es hier ein. Dann können wir, wir können die Schriftgröße dieses Ordentlichen etwas größer hinzufügen. Schneller müssen das für den Text gebildete auswählen und diese Formulargröße hinzugefügt werden. Und dann entferne ich ein paar Texte weil wir hier nicht viel Text haben müssen. Ich kann hier ein paar SMS verschieben. Okay, perfekt. Jetzt wird dies in der Lage sein, zu titeln, und dann können wir Font-Style für diesen Titel hinzufügen. Wir können sagen, wir können diese Farbe verwenden, wir können diese verwenden. Und jetzt werden wir unsere kurze Beschreibung dieses Projekts haben . Um dies zu tun, klicke ich erneut auf dieses Textwerkzeug und dann müssen wir einen Bereich zeichnen , um unseren Detailbeitrag hier anzuzeigen. Sie können also sehen, dass wir es einfach von hier bis hier machen können . Los geht's. Perfekt. Jetzt hier drin werden wir unsere verwenden, wir würden unsere Beschreibung hinzufügen. Wir werden unsere Beschreibung hinzufügen. Dann können wir es einfach hier einfügen. Ich ändere hier die Formulargröße. Wir brauchen keine 35 und wir können es auf 25 ändern. Es gibt acht, und das ist unser Titel und unsere Beschreibung n. Wir können diese jetzt anpassen, indem wir hier klicken. Es ist jetzt so angepasst, dass wir die Größe dieses einfach verringern können . Wenn ich diesen jetzt ausführe und wir diese Detailbeschreibung haben können , werden wir im nächsten Teil ein paar weitere Funktionen wie die Tick-Use-Technologie hinzufügen. Wir können Feature und Tech verwenden und dann mehr Beiträge hier drüben. Aber wir werden es im nächsten Teil tun. Und ich höre das Video genau hier auf. Wir werden von der nächsten Vorlesung weiter lesen. 16. Details Page: Willkommen wieder einmal zurück. In diesem Teil werden wir weiter an unserem detaillierten Bereich arbeiten. Dies ist also bereits verstreute Kunsttafel, also haben wir unseren Titel und unsere Beschreibung bearbeitet und jetzt können wir hier unser neues Feld für unser Feature dieses Projekts hinzufügen . diese Funktion hinzuzufügen, was ich zuerst tun werde, Um diese Funktion hinzuzufügen, was ich zuerst tun werde, aktiviere ich diese Layoutansicht, damit wir die Spalte von hier nach hier sehen können die Spalte von hier nach hier sehen Wir fügen ein weiteres Rechteck hinzu, in dem wir fügt alle Funktionen hinzu. Geben wir hier ein neues Rechteck und es wird ein bisschen größer, da wir hier ein paar weitere Optionen hinzufügen werden. Für den Fötus Abschnitt. Hier geht's, wir können den Wasserradius 20 hinzufügen und dann unseren Schatten hinzufügen. Shadow wird bis 2020 20 und weitere 20 von hier aus sein. Jetzt können wir das tun, wir können das jetzt entfernen. Wir können diese Ansicht von hier entfernen. Wir können diese Layoutansicht entfernen, und wir brauchen diesen Motor auch nicht hier. Es sieht perfekt aus. Jetzt können wir zuerst hier einen Titel hinzufügen, also klicke auf die Einsätze. Und das sieht man genau an der gleichen Position, die wir schreiben können. Hier braucht es, wir können sagen Feature, Feature dieses Projekts. Vielleicht können wir die Schriftgröße auf 45 ändern. Los geht's, perfekt. Jetzt können wir unser Mindestes hinzufügen. Wir können wenigstens hier hinzufügen. Wir können unseren Kreis hier einfach aus diesem Getreide aus derselben Linie ziehen. Oder ein kleiner Kreis wird ein Punkt sein. Und wir können 15 mal 15 hinzufügen, vielleicht 15 mal 15. Und dann können wir es, du kannst es hierher ziehen. Und dann können wir die Farbe für diesen Punkt in Schwarz ändern . Dies ist der Aufzählungspunkt. Und hier werden wir den Titel hinzufügen. Ich klicke auf das Sticks-Tool und füge hier Text hinzu. Vielleicht kopiere ich das hier. Ich drücke Command, Control C. Mal sehen, ob wir es von hier aus kopieren können. Und dann können wir es hier einfügen. Los geht's. Wir können diesen kopieren, aber wir müssen den Stil ändern. Wir müssen den Stil und die Schriftgröße wählen, weil er 45 abnimmt. Aber das ist, ich glaube, 25 oder 35 ist 35. Ich glaube, es sind nicht kaum fünf. Es ist 35. Okay, aber lasst uns 25 hinzufügen. Wir können 25 hinzufügen und wir haben diese Option hier. Ich weiß nicht viel mehr über dieses bestimmte Datenelement. In diesem Fall können wir sehen, dass ich denke, dass wir die Beschreibung kopiert haben, nicht den Titel. Das ist der Grund, warum es die ganze Gegend zeigt. Also kopiere ich das einfach. Besser. Ich kann es herausstellen, damit ich kann, dass ich hören kann es kann, dass ich hören kann, dass dieser Text ist und mit der rechten Maustaste darauf klicken. Und dann können wir es komponentenweise machen. Button funktioniert nicht. Jetzt können wir es zu einer Komponente machen, und es wurde zu Komponente und Symbol wurde geändert. Jetzt kann ich auf diese klicken und dann kann ich diese Komponente einfach hierher ziehen. Sie können jetzt sehen, dass ich diesen von hier nach hier anpassen kann. Okay, perfekt. Was kann ich tun? Ich kann einfach eine Gruppe oder diesen Punkt erstellen und das sind Komponenten , damit wir sie duplizieren können. Diese Ellipse und diese Komponente werden also eine Gruppe sein. Wir können Befehl G sagen, Befehl D drücken und dann können wir die Gruppe benennen. Wir können sagen: Können wir speichern, können wir sagen Feature. Man kann Funktionen sagen. Es gibt Gutes. Klicken Sie nun auf diesen Lipidraster-Button und los geht's. Wir haben diese paar Möglichkeiten. Wir können es tun, wir können es noch ein paar Typen duplizieren und dann können wir Truhe und diesen hinzufügen. Wenn ich es jetzt ausführe, sollten wir unsere Funktionen sehen können. Und los geht's. Wir haben diese Feature-Option, daher haben wir diese Funktion von SHA-1 erfolgreich abgeschlossen. Und das ist unser Titel und unsere Beschreibung, und dies ist unsere Feature-Option. Wir zeigen unser Bild hier. Und was kann ich tun? Ich denke, wir können hinzufügen, wir können unseren Titel hier und die Beschreibung hinzufügen , um mehr Ideen zu erhalten. Also füge ich zusätzlich einen Titel und eine Beschreibung hinzu. Also klicke ich auf dieses Texttool und füge dann hier einen Titel hinzu. Wir können Titel sagen. Du kannst Titel sagen. Okay, jetzt füge ich hier nur dieses ein bisschen hinzu. Und dann ist das ein bisschen erledigt. Jetzt müssen wir einen weiteren Text zur Beschreibung hinzufügen. Wir können eine Beschreibung sagen. Es tut mir leid. Dann können wir unter dem hier gezeigten Skript gleich hinzufügen. Wir haben auch diese Beschreibungsoption. Okay, perfekt. So können wir die Schriftgröße dieses Titels und dieser Beschreibung genau wie die von uns verwendete Feature-Option ändern dieses Titels und dieser Beschreibung genau wie die von . Also wähle ich dieses 1245 aus. Okay, also müssen wir diesen anpassen , weil es viel Platz benötigt. Also ziehe ich es nach unten und ziehe es dann nach unten und ziele nach unten, lade den Titel eins. Wir müssen es ein wenig ziehen und wir können es jetzt anpassen. Für die Beschreibung werden es wieder 45 sein. Und los geht's. Jetzt haben wir diese Beschreibung und diesen Titel, Beschreibung und die Zukunft, nicht wenn ich diese führe, sollten wir in der Lage sein, unseren Titel oder unsere Beschreibung und unsere Funktionen zu sehen . Und ich würde gerne noch ein paar Dinge in unseren detaillierten Bereich aufnehmen. Zum Beispiel werde ich auf jeden Fall eine Fußzeile hinzufügen müssen , die wir bereits in unserer Komponente haben. Aber darüber hinaus werde ich unsere anderen Projekte in anderen Portprojekten auf andere Weise hinzufügen in anderen Portprojekten auf andere , so dass, wenn Sie gesehen haben, dass wenn jemand ihn vergrößern wird, der Datenraum er hätte Zugang zu anderen Posts, dann kann er darauf klicken. X ist keine Projekte für Erwachsene. Wir werden es an der nächsten Stelle machen. Ich werde dieses Video gleich hier beenden. Wir sehen uns in der nächsten Vorlesung. Tschüss. 17. Details Page: Willkommen wieder einmal zurück. An der Stelle, an der Sie einige weitere Optionen in unserem detaillierten Bereich hinzufügen . Um dies zu tun, was können wir tun? In erster Linie müssen wir die Höhe unserer Details erhöhen , aber die Zeichenfläche, also werde ich sie ein bisschen mehr erhöhen. Und hier werden wir hier drei weitere Projekte hinzufügen drei weitere Projekte hinzufügen damit wir ein bisschen mehr nehmen können. In Ordnung, also füge ich zuerst hinzu, ich werde diese Layoutansicht aktivieren. Klicken Sie also auf diese möglicherweise nicht gelangweilt. Und klicken Sie auf diese Layoutoption. Wir können diese Layout-Ansicht jetzt von hier aus sehen. Zuerst füge ich unseren Text hier hinzu, hier drüben. Also füge ich zuerst unseren Text hinzu. Wir können sagen, dass der Text von hier aus sein wird. Weil alles von der Seite kommt. Ich füge hier einen Text hinzu und hier kannst du sagen, ich werde klicken, ich kann mehr Projekte sagen. Dies ist mehr sexuelle Projekte n, vielleicht kann ich hier ein unterstrichenes hinzufügen. Lassen Sie mich also zuerst diesen Text anpassen. Wir können 45. Also müssen wir 45 haben. Dann können wir darauf klicken. Lassen Sie mich dieses auswählen. Wir können, wir können 45 haben und dann können wir darauf klicken, um diese anzupassen. Und jetzt danach können wir unsere Unterstreichung in dieser Sache haben. Wir können unser zugrunde liegendes Vesikel zeichnen, ist eine Linie, die wir hier ziehen werden. Und ich sage, mal sehen, lass es mich ändern. Ich kann es nach unten ziehen und dann können wir die Höhe auf 240 bis 40 alten Blumenstrauß verringern . Und dann können wir es hier anpassen. Wenn ich diesen jetzt starte, können wir einfach, mal sehen, wir müssen das auswählen, weil wir keine hinzugefügt haben. Würden Sie momentan keine Prototypoption hinzugefügt, können wir zum Datenraum navigieren. Das ist also die gesamte Einzelhandelsfläche. Und los geht's, wir haben diese Modus-Projekte Detail. Jetzt werden wir hier drei weitere Projekte hinzufügen. Wir werden es zu unserer Verteidigung gestalten. Wir werden definieren, wir werden hier eine Carte-Option entwerfen. Also nehme ich Hilfe Objektwinkelwerkzeug, klicke auf dieses Rechteck. Und dann können wir von hier aus eine Wache ziehen. Vielleicht von hier nach hier. Wir können ziehen, wir können diese Karte hier ziehen. Zuerst müssen wir unseren Grenzradius hinzufügen , um das hinzuzufügen, was bereits 20 ist. Dann die Mehrfachgrenze. Wir brauchen die Grenze nicht und wir brauchen einen Schatten. Also füge ich den Schatten 20 mal 20 hinzu. Wenn ich es jetzt renne, mal sehen, was können wir sehen? Und wir haben dieses Projekt hier drüben. Aber die Sache ist, dass es viele Leerzeichen braucht, also entferne ich diesen. Was kann ich tun? Ich kann es einfach auf diese Weise anpassen. Jetzt brauchen wir diese Layoutansicht nicht mehr. Ich entferne diese Ebene, sie endet hier. Wir können unsere Bilddateien hinzufügen , um Bilddateien hinzuzufügen. Ich zeichne hier ein Rechteck , damit sich dieses Bild damit leicht anpassen kann. Und dieser wird unser Imagebereich sein. So schnell müssen wir hinzufügen, wir haben eine Höhe, wir haben eine breite 636 und dafür, Okay, jetzt haben wir einen hohen Ton. Wir haben weiße 536 und wir haben eine Höhe fünf T6. Also werde ich zuerst die Grenze entfernen, und dann müssen wir alles hinzufügen, was es ist 20. Und dann denke ich, dass wir es ein bisschen mehr anpassen können. Jetzt. Bearbeiten angepasst. Jetzt. Es ist perfekt. Die Nase ist hier nicht perfekt , weil wir sie genau in der gleichen Größe haben müssen . Jetzt denke ich, dass es okay ist. Jetzt können wir unser Bild hier grafieren. Wir können unsere MA's hier fallen lassen, vielleicht diesen. Wir haben diese E-Mails hier und wir können sehen, dass in diesem Bild auch diesen Grenzradius hat. Und hier können wir unseren Titel und die Beschreibung hinzufügen, und wir haben möglicherweise wenig Text und die rechte Ecke. Was können wir jetzt tun? Wir können machen, wir können, Wir haben bereits einen Bestandteil davon. Wir können einfach hierher gehen, und dann können wir diese Komponente einfach hierher ziehen, um den Titel dieser zu erhalten. Dann können wir diesen Titel hier hinzufügen. Bevor du dieses Team machst. Ich denke, es wird so gehen, aber es ist in Ordnung. Und dann doppelklicke ich darauf. Und dann drücke ich im Medial die Eingabetaste , damit wir zur Zeile kommen können. Es sieht jetzt überhaupt kein Problem aus. So können wir die Schriftgröße für diesen Titel einfach auf 35 ändern . können wir. Was können wir tun? Wir können einfach dass es viel von seinem Besten braucht. Sie können diesen anpassen oder wir können einige Texte entfernen. Vielleicht werden Sie ein paar Texte von hier verschoben , nur um diese 135 anzupassen. Und jetzt müssen wir unsere Beschreibung hier hinzufügen. Um die Beschreibung zu bearbeiten, wähle ich dieses Textwerkzeug und zeichne dann den Textbereich. Okay, wir haben also sehr weniger Platz. Was kann ich also tun? Ich passe den Titel und die Schriftgröße an. Studiere fünf, um zu feiern. Dann haben wir wenig Platz. Nur. Dann können wir einen Textbereich zeichnen. Also bringe ich es von hier nach hier. Vielleicht von hier nach hier. Okay, und jetzt kopiere ich einen Text dafür, für die Beschreibung haben wir diese Dummy-Textoption hier, und ich werde diesen kopieren, vielleicht das. Jetzt kann ich das kopieren und ich kann es in diesen Textbereich einfügen und dann einfügen. Und offensichtlich müssen wir die Schriftgröße ändern , die sie mit dieser anpassen kann. Was ist passiert? Es tut mir leid. Also lass es mich nochmal zeichnen. Also zeichne ich, ziehe und zeichne den Textbereich hier. Und dann kann ich den Text hier einfügen. Und dann kann ich es einfach auf 30 ändern. Okay, also wenn es angefangen hat, können wir das haben, aber ich füge es auf 25 ein oder trinke es vielleicht für die Beschreibung. Dafür können wir diesen haben. Wir können einen anderen Text verwenden, verschiedene Schriftfamilien, damit er gut aussieht. Jetzt können wir einfach bemerken, dass dieser geht. Das kann ich nicht lesen. Vielleicht das hier. Das ist es. Okay. Jetzt kann ich auf diesen klicken, um mich damit anzupassen. Und nur mit dem Text. Es ist also jetzt ziemlich gut und hier können wir unseren Text hinzufügen und wir können Bu-Details sagen oder was können wir alternativ tun? Wir können einfach, wir können einfach einen Button Details anzeigen hier haben. Ich denke, wir können uns das auch einfach schnappen, wenn du willst. Ich glaube, wir können uns das schnappen. Lass es mich sehen. Ich glaube, wir haben eine Gruppe getroffen, wenn ich nicht falsch liege. Also haben wir diesen Boden hier. Wir haben diesen Boden in einer Gruppe, also mache ich es und dupliziere es. Drücken Sie also Befehl D, dann kann ich diesen duplizieren. Du siehst, dass ich das duplizieren kann. Jetzt. Los geht's nochmal, stell es einfach hier hin. Was ist passiert? Es wird hier nicht angezeigt. Lassen Sie mich das duplizieren, Command D, und dann kann ich es hierher ziehen. Die Sache ist, dass wir es nicht direkt hierher ziehen können , weil es in einer anderen Art Board ist. Und ich werde diese Dinge innerhalb dieser Zeichenflächensteuern verfügbar sein. Das hier. Was ich tun müsste, muss ich mich einfach anpassen. Ich muss es nur zu einer Komponente machen , damit ich es wiederverwenden kann. Aber es ist hier nicht sichtbar. Wenn ich auf diesen klicke, wird es hier nicht angezeigt da wir diesen hier bereits bearbeitet haben. Lass mich das schnell entfernen. Dieses Ding werde ich von hier entfernen. Dann lass mich sehen, ob wir noch hier sind. Und das ist der Hauptgrund. Also mache ich es zu einer Komponente, einer Komponente. Das Ganze wird also in dieser Komponente enthalten sein. Jetzt können wir es einfach hierher ziehen. Und dieses Mal wird es funktionieren. Schon wieder. Das ist es nicht. Ich denke, es funktioniert, aber die Sache ist, dass wir in einem Moment einfach unsere Gene können, den Hintergrund dieses. Wenn ich es jetzt führe, sollten wir das hier sehen können. Jetzt ist es okay, überhaupt kein Problem. Was können wir jetzt hier machen? Das haben wir hier. Also müssen wir es zu einer Komponente machen, dann müssen wir es zu einer Komponente machen. Dann können wir in diesem hier wiederverwenden. Jetzt ist es in diesem drin. Müssen wir hier noch ein paar hinzufügen? Um dies zu tun? Können wir das tun, können wir sie zu einer Gruppe machen und dann können wir dieses Wiederholungsraster verwenden , um diesen Wiederholrasterabschnitt hinzuzufügen. Was können wir tun? Wir können einfach all diese Artikel in einer Gruppe erreicht werden. Dies sind die wenigen Dinge , die wir hier haben. Wir haben diese großen Zellen. Wir haben diesen Komponenten-Button und diesen, denke ich, ich denke von hier aus haben wir alles. Also wähle ich all diese aus. Und jetzt können wir sie zu einer Gruppe machen. Klicken Sie nun auf verteiltes Raster. Wir können es erneut hinzufügen, duplizieren. Ich denke, wir können es dreimal duplizieren, aber wir können es nicht dreimal duplizieren. Sie können es zweimal duplizieren, da es außerhalb dieses Hauptdarstellers liegen wird. Was können wir tun? Wir können einfach einen Platz darauf schaffen. Wir können machen, was können wir tun? Wir können hier das Mischen mit dem Schreiben übernehmen. Wir können unten drin. Mal sehen, ob wir hier c nehmen können. Dann denke ich, dass wir unter einem weiteren graben können. Wir können T hier nehmen, und wenn wir den Platz verkleinern, können wir C nehmen und dann lass es mich laufen lassen. Und mal sehen. Hier. Wir haben diesen Detailraum hier. Und mein Computer funktioniert nicht richtig. Das ist es nicht. Lass mich lesen und das hier. Wenn ich jetzt auf diese Schaltfläche „Ausführen“ klicke, haben wir diese Details. Okay, also ist es eine ausgewählte Homepage für Erwachsene. Wenn ich jetzt darauf klicke, sehen wir unsere Detailseite hier Sie haben unser Feature gesehen, hier sind unsere Projekte. Ich kann, ich denke es ist so gut, dass wir T nehmen können oder wenn du willst, können wir auch ein paar mehr unten nehmen. Noch ein paar mehr unten. Du kannst drei von hier nehmen, kein Problem, Metall und wir können drei weitere unten herausnehmen. Und wir haben diese Option schon hier, also können wir einfach Drogen machen oder fahren. Wir brauchen hier keine Masse mehr zu haben da wir nur drei Projekte auf der Homepage haben. Jetzt werde ich die Mitte dieses ändern. Also wähle ich hier etwas anderes aus. Lassen Sie uns diesen hier auswählen. Dann müssen wir diesen auch ersetzen. Also kann ich diesen hier auswählen. Perfekt. Also haben wir diese Option hier und im nächsten Teil werden wir unseren Fußzeilenbereich hinzufügen, oder ich denke, ich kann sie in diesem Teil hinzufügen, weil wir diesen bereits in den Komponenten haben. Also werde ich zuerst entfernen, ich werde die Höhe dieses Hauptausgangs verringern. Und dann kann ich mir das einfach schnappen. Ich kann einfach diese Fußzeile greifen , weil wir alle glücklicher leben als unsere Komponente. Jetzt kann ich das anpassen. Ich denke, wir brauchen nicht viel mehr Speicherplatz, damit wir von hier ein paar mehr Speicherplatz entfernen können , da es bereits größer ist. Los geht's. Perfekt. Wenn ich jetzt auf diesen Grabenbeitrag klicke, sind wir jetzt auf der Homepage, also wähle ich diesen Detailbereich aus. Ich kann diese Option hier haben. Wir können sehen, dass wir all diese haben, wir haben das mehr sexuelle Projekte, und dann haben wir diese Fußzeile angepasst. Und eine Sache, die ich hier machen kann, kann ich einfach die Größe dieses verkleinern, weil es sehr groß ist. Größere Größe. Wir brauchen diese größere Größe nicht. Und lassen Sie mich zuerst überprüfen, wie es ohne kleineres aussieht, wenn wir das verringern Ich denke, es sieht ziemlich gut aus und wir können entfernen, wir können es in diesem Schiff einstellen, die Höhe breit ist vier oder 55. Ich wähle diese 455 aus. Hierfür wählen Sie auch 455 aus. Perfekt. Jetzt können wir es anpassen, um es zu hören. Vielleicht mach keins. Und dieser wird auch auf diesen einundzwanzig, neunzig sein . Jetzt sieht es ziemlich gut aus. Ich glaube. Perfekt. Es sieht ziemlich gut aus. Hier ist alles gleich, überhaupt kein Problem. Und wir haben diese Option für BU-Details. Wir haben diese Funktion von Sean und wir haben unsere Fußzeile. Also ist alles erledigt. Am nächsten Ort werden wir an unserem Prototyping arbeiten. Wir sehen uns also in der nächsten Vorlesung. Tschüss. 18. Prototyp mit Animation: Willkommen zurück. Noch einmal. In diesem Teil werden wir unser Projekt abschließen und unser Prototyping hinzufügen. Wir haben also grundsätzlich nur zwei Kunsttafeln im Hauptausgang. Wir haben unsere gesamte Anwendung und in unserem detaillierten Bereich haben wir die Details des Projekts, das wir auf unserer Homepage gezeigt haben. Lassen Sie mich also zuerst die Homepage laufen. Das ist unsere Homepage. Wir haben sehr schönes Design. Wir haben unsere Trägerobjekte oder Bildung, Sex gezeigt Projektabschnitt. Und unsere Tech-Fähigkeiten sind Werkzeuge. Und das Feedback und das Feedback, das wir erhalten haben, zeigen diese Bildlaufansicht. Und dann haben wir auch unser Kontaktformular. Dann haben wir unsere Vollzeit. Wenn unser Benutzer auf diese Schaltfläche Details anzeigen klickt , senden wir sie in den digitalen Raum. Aber wenn ich jetzt hier klicke, wird nichts passieren. Es bedeutet, dass wir unseren digitalen Raum nicht zählen. Dafür müssen wir Prototyping hinzufügen. Jetzt ist die Frage , wie können wir das machen? Es ist also ein sehr einfacher Weg. Nichts muss schon ein paar Mal düster werden. Darüber hinaus können Sie sehen, dass es eine Option namens Prototyp gibt. Sie können einfach auf diesen Prototyp klicken. Wenn Sie also in diesem Prototyp Tod sind, dann haben Sie in der rechten Ecke dann haben Sie in der rechten Ecke ein paar Optionen. Im Grunde müssen wir also daran arbeiten. Der erste ist Trigger. Dieser Auslöser bedeutet, welche Art von Prototyping wir haben wollen. Es hat also ein paar Optionen. Zuerst müssen wir einen Artikel auswählen aus dem wir diese Dinge tun können. Also klicke ich zuerst auf diese erste Option, die dieser Ansichtsdetaileffekt sein wird. Klicken Sie hier auf Details anzeigen hier. Wenn ich jetzt so klicke, wann du willst, wenn du in einem Prototyp oder Schutz bist, also wenn du einen der Artikel auswählst, dann gibst du dir von hier aus einfach einen Button. Von hier aus können Sie Prototyping hinzufügen. Nun, wenn ich dieses auswähle und dann kann ich darauf zugreifen und du kannst Tiefe sehen, Tasten und Gamepad und Stimme ziehen. Es gibt also so viele Dinge damit zu tun. Aber für uns werden wir diese Schrittoption verwenden , damit wir ihnen, wenn Sie darauf klicken, Loci senden. Also überspringe ich diesen Schritt. Und dann haben wir unter diesen Aktionen verschiedene Arten von Animationsmöglichkeiten. Also wird der erste getippt. Wir haben Übergangsautomatisches Animate-Overlay. Overlay bedeutet, wenn Sie eine Menge zeigen möchten, ist es cool für die vorherige Wiedergabe der Zeichenfläche, die Wiedergabegeschwindigkeit und diese Dinge sind auch hier verfügbar. Normalerweise müssen wir die meiste Zeit mit dem Übergang verwenden. Also wähle ich diese beim Übergang aus. Wir haben das Ziel. Jetzt haben wir zwei Möglichkeiten. Entweder können wir diesen direkt anklicken und dann können wir es in unseren Detailbereich ziehen. Dann wird es sich auf diese Weise verbinden. Ich ziehe das hier. Und Sie können sehen, dass es sich automatisch mit dem Detailbereich verbunden hat . Wir können also sehen, dass dies der Detailraum ist, den wir hier haben. Jetzt haben wir diese Option, dann haben wir auch die Schleifen. Okay, also noch eine Sache, die jetzt sichtbar ist, die Statistik, wir haben das, wir haben einen anderen Boden hier drüben. Okay, es tut mir leid. Das haben wir nicht bemerkt, als wir das gemacht haben , weil wir es mehrmals kopiert haben. Okay, das ist also die Sache, die wir reparieren müssen. Wir werden es später machen. Jetzt, wenn du darauf klickst. In der, im Ziel, haben Sie diese Option hinzuzufügen. Also wenn du darauf klickst. Unser Ziel ist also dieser Detailraum. Und hier haben wir die Animationsfolie links, Schieberkante, damit wir rechts auf Schlitten klicken können. Und dann haben wir einfach und einfach in Louisiana, einem anderen Typ, damit wir einfach genug auswählen können. Und das ist die Dauer von 0,6 Sekunden. Wenn ich jetzt diesen ausführe, wenn ich jetzt zu diesem zurückkomme, wenn ich auf Verweigerung klicke, können wir das Handsymbol sehen, wenn wir auf dieser Schaltfläche Details sind, aber hier wird nichts passieren. Wenn ich also darauf klicke, sehen wir uns unseren Detailbereich an. Los geht's. Wir haben unseren Detailraum. Und dann haben wir diese Option hier. Der Button ist hier sichtbar. Ich denke, wenn wir diese doppelte Kopie kopieren, haben wir gelernt, wie man dieses Prototyping hier macht, aber dieser Button ist irgendwie da. Du überprüfst das hier. Ich denke, das ist der Knopf , über den wir sprechen. Jetzt entferne ich diesen Button von hier. Ich lösche diesen Button von hier aus. Ich kann es löschen. Okay, jetzt ist es also, desto mehr kannst du sehen, dass wir jetzt keinen Knopf mehr haben . Es ist in Ordnung. Wenn wir es also aus der Komponente kopieren, haben wir es noch einmal dupliziert, glaube ich, aber ich habe es nicht bemerkt. Wenn ich es jetzt noch einmal starte, ist dies unsere Homepage. Wenn ich nun auf diese Details anzeigen klicke, befinden wir uns in diesem detaillierten Bereich und es dauert etwas länger, weil ich dies ausgewählt habe. Zeitrahmen. Von hier aus können wir nicht mehr auf unsere Homepage zurückkehren. Was können wir also tun, wenn wir uns im Datenbereich befinden, wir haben diesen Home-Button. Von hier aus können wir also zurück auf unsere Homepage gehen. Um dies zu tun, was wir tun müssen, müssen wir denselben Prozess verfolgen. Lassen Sie mich zuerst, okay, also lasst mich jetzt die Dauer 0,6 bis 0,2 und die Standarddauer wählen. Und Sie können hier auch verschiedene Arten von Dingen auswählen, wie oben, von oben, ich klicke darauf. Wir sind im digitalen Raum. Jetzt. Anstatt zu rutschen, richtig? Sie können auch sagen, rutschen Sie auch nach unten. Wenn ich die erste Folie nach unten klicke, wird sie sich von oben lösen und dann wird es nach unten gehen. Sie können klicken sehen und es kommt von oben. Aber es ist besser, diesen zu haben, um das richtige auszuwählen. Und das müssen wir nur, wir müssen so einfach drin sein. Wir müssen nicht einfach ein- und aussteigen. Und wir können jetzt klicken. Wir haben diesen reduzierten Platz. Jetzt müssen wir noch einen Prototyp von zu Hause aus hinzufügen. Wenn Sie also auf dieses Haus doppelklicken, können wir jetzt zwei Dinge damit tun. 11 ist, dass wir Vorherige Zeichenfläche auswählen können. Wir können sehen, dass unser Übergang Vorherige Zeichenfläche sein wird. Es bedeutet, dass wir von wo wir gekommen sind, also kommen wir von der Homepage in den digitalen Raum. So wird der Detailraum automatisch angepasst. Aber das Problem ist, dass manchmal, wenn Sie auf der Homepage waren oder an einem anderen Ort sind, aber wenn Sie möchten, sagen wir, Sie haben 5678 Seiten. Aber wenn Sie die ganze Zeit sind, wenn Sie diese vorherige Zeichenfläche verwenden, dann werden Sie nur die vorherige Ausgabe existieren, vielleicht von der Homepage, um zum Bildungsstück zu wechseln, dann Bildung Peers auf das projektbasierte. Wenn Sie nun von der projektbasierten Seite zur Homepage zurückkehren möchten , können Sie die vorherige Zeichenfläche nicht teilen , weil Sie zum Projekt gegangen sind, projektbasiert aus der Ausbildung dürfen Sie nur zur Integrationspaste wechseln , nicht zur Homepage. Es gibt einen Grund. Lassen Sie mich es Ihnen trotzdem zeigen, ich zeige Ihnen, dass Sie auf diesen vorherigen an Bord klicken. Jetzt können wir das sehen. Wenn ich jetzt, wenn ich diesen Ziffernbereich direkt ausführe und wenn ich hier klicke, dann kann ich immer noch zur Homepage wechseln weil ich diesmal nicht von der Homepage gekommen bin. Ich führe diese Details definitiv aus, aber das ist der Grund, warum es nicht funktioniert. Wenn ich diese Homepage schnell auswähle und wenn ich von hier aus zum Detailbereich zurückkehre und auf diese klicke, sind wir im T-Test, aber wenn ich jetzt auf Homepage klicke, dann sind wir jetzt im Home-based, können wir es tun. Okay, das ist also die Bedeutung des vorherigen Zeichenflächensystems, aber es ist immer besser, dieses hinzuzufügen. Anstatt also die vorherige Zeichenfläche hinzuzufügen, wählen Sie den Übergang aus und wählen Sie dann eine Ausgabe aus. Also sind wir im Detailbereich, wir gehen auf die Homepage. Schon wieder. Es hängt von dem Projekt ab, an dem Sie arbeiten. Sie müssen also nur wissen, wie die Dinge in Adobe XD funktionieren, und dann können Sie es für Ihr Design verwenden. Jetzt klick auf diese Homepage ist dieses Mal, wenn ich auf diese Homepage klicke, werden wir auf die Homepage verschoben. Los geht's wieder, sehen wir sind auf der Homepage. Wenn ich nun wieder auf diese Details anklicke, können wir hier zu diesem Detailbereich wechseln. Dies ist unsere Beschreibung, das ist unser Feature. Das ist alles Projekt und wir haben diese schöne Fußzeile, also ist alles in Ordnung. Ich werde dieses Video hier beenden und wir werden mit der nächsten Vorlesung fortfahren. Wir sehen uns in der nächsten Vorlesung. Tschüss. 19. Exportieren aller Designs: Bisher haben wir unser Web-App-Design fertiggestellt. Jetzt ist es an der Zeit, unser Design zu exportieren. Wir haben dieses Design gemacht, jetzt ist es an der Zeit, dieses Team mit anderen Leuten zu teilen . Wie kann ich es tun, ist sehr einfach zu machen, was wir in dieser Option im Dateiabschnitt haben. Lassen Sie mich Ihnen jetzt noch einmal unser Projekt zeigen , denn wir haben sehr gute Arbeit geleistet. Wir haben eine komplette Web-App entwickelt. Und jetzt haben wir diesen Bildungsbereich, unser Projektsex hat unsere Tools gezeigt. Nehmen Sie Skews Feedback und wir können auch unser Feedback von hier aus scrollen. Dann haben wir diesen Vertrag von Sean und dann haben wir diese Fußzeile. Dies ist die vollständige Anwendung. Wenn ich nun auf diese Details anzeigen klicke, sollten wir sehen können unser Datenraum hier aus einem Detailbereich besteht, und ich habe unsere Titelfunktion und die Projektoption hier. Und dann haben wir die Fußzeile. Wir müssen jetzt eine Art Board machen, wir müssen es exportieren. Wenn wir jetzt auf die Homepage klicken, sind wir auf der Homepage. Alles ist in Ordnung. Um dies zu tun, müssen wir auf diese Datei von Sean klicken. Und dann haben Sie hier eine Option namens Export. Das bedeutet, dass es viele Möglichkeiten gibt, dies zu tun, wenn wir unser Design exportieren wollen . Und es heißt, dass alle Kunsttafeln oder die ausgewählte eine Quelle Flüssigkeit bedeutet, wenn ich diese auswähle, wenn ich nur diese spezielle Kunsttafel exportieren möchte, dann kann ich dies tun. Ich kann auf diesen Export klicken und dann können Sie sagen, es heißt ein ausgewähltes, es bedeutet, dass nur dieser, aber wir wollen, tun, wir möchten alle Zeichenflächen exportieren. Wenn Sie alle nicht Poren gleichzeitig exportieren möchten, müssen Sie alle Zeichenflächen auswählen. Dann haben Sie die Möglichkeit, es zu tun. Und es wird uns ein Pop-up von Shawn geben wir werden verschiedene Möglichkeiten haben. Es sagt, dass das Format, welches Format brauchst du? Vielleicht brauchst du ein PDF-Format, vielleicht brauchst du ein JPEG-Format, vielleicht ein einzigartiges PNG-Format, damit du es für mich tun kannst. Ich wähle mein JPG-Format und dann die Qualität aus. Sie können verschiedene Arten von Qualität auswählen. Es ist also besser, 100% zu haben und diese zu exportieren und auszuwählen Asset wird zu einem exportiert. Und wir haben diese Möglichkeit , für nichtlineare Entwurfsoption zu exportieren. Und alles, was wir nur für die Weboption können , was bedeutet, dass Sie sie ausführen können. Jetzt entworfene Anzeige. Sie können wählen. Wir können, jetzt haben wir für diesen exportiert und wir haben diese Option. Und wir können einfach unser Ziel auswählen , an dem wir es speichern wollten. Sie können einen neuen Ordner erstellen oder wo auch immer, wo immer Sie es einstellen möchten , was ich jetzt für mich die Desktops schiebe und einfach auf dem Desktop zeige ich ihn. Klicken Sie nun auf Alle an Bord exportieren. Und du brauchst nur ein paar Sekunden. Ich glaube, es ist fertig. Jetzt. Das ist mein Nächstes und hier haben wir diese 21. Das ist also unsere Homepage. Wenn ich jetzt darauf klicke, öffnet es sich. Moment. Es läuft jetzt. Es öffnet die Anwendung nicht. Also hier ist unsere Bewerbung. Moment. Lass es mich sehen. Breite. Noch ein paar Momente sind sehr langsam. Los geht's. Wir haben dieses ganze Design , das wir in Adobe XD-Code hatten, dasselbe ausführen. Jetzt können wir hineinzoomen und verkleinern und dann können wir es, ich denke, wir können es größer machen. Jetzt können wir hineinzoomen. Sie können sehen, dass wir genau das gleiche Design haben , das wir in Adobe XD hatten. Also haben wir es erfolgreich exportiert. Analysieren Sie die 100%. Das ist also unsere Homepage. Und wir haben Karriereobjekt, wir haben unsere Ausbildung, und wir haben unser Projekt und versuchen definitiv nicht, darauf zu klicken , denn nach Ausbeutung wird es hier nicht funktionieren. Definitiv, weil es nur ein JPEG-Format ist. Und das ist unsere technische Fähigkeit und Sie können sehen , dass es keine Pixelprobleme gibt, also ist alles fit und in Ordnung. Offensichtlich können wir es nicht scrollen. Passen Sie eine E-Mail an. Und das ist die Kontaktbasis und dann haben wir unsere Fußzeile. Hier ist also alles perfekt. Lassen Sie mich nun diesen Detailraum öffnen. Dies ist unser Detailraum. Jetzt zoome ich hinein. Nun, das ist unser Detailraum und wir haben diese Option hier. Wir haben uns überhitzt. Wir haben unsere Navigationsleiste, wir wollen unsere E-Mails, dann Titelbeschreibungsfunktionen und weitere Beiträge und unsere Fußzeile und definitiv wird die Produktwerbung hier nicht funktionieren. Das ist also unsere Homepage und das ist unser Detailraum. Deshalb haben wir unser komplettes Projekt von seiner kreuzen bis zur Live-Ansicht abgeschlossen . Wir haben unser Design exportiert und ich denke, Ihnen hätte dieser Kurs gefallen. Ich höre das Video genau hier auf.