Figma Meisterkurs: Entwirf und prototypisiere deine erste Idee für eine mobile App

1. Einführung in den Figma Master-Kurs: Willkommen in meinem Kurs. Härter Land Feige Marvit. In nur 14 Tagen in den Schulen, werden Sie alle verschiedenen Werkzeuge und Techniken und Tipps lernen, wie Zehendrahtrahmen als Design und dann Prototypen Ihrer APP-Idee von Grund auf neu. Ich werde mit Ihnen alle gängigen Sharper-Fall teilen, damit Sie Ihren Workflow innerhalb von Figment beschleunigen können . In ähnlicher Weise werden wir mit Ihnen alle verschiedenen Prototyping-Tools und Tipps und Techniken zur Verwendung verschiedener Übergänge zu teilen , die unterschiedliche Emissionen beeinflussen, so dass Sie Ihre statischen Designs und langweiligen Designs in etwas umwandeln können genial. Wir werden zusammen zu entwerfen Lebensmittel Rezept haben Keime genannt. Wir werden seine Anmeldebildschirm X Suchfilter entwerfen. Es sind verschiedene Menüanimationen dort, wo das Menü von einem Schema zum anderen übergeht und wie Sie intelligent sind. Und er machte, wie man übermäßig Effekte einsetzt. Wie man all diese Art von Sachen innerhalb von Sigma benutzt. Es gibt viele Aufgaben entlang der Schule, also gehe ich zu Fuß. Behalten Sie Ihre Fortschritte im Auge, und ich werde Ihnen rechtzeitig Feedback geben, wie Sie Ihre Designfähigkeiten verbessern können . Ich glaube, dass jeder jedes Design-Tool innerhalb von nur zwei Wochen lernen kann, das ist genug. Also lasst uns loslegen und jetzt in die Figment eintauchen. 2. Herunterladen und Installieren von Figma auf Win und Mac: in diesem Video werden wir gehen Kopf zu figment dot com, und wir werden Abbildung MMA herunterladen, und wir werden sehen, was sind verschiedene Funktionen und wie wir sie verwenden können. Was ist das Preismodell von Fig? Mama, was ist die kostenlose Version gibt und was ist die kostenpflichtige Version? Differenzen. Also lasst uns anfangen. Nein. Zuerst gehen Sie zu Figur dot com gehen und das ist ihre Website, und Sie können hier sehen, sie sagen Streit Igman kostenlos. Also müssen Sie Ihr Konto hier erstellen, so dass Sie gehen, um sich anzumelden und Ihr Konto erstellen. Dies ist der erste Schritt. Jetzt ist der zweite Schritt, sobald Sie Ihr Konto erstellt haben, gehen Sie zu Downloads Sigma dot com slash Downloads gehen. Wie Sie von Aussparung Rolle Ressource gehen können, und gehen Sie zu Downloads und hier ist Sie gehen, Desktop-App herunterladen. Denn wenn Sie auf einem Mac OS oder Mac-Betriebssystem sind, werden Sie diese Desktop-App herunterladen, und wenn Sie unter Windows sind, werden Sie die Desktop-App für Windows herunterladen. Nun, wenn Sie versuchen, Ihre Feige MMA in Ihrem Browser zu verwenden, dann werden Sie diese Karte verwenden. Quest-Installationsprogramm, Windows-Installationsprogramm. Die meisten Leute, die ich denke, 99,9% sie werden diese herunterladen tun. Darum brauchen wir uns keine Sorgen zu machen. Fort Installer laden Sie einfach die Desktop-App herunter und installieren Sie sie auf Ihrem PC oder Mac. Jetzt hier, werde ich Ihnen zeigen, was das Preismodell ist. Und was sind die Merkmale, die in verschiedenen Preismodellen für dieses Feigenmodell sind? First ist kostenlos, so dass Sie nach zwei Editoren erstellen können. Würden Sie nur meinen, dass zwei Personen ein einzelnes Projekt bearbeiten können? Sie können ein Team zu Designern und drei Projekten haben, und Sie können drei Projekte erstellen. Maximal aus drei Projekten, 30-Tage-Versionsverlauf. Dieses Schlepptau spart tatsächlich Ihre Design-Versionen. Also, was auch immer die Änderungen, die Sie an einer Designdatei tun, sie werden für nur 30 Tage gespeichert und unbegrenzte Dollar geschrieben werden. Sie können unseren Upload, jede Datei oder jede beliebige Größe aus Datei verwenden. Das ist kein Problem. Unbegrenzte kostenlose Zuschauer, damit Sie Ihre Projekte mit unbegrenzten Personen teilen können, damit sie Ihr Projekt ansehen können . Jetzt können Sie sehen, hier haben wir professionelle und organisatorische. Nun, die Hauptsache, die wir suchen werden wir hier sind, ist unbegrenzte Versionsgeschichte. Dies ist das erste, was, und zweitens ist er nur private Projekte einladen. Also, zum Beispiel, wenn sie Unternehmen oder Unternehmen sind, wollen sie nur an privaten Projekten arbeiten, können sie nur Einladung erstellen, die sie senden können, laden Sie nur private Einladungen, die verschiedenen Mitglieder, gemeinsam verwendbare Teambibliotheken So können Sie Ihre Designbibliotheken entwerfen und sie für Ihr Team freigeben . Das ist ein weiteres Berufsmerkmal. Also, ähm, das sind die Unterschiede. Also, wenn Sie eine sehr große Organisation sind, können Sie sich für diese entscheiden. Nun, was sind die verschiedenen Funktionen? Warum denken wir, dass Stigma das nächste große Ding ist? Nein. Der Grund dafür ist, dass das erste, was ist, dass es eine plattformübergreifende. Sie können dieses Design auch in Ihrem Browser verwenden. Das ist also das erste, wenn Sie sich ein Design-Tool ansehen, müssen Sie sehen, ob es überall auf jeder Plattform verwendet werden kann. Das ist ein Pluspunkt. Der zweite Punkt ist, dass es viele Werkzeuge gibt, von denen ich denken kann, dass sie Werkzeuge der nächsten Generation für Designer sind . Es gibt eine Menge Dinge, die Sie eine Menge von Funktionen tun können, aber in diesem gestohlen völlig Stunden, ansprechende Designs. Dann haben wir Plug Ins. Sie können sehen, dass Sie verschiedene Plug Ins herunterladen und die Funktionalität von Sigma erweitern können, die Sie hier sehen können. Hier haben wir nicht spritzen, so können Sie jedes Bild und sein Stockbild herunterladen, das kostenlos ist. In ähnlicher Weise haben wir dies, ich quantifiziere, und Sie können beliebige verschiedene Symbole wie Materialdesign Icon Scougall Symbole verwenden. Vier tolle Symbole, die sehr beliebt sind. Das sind also die Eigenschaften von Sigma, und so wirst du hier rüber gehen. Melden Sie sich an und unten laden Sie Abb, MMA Desktop-App und wir werden in der nächsten Lektion beginnen. Gehen wir also zur nächsten Lektion über. 3. Neue Figma Schnittstelle 2022: In diesem Video schauen wir uns Figma an, eine neue Schnittstelle, weil die alte vor zwei Jahren war. Jetzt ist das das Neue. Lassen Sie uns also in die Sigmas-Schnittstelle eintauchen. Okay, sobald Sie sich bei Figma angemeldet haben, werden Sie sehen dass dies die Schnittstelle sein wird, obwohl Sie nicht sehen werden, dass diese oben sind, dies sind die Dateien, die ich geöffnet habe. Die werden also nicht da sein. Wenn du es zum ersten Mal benutzt. Auf der rechten Seite wird es ein Profil geben. Wenn Sie also hier drüben klicken, können Sie sehen, dass dies meine E-Mail ist. Sie können auch zum Community-Profil I interne Profil-Plugin-Einstellungen gehen . Das sind also die Einstellungen. So können Sie hier sehen, Sie Ihren Namen, Ihre E-Mail-Adresse, Ihr Passwort und andere Dinge von hier aus ändern können . Und Sie können von hier aus auch zum Community-Profil gehen. Das ist also mein Community-Handle als Adressat und du kannst es ändern, wenn du willst. Dies sind die Plugins, die Sie installiert haben. Sie können hier drüber klicken und von hier aus Details deinstallieren oder anzeigen. Sie können auch von hier aus Plug-Ins verwenden. Was auch immer Sie installiert haben, was die Fähigkeit von Figma verbessern wird, dies wird hier sein. Du kannst also sehen, dass ich all diese Plugins habe. Das sind sowieso zu viele Plugins. Das wird also dein Konto sein. Community-Profil ist notwendig, da Sie in die Community gehen, um viele verschiedene Dinge herunterzuladen. Sie können also sehen, dass ich zu meinen Community-Profilen gewechselt bin. Hier sieht man also, dass es Community heißt. Wenn Sie also zu Ihrem Hauptprofil zurückkehren möchten, müssen Sie hier drüben klicken, zur Essenz wechseln oder auch immer Ihr Name in Ihrem Figma als Profil ist, Sie sind wieder an der Benutzeroberfläche. Okay, also fangen wir mit dem kürzlich angesehenen an. Kürzlich angesehen. Wann immer du anfängst , wird es hier sein. Wir haben also drei Knöpfe. Zuvor waren die Tasten, aber nicht sehr gut gestaltet. Ich würde sagen. Das ist wirklich einfach. Neue Designdatei. Klicken Sie hier drüben. Neue Fig Gem-Datei, die für Whiteboard-Diagramme und die Zusammenarbeit verschiedener Skizzen oder Ideen gedacht ist . Dies ist ein weiteres Tool von Figma. Das ist also ihre Akte. Wenn Sie eine Datei aus der Figma-Skizze oder einem Bild importieren möchten , können Sie hier klicken und auf die Fig Datei klicken. Mal sehen, ob ich etwas in Downloads habe. Okay, also kannst du sehen, dass ich diese Punkt-Fig Datei auch dunkle Skizzendateien habe, also kannst du diese importieren oder beides. Klicken Sie einfach auf die Fig Datei und öffnen Sie sie so. Und der Import wird einige Zeit dauern, da es sich um ein Online-Tool handelt. Es wird also zeigen, dass du fertig sehen kannst. Und hier habe ich diese Akte hier drüben. Ich doppelklicke darauf. Um diese Datei zu öffnen. Man sieht, dass es im Grunde bei Clay Mock-up von hoch für die Akademie ist. Jedenfalls. Gehen wir also zurück zu unserer Hauptschnittstelle, die dieses Zuhause sein wird. Und wir haben, Sie wissen bereits, dass es sich um eine neue Datei handelt. Dies ist die Config-Gem-Datei. Wir werden also hauptsächlich diese neuen Designdateien oder vielleicht einige Dateien importieren. Okay, also hier unten haben wir alle aktuellen Dateien, an denen ich gearbeitet habe oder ich geöffnet habe. Sie können also sehen, dass es einige Designsysteme, handgezeichnete Vektorformen, Formen vieles gibt. Und wenn Sie dafür stimmen, eine Datei von hier zu entfernen, können Sie einfach hier klicken und mit der rechten Maustaste klicken und von kürzlich entfernen. Sie können mehrere Dateien auswählen. Lassen Sie uns zum Beispiel mehrere Dateien auswählen, wie ich diese habe, also drücke und halte ich die Umschalttaste, diese und diese. Also habe ich alle drei ausgewählt und drei Elemente aus dem letzten Mal entfernt. Also werde ich es so entfernen, weil dies viele meiner Studentenaufgaben sind . Also reichen sie weiter ein. Okay, also haben wir diesen Bereich abgedeckt. Filtern nach allen Dateien, Designdateien, Fig Gem-Dateien sind Prototypen. Normalerweise haben wir alle Akten. Dann haben wir diese Viewer-Switch-Liste von Dateien mit kleinen Symbolen, wenn Ihnen das gefallen hat. Weil es Ihnen zeigt, wie lange Sie diese Datei erstellt oder geöffnet haben. Sie können einige der Dateien sehen, die ich vor zwei Monaten geöffnet habe. Und das wird Ihre Rasteransicht sein. Dies sind also zwei Ansichten für Ihre letzten Dateien. Auch wir haben hier Fig Jam-Vorlagen oder Informationsarchitekturdiagramm , all diese Diagramme Wenn Sie sie verwenden möchten, können Sie auf dieses klicken und einfach anfangen zu bauen, was immer Sie haben wollen. Okay, dann haben wir diese Community-Profile. Wenn Sie also zur Community gehen, können Sie Icons, Wireframes, Designsysteme, all das kostenlose Zeug, Plugins alles herunterladen Wireframes, Designsysteme, . Das ist also ein sehr nettes Feature des neuen Features von Figma Hexen. Sie können vielleicht nach beliebigen Plugins suchen. Sagen wir Größe, sagen wir Größe, und sehen, ob wir Event C, Symbolgrößen und Renngrößen haben . Das sind also alles verschiedene Plugins. Hier haben wir also verschiedene Ersteller , die diese Plugins tatsächlich erstellen. Dies sind Plugins und auch wenn Sie zu Dateien gehen, können Sie sehen, dass wir verschiedene Dateien haben , auf denen dieser Bildschirm zum Beispiel angezeigt wird, können Sie iOS 14-Bildschirmgrößen sehen. Also das Periodensystem des iPhone. Das sind also alles verschiedene Bildschirmgrößen. Sie können also verschiedene Dateien herunterladen , wenn Sie herunterladen möchten. Wenn ich diese Datei beispielsweise herunterladen möchte, ist dies die Größe A3, A4, A5 zum Entwerfen. Sie können auf dieses Duplikat klicken und es wird in Ihrer Figma hat Oberfläche dupliziert. Hier haben wir es. Okay, also lass uns zurück nach Hause gehen und du wirst genauso in der Community sein. Du kannst auf Gefällt mir klicken oder das lieben, was auch immer. Und Sie können auch vergrößern, verkleinern. Sie können in den Vollbildmodus gehen und sehen, was andere, andere Dinge diesen Autor erstellt haben. Lass uns zurückgehen. Lass uns wieder hier rübergehen. Sie können auf Wireframes klicken und Sie werden hier viele Wireframes sehen, Plugins, Dateien, alles. So kannst du hier drüben sehen. Ich habe das wirklich geliebt. Also repliziere ich das hier. Ich liebe es. Okay, es geht also um Communities. Wechseln wir also zurück zu meinem Hauptprofil. Okay, also hier haben wir es. Also haben wir kürzlich und Community diskutiert. Sie können Ihre Dateien auch von hier aus einstellen. Siehst du, wir haben meinen ersten Design-Figma- oder Figma-Kurs. Dies ist ein Projekt. Was siehst du hier. Dies sind Dateien und diese stammen aus Community-Dateien. Gemeinschaft. Okay, so wird es dir also eine Suche zeigen, sehr fortgeschrittene, sehr nette Suche. Sie können Dateithemen oder Personen suchen, sogar Personen. Also lasst uns Chris wählen, wir haben es. Verschiebe ein Volk. Okay, also muss ich eintreten, um es zu sehen. Das ist also einer meiner Mitarbeiter. Ich verstecke die E-Mail hier drüben. Das ist also die Person , die gerade mit mir zusammenarbeitet, ein Entwickler ist. Okay, also haben wir die Suchleiste abgedeckt. Wir haben diesen Hauptprofilwechsel von Community zu zurück. Wir haben diesen Abschnitt auf der rechten Seite behandelt. Dies werden Ihre Updates sein. Wenn Sie ein paar Benachrichtigungen haben. Das werden also Ihre Benachrichtigungen sein. Dann haben wir Entwürfe. Entwürfe sind eigentlich Projekte. Du bist also eigentlich Projekt und alles. Sie erstellen eine Bearbeitung, erstellen eine neue Datei. Wann immer Sie eine neue Datei erstellen, wird sie in einem Entwurf enthalten sein. Sobald ich darauf klicke, siehst du hier drüben. Drücken wir also E für die Art Board und klicken wir auf diese. Okay, Sie können also sehen, wenn ich etwas erstellt habe, also wird es in den Entwürfen sein. Oben haben wir also die Hierarchie. Entwürfe ist das Projekt. Dies ist der Dateiname. Wenn Sie also hier klicken, können Sie den Dateinamen, meine Figma-Datei, bearbeiten. Okay? Wenn Sie es an einen anderen Ort verschieben möchten, klicken Sie auf diesen Pfeil und Sie können sehen, wie Sie zu Projekten wechseln. Also habe ich verschiedene Projekte wie diese. Wir sind hier in der Figma-Klasse Feinschmecker-App. Ich kann darauf klicken und das kann ich dorthin verschieben. Außerdem gibt es wenige weitere Optionen, Lead umbenannt wurden, Favorit diese Datei. Also bevorzugt diese Datei bedeutet, wenn ich auf diesen Favoriten klicke, diese Datei, wird sie hier angezeigt. Sie können Lieblingsfeuer sehen. Das sind also meine Lieblingsdatei. Wenn ich also eine Lieblingsdatei öffnen möchte, kann ich das ganz einfach machen. Selbst wenn ich schließe, ist das hier. Okay? Wenn Sie also den Hintergrund ändern möchten, klicken Sie auf die Außenseite und wir haben diesen Hintergrund, Sie können ihn in alles ändern, was Sie wollen. Dann haben wir auf der linken Seite Sie können Seiten sehen. Wenn Sie darauf klicken müssen, um die Seiten zu sehen, können Sie hier weitere Seiten hinzufügen. Bevor wir darauf eingehen, lasst uns die Figma-Hierarchie studieren. An der Spitze haben wir Teams. Das wird also so sein wie hier drüben. So landen Sie XID-geteilte Produkte. Das ist mein Team. Wenn ich es also zusammenbringe, kannst du sehen, dass es sich um gemeinsame Projekte handelt. Dies ist ein anderes Team. Lande dich aufgeregt, das ist eine andere Sache. Wenn ich also auf Team klicke, siehst du hier zwei Mitglieder. Dann sind dies die Projekte, die in diesem Team erstellt wurden . Dies sind die Mitglieder. Okay, das sind also die Leute, die tatsächlich den Zugang dazu beobachten weil dies alle meine Schüler sind. Und dann haben wir Einstellungen hier drüben. So können Sie den Namen des Teams ändern. Teambibliotheken ermöglichen Plan und Abrechnung, aktualisieren Sie Ihren Plan, wenn Sie möchten. Weil einige der Funktionen, wie das Teilen von Bibliotheken oder die Freigabe von Assets, tatsächlich eine Premium-Funktion sind. musst du bezahlen. Okay, also lasst uns zur Figma-Hierarchie zurückkehren. Das ist also mein Team. Dann haben wir Projekte in diesem Team. Sie haben bereits gesehen, dass dies die Projekte sind, das ist Team. Figma-Kurs ist eine Projekt Feinschmecker-App natürlich. Dies sind alle meine Projekte als wir Dateien in diesen Projekten haben. Wenn ich also irgendein Projekt eröffne, lass uns zum Beispiel öffnen, wie wir das haben. Also haben wir diese Entwürfe, das ist Projekt, und dann haben wir eine Datei darin. Das ist also eigentlich meine Akte. Du kannst das haben. Dies sind eigentlich Datei, das ist der Dateiname, meine Phosphat-HTML-Datei, und dann sind dies die Seiten darin. Mal sehen, wir haben Seiten. Also Dateien und Dateien in diesen Dateien haben wir Seiten. Wir können zehn Seiten, 20 Seiten haben , wie viele Seiten, was immer Sie wollen. Dann haben wir mehrere Zeichenflächen auf einer einzigen Seite. Also lasst uns wieder hierher gehen. Also haben wir diese Seite. Zoomen wir raus. Das ist also ein Kunstbrett. Dies ist ein Kunstbrett. Und wenn ich eine andere Kunsttafel erstellen möchte, klicke auf ein und ich werde ein iPhone-Kunstbrett haben. Drücken Sie erneut eine auf Ihrer Tastatur, iPhone SE. Und nochmal ein, lass uns ein Tablet oder hier 11 Pro benutzen. Wie Sie hier sehen können, sind das alles meine Kunsttafeln unten. Also, oder du kannst Frames sagen. Das sind also meine verschiedenen Kunsttafeln oder Rahmen. Ich kann vielleicht 50 oder 60 auf jeder Seite haben. Also wie jetzt habe ich diese Seite ausgewählt. Wenn ich auf die zweite Seite gehe , ist es hier nichts. Das ist also das Figma ist Hierarchie-Team. Dann haben wir Projekte und wir haben Akten. Dann haben wir Seiten, mehrere Seiten. Und dann haben wir viele Rahmen und Kunsttafeln. Wir haben also ein einziges Team, wir können auch zwei oder drei Teams haben. Normalerweise haben wir normalerweise ein oder zwei Teams, das MAX-Team, als wir mehrere Projekte in diesem Team haben. Wie du sehen kannst, habe ich es dir hier gezeigt. Dieses Team hat also 12345 Projekte. Dieser hat ein Projekt. ich also dieses Projekt Wenn ich also dieses Projekt öffne, mein Glas, können Sie sehen, dass wir mehrere Dateien haben. Ich habe 1234567891011-Dateien in diesem Figma-Klassenprojekt hinterlassen. Wenn wir diese Figma-Klassenprojekte öffnen , können Sie sehen, dass wir hier mehrere Dateien haben. Also haben wir wie, lass uns zur ListView gehen. Wir haben wie zehn verschiedene Projekte, also zehn verschiedene Dateien hier drüben. Dies ist ein Projekt, das ich ausgewählt habe. Dies ist die Akte. Wenn ich also eine Datei öffne, wählen wir diese Datei aus. Das Laden wird einige Zeit dauern. Okay, also hier haben wir die Akte. Dies ist die Seite, eine einzelne Seite darin. Und dann haben wir die Art Board oder Single Art Board in dieser Akte. Wenn ich also hier auf diesen leeren Abschnitt klicke, sehe ich diesen Projektnamen und dann den Dateinamen hier drüben. Also lass uns zurückgehen. Und wenn Sie ein Team erstellen möchten, können Sie ein Team erstellen. Du kannst dampfen. Lassen Sie uns ein Team erstellen und danach können Sie Ihre Mitarbeiter hinzufügen. Und wenn Sie versuchen fortzufahren, werden Sie nach der Zahlung gefragt , da es sich um eine Premium-Funktion handelt. Sie können also nur ein Team haben, von dem ich denke für die normale Version überspringen. So können Sie sehen, dass es mir zeigt, dass ich Professional wähle. 12 USD pro Liter pro Monat. Feigenmarmelade beträgt 1,3 USD pro Liter und Monat. Ich glaube, es ist jährlich. Wenn es monatlich ist, sind es etwa 15 Dollar. Lassen Sie uns also versuchen, dies zu schließen und zu unserem Thema zurückzukehren. Oh, Whoops. Es hat also tatsächlich ein Team geschaffen. Versuchen wir also jetzt, es zu löschen damit Sie das Symbol ändern können, was Sie wollen. Lasst uns UX-Teams. Also muss ich den Namen eingeben, um dieses Team zu löschen. Okay? Okay, also mal sehen, ob ich etwas verpasst habe. Okay, also in diesem Bereich hier drüben, also wenn wir das Panel verlassen haben, das Ebenen, Assets und Seiten ist , und dann haben wir die Zeichenflächen hier unten auf dieser Seite. Und Sie können sehen, dass Seiten stehen und das ist Art Board. Rechts. Du kannst sehen, dass ich das hier drüben habe. Beginnen Sie die Konversation, wenn Sie mit jemandem zusammenarbeiten möchten, teilen Sie, wenn Sie diesen Link mit jemandem teilen möchten, kopieren Sie den Link und fügen Sie ihn ein. Oder Sie können eine E-Mail senden, die E-Mail hier eingeben, mehrere E-Mails durch Komma getrennt. Wenn Sie mehrere Personen teilen möchten, kopiere ich normalerweise den Link und teile ihn mit jedem, den ich möchte. Okay, dann ist das die Gegenwart oder der Prototyp. Es fehlen tatsächlich Schriftarten. Wenn Sie also eine fehlende Schriftart oder Schrift haben , wird es Ihnen hier root zeigen und dies fehlt in dieser Datei. Dann haben wir diese Zoomstufe, vergrößern, verkleinern ein 100-prozentiges Steuerelement 0. Und dann haben wir Pixelvorschau, ein Pixelraster, verschiedene Optionen Layoutraster. Und die sind ganz oben. Wir haben verschiedene Tools. Du kannst hier sehen, das ist das Menü. Hier drüben. Im Mac befindet sich das Menü oben, hier drüben, ganz oben. Und in Windows wird es so hier drüben platziert. Auch hier widersprechen Sie Vektortext, ordnen Plugins an. Und wenn ich zu Plugins gehe, siehst du unten, dass ich Plugins verwaltet habe. So verwaltete Plugins, ich kann verschiedene neue Plug-Ins oder was immer Sie wollen deinstallieren oder installieren, warum Sie es dort verwalten können. Das sind meine Bibliotheken. Dies sind eigentlich die Stile, die ich mit verschiedenen Teammitgliedern geteilt habe mit verschiedenen Teammitgliedern geteilt sind Designdateien. Das sind eigentlich, man kann Farbstile, Textilien sagen, und darüber werden wir viel studieren. Ok, oben siehst du, dass das alles meine offene Datei sind. Wenn ich also einige der Fitbit-Hierarchie der Dateien schließen möchte, schließen wir diese. Icon x. Das sind diejenigen, die ich gerade arbeite. Also zeige ich dir die nicht, weil sie sowieso eine NDA unterschrieben haben. Also hier haben wir ein paar Akten. Sie können sehen, dass dies verschiedene Seiten sind. Wenn ich also auf eine Seite klicke, habe ich verschiedene Ebenen. Vermögenswerte hier drüben. Layer sind hier drüben. Sie können also sehen dies tatsächlich Frames sind. Dies ist das Frame-Symbol. Das sind also verschiedene Bilder. Icons sind unterschiedlich. Wenn Sie also auf eine Seite klicken, werden Ihnen alle darin enthaltenen Kunsttafeln oder Bilder oder Ebenen angezeigt. Gehen wir zurück nach Hause. Und ich glaube, das war's. Dies ist mehr als genug, um die neue Schnittstelle von Figma zu verstehen. Ich hoffe, Ihnen hat diese Lektion gefallen. Stellen Sie sicher, dass Sie weiter lernen und wir werden bis dahin ein weiteres Video treffen, seien Sie vorsichtig. Tschüss. 4. Verschiedene Panels und was sie in Figma machen: in dieser Lektion. Wir gehen tief in Mawr über die Schnittstelle von Sigma und was wir tun können Wir sind hier Verschiedene Panels, verschiedene Schichten behaupten Rahmen Dinge wie diese. Also lasst uns jetzt loslegen. Du kannst sehen, dass ich dieses Team erstellt habe. Das ist mein Team als du. Spannend Sie können hier drüben sehen. Wenn Sie ein neues Projekt erstellen möchten, können Sie hier klicken Neues Projekt und ich werde es Food De nennen Und das sind verschiedene Freigabeeinstellungen. Jeder, der Land, den Sie aufgeregt haben, kann ansprechen Zum Beispiel, wenn ich ein weiteres Teammitglied einlade, kann es diese Datei süchtig machen. Also werde ich auf ein totes erstellen Projekt klicken, so dass Sie Ihre Haare sehen, die ich bereits erstellt habe Sie können die Beschreibung hier hinzufügen Yams, App für uns, Dinge wie das. Jetzt können Sie meine Akte sehen. Also, wenn wir zurück zu Fig hma letzten Dateien, Sie können sehen, dies ist meine App Also werde ich Zehe Doppelklick und öffnen Sie es und es wird einige Zeit dauern , weil es in der Cloud gespeichert ist. Also hier ist mein Yum Zap Du kannst hier drüben und auf der rechten Seite sehen. Sie können sehen, dass wir nie eine Datei öffnen müssen. Wir haben Prototyp entworfen und konnte Also das sind die drei Dinge, die drei Panels, die Sie auf unseren Haaren auf dieser Seite sehen werden, wir haben Schichten und Vermögenswerte. Also sind Schichten im Grunde unsere all diese Rahmen. Und in diesen Rahmen haben wir verschiedene Objekte, so dass Sie es sehen können. Wir sind auch hier. Sie können sehen, dass wir hier sind. Wir haben Seiten. Also innerhalb von Seiten, haben wir Drahtrahmen, Yams, App und Stil Kerl in Komponenten. Das sind also die drei Hündinnen, die ich in diesem Projekt erstellt habe. Und Sie können in dieser Datei sehen und Sie können neue Seiten hinzufügen, wenn Sie möchten. Du kannst neue Hündin hinzufügen. Und, ähm, lasst uns diesen Rechtsklick löschen löschen. Also das ist Yams sind das der Drahtrahmen. Dies ist eine Stilleiter-Komponente. Das sind also drei Seiten, dann haben wir diese Vermögenswerte. So sind Vermögenswerte im Grunde eine Komponente. Wenn Sie also eine Komponente erstellen, können Sie sie immer wieder verwenden. Wir werden Komponenten in den nächsten Lektionen zurückbekommen, so dass Sie jetzt sehen können, dass wir viele verschiedene Komponenten haben . Also, wenn eine Ziehkomponente kann ich sie einfach an beliebiger Stelle in meinem Projekt ziehen und ablegen. In ähnlicher Weise zeigt dies, dass Sie auf diesen Pfeil klicken, es wird Ihnen Seiten wieder zeigen und manchmal ist es ausgeblendet. Also, wenn du so etwas hast und nicht findest, wo meine Babys sind? Sie werden hier klicken. Dann haben wir auf der rechten Seite. Wir haben ein paar lokale Stile thes Luft. Die Textilien, die ich geschaffen habe. Dies sind einige Farbstile, die ich erstellt habe. Sie können sie immer wieder verwenden. Und das ist das Gericht. Das ist Prototyp und das ist Design. Also im Prototyp wollten Sie Ihre App wie diese Prototypen erstellen. Siehst du was? Hier sind sie eine Menge von verschiedenen Strömungen, die es von einem zum anderen fließen wird. Wir können auch, wenn Sie hier draußen klicken, können Sie sehen, dass wir Geräteoptionen haben. Sie können auf iPhone Pro klicken, äh, Max iPhone 11. All diese verschiedenen Geräte, in denen Sie Ihren Prototyp zeigen möchten. Und was ist die Moral? Sie werden die Hintergrundfarbe dafür verwenden? Ähm, Startrahmen. Wir werden mit der Protokollierung beginnen. Das sind also die Optionen, als wir beim Design haben. Wir haben lokale Stile, Hintergrundfarbe. Wir haben bereits eso diskutiert. Das sind verschiedene Dinge, die du vor Gericht bekommst. Gord zeigt tatsächlich, was ist die Schnur auf diesem Gegenstand? Also, wenn wir hier klicken, können Sie sehen, dies ist ein CS Escort für Webs, Website R uns und Recht für Apple-Geräte. Dies ist Android Court für dieses Objekt, das ich auf der linken Seite ausgewählt habe. Sie können sehen, dass dies das Symbol ist. Dieses „this 'll“ -Symbol wird Frames darstellen. Also, wenn du Frames hast wirst du dieses Symbol hier und alles darin sehen. Also das ist eigentlich ah Komponenten. So hat es diese Diamantform. Also alle Diamantformen sind Komponenten, als wir diese haben, diese sind verschiedene Gruppen. Sie können sehen, dass wir hier sind. Du kannst sie aufmachen. Sie können diese Komponenten auch öffnen. Wir werden später zu den Komponenten zurückkehren. Aber so ist dies eine Form für Beispiele. All diese Symbole, die zeigen, dass dies dieser Typ aus Ebene ist, wie Sie Profilerstellungseinstellungen sehen können , ist ein Text. Leah. So hat es, dass Sie hier waren. Das sind also verschiedene Einstellungen. Zum Beispiel, wie dieses Logo. Es ist ein Faktor. Es hat also ein Vektorlogo hier drüben. Eso all diese verschiedenen Dinge. Also, wenn wir auf Bild klicken, mal sehen, hier ist das Bild-Symbol, so dass Sie sehen können, dies ist Ihr Bild, das Sie sofort finden können, wo Ihre Datei ist. Ihre Bilder, Ihr Text ist so dass Sie sie an diesen kleinen Symbolen auf der linken Seite erkennen können. Nun, wenn Sie dieses Projekt in ein anderes Projekt verschieben möchten, zum Beispiel, jetzt ist es in Jobs. Ich will es bewegen. Sie werden hier klicken, zum Projekt bewegen, und ich werde es zu Feinschmecker-App verschieben. So, jetzt können Sie sehen, es wurde auf Feinschmecker App verschoben und jetzt ist es so sagen Feinschmecker ab Schrägstrich Daumen nach oben. Ok. In ähnlicher Weise können Sie die Versionsgeschichte anzeigen Was war eine Versionsgeschichte? Wie ich das ganze Feuer bearbeitet habe, kannst du hier drüben sehen. Und das sind dies ist eine Versionsgeschichte von meinen letzten 30 Tagen kann ich zurück zu jedem wechseln . Also, wenn ich hier drüben klicke, geht es auf den letzten Schweizer Hinterzehe. Also lasst es uns nicht versuchen. Sie können auch den Versionsverlauf, veröffentlichte Stile und Komponentenexport ausblenden . Diese Entwürfe duplizieren dieses Projekt. Umbenennen oder löschen, meistens müssen wir umbenennen. Du klickst also hier rüber. Ich kann ihn zu Yamswurzeln bringen. Rezepte, Rezept Sei bei so etwas. So können Sie sehen, das ist, wie Sie umbenennen werden. Okay, das ist also etwas aus. Die Vertrautheit damit stört. Fahren wir mit der nächsten Lektion fort, in der wir in diese Werkzeuge eintauchen und sehen, was diese Werkzeuge sind und wie wir sie verwenden können. Gehen wir also zur nächsten Lektion über. 5. Frames und Zeichenflächen verwenden: In dieser ersten Lektion gehen wir zu Fuß, erstellen einen neuen Rahmen oder ein neues Kunstboard, und wir werden ihn manipulieren und sehen, was wir damit machen können. Also holen wir Stockett jetzt. Ich werde zu meinem Übungsprojekt zu bewegen und ich werde eine neue Datei erstellen und es wird ohne Titel von verunreinigt sein, also wird es einige Zeit dauern, um Herrn oder hier so. Jetzt haben wir diese leere Leinwand. Wenn Sie die Hintergrundfarbe ändern möchten, lassen Sie uns wie diese verwenden, und Sie können hier sehen wir Ebenen, Assets und Seiten. Wenn Sie an der Datei sehen können ihre Hizb Alter eins. Und wenn wir hier klicken, wird mir mehr Seiten zeigen, damit Sie mehr Hündinnen hier so hinzufügen können . Im Moment bin ich auf Seite eins, und das erste, was ich tun werde, ist, dass ich zehen schlaff werde. Dieser Rahmen klicken Sie hier nicht, weil wir hier oben geschnitten haben, ein anderes Werkzeug versteckt. Klicken Sie also auf den Rahmen und Sie können Ihren eigenen Rahmen zeichnen, zum Beispiel, wie dieser. Also das ist eigentlich die Sieger 3 42 von 5 80 Und wenn wir wieder auf Rahmen klicken oder F-Taste auf der Tastatur drücken , wird es uns zeigen Telefon verschiedene Optionen oder Design verschiedene Größen und Rahmen und Kunstboards für iPhone. Dann haben wir es. Und genau hier drüben, zum Beispiel, wenn wir darauf klicken, ist das Android-Standardgröße. Und wenn wir mehr schaffen wollen, sind mehr Bildschirme. Hier drüben gehen wir deinen Rahmen und lassen uns hier einen Tablet-Rahmen erstellen. So Tablette viele, so dass Sie diesen Unterschied zwischen den Größen sehen können und das ist eine andere und wieder gelöscht , F und ich werde Zehe Gasstopp gehen, und ich werde eine Website zu entwerfen. Also werde ich hier auf einem Desktop klicken. So können Sie mehrere verschiedene Rahmen oder Kunstboards erstellen. Sie können hier oben doppelklicken, und es wird zeigen, dass wir hier sind, zum Beispiel, zum Beispiel, dass Stop-Art-Board. Du kannst sie umbenennen, oder du kannst, ähm, häuslich, oder hier, äh, das ist Android. Unser Herr. Stellen Sie sicher, dass Sie sie immer umbenennen, denn manchmal gibt es mehrere oder viele Kunsttafeln, und Sie vergessen, was waas das Kunstboard Sie daran gearbeitet haben, was es tut. Also habe ich entblößt sind Buch. So können Sie hier sehen, wir haben drei verschiedene Kunsttafeln und wenn wir hier klicken, können Sie sehen, dass wir verschiedene Optionen auf der rechten Seite haben. Das ist unser Design-Tab. Wir haben Recht zu wissen entworfen Tab. Und auf der linken Seite haben wir Seiten und auf Seite eins haben wir drei Kunstbücher. Also, wenn wir auf Platz klicken, um dies ist leer, wir haben nichts hier drüben auf. Wenn wir jemanden außerhalb klicken, irgendetwas, ist das unsere Datei. Also lassen Sie es uns umbenennen, wenn wir es Frames und Kunstbücher nennen. So können Sie verschiedene Kunstwerke erstellen. Nun, wenn Sie etwas erstellen möchten, für die nicht in den Frames hier aufgeführt ist, so ist es nicht aufgeführt. Zum Beispiel haben wir diese Apfeluhr. Wir wollen etwas für Motorola G Uhr oder so etwas zu schaffen. Also werden wir den Kopf zu diesem Material Design-Material gehen oder sind Sie Quellen Slash Geräte jetzt, hier drüben, können Sie sehen, wir haben Plattformen. Wir haben Bildschirmdimensions-Seitenverhältnisse können sich in DPs verstecken. Das ist also, was Sie verwenden werden. Also, äh, in der Plattform, wenn wir hier rüber klicken, können Sie sehen, dass das Fenster ist. Das war X eingeschaltet. Das ist Mac. Hier ist Apple Watch. Sie können sehen oder hören 38. 42 Frauen. Dann, wenn wir hier Fuß gehen, damit Sie sehen können, ist das LG G Uhr. So ist es 1 87 von 1 97 und dann haben wir 2 13 mal 2 30 Also, wenn wir für so etwas für eine Uhr entwerfen , die hier nicht entlocken, zum Beispiel, wie Sie Moto sehen können 3 60 Ich kann diese Größen zu 41 von 2 44 So werde ich Geh zurück und ich werde hier rüber treten. Onda Satz davon auf 42 von 2 44 So etwas. So waas 2 40 ein Biss von 44 bis 41 von 2 44 2 41 von 2 40 Fuß. So können Sie jetzt sehen, dies ist Ihr Kunstboard für diese blaue LD-Uhr oder Motorola-Uhr, so dass Sie dieses One-Toe Design etwas verwenden können. So erstellen Sie verschiedene Größen und Rahmen und Kunsttafeln für Ihre Design-Arbeit. Wenn Sie also auf klicken oder hier können Sie sehen, haben wir verschiedene Optionen. Dies ist der X-Wert, was ist? Es zeigt, dass es das ist, was es weg von hier ist. Wenn Sie sich hier so bewegen, können Sie sehen, dass sich die X- und Y-Werte ändern. Wir wissen, was weiter. Wir sind nicht besorgt über Akzentwerte außerhalb dieses Kunstrahmens. Wir sind vor allem besorgt über dieses Gewicht und Größe. Sie können die Abhängigkeiten auch sperren. So, jetzt geht es Zehe wachsen im Verhältnis. Okay, also 4 50 zum Beispiel, wenn ich deine 600 so gehen wird, wird es im Verhältnis wachsen. Lass uns wieder in die Schule gehen. Komm schon und oder kontrolliere Z Also das sind Optionen für die Tradition. Ich denke, wir müssen das sowieso nicht lesen. Dennoch können wir diese Eckenradius verwenden, wenn Sie wollen, verwenden Sie Eckenradio. Dies ist Clip-Inhalt. Also, was auch immer du hier drüben haben wirst, zum Beispiel, das kannst du jetzt sehen, es schneidet meine Inhalte ab. Also habe ich ein Rechteck darauf gezeichnet und es zeigt, dass Haftar besucht hat. Und wenn ich hier klicke und diese entfernen, können Sie sehen, dass ich über diese Art Boards jetzt sehen kann, es ist nicht Clipping meine Inhalte. Hier geht es also um Clip-Inhalte. Das ist sehr wichtig, und ich denke, das ist alles. Wir brauchen nicht sehr viel dafür. Wenn Sie diese Art Boards ausrichten möchten? Sie gehen, um Shift zu drücken oder halten Sie Ihre Schiffstaste und klicken und wählen Sie alle diese Kunsttafeln indem Sie ihre Namen auswählen. Und du, kannst du so eine Linie stoppen? Sie können auch die Studie verwenden, die sie gehen, um etwas Platz um sie herum haben. Also, wenn Sie mehr Objekte ausgewählt haben, können Sie mehr als zwei Objekte sehen, die Sie sehen können, haben wir diese Abstandsoptionen mehrere Option Um, in Abb. Ma, das ist eine wirklich coole Funktion. Sie können beispielsweise den Raum anpassen . Ich möchte so etwas wie 80 Pixel Abstand zwischen ihnen haben. So können Sie das haben. Hier geht es also um Rahmen und unsere Tafel, wie Sie sie arrangieren können, wie Sie sie verwalten können. Was ist dieser Clip-Inhalt und was er tut? Ich glaube, du hast das nicht versichert. Gehen wir zur nächsten Lektion über und graben mehr in die Figment 6. Figma UI: Dieses Video wird über Fig Mottos sein. Also lasst uns anfangen und erfahren, was die Werkzeuge hier sind und wie wir sie einsetzen können. Also zuerst gehen wir auf die Zehe, erstellen einen Rahmen. Das ist unser Kunstboard. Also nennen wir es, äh, Übungsrahmen. Okay, also haben wir diesen Rahmen, und wenn du ihn verwurzeln willst, bewege ihn um. Dies ist Ihr Auswahlwerkzeug oder alle verschoben. Du kannst es hier drüben bewegen. Also, was auch immer Sie zeichnen, zum Beispiel, ich habe hier ein kleines Gewirr gezogen. Wenn ich es verschieben will, werde ich diesen Zug benutzen. Sagte, das ist eigentlich der Standard wird hier drüben ein wenig niedriger hinzufügen. Also, wenn Sie etwas nach Proportionen skalieren wollen, werden Sie diese Homosexuell oder Skala Dole wählen. Und jetzt können Sie sehen, dass Sie es nach unten oder nach oben skalieren können, wenn Sie einige Symbole in Sigma AB importieren . Ich denke, ich habe es bevorzugt, Skala Dole zu verwenden, weil es den Anteil behalten wird und nicht Ihre Symbole hier drüben durcheinander bringen wird. Stellen Sie also sicher, dass Sie es verwenden, wenn Sie etwas im Verhältnis wie dieses skalieren. Zum Beispiel Bilder oder so etwas, die Sie Zehenskala proportional wollen. Jetzt hier haben wir wieder Frame Dual und Slice to Slice ist ich zurück zu Slice gehen, sobald ich etwas hier drüben habe . Also werden wir zuerst diese Form besprechen. Haben wir Rechteck, Linie, Pfeil, Ellipse, schlecht verschwunden Stern und Ort Bild. Beginnen Sie also mit einem Rechteck, damit wir hier ein Rechteck platzieren können. Klicken Sie einfach auf den Drag und lassen Sie hier rüber. Sie können auch sehen, dass wir Radius hier haben. Also, wenn Sie wollen, oh, wählen Sie Eckenradius Sie können hier über gezogen auswählen. Oder Sie können hier zum Beispiel auch Radius setzen . Ich habe acht existieren jetzt und Sie können den Farbaustausch die Farbe hier physisch ändern . Das ist füllen Sie es mit der Farbe. Also hier haben wir einen schönen großen Knopf und hier wieder, diese alle sind tatsächlich Optionen. Standardoptionen bei X Y Positionierung Britain High Tradition Gordon Radius. Sie können sehen, wenn ich versuche, es hier zu ändern, wird es Ihren Kopf ändern. Sie können auch so ziehen, um den Eckenradius zu ändern. Und wieder, wenn wir hier drüben klicken, haben wir unabhängige Ecken. Sie können verschiedene Ecke von AIDS haben 20 zum Beispiel, Wie dies oder CEO so. Und Sie können auch eine weitere Option haben, die unsere US Ecke Glättung ist, so dass Sie Ecke Glättung wie diese, die Sie in einer Menge von einem Mac O R uns gesehen haben . Unsere iPhone APS können Sie hier sehen. Dies ist eine gute Option. Sie können hier auch Effekte verschiedene Effekte hinzufügen. Wenn Sie Schlagschatten hinzufügen möchten, können Sie sehen, dass wir verschiedene Effekte haben. Wir werden um diese Schlaganfall-Effekte gehen, Schlaganfall und Effekte, wörtlich. Im Moment musst du dir darüber Sorgen machen. Fühlen Sie Farben, die Sie sehen oder hören können. Wir gehen wieder Zeh tief in Phil und solide nachsichtig all diese gierigen Ints. Aber gerade jetzt diskutieren wir dieses Rechteck-Werkzeug. Also hier haben wir das Sektenwinkelwerkzeug und, ähm, Sie können ich Ihnen schon alle Möglichkeiten gezeigt haben, die wir damit haben können. Also, wenn wir die zweite Verwirrung Dole haben, lassen Sie uns Angst und ein weiteres rechteckiges hier wie dieses, und es überlappt es so. So sind diese Führer angeordnet. So können Sie sie bewegen. Okay, also lasst uns deinen Sculler-Zeh so etwas ändern, so etwas wie das. Also werde ich sowieso sowas tun, also werde ich jetzt zurück zum Scheibenwerkzeug gehen. Wenn ich also ein Bild oder etwas drauf haben möchte, sind wir hier so, damit ich das Slice-Tool verwenden kann, und ich kann auf Export klicken, und es wird Onley diese Scheibe exportieren. Also, was immer in dieser Scheibe ist, ich werde es exportieren, und ich werde Fuß gehen. Speichern wir es auf dem Desktop. Lassen Sie mich Ihnen zeigen, was es bedeutet. der Schule. Es ist Ups. Also hier haben wir geschnitten, so dass Sie sehen können, das ist Scheibe. Das ist also, äh, Abtreibung, die ich hier wollte. Dies ist also die Funktion aus Slice-Werkzeug. Es ist nicht sehr praktisch, Aber manchmal im Web-Design, Sie können so etwas verwenden. Lassen Sie uns diese Scheibe hier löschen. Ok? Lassen Sie uns diese beiden löschen. Dann haben wir lügen Sie Ihre Linie so ziehen können, und Sie können Ihre Dicke Zehe ändern. Fünf. Es geht in die Mitte, drinnen oder draußen. Das sind also verschiedene Einstellungen mit neuem Zentrum und lassen Sie uns, äh, machen es 50. Aber dieser Austausch seine Richtung und Atemverschiebung hält Brust-Verschiebung, es in verschiedenen Straßenwinkeln wie diesem zu haben. Also, wenn Sie wollen, dass es gerade in einem Winkel ist, Sie gehen Zehe halten und drücken Shift so. Also haben wir das und lassen Sie uns zu dieser Anzeige gehen. Riesige Schläge dich. Wir können verschiedene runde Ecken haben. Sie können sehen, welche Haare herum, Kappe eine quadratische Lücke, und dann haben wir lügen. Adel und dann haben wir Dreieckspfeile. Also all diese verschiedenen Optionen und wir haben Dash und Gap. Also, äh, komm schon. Was? Also das ist eigentlich, 1. 1 ist Bindestrich und zweite ist Lücke. Also lasst uns Koma. Mal sehen wir, wenn wir haben, wollen wir die Lücke erhöhen. Also habe ich 25 für die Lücke verwendet. Sie können sehen, dass es eine Menge Lücke zwischen diesen Gerichten gibt. Metall ist eigentlich der Winkel hier drüben. Dies ist Gelenk Winkel Mitte ist eigentlich sehr scharfen Winkel. Und wenn Sie um Winkel hier haben wollen, so ist dies eigentlich die Linie, und es hat viele verschiedene Optionen. Lasst uns Zivilitäten und gehen zurück auf die einfache Linie. Ok. So können Sie auch speichern Sie diesen Stil und Sie, Congar Stile und angemessenen Stil für den Strich. Und Sie können es wiederverwenden, jetzt werden wir Fuß gehen. Diskutieren Sie auf Adoptionen Diese verwandte Zeile. Zehe Also, Lyinto, das ist unser Linientool. Sie können die Farbe ändern, was auch immer Sie wollen. Zum Beispiel, wie dieser, verwende ich es normalerweise in Links. Zum Beispiel, wenn ich eine Steuer habe oder hier ist ein Link so etwas. So können Sie Zeilen für Trennzeichen oder irgendetwas verwenden. Ebenso haben wir insgesamt Es ist wieder ein sehr schönes Werkzeug. Und Sie können jetzt sehen, wenn Sie eine Reihe auf dem fernen Bildschirm zeichnen, wird es sehr klein sein. Anstatt eines zu verwenden, können Sie vier verwenden. Das ist also eine Dicke. Also, wenn Sie versuchen, die Dicke zu reduzieren , wird es so etwas sein. Also, wenn Sie ein größeres Tier wollen, können Sie mehr Dicke wie diese verwenden. Also denke ich, um vier oder drei ist gut. Gut aussehend. Du wurdest überhaupt verändert. Überall, wo Sie das wieder mögen möchten. Wenn Sie mit erweiterten Optionen gehen möchten, können Sie immer hier rüber gehen. Dreieck Pfeil Oh , lügen überhaupt. Oh, sind keine so etwas. Es ist ein Spiel gehen Zeh verschwinden alles um ah, Platz liegt überhaupt auf Nicht so können Sie sehen, dass es umgewandelt wird, um einfache Linie zu sagen, und es gibt keinen Pfeil an einem Ende. Das ist also sehr seltsam für mich, weil ich zurück zur Interstate wollte und jetzt ist es eine Linie. Also werden wir hier noch einen Arrojo erschaffen und nicht Sam die Dicke wie diese . Das ist also unser Ackerbau. So sind Optionen fast die gleichen, wie dieses Zeilenwerkzeug, und das ist alles. Sie können die Richtung jederzeit ändern. Oh, das ist der Acker. Dann gehen wir Zehe Ellipsenwahlen im Grunde Kreis. Also, wenn Sie es in einem Verhältnis bekommen wollen, halten Sie Ihre Schicht und es wird perfekt um so sein. Also bin ich gerade jetzt halten und drücken Shift-Taste. Das sind meine Lippen, und Sie können sehen, ob ich hier drüben klicke. Es zeigt Bogen, so dass Sie hier klicken und halten ziehen können, wie folgt, und Sie können ein Diagramm erstellen . Sie können sehen, dass wir hier sind. Diagramm oder Diagramm. In ähnlicher Weise können Sie dies auch ändern, um ein Diagramm einen Kreis, ein Diagramm zu erstellen . Das ist also sehr einfach in Abb. Miley liebte diese Funktion. Das ist wirklich, wirklich interessant. Also gehen Sie hier auf Bogen und bewegen Sie sich so weiter, damit Sie den Start auch ändern können. Also, wenn du so etwas hier drüben haben willst, kannst du so etwas haben. Sie sind so Sculler. Das ist wirklich cooles Feature. Und auch dieses Verhältnis wird es Zehe Ändern Sie es so. Diese Optionen sind auch wir hier. Das ist also der Winkel. Startwinkel minus 90. Äh, das ist, äh, das ist auch die Bewährung, denke ich, und das ist das technisch-notwendige Problem. Also werde ich zu so etwas zurückkehren. Ja, und lasst uns hier 100 Ecken benutzen. Und so erstellen Sie einen sehr schönen Circa Graph mit nur eloped Hocker. Das ist also ein Lippenstuhl. Das ist wirklich großartig. Wirklich mächtig. Ich liebe es wirklich. Sie können hier sehen, dass Sie eine Menge Dinge erstellen können. Zum Beispiel, wie dieser, huh? Irgendwas heißes Das ist mein Omelett. Okay, also haben wir Polygon. Ein Polygon wird wieder verschiedene Ecken haben. Sie können die Ecken vergrößern. 10 56 Was immer du willst, Eier sind weg gegangen, was du willst, erschienen. Und Sie können hier auch den Eckenradius ändern. Sie können die Zählung von hier aus ändern. Das sind wirklich gute Kontrollen. Ich habe diese Kontrollen in keinem Design Zeh gesehen. Das ist echt cool. Sigma hat viele Funktionen, an denen ich denke, dass andere Design-Tools fehlen. Vielleicht werden sie in ein oder zwei Jahren haben und Sigma hat ein getrocknetes Jetzt, äh dann haben wir erschreckt, dass es Fuß geht. Erstellen Sie einen Stern, der Shift-Taste hält. Du kannst einen Stern frei haben. Vier Gärtner, drei Ecken. Das ist ein Ninja-Werkzeug und, äh, fünf Ecken, sechs Ecken. Also werde ich bei fünf Ecken bleiben und das wird,denke ich, der Winkel der Ecken sein denke ich, . Also lasst es uns erhöhen. Das wird also ein sehr netter Star für meine Töchter sein. Ich glaube, sie werden diesen Stern lieben, weil er einige hat, die man sehen kann. Sie können auch den Radius ändern oder hier so. Das ist also ein wirklich schönes, angefangen zu werden. Meine Ärzte werden es sowieso wirklich lieben, also ist das eigentlich der Winkel, wie Sie sehen können, wo hier. Das nennt man ein Auto. Das ist ein Verhältnis. So ist das eigentlich, wie Sie eine große können Sie sehen Fett Tatsache Stil oder einen schlanken Stern was auch immer Sie wollen zu machen. Nein, es sieht aus wie ein Seestern. Das ist also ein großartiges Werkzeug. Das ist also ein Star. Sie können sie erstellen. Also über ein Ort-Bild, wir werden uns das Platzbild in der nächsten Lektion ansehen, weil es viele Optionen hat. Gehen wir also zur nächsten Lektion über, um zu diskutieren, zu platzieren, platzieren, bemalen und zu rauchen oder Kröten zu figieren. 7. Type in Figma: in diesem Video. Wir werden hier über Textwerkzeug sprechen. Also einfach besty oder Text, klicken Sie auf diesen Text und Sie können so etwas ziehen, um ein Textfeld hier zu erstellen. Tokyo, Der Absatz. Das ist ein Absatz, LA, bla, bla, bla, bla, bla. So können Sie jetzt sehen, dass es in diesem Container geht. In ähnlicher Weise können Sie hier auch so etwas verwenden, so dass Sie sehen können, dass dies die Optionen auf der rechten Seite sind. Also haben wir Textoptionen. Dies ist Schrift gebildet, die Roberto ist. Sie können Änderungen an dem erstellen, was Sie auf Ihrem System installiert haben. Das ist ah, Typgröße. Ähm , im Moment haben wir keine Optionen. Lassen Sie uns klar. Drew ist das hier. Okay, also hier haben wir, sie war so groß. Okay, also haben wir regelmäßige mittlere Verpflegung. Dies sind verschiedene Stile aus diesem Text. Dann haben wir Auto. Dies ist im Grunde Linienhöhe. Ich kann es auf 1 30 ändern, oder ich kann zum Beispiel 200% hier drüben setzen . So etwas. Das ist also im Grunde der Unterschied zwischen den beiden Linien, dem Geschlecht zwischen den beiden Linien, und Sie können sehen, was diese blauen Linien hatte? Dies ist tatsächlich der Abstand zwischen diesen blauen Linien unterhalb Ihrer nächsten, die Basislinie bewertet wird. Dann haben wir einen Buchstabenabstand. Sie können 5% bessere Abstände haben oder alles, was Sie wollen. Wir sind hier. Dann haben wir Absatzabstand. Wenn wir zum Beispiel mehr als zwei Absätze haben , ändern wir es. 100% Hoffnungen. Lass es uns ändern. 100% und Entschuldigung 2%. Und wir werden noch einen Absatz haben. Oder hier. So wie das? Ja. Hier. Das ist ein anderes Mädchen. Dies wird diese Kappe und nein, Wenn ich versuche, dies zu verwenden, es wird Zehe gehen. Geben Sie eine gewisse Lücke zwischen diesen beiden Absätzen. Es ist bereits festgestellt, dass ich Brust und Schublade hier habe. Und das wird der nächste Absatz sein, damit ich mehr Platz in zwei Absätzen haben kann und, äh, äh, entkommen kann. Und so geht es. Das ist eigentlich mein Container. Also kann ich mich so bewegen, um mehr Informationen darin zu haben. Okay, das zeigt also, dass es eine feste Größe ist. Dies zeigt, dass die automatische Höhe ist. Also ist es wieder Blut auf diesem Grund von diesem Text hier drüben. Und dann haben wir es raus. Also, wenn wir rausklicken, geht es um diese herum zu bewegen, wird es sein eigenes Urteil haben. Es ist also gut, wenn Sie einige Schaltflächen erstellen, aber in einem Absatz werden Sie so fixiert verwenden . Also lass uns die Schule zurück, Kamanzi. Und jetzt haben wir verschiedene Optionen aus Ausrichtung Mitte ausrichten oben ausrichten Unterste Linie wird es haben. Zum Beispiel, wenn ich so etwas habe, einen größeren Container, kann ich eine Linie fallen lassen, die ich in diesem Container Mitte ausrichten kann. Sie können diese blaue Linie sehen. Dies ist Container und ich kann es auch am unteren Rand dieses Containers ausrichten, also hängt es davon ab, wie ich deine Linie nicht bekomme. Dann haben wir Mitte links und rechts eine Zeile vom Text. Also gibt es eine Einsätze Ausrichtung, rechts, links Incentive. Dies ist also im Grunde die Ausrichtung innerhalb dieses Containers und das ist die Ausrichtung des Textes aus seltsamen, unterschiedlichen Einstellungen für die Höhe der Reihenfolge. Wie das, wie dieser Container hier sein wird und dann haben wir ein paar weitere Optionen, wie Sie sehen können , wo hier ein paar mehr Optionen sind, wie wir es hier rechtfertigen können, als wir zugrunde liegen. Dann haben wir das nichts als wir haben. Schlagen Sie auf so etwas. Absatz in Dent. Wenn Sie einen Absatz wie diesen und den Beginn des Absatzes einrücken wollen , , dann haben wir verschiedene Fälle. Großbuchstaben Kleinbuchstaben Dies ist Titelfall, und das ist so eng, ich weiß über diese Tore empfindliche Formen und Kapital Spezies ist Abstand. Das sind also verschiedene Optionen, die das Fort sind. Erweiterte Optionen sind offene Typenoptionen. So im Moment können Sie sehen, ich habe dieses Rasa Telefon ausgewählt und Sie können sehen, dass Typhus Großabstand und Groß-/Kleinschreibung sensitive Formen hat , so dass Sie diese Optionen klicken können, wenn Sie sie verwenden möchten . Zum Beispiel, wenn ich versuche, Kapitalabstände hier zu verwenden, ist der Krieg in der Nähe, zum Beispiel, so. Also schauen Sie genau nach, wenn ich versuche, äh, diesen Großabstand zu verwenden, damit Sie sehen können, dass der Capitolabstand ausgeschaltet wird. In ähnlicher Weise haben wir diese Stilnummernstile. Also, wenn ich versuche, 123456789 für Sie zu verwenden, so etwas. So können Sie sehen, dass wir diesen Freund Nummer Stile haben können. Dies sind wiederum verschiedene Optionen, also sind dies tatsächlich Optionen aus offenen Typflächen. Sie können sehen, es gibt stilistische stilistische Optionen. Horizontaler Abstand, schlaue Bruchteil-Nenner. Ich denke, wir wollen nicht alle diese verwenden, aber ich denke, Sie sollten wissen, dass dies die verfügbaren Optionen waren hier. Wenn Sie also ein typografischer Geek sind, können Sie diese stilistischen Sets oder Optionen hier verwenden. Das ist also alles über dieses Steuerwerkzeug. Und, ähm, ich denke, Sie werden verstehen, was es tut und wie Sie Ihre vier Stilgrößen ändern können. Unterschiedlicher Abstand zwischen den Linien. Unterschiedlicher Abstand zwischen den Absätzen, wie es sich verhalten wird. Es ist eine automatische Höhe. Seltsame Dinge wie ihre Steuerausrichtung innerhalb des Containers oder Decks Ausrichtung vom Text selbst. Das ist also alles über Dex-Schichten. Wenn Sie irgendwelche Vorschläge oder Verbesserungen im Kurs haben, können Sie immer loben, und Sie können immer mit mir besprechen. Wenn du nichts verstehst, kannst du mir Fragen stellen. Ich hoffe, Sie haben diese Lektion genossen. Gehen wir zur nächsten Lektion 8. Mit Stift Tool zum Erstellen von Formen machen: in diesem Video werden wir über Sigma Ben Tool lernen und wie wir verschiedene Symbole von Formen oder verschiedene Arten von Dingen mit Stift Werkzeug erstellen können . Also das ist im Grunde für den Versuch, so dass Sie B drücken können und hier haben wir die Spanne und einfach klicken und ziehen gerade Linien wie diese zurückziehen, und wir gehen zurück Fuß die erste, die diese Form haben, es war Schiff, und Sie können jetzt sehen zeigt, dass wir Schlaganfall haben. Und das ist der Schlagwitz. So ist dies klicken Sie auf Fertig. Und das ist deine Form jetzt kannst du sie erweitern. Sie können die Dicke der Linienstärke ändern. Sie können auch Füllung, Farbe, Füllung hinzufügen Farbe, . Mach es so. Okay, wenn Sie also keine Farbfüllung haben, können Sie doppelklicken in diese Form auf diesem Schiff, wie hier drüben, und wir sind wieder im Stiftwerkzeug mehr, damit Sie sehen können, wo wir hier waren. Das ist eigentlich Ben Tool und das ist Spanien Eimer. Also, wenn Sie auf Schmerzen Eimer klicken und Sie können hier klicken, es ist wieder das gleiche tun, was wir getan haben, um dieses Schiff zu füllen und Wenn Sie zu diesem Bendel gehen, es ist tatsächlich gehen Zehe biegen diese Ecken. Also, wenn Sie darauf klicken, können Sie sehen, Jetzt haben wir Ecke hier oben oben wie folgt. Also sind wir hier so hier drüben, wie dieser Befehl oder Kontrolle z, um zurück zu gehen, damit Sie sehen können, jetzt haben wir gekrümmte Ecken. Also, wenn Sie eine Ecke hier ändern wollen, können Sie wieder hier klicken. Sobald Sie diese ausgewählt haben und es geht zurück zu der Form, die es waas. Gehen wir also zurück zum Spannwerkzeug. Gehen wir zurück zum Verschiebungswerkzeug. Also werden wir auf diesen Zug klicken und wir sind Wir können auch diese unsere bewegen, zum Beispiel, wir haben diese Joffe oder so etwas. Wir können auch bewegen diese Griffe Zehe haben die Form Biegung auf unsere Bedürfnisse, zum Beispiel, wie diese. Und, ähm, wenn wir bewegen wollen, tut nur diesen Griff, zum Beispiel, ich will diesen Griff. Ich will nicht, dass diese gehandelte Zehenbewegung so ist, damit du jetzt sehen kannst, ob wir sie in diese Richtung bewegen , es bewegt sich. Aber wenn ich versuche, es in der Zerstörung zu bewegen, wird es sich mit diesem zweiten Griff bewegen. Sie werden also Archy Archer Optionstaste drücken und halten, um dies zu bewegen, ohne die zweite 1 zu bewegen, die Sie sehen oder hören können, zum Beispiel. Ich möchte so etwas wie dieses haben, das Sie jetzt wieder sehen können Wenn wir dasselbe tun wollen, kann ich wieder so mit hier zurückgehen. Wenn ich versuche, diesen Griff zu bewegen, wird er sich bewegen. Ich kaufte sie ab. So können Sie diese Griffe bewegen. Sie können Option halten Option oder sind, um die einzelne zu verschieben. Sie können sie auch um diesen ganzen Griff bewegen. Das ist also ein Ankerpunkt, damit ich ihn überall bewegen kann, wo ich will. Ich kann jede Art von Faktoren wie diese erstellen. Ich kann den Schlaganfall entfernen. Ich kann verschiedene Effekte wie Schatten und alles hinzufügen. Alles, was ich will. Oh, ich kann seine Follikel ändern. Und das ist die gemeine Sache, die du mit Bendel machen kannst. Also lassen Sie uns diesen ganzen Vektor löschen und was ich tun werde, ist zum Beispiel, ich habe dieses Schiff, zum Beispiel. Ich habe Lippen. Also habe ich diese Ellipse gehört. Okay, wenn ich also in Kampfstimmung gehen will und etwas in dieser Ellipse ändern will, werde ich darauf doppelklicken. Und Sie können sehen, jetzt sind wir wieder in diesem ah Vektor festgemacht. Also haben wir diesen Stift hier zu senken. Und wenn ich hier noch mehr Ankerpunkte hinzufügen möchte, also wenn ich hier drüben will, drücken wir die Flucht. Und eins, wir sind hier Presse-Flucht, weil wir nur hinzufügen und auf Wiedersehen Solo Hit hier drüben, Skip. Und einer hier drüben und der Skip. Jetzt werde ich gehen, um zu bewegen, Werkzeug, und ich werde sie bewegen, zum Beispiel, wie dieser, ich werde es nach innen bewegen. In ähnlicher Weise ist dieser ein Oops. Ich gehe zurück, um mich zu bewegen, Tool. Es ist so, so. Sie können sehen, was ich hier machen will. So können Sie auf diese Weise verschiedene Symbole erstellen, wenn Sie möchten. Zum Beispiel, wenn ich zurückgehe, um zu behandeln, kann ich erstellen und andere Zeilen hier drüben. Bewegen Sie es so. Das, das, so. So hier drüben, so wie hier. Also hier gehen wir und lassen Sie uns wieder zum Feld-Ziel bewegen. Gehen Sie zum Bucket-Tool und ich werde eine andere Farbe auswählen. Und ich werde das auch füllen. Also noch eine Sache, die ich glaube, ich habe hier vergessen, wenn Sie etwas gekrümmt haben wollen, zum Beispiel, wenn Sie ein Stift-Werkzeug haben, können Sie hier klicken und lassen Sie nicht Ihre meisten einfach ziehen und Sie werden Winkel aufgetreten sein. Also, wenn Sie Winkel aufgetreten haben wollen, können Sie so etwas tun. Also, wann immer Sie eine Karte Mädchen Winkel wollen, können Sie einige so etwas tun. Das sind also die Grundlagen aus diesem Plan, um Symbole zu erstellen. Ich empfehle nicht, dass Sie weiterhin verschiedene Symbole mit dem ausgegebenen alles erstellen. Es ist eine Verschwendung von Zeit, die ich denke, Sie können verwenden. Sie sollten bereits Build-Icon verwenden, die Standard für jedes US- oder Android-Gerät sind. So sind Sie auf Ihren Websites. Sie können auch Premium-Symbole kaufen. Es ist eine wirklich verschwenden Zeit, wenn Sie auf die Erstellung von Symbolen mit diesem Stift-Werkzeug zu halten. Eso hat gewonnen. Ich bin weg. Ich habe meistens mit meinen Schülern geklärt. Ist das diese Form wie hier drüben? Das hier. Also lasst uns dies zuerst bewegen, wir werden ein Rechteck wie dieses bauen, und wir werden abgerundete Ecken von 50 so haben. Dann werden wir unser Schwenkwerkzeug verwenden und etwas erstellen, das Doppelklick darauf ist. Also haben wir hier drüben keine Griffe. Jetzt erstellen Sie Pento. Sie verbringen Werkzeug, und wir werden eine kleine Anzeige hier hinzufügen müssen. Hoffnungen Was passiert? Mm, so. So wie das. Das hier. Okay, also haben wir hier eine Anzeige erstellt. Füllen wir es mit der gleichen Farbe. Also jetzt können Sie hier sehen, haben wir Eckenradius auf 50 gesetzt. Also werde ich es benutzen, um so etwas zu haben. Lasst es uns benutzen. Okay, also lasst uns klicken. Klicken Sie auf Escape, Breast Escape Taste. Und so haben wir ein sehr schönes Symbol aus Sprechblase. Sie können Sprache sehen, aber nun, lassen Sie uns Verfärbung verwenden. So können Sie erstellen und manipulieren verschiedene Formen und verschiedene, unterschiedliche. Sie können verschiedene einfache Symbole mit Abb. MMA erstellen. Ich glaube, das ist alles. Ich möchte nicht, dass Sie hier ein sehr einzigartiges Symbol erstellen, aber ich würde wirklich etwas Übung hinzufügen, wo Sie so etwas erstellen und sich mit diesem mentalen vertraut machen können . Ich hoffe, Sie haben mit diesem Verbot Tool genossen, und wenn Sie irgendwelche Fragen haben, können Sie mich immer fragen, Lassen Sie uns zur nächsten Lektion gehen. 9. Image: in diesem Video werden wir uns ansehen, wie man Ort, Bild, Werkzeug und Sigma und vielleicht nur wenige Sterbliche verwendet Bild, . Jetzt gehen Sie hier rüber und schlaff Ort, Bild oder Kommando Schiff ke oder kontrollierte Schiffspflege. Und Sie können sehen, dass ich all diese verschiedenen Bilder oder hier auswählen werde. Also lasst uns wie dieser hier. Diese ich drücke oder halte Commander Control-Taste, um mehrere Auswahlen zu haben. Sieht aus wie dieser hier, dieser hier. Und wählen wir, ähm, diesen und ich werden auf Öffnen drücken, damit Sie sehen können, jetzt habe ich fünf Bilder und ziehe einfach weiter so, wo immer du so etwas platzieren willst und Sigma füllt sich tatsächlich alles von sich selbst. Ich liebe diese Funktion wirklich. Ziehen Sie einfach weiter und das ist alles. So können Sie sehen, das ist, wie ich auf Bild Colledge so erstellen kann. Das ist wirklich cooles Feature und noch eine Sache. So können Sie Bilder platzieren. Und wenn Sie etwas haben, zum Beispiel, in einem Rahmen, zum Beispiel, Ich habe eine Lippen, ähm, verschieden jeden Dollar von verschiedenen Menschen und zum Beispiel, Ich habe wie dies Und jetzt, wenn ich das Bild platzieren möchte. Und, äh, wählen wir noch einmal eine von ihnen aus. Vier eins, Herzog 34 Wirklich gut. Wirklich, wirklich cooles Feature. So können Sie einfach Drag & Drop alles, was Sie wollen. Dies ist eine wirklich coole Funktion. Also gehen wir wieder, indem wir alle hier so platzieren. 1234 Okay, also lasst uns das hier lassen. Lass es uns tun. Diese eine Registrierung dieses und konzentrieren sich auf diese. Nun, wenn Sie auf diese oder hier klicken, können Sie auf der rechten Seite sehen. Wir haben Phil als Bild, und es zeigt 100%, so dass Sie die Deckkraft hier reduzieren können. Das ist Deckkraft. Und wenn Sie hier klicken, können Sie sehen, dass wir verschiedene Optionen haben. Zum Beispiel können wir die Exposition ändern oder wir können die Exposition reduzieren. Wir können den Kontrast erhöhen, und wir können die Sättigung erhöhen, die unsere Farbtemperatur erhöhen wird. Das ist, äh, warme Temperatur. Es gibt eine Temperatur in der Schule. Dies ist ein bisschen steuert aus Foto E. Also, wenn Sie den Zeh zurück wollen , können Sie zurück gehen, und es wird darauf klicken. 0% sind die normalen Einstellungen wie diese. Lass es uns so etwas größer machen. Also benutze ich Shift-Taste und benutze diesen Erwachsenen, um ihn zu erweitern. Okay, wenn Sie also das Bild ändern möchten, können Sie wieder hier klicken und für Beispiele wie dieses Bild wie dieses. Und jetzt können Sie hier sehen, haben wir Phil Optionen. Das sind also die Optionen, die zeigen, wie es dieses Objekt füllen wird. Das ist also gefüllt. Es wird das ganze Objekt füllen. Das ist fit. Und wenn Sie auf Fuß klicken, können Sie sehen, dass es innen abgeschnitten ist, und Sie können auch sehen, dies ist nicht, weil es nicht ein abgerundetes Bild oder Bild. So passt es nicht hinein. Also Okay, also werden wir Phil jetzt benutzen, und Sie können auch Crop verwenden. So Ernte wird Ihnen helfen, die Größe von diesem zu ändern. Und Sie können auch die Platzierung von diesem Bild ändern. Zum Beispiel, dieses Bild sind wir hier, und Sie können auch die Größe aus dem Bild ändern drücken und halten Sie Shift. Und zum Beispiel möchte ich, dass Zehe so etwas haben. Okay, so können Sie auch das Bild bewegen, wie dieses X schließen Sie dies und Sie können sehen, hier haben wir das Bild, wo wir es wollten. Also wieder, wir gehen zum Bild. Das ist Ernte. So können Sie im Beschneiden das Bild fallen lassen. Zum Beispiel möchte ich so etwas hier drüben haben und gehen wir raus und Sie können sehen, dass dies tatsächlich Schaden zuschneidet. Es ist also im Grunde, den Rahmen vom Bild zu ändern. Und wenn Sie wieder zu beschneiden wollen, ist dies eigentlich die Anbaufläche. Dieser blaue Abschnitt sind wir hier. Wenn Sie dieses Bild hinter Ihnen klicken, können Sie sehen, dass wir verschiedene Erwachsene haben. Die sind schwarz. Also, wenn Sie die Größe aus dem Bild hinter diesem Zuschnitt ändern möchten, können Sie das tun, indem Sie diese Musik wie diese. Dies ist also ein wirklich gutes Werkzeug, so dass Sie es auch drehen können. Aber ich denke, das wird hier drüben nicht helfen. Es wird dieses Bild verformen, also das ist alles. Das ist also ein wirklich nettes Feature von diesem Beschneiden aus dem Bild. Dann können Sie Stil verwenden, so Fliese tatsächlich Fuß geht. Helfen Sie uns, dieses Bild zu gestalten. Eigentlich verkleinere ich die Größe dieses Bildes, weil wir den Kacheleffekt sehen müssen. Also lassen Sie es uns so bewegen und X klicken Sie hier. So ist es, wie es über Bild Styling. Das sind also wenige Optionen mit Bild fühlt man sich auch das Bild fühlen, das Sie auch bewegen können . Sie können auch das Bildfeld von hier aus hinzufügen. Tun Sie dies, wenn Sie zum Bild gehen, es wird Ihnen sagen, dass Wählen Sie ein Bild. Also konstruieren Sie jedes Bild von hier. Und das sind verschiedene Optionen. Wie es passt, füllen, passen füllen, tatsächlich machen Versuchen Sie 100% des Bildes zu verwenden und versuchen Sie, in diesem Behälter zu passen. Zum Beispiel, wenn wir einen Container wie diesen haben und wir wollen, um es mit einem Bild zu füllen, so dass Sie klicken können , wenn Sie etwas mit Bild füllen wollen, können Sie hier klicken es gefüllt ist und Sie können hier klicken und gehen Sie zu solide, solide und bewegen Sie sich zum Bild. Also hier haben wir es zeigt, dass versuchen, ein Bild hier zu wählen, so dass Sie jedes Bild wählen können , zum Beispiel, wie sieht aus wie dieses. Okay, jetzt können Sie sehen, dass es gefüllt ist. Und wenn ich versuche, mich zu ärgern, können Sie sehen, dass es versucht, das ganze Bild in dieses Rechteck zu passen. Jetzt lässt es etwas auf der rechten und linken Seite. Also, wenn ich versucht habe, die Größe zu reduzieren Okay, so ist das eine perfekte Passform. Wenn ich es beschneiden möchte, können Sie sehen, dass ich diesen Behälter zuschneiden kann. Und ich kann dieses Bild auch so bewegen. Ich hoffe, Sie haben dieses Bild nicht zerstört. Phil platzieren Ihr Bild und wie Sie diesen Ort nutzen können. Bildwerkzeug innerhalb von Sigma. Ich hoffe, Sie haben diese Lektion genossen. Fahren wir mit der nächsten Lektion fort. 10. Hand, Kommentar Stiftwerkzeug: Das ist der letzte Teil Ihrer Ausbildungstools, und ich werde mit Ihnen einige der Werkzeuge teilen, die wir hier drüben übrig haben. Zum Beispiel dieses Bleistift-Werkzeug. Dann haben wir dieses Handwerkzeug und Scheibe eine mentale, obwohl diese nicht sehr hilfreich sind. Aber wenn Sie auf dieses Bleistift-Werkzeug klicken, können Sie sehen, dass Sie zeichnen können, was Sie wollen. Also, wenn Sie ein Tablet oder Ben Tabler Gerät haben, können Sie leicht unterschreiben, oder hier können Sie leicht Design-Bereiche wie diese lokalisieren. Hier drüben kannst du benutzen, was du willst. Sie können frei auf diesem Bildschirm zeichnen. Das sind fast meine Unterschriften waren hier, und hier geht es um Bleistift-Werkzeug, also brauchen Sie sich keine Sorgen darüber zu machen. Also, wenn Sie ändern möchten, können Sie doppelklicken, und Sie werden verschiedene Optionen wie hier haben, und Sie können auch seine Überspringen erhöhen, so dass Sie sehen können, diese sind fast meine Signaturen. Nicht sehr perfekt. Aber wenn ich ein Stifttablett hatte, das ich in naher Zukunft Aiken kaufen werde, verwenden Sie so etwas, damit ich Faktoren zeichnen kann. Was immer ich will, ich kann einige zeichnen. Sie können Cartoons oder so etwas sehen. Also hier geht es um diesen Bleistift, dann haben wir diesen Griff, der alles bewegen wird , wohin Sie wollen. Also lassen Sie uns zurück zu bewegen Werkzeug, das V ist Und wenn Sie schnell zu dieser Hand gehen wollen, können Sie drücken oder halten Sie Ihre Leertaste so und jetzt können Sie sich bewegen. Dies ist also die Short-Cut-Taste für dieses Handwerkzeug drücken Sie die Leertaste, und Sie können sich auf Ihrer Leinwand bewegen. In ähnlicher Weise haben wir dieses Kommentar-Tool und Sie können Ihren Befehl Show hier hinzufügen. Das ist im Grunde zum Beispiel, ich liebe Sie kranke Naturen. Ich werde einen Smiley hinzufügen oder hier Smoochy und die meisten so können Sie in diesem Kommentarabschnitt sehen Ich sehe, dass ein Befehl von mir und Hausadresse. Und Sie können sehen, dass das mein Name in wenigen Sekunden ist. Ich liebe euch Unterschriften. Wenn Sie also ein ganzes Team haben, können sie antworten und das können sie wirklich sagen, oder so etwas. Was auch immer Sie wollen, die hier drüben den Befehl haben. So können Sie sagen, ein bisschen off Collaboration-Tool für die Zusammenarbeit an Ihrem Design und Verbesserung es Also das sind der Rest der Tools hier drüben. Ein paar Dinge, die ich denke, ich habe vergessen, ist, dass, wenn Sie hier auf Rechteck gehen, zum Beispiel, ich habe ein Rechteck gezeichnet und wenn ich Ellipse hier ziehen kann und wenn ich diese überlappen kann, kann ich beide von ihnen beide ablassen ihnen. Ich wähle sie aus, indem ich Shift, Shift, Shift gedrückt halten und auf beide klicke. Also lassen Sie uns das verdünnen. Auch dieser hier ist auch dieser. Also hier haben wir zwei verschiedene Formen. Und wenn ich sie kombinieren möchte, können Sie sehen, dass wir hier verschiedene Möglichkeiten haben. Gewerkschaftsauswahl. Also jetzt sind sie kombiniert und sie sind hier drüben eine Form wie diese. Trotzdem können Sie sie ansprechen. Sie können hier klicken, doppelklicken, und Sie müssen Shapes in der Vereinigung. Sie können sie zum Beispiel bewegen . Ich will es hier haben. Und ich zum Beispiel zum Beispiel wollte ich es duplizieren. Ich möchte eine andere Form wie diese haben. Ich habe meine Bogenschützen-Optionstaste gedrückt, um diese zu duplizieren. Klicken Sie also auf diese. Es ist wie diese Presse und halten Arden Option. Du wirst die Bellerose haben und du kannst so etwas haben. Sie können sehen, dass das eine Gewerkschaft von diesem Schiff ist. In ähnlicher Weise können wir Thema Auswahl haben. So können Sie jetzt alle oberen Ellipsen sehen, die sie hier von diesem Rechteck subtrahiert haben. Dann haben wir das schließt Auswahlen aus oder was auch immer, ähm, überlappt ist ähm, . Es wird ausgeschlossen werden. So, zum Beispiel, die überlappenden Bereiche, werden sie entfernt werden. Sie können sehen, wo hier. So können Sie jetzt sehen, dass diese überlappenden Bereiche entfernt wurden. Um diese Schnittauswahl zu verstehen, werden wir neue Formen haben. Also lasst uns diesen löschen. Wir haben ein Rechteck hier drüben. 2. 1 mehr hier, was etwas dunkler wird. Das ist wie ein Boot von ihnen. Intersect untersuchen. Also Intersect ist eigentlich das, was in ihnen üblich ist und alles wird entfernt. Also wird der gemeinsame Bereich am Ende sein und alles wird entfernt werden. So funktioniert diese Kombination oder dieses Union-Werkzeug tatsächlich. Wenn Sie Fragen haben oder nichts verstanden haben, können Sie mich immer fragen. Fahren wir mit der nächsten Lektion fort. 11. Farben und die Verwendung von Farbverläufen in Figma: in diesem Video. Wir werden uns diesen Kerl hier ansehen, und wir werden verschiedene Möglichkeiten erforschen, um dieses Feld zu nutzen. Wie können Sie verschiedene Farben wie Solar, linearer Rainier, eckiger Diamant, ein Bild verwenden. Und wir werden nicht auf dieses Bild schauen, das wir bereits über Stared diskutiert haben. Also, um, fangen wir damit an, ein Rechteck hier zu erstellen und lassen Sie uns hier eine Ellipse erstellen. Also halte ich Schicht. Lassen Sie uns etwa 300 Ecken wie 16. Oder hier und jetzt können Sie sehen, dass die Datei Phyllis C. Vier c vier c vier. Das ist seine Kapazität. Wie viel die Farben sollten transparent oder nördlich sein, so etwas. Also, wenn ich versuche, zum Beispiel, wie diese Farbe hier drüben zu verwenden zum Beispiel, und ich versuche, ein anderes Feld hinzuzufügen, und ich möchte, dass es einige Zutaten wie diese sein und lassen Sie uns die Farbe für dieses ändern, also die Unterseite und lassen Sie uns die Farbe für dieses ändern, Man wird ein Mörder sein. Als nächstes verwenden Sie diese Farbe, oder jetzt können Sie sehen, dass die obere tatsächlich ein gieriger int ist. Also, wenn ich es versucht habe, wenn ich hier drüben klicke, heißt es linear. Also hier haben wir einfarbig, als wir lineare Kenia hat zwei Punkte, um diese Punkte hier zu entfernen , was tatsächlich wird zeigen, wo der Sculler wird aufhören und beginnen. Diese Farbe wird also von hier aus beginnen. Wenn Sie eine weitere hinzufügen möchten, können Sie hier so klicken und Sie können eine Farbe wie diese verwenden. Zum Beispiel, wenn Sie Zeh wollen, ändern Sie es und Sie wollen auch die Spitze hier ändern, zum Beispiel, so und Sie wollen, dass der Boden sehr dunkel ist. Sie können so etwas verwenden. Jetzt können Sie sehen, dass wir eine lineare Zutat oben auf diese blauen Farben verwenden. Wenn Sie diese sogar hervorheben wollen sehen, wir versuchen, seine Kapazität zu erhöhen. Es wird mehr unter diesem Grady in zeigen. Das ist also irgendwie wie eine C grüne Art strahlend. Und Sie können immer auch ausblenden und anzeigen. Zum Beispiel haben Sie das Gefühl, so zu sein. Ich kann so viele Füllungen hinzufügen, die ich möchte , zum Beispiel möchte ich ein Radio hinzufügen. Radio wird zerstört sein. Also für strahlend werden wir dieses hier benutzen. Also das ist ich radial verwendet und Sie können sehen, jetzt hat es nur regelmäßig und dann hat es vital er oder Transparenz auf einer Seite. Also, wenn Sie hier klicken, können Sie sehen, wir haben zwei Einstellungen. Eins ist diese Farbe. Eins ist diese Kapazität. Also für jeden Punkt Off-Farben, können Sie zwei Dinge haben. Zum Beispiel, wenn ich versuche, die Deckkraft zu erhöhen, können Sie sehen, jetzt haben wir Ah, radiale Farbe mit der Grenze ist eigentlich ein bisschen transparent und innen ist eine Auswahl. So können Sie viele Effekte wie diese erstellen. Zum Beispiel, wenn ich versuche, so etwas zu verwenden und ich versuche, weiße Farbe hier zu verwenden, können Sie sehen, dass wir diese Art off Effekt haben. Sie können sehen, so außen ist weiß, was mit diesem Hintergrund verschmilzt. Und drinnen ist dieser Mörder, damit du mehr Halt haben kannst. Zum Beispiel, wenn Sie die Farbe in diesem Abschnitt hier ändern wollen, zum Beispiel, wie dies'll, Sie können jetzt sehen, was passiert hier drüben. In ähnlicher Weise können Sie die Deckkraft von dieser einen Zehe ändern. Also, jetzt versuche ich Zehe bewegen Rundschreiben und dort Abstand. Lasst uns das verdünnen. Also bin ich es. Ich habe ausgewählt, diese Einheit hat Grenze drücken Sie löschen, und wir haben eine Farbe weg. Jetzt können Sie sehen, dass das gut aussieht. In ähnlicher Weise für diesen werden wir für diesenden echten entfernen. Wir werden jetzt linear verwenden. Viele Dinge kannst du hier rüber gehen. Zum Beispiel, wenn Sie auf diese lineare klicken, können Sie die Richtung von diesem creedy int wie folgt ändern. Also, wenn ich versuche, die Richtung zu ändern, kann ich die Richtung wie dieses Presskreuz ändern und Sie können hier sehen, wir haben eine andere. Also, was ich nicht tun werde, ist, dass ich diese Entschuldigung entfernen werde. Ähm, dunkel hier drüben, Onda, erhöhen wir die Deckkraft von diesem Abschnitt oder hier. Versuchen wir es mit dem Zeh. Bewegen Sie es so. Als Nächstes. Verschieben Sie die Farben so. Tauschen Sie diese einen Zeh so etwas aus, dass es ein bisschen mehr ziehen. Also haben wir weniger Farbe für diesen Tropfen oder diesen Punkt hier drüben. Also haben wir drei Punkte auf die Killerpunkte. So können Sie Download-Button wie diese und weiße Farbe hier erstellen. In ähnlicher Weise können Sie das Gleiche für hier tun. Wenn Sie etwas für diese erstellen wollen, Uh diesen Text hier drüben, können Sie das gleiche tun. Also tauschen Sie sich so aus. So jetzt können Sie sehen, dass wir viele Optionen haben. Sie können hinzufügen, so viele fühlt sich eine warme auch im Text hier drüben, auch für diese Formen. Hier können Sie handeln 234 Was auch immer Einfluss Sie erstellen möchten, Sie können eine ähnlich für Radio erstellen. Sie können diese Art von Dingen für eckig haben. Meistens brauchen wir das nicht. Aber vielleicht, wenn du es benutzen willst, kannst du sehen, dass du hier bist. Das ist und wird es? Eigentlich schafft es so etwas, was wir meistens nicht brauchen. Vielleicht in einem Auto stört oder so etwas, vielleicht brauchen wir Ihren Diamant wird so etwas haben. Und das letzte ist das Bild. Wir haben das bereits besprochen. Das sind also verschiedene Farboptionen, die unterschiedlich sind. Phil Optionen hier drüben. Sie können auch Stile für dieses Gefühl erstellen. Zum Beispiel habe ich dies eine gierige int hier drüben. Ich klicke hier rüber und benutze den Bildschirm, Ian, und speichere ihn in der Zutat Sekunde oder so etwas. Also, wenn ich versuche, eines der Rechtecke zu verwenden, kann ich einfach hier klicken und dies drücken und dies wird auf dieses Rechteck hier angewendet werden. Hier geht es also um Farben und verschiedene Inhaltsstoffe und wie man verschiedene creedy INts, verschiedene Effekte, zum Beispiel diesen transparenten Fonds verwenden kann INts, verschiedene Effekte, zum Beispiel . Sie können es hier mit dem Hintergrund verschmelzen lassen, um die gleiche Farbe wie der Hintergrund zu verwenden . Sie können sehen, ob wir es innerhalb eines farbigen Rechtecks hier über bewegen, es wird seine Grenze zeigen, aber auf einem weißen Hintergrund wird es nicht zeigen. Das ist also alles über Farben. Wenn Sie Fragen haben, die Sie mir stellen möchten, können Sie mich immer fragen. Fahren wir mit der nächsten Lektion fort. 12. Projekt: Jetzt haben Sie alles über Ausstrahlung gelernt, Phil Farben Alles. Jetzt ist die Zeit für Ihre Zuordnung für Ihre Zuordnung ist, dass Sie eine lineare Belastung erstellen müssen . Lini Ingredient Burden Wie diese habe ich erstellt und immer erwähnen Sie Ihren Namen, dass Grady in Großbritannien von Sarah von Julius oder Was auch immer Ihr Name ist, weil es einfacher für mich ist, wissen Sie, Feedback. Geben Sie Feedback, damit es einfacher für mich ist, Feedback zu geben. Also Gedeon Britain erstellen zwei Knöpfe mit beliebigen Farben, die Sie mögen. Sie müssen einige Farben haben, dass der Text auf ihnen sichtbar ist. Also versuchen Sie nicht, Zehe eine Last zu schaffen. Die waren der Text ist schwer zu lesen. Das ist also Ihr nächster Auftrag. Brillante Lasten von Ihnen. Also freue ich mich darauf, diesen Auftrag zu sehen. Sie können das auf dem Bildschirm sehen, oder? Geräusch? Ich gibt es keine Erklärung erforderlich, also stellen Sie sicher, dass Sie sie erstellen und ich lese für Ihre Aufgabe. Also fangen Sie an, jetzt zu lesen. 13. Verwendung von Masken in Figma: in diesem Video erfahren wir mehr über Sigma und wie wir verschiedene Moscheen und Maskierungstechniken und Sigma verwenden . So Maskierung ist im Grunde, dass Sie einen Container haben, wie Sie dieses Rechteck sehen können. Das könnte mein Container und alle Elemente sein. Zum Beispiel Bilder oder Schaltflächen. Sie werden in diesem Behälter sein. Wenn also etwas größer ist als dieser Behälter, wird es abgeschnitten. Es wird also nicht außerhalb dieses Containers zeigen. Um dieses Beispiel besser zu verstehen, werden wir ein Bild per Drag & Drop oder hier. Also lasst uns dieses Bild holen und es hier rüber fallen lassen. Das ist also sehr groß. Also werde ich meinen Schiffsschlüssel halten und hier drüben etwas dimensionieren. Sie können auch schnell Größe mit so etwas oder hier verwenden. Also jetzt haben wir dieses Bild, und hier haben wir den Container. So Eindämmung ist auf der Rückseite und Bild ist auf der Vorderseite, um eine Moschee zu schaffen. Wir werden beide auswählen, also lassen Sie uns eine Auswahl auswählen und ziehen. Also sind beide ausgewählt und wir werden Kunststeuerung drücken, steuern alle M oder Befehls-Option und eine Moschee erstellen. So können Sie sehen, jetzt haben wir die Moschee erfolgreich erstellt. Nun, wenn du es hier drüben ansiehst, damit du sehen kannst, ist das unser Bild. Das ist unser Rechteck. Das ist unsere Moschee. Wenn Sie also versuchen, diesen Container auszuwählen und ihn zu bewegen, können Sie sehen, dass er den Teil des Bildes offenbart, das wir tatsächlich verwenden. Wir richten dieses Rechteck tatsächlich aus, also ist es wie ein Portal. Sie können sehen, es ist eine Grenze, wo Sie die anderen Dimensionen Lebensmittel sowieso sehen können, So ist dies, wie diese Bilder. Also, wenn Sie dieses Bild erweitern wollen, müssen Sie dieses Bild auswählen und Sie müssen es so schaffen und wir werden spielen Set hier drüben so. Also, wenn Sie dieses Rechteck oder diesen Behälter oder diese tatsächlich Moschee Zehe arbeiten, haben einige Rundheit. Lassen Sie uns 80 Unrecht schaffen. Also haben wir das als nächstes sehr nett, so wie dieses. Hoppla. Also haben wir diese Moschee, diese hier, also wählen wir beide aus, um sie so zu bewegen. Und wenn wir eine Gruppe wollen, können wir sie innerhalb einer Gruppe mit dieser einfachen Gruppe gruppieren, so dass wir nicht die ganze Zeit eine große Auswahl sehen wollen . So erschaffen Sie Moscheen. Also, jetzt gehst du, um eine Moschee hinzuzufügen. Also haben wir diese Moschee. Sie haben bereits gesehen, dass ich, wenn es so ist , die Größe so ändern kann. Ich kann die Position von der Moschee ändern und auch wenn ich die Größe des Bildes hier ändern möchte . Also, wenn ich will, dass Toby es kleiner macht, werde ich dieses Bild auswählen und ich gehe Fuß. Machen Sie es kleiner, so, so. Ähnlich, wenn ich diese Ecken ändern möchte, werde ich es dieses Mal verwenden. So ist das, wie Sie tatsächlich Moscheen erstellen sind Container, um verschiedene Arten von Designs zu erstellen , wo Sie gehen, um den Rest aus dem Teil jetzt verstecken, Ähnlich, Sie können andere Elemente in der Moschee haben. Also, wenn ich zum Beispiel eine Last habe, wie diese, lassen Sie uns eine Schaltfläche schnell erstellen. Also haben wir diesen Knopf, es gibt Gruppe es. Komm schon, G, Bt rein. Und ich wollte in diesem Rechteck oder in diesem Container sein. Also will ich meinen Knopf in dieser Moschee haben. Also werde ich es hierher ziehen und es hier rüber über dieses Rechteck fallen lassen. So jetzt können Sie sehen, dass sich dieses Addle erstreckt von diesem Bild, einschließlich dieser Schaltfläche und dieses Rechteck. Es zeigt also, dass dies die Dinge sind, die sich in diesem Container befinden. So jetzt können Sie sehen, dass ich meinen Knopf nicht sehen kann, weil er außerhalb des Containers ist. Es ist wie ein mittleres Portal. Sie können die andere Seite sehen. Aber wenn es etwas außerhalb dieser Spiegel ist, können Sie es sehen, also müssen Sie es verschieben. Also versuche ich, es hier rüber zu bringen. Sie müssen es also so in diesen Container verschieben. Und jetzt können Sie sehen, dass es hinter diesem Bild steht. Also werde ich es jetzt hochziehen. Sie können sehen, dass es in dieser Moschee ist und es ist in diesem Behälter. Diese Moschee muss Bereich. Also nein. Soll ich es bewegen wollen, Zum Beispiel, Ich will Zehe verstecken die rechte Seite von diesem Knopf. Ich kann das so machen. Das andere Ende dieser Last ist außerhalb meines Containers, also kann ich es nicht sehen. Also das ist eigentlich die Technik der Maskierung und, ah, das wird sehr hilfreich in Ihrem Design sein. Ich benutze es meistens, wenn ich importiere und Bilder. Ich benutze eine rechteckige Zehenmaske, damit ich seine Position leicht kontrollieren kann. Es ist Ilya was? Ich möchte zeigen, was ich verbergen will. Das ist also ein wirklich wichtiges Konzept. Ich hoffe, Sie haben dieses Maskierungskonzept verstanden und wie man es benutzt und wie man viele Elemente in einer Moschee hat . Fahren wir mit der nächsten Lektion fort. 14. Projekt: Sie haben bereits gelernt, wie Moschee Dinge. Jetzt ist die Zeit für Ihren Auftrag. Also, jetzt werde ich Ihnen eine Aufgabe geben, Zehe, Zehe, Moschee und Objekt oder irgendein Bild, und Sie werden einige einleitende Text über sich selbst erstellen, dass ich vier Sorgen habe oder ich liebe es, feindliche Cartoons zu sehen oder ich bin sehr beschäftigt oder ich bin eine Krankenschwester von Beruf oder was auch immer auf Ihrem Kopf ist. Was auch immer deine Hobbys sind oder du tust oder du deine Liebe ist, du musst es mit mir teilen und dein eigenes Bild benutzen. Es ist besser, dass wir uns vorstellen. Also lass mich dir meine Haut zeigen, was ich erschaffen habe. Und ich werde Ihnen auch einige Tipps geben, wie Sie die Maskierung erstellen können. Und was sind die Probleme, die Sie bekommen können. Also lasst uns jetzt Zeh über Bildschirme machen. Jetzt können Sie sehen, hier habe ich zwei Bildschirme erstellt. Ähm, das ist eine benutzerdefinierte Moschee. Ich habe hier eine Form erstellt, und ich habe mein Bild darin eingefügt, und sie befinden sich in einer Gruppe. Es ist immer besser, dass Sie Ihre Gruppe gruppieren, Ihre Elemente, die maskiert wurden. Andernfalls wird das Stigma weiterhin Dinge in ihnen hinzufügen. Also, wann immer Sie damit beginnen, können Sie so etwas erstellen. Sie können hier eine Ellipse verwenden, eine Ellipse mit gedrückter Umschalttaste zeichnen, Ihr Bild hinein ziehen. Und so, zum Beispiel, lassen Sie mich zeichnen auf ziehen Sie dies sehen können Nein, Ich habe ein Bild jeder Teer auf meinen Lippen. Ich werde beide von ihnen Ellipsen an der unteren Moschee auswählen. Und ich werde das hier hier so hineinschieben. Das ist also einfach. Und versuchen Sie immer Zehe, erstellen Sie eine Gruppe, so ist es einfacher Zeh. Verwalten Sie sie. Das ist jetzt ein Tag. Wenn Sie zum Beispiel versuchen, eine Form mit dem Pendel zu erstellen , versuche ich, eine Form wie diese zu erstellen, und ich möchte ein Bild innen einfügen. Es gibt einen Trick, den Sie hier sehen können. Es gibt keine Phil sind hier drüben, also versuchen Sie, Phil zuerst hinzuzufügen. Andernfalls wird Ihr Bild dies nicht ausfüllen. Also lasst uns das nochmal bringen. Und hier haben wir es. Lassen Sie uns wie Wasser von ihnen Moschee, und jetzt können Sie sehen, dass ich eine sehr benutzerdefinierte Moschee mit der benutzerdefinierten Form hier erstellt habe. also immer daran, dass Versuchen Sie, Ihre Vektorform zu füllen, bevor Sie so etwas tun. Dies ist also das Beispiel. Also fange mit deinem Namen an. Willkommen, John oder Sarah oder wie auch immer dein Name ist, und dann, um die Klasse zu finden und dann etwas über dich. Als ob ich eine Menge feindlicher Gärten beobachte. Meistens in letzter Zeit wieder Superkräfte lieben, alle Arten von Designs zu erkunden. Sogar ich liebe es, in Ihr Design oder jede Art von Design zu erkunden. Drei d oder ich liebe Zeh sehen, wie sie sie waschen. Und ich habe vier Kinder und freischaffend aus den letzten 10 Jahren. Dies ist meine einfache Einführung, und Sie können eine Schaltfläche sehr verwendet haben. Fangen wir an oder seien bescheiden. Immer, was du denkst, ist das Schlüsselwort zu deinem Leben. Das ist also die Aufgabe für die Maskierung. Also stellen Sie sicher, dass Sie erstellt haben, dass ich immer auf der Suche nach Ihrem Auftrag. Ok? Also, wie man diese Aufgabe einreichen? Sie müssen auf diese Kunsttafel klicken. Sie müssen zum Export gehen. Klicken Sie hier, und das ist hier drüben. Exportieren Sie iPhone Segnen. Also, nein, ich werde es auf dem Desktop exportieren. Und das ist das Bild, das Sie hochladen möchten. Also okay, das ist also das Bild. So das ist Sie sehen können, dies ist das Bild, und das ist, müssen Sie hochladen und als Zuweisung, so kann ich leicht beziehen. Okay, also freue ich mich auf Ihren Auftrag. Haben Sie eingereicht. Lassen Sie uns diese Moschee im Auftrag beginnen. Nein. 15. wiederverwendbare Stile erstellen: in diesem Video werden wir darüber reden. Müssen Fliesen, die unsere Farben sein werden, Versuche und Textilien, die Sie immer wieder und einfach wieder verwenden können, um andere Textelemente oder andere Tasten oder alles, was Sie haben. So können wir auch verschiedene Effekte erzeugen. Also lassen Sie mich Ihnen zeigen, indem Sie etwas tun, damit Sie sehen können, dass ich hier vier Farben verwendet habe. Also, wenn ich dieses Rechteck auswähle, ist dies eine Füllfarbe Also, wie ich es immer wieder verwenden kann Also gehe ich toe hier drüben Dies wird Stil genannt und ich werde hier klicken, Stil erstellen Also, sobald ich dieses 'll habe, kann ich Benennen Sie es wie Stahl um, ich bin blau so etwas und ich werde hier einen Stil haben also wenn ich darauf schwebe, zeigt es immer noch blau. Ähnlich, für diese werde ich verschiedene Namen erstellen Zweite re orange Farbe Dann haben wir diese primäre primäre blau dunkel und lassen Sie uns eine andere primäre blau erstellen. So jetzt können Sie sehen, wir haben vier Farbstreben Overhead. Das sind unser Teamstil. Diese sind also nicht lokal in diesem Dokument. Dies sind also unsere lokalen Designstile, die wir in diesem Dokument anwenden können. Das ist jetzt unser Projekt. Dies ist die Übungsseite, eigentlich. Also haben wir vier Colas-Testversionen, so dass Sie sehen können, wie wir sie einfach anwenden können. Lassen Sie mich es Ihnen zeigen. Also grüße ich Rechteck auch Lippen hier drüben und ich werde zu gehen, anstatt zu füllen ich kann ich gehe zu gehen. Es gibt zwei Möglichkeiten, tatsächlich Also gehen Sie zu Stil und wählen Sie alle Farben, die Sie wollen. Zum Beispiel möchte ich diese Farbe ähnlich. Zum Beispiel, ich erstelle eine Last. Also muss ich hier rüber strikt schwingen. Dies ist ein nettes, aber und alles gilt für sie. Es existiert. Und ich wollte so sein. Das ist also sehr einfach für mich. Ich will mich nicht daran erinnern und Sie können hier sehen, dass wir primäre blaue Dunkelheit haben. Die Hauptsache ist die Wiederverwendbarkeit, zum Beispiel habe ich die gleiche Farbe aufgetragen. Also dieses Rechteck wie dieses Also was, wenn ich die Farbe ändern möchte und ich möchte, dass es ein weiterer Farbton von diesem Blau ist. Also, was ich hier tun kann, ist, dass ich hier klicken und dann werde ich auf diesen Bearbeitungsstil klicken . Und hier haben wir Option zwei Kette entdecken, zum Beispiel. Ich wollte Toby, , lass uns diese Tarnung sehen. So jetzt können Sie sehen, unsere primäre Blau dunkel ist völlig anders. Okay, also geh hier rüber. Sie können es auch von gehen Sie können auch Zehenänderungen von hier aus gehen, so nicht mochte diesen Rahmen und gehen Sie zu lokalen Stilen und Sie können auf die Einstellungen klicken und lassen es wieder zu etwas sehr dunkel wie diese ändern. Hier haben wir also die Farbe, Größe und wie wir sie bearbeiten können und wie wir sie erneut anwenden können und welche Wirkung sie haben wird. Also, zum Beispiel, wenn ich möchte, dass es einige andere Farben sein Also, wenn ich hier drüben klicke, können Sie sehen, es zeigt mir all diese Farben. Ich kann keine Farbe süchtig machen oder ändern. Ich bin nicht alle Farben offen. Also, wenn ich zurückgehen will, so muss ich hier d toten Stil klicken. Und jetzt können Sie sehen, ich habe meine Füllung zurück, so dass ich seine Farbe auf alles ändern kann, und es ist nicht befestigt Zehe. Diese beiden Elemente sind diese zwei Farben Studien. Jetzt werden wir etwas über Textilien lernen. Hier können Sie sehen, dass ich diese Überschrift habe. Ich habe diesen Textabsatz. Es ist regelmässig. 18 Schweine, Ill Roboto, sterben Gesicht. Und das sind Roberta Light 64 Bilder. Ich kann die Größe von 72 erhöhen, wenn ich will. Oh, und das ist jetzt mein Weg. Ich kann auch den gleichen Stil erstellen Sie können den gleichen Knopf hier sehen. Zurück hier drüben. Und ich werde es in die Richtung groß oder in die Rubrik 72. Das wäre für mich leicht zu merken. Ähnlich, hier drüben werde ich es haben. Ach, besseres Diagramm 18. Es bedeutet also, dass 18 Schweine die Absatzgröße haben, und Sie können sehen, dass ich Textilien hier drüben habe. Also, wann immer ich einen neuen Text hier drüben möchte , tippe ich etwas, damit ich eine Überschrift sein wollte. Also werde ich einfach hier rüber gehen, auf das klicken und einfach mein Versteck 72 nachlassen und ich werde alle Einstellungen haben, die ich hier gemacht habe . Nun, wenn Sie diesen Stil zum Beispiel bearbeiten möchten, zum Beispiel bearbeiten möchten, habe ich bereits einen Stil erstellt und ich möchte ihn ändern, so dass die Sache ist, dass Sie toe klik irgendwo hier drüben haben , oder Sie können einfach nichts gemocht was einfacher Weg ist. Und Sie können einfach darauf klicken und ich werde zu wechseln, sagen wir schwarz und ich werde 64 haben. Lassen Sie uns ein anderes verwenden, zum Beispiel, wie dieses. Das ist ein besseres, und ich denke, es hat keine Rückseite. Also lasst uns schwer benutzen. Also, ähm, Brett. Das sieht also gut aus. So können Sie sehen, wie Sie Ihren Stil ändern, so dass Sie außerhalb dieses Knochens gehen können. Rio, du kannst das hier auswählen. Klicken Sie auf diesen, gehen Sie zu diesem Symbol. Das ist also ein bisschen, äh, Sie können einen etwas größeren Weg sehen, um zu reisen. Ich mag es so. Also mochte ich es einfach nicht und gehe von diesem lokalen Stil und ändere es hier drüben sehr ähnlich wie diese Mörder und diese Überschriften oder diese Textilien. Sie können auch andere Stile erstellen. Zum Beispiel möchte ich haben. Lassen Sie es uns lösen, und ich werde lineare Zutat erstellen. Jetzt ist es so, und ich werde die Farbe auf diesen einen Fuß ändern. Erhöhen Sie die Deckkraft. Also nein, wir haben hier erstellt und wählen Scheibe strahlend und wieder werde ich zu Stilen gehen und lassen Sie uns Bart, Zutat oder hier. Also habe ich meinen gierigen Stil ähnlich wie diese. Also, wenn Sie sich auf dieses bewerben möchten, werde ich hier klicken und das ist mein Unterteil mit Zutat. Und lassen Sie uns noch ein paar Dinge hier hinzufügen. Zum Beispiel möchte ich, dass wir es lösen und ich möchte einige Effekte. Zum Beispiel, ich will Schatten hier drüben, also werde ich Schlagschatten haben, und das wird ein bisschen dunkler. Schlagschatten, der so etwas benutzt hat, und ich werde Zehe haben Blut von 50. Reduzieren wir es auf 30. Exklusiv zu 25 35 Sieht gut aus. Lass es uns ein bisschen nach unten bewegen. 6 18 Nun haben wir den Schlagschatten erschaffen. Lassen Sie uns Stil dafür klar. Wir haben zu guter Stil gewesen und klicken Sie auf das gleiche Plus-Symbol, um einen Stil zu erstellen. Das ist also unser Schlagschatten Vier Knöpfe,so etwas wie das. Schlagschatten Vier Knöpfe, Also haben wir einen anderen Stil. Also, wenn wir außerhalb der Skandale gehen und hier klicken, können Sie nicht sehen, wir haben eine Tatsache Stile Farbe, Größe und Textilien. Das sind also verschiedene Arten von Stilen, die Sie hier ausprobieren können, und Sie können sie auf alle anwenden, die ich denke, Sie wollen. Zum Beispiel gehe ich zu diesen Effekten und genau so und wir haben diesen Schatten, ich möchte mich nicht immer wieder an die Werte dieses Schattens erinnern. Das ist also ein sehr gutes Konzept in jedem und mächtigen Konzept des Stigmas. Und ich liebe es wirklich, wie sie diese Effekte Stile, Farben, Versucheund textilen lokalen Textilien getrennt verwendet haben Farben, Versuche . Ich hoffe, Sie haben das Konzept von Stil verstanden und wie Sie sie wiederverwenden können. Fahren wir mit der nächsten Lektion fort. 16. Effects in der Figma App: in diesem Video werden wir verschiedene Effekte aus Ihrem Design lernen und wie Sie das Thes-The-Effekt-Panel auf der rechten Seite verwenden können , wenn Sie mit Figment entwerfen. Vier Dinge, die wir schaffen werden, ist dieser sehr leichte Settle-Schatten um ihn herum, sehr kleiner Schatten um ihn herum. Dann haben wir noch einen, der ein sehr weicher, aufgewendeter Schatten sein wird. Dann haben wir diese drei D-Effekt, und wir haben diesen Einschubeffekt, das gleiche, was ich getan habe, wenn ich kaufte mein erstes Sie einen Design-Kurs mit Fotoshop, Also mache ich es in Fig Motto. Das sind also die vier Effekte, die wir erzeugen werden. Also zuerst werde ich all diese Mängel von hier entfernen, um Ihnen zu zeigen, wo ich angefangen habe . Also, ähm, hier haben wir einfache Elemente. Einfaches Weiß Jetzt können Sie sehen, dass eine Sache üblich ist. Ich habe einen hellen Hintergrund. Das ist sehr wichtig. Wann immer Sie versuchen, etwas Schatten zu haben, müssen Sie etwas farbiges Licht, Peak farbigen Hintergrund haben. Das wird jetzt viel besser funktionieren. Das erste, was wir tun werden, ist, dass wir diesen Schatten hier drüben erschaffen werden , der ein sehr großer, sehr ausgedehnter, sehr verschwommener Schatten sein wird . Also drücken Sie diesen Pass und wir haben einen einfachen Schlagschatten, der so aussieht. Das sieht nicht sehr gut aus, also werden wir es verbessern. Also für die Optionen gingen Zehe, kommen Sie hier rüber. Also haben wir diese Optionen X Wert die Bewegung off Schatten in der rechten Seite. Also wird es gehen, um zu versuchen, fünf hier drüben zu drücken. Sie können sehen, dass es einzieht. Der Wert für die Zerstörung ist von oben nach unten. Also, wenn Sie nach unten gehen wollen, so können Sie das tun. Erhöhen Sie also den Vie Wert, um den Schatten unten zu verschieben. Wenn Sie möchten, bewegen Sie die andere Seite. Du wirst minus fünf wie diese und minus 15 so verwenden. Also, das ist cool zurück. Okay, also Blut ist, wie viel verschwommen es sein muss. So wird es einige weiche Kanten haben. Also, wenn Sie versuchen, den Blutwert zu erhöhen, wird es Zehe weicher. Also die erste Einstellung, die wir tun werden, ist, dass ich X eins verwenden werde. Also werde ich ein wenig bewegen oder hier, dass ich das Blut 32 benutzen werde. Also wollte ich sehr weich sein wie Schatten und das Virus. Du wirst es sein. Also möchte ich es etwas nach unten bewegen. Also will ich weniger Schatten auf der Oberseite. Ein bisschen mehr hier drüben. Dann werde ich 20% verwenden. Ich will nicht, dass es sehr, ähm harte Schatten ist. Also möchte ich es weich machen. Ich reduziere die Deckkraft um 20%. Jetzt können Sie sehen, es sieht toll aus. , Das Letzte,was Sie tun können, ist, dass wir diese Farbe von Schwarz ändern. Also die gleiche Farbe aus diesem Hintergrund. Also werde ich hier rüber klicken, und ich werde es hier rüber bewegen. Jetzt können Sie wieder sehen, wenn ich die Farbe ausgewählt habe Es ging wieder 200%. Also werde ich es jetzt auf 30% verwenden. Sie können sehen, dass das wirklich gut aussieht. Weicher Schatten Ich werde Ihnen Aufgaben geben, um so etwas zu machen. Sehr nett. Sehr sauber, sehr kreativ. Sie können hier jetzt sehen, ähnlich für diese, wir werden einige andere Einstellungen verwenden. Also wieder gehen wir zum Schlagschatten. Sie können sehen, wir haben mehr Optionen in einer Schattenebene, Unscharf Hintergrund Unschärfe. Aber wir gehen jetzt mit Schlagschatten und in einem Schatten wird der Nächste sein. Also jetzt gehen wir Zehe Jane die Einstellungen so x wird Null Blut vor und der Vie Wert Überleben wird auch sein. Also wollen wir es sehr nah an unserer früheren und das wird 15% sein. Und der Mörder, den wir Lex benutzen werden, benutzt diese Farbe und ich werde seine Kapazität auf 20% reduzieren . Das ist also ein bisschen andere Farbe für den Hintergrund, ein bisschen bläulich. Das ist ein bisschen grünliches Blau, aber es sah es sich an. Es sieht auf der Oberseite aus diesem Hintergrund erstellen. Das ist also sehr weich. In der Nähe begleichen Schatten. Wenn Sie Zehe wollen ändern Sie die Farbe ein wenig. Wollen Sie dunkleren Schatten? Sie können in diesem dunkleren Bereich gehen. Wenn Sie einen helleren Schatten- oder Lichteffekt möchten, können Sie in diesem Abschnitt gehen. Wir sind hier. Sie können sehen Wenn Sie genau auf der linken Seite hinsehen, können Sie hell, dunkel, hell, dunkel, hell, hell, dunkel sehen. Also werde ich mit diesem hier für ihn gehen. Jetzt gehen wir für dieses Insider-Inset-Effekt. Also klicken Sie auf diese und wenn wir auf Effekte klicken, wollen wir Zehe tatsächlich Effekte haben. Einer wird im Schatten sein. Also, sobald wir in einem Schatten verwenden, können Sie sehen, es hat bereits ein Innere der Insekteneffekt nicht zu. In Ha dieser Effekt werde ich vergrößern, um Ihnen den Unterschied zu zeigen. Also, das ist eigentlich dein Inneres, und, äh, es nennt sich die Effekte. Und ich kann hier 20% gebrauchen, und ich werde es etwas erhöhen. Entschuldigung. Drei Norden, ein bisschen runter. Und jetzt werde ich einen anderen Effekt verwenden, der mein Schlagschatten sein wird. Dieser Schlagschatten wird hier nicht dunkel sein. Wenn etwas Brust ist, wird es einen leichten Schatten darauf geben. Hier drüben in diesem Bereich wird Licht auf diesen Boden fallen. Lassen Sie mich Ihnen zeigen, was ich meine. Also werden wir ein Schattenblut haben. Wir werden die Unschärfe auf Null reduzieren, weil wir nicht wollen, dass sie verwischen wird. Warum wird Spaß machen? Wir wollten genau mit dieser Linie zusammen sein. Oder hier lassen Sie mich ein bisschen mehr hineinzoomen. Sie können diese großartige Linie oder hier sehen. Nein, wir wollen nicht, dass das großartig wird. Wir werden hier drüben eine weiße Linie benutzen. Wenn Sie vergrößern, sehen Sie, dass eine weiße Linie vorhanden ist. Lassen Sie uns etwas verkleinern. Es gibt eine weiße Linie oder hier. Also lassen Sie mich es Ihnen zeigen. Lassen Sie uns die Kapazität um 200% erhöhen, da Sie sie nicht anzeigen können. Jetzt können Sie sehen, dass wir hier eine breite Linie haben, die unsere Innenwirkung verbessern wird . Also hier haben wir eine perfekte in Set-Taste. Wir haben einige in einem Schatten benutzt. Sie können auch diese vier verwenden und wir haben einen Schlagschatten , der hier ein weißes Licht sein wird. A. Dies wird also Ihre Erkenntniswirkung jetzt vervollständigen, zu diesem Vertrag kommen Effektvertrag ist sehr einfach. Lassen Sie uns einen Effekt erzeugen. Schlagschatten. Es wird sein und wir werden die Unschärfe reduzieren 20 Jetzt können Sie sehen, dass dies solide wird. Nein, wir werden die gleiche Farbe auf diesem Knopf verwenden und wir gehen zu diesem dunkleren Abschnitt oder hier. Also lassen Sie uns zum Beispiel dieses eine verwenden, zum Beispiel dieses eine verwenden, das alles ist, was wir für eine Drei-D-Belastung brauchen. Sie können sehen, ob Sie seine ah erhöhen wollen, Vertrag nous oder seinen Schatten, Sie können zum Beispiel erhöhen, gehen Sie zu sechs. Sie können sehen, jetzt sieht es ein bisschen mehr Vertrag. So verwenden Sie verschiedene Effekte, wenn Sie versuchen, einen anderen Schatten auf Insekteneffekt zu sein , wenn Sie versuchen, Fig MMA zu verwenden. Jetzt werden wir die letzten beiden Effekte untersuchen, die die Jägerunschärfe und den Hintergrund sind. Wenn Sie auf ihr Blut klicken, können Sie sehen, dass dieses Heiliger tatsächlich verschwommen ist und Sie können das Blut unter Berufung auf zum Beispiel ändern , 15 oder so etwas. Also, wenn Sie Schicht verwischen wollen, wird es so etwas sein, was sehr einfach ist, sehr einfach, das Konzept dieses Lear-Blut zu verstehen. Das Letzte ist, wir werden das Hintergrundblut untersuchen. Nun, zum Beispiel, ich will diesen Artikel und ich will alles oben. Wenn es, zum Beispiel, ich habe ein Rechteck hier drüben und es versteckt diesen ganzen Bildschirm, zum Beispiel. Dies ist der ganze Bildschirm, also werde ich den Effekt von Bagram Blur hinzufügen. Jetzt können Sie sehen, dass nichts verschwommen ist. Also, wenn Sie versuchen, Zehe, reduzieren Sie die Deckkraft von Ihrer Füllung hier drüben, zum Beispiel, ich möchte 50% sein. Sie können sehen, dass der Hintergrund hinter diesem regulären tatsächlich verschwommen ist. Wenn Sie also die Bluteinstellung ändern möchten, können Sie das Blut erhöhen. Sie können jetzt sehen, dass es verschwommener und, ähm, nicht sichtbar ist. Also, wenn Sie versuchen, die weiße Farbe, unsere Haare,so etwas zu verwenden unsere Haare, , können Sie sehen, dass dies tatsächlich Hintergrundunschärfe ist. Wenn Sie also versuchen, hier drüben einen Text zu schreiben, zu schreiben,gefällt es mir sehr. Also geht es tatsächlich zurück. Ich wollte ganz oben in diesem Hintergrund stehen, so etwas. So können Sie sehen, wann immer ich versuche, dies zu bewegen, das geht Zeh, haben eine verschwommene Wirkung. Dies wird, wenn Sie versuchen, es zu verschieben oder zu scrollen. Es wird eine solche Wirkung haben. Also wurde dieser Effekt zum ersten Mal in IOS-Geräten gesehen? Ich schätze schon. Dies ist tatsächlich, wie Sie Hintergrund verwenden können. Vergessen Sie nicht, die Deckkraft Ihrer Füllfarbe hier drüben zu reduzieren, weil es ohne das nicht funktionieren wird . Wenn Sie also eine solche Einstellung haben, wird es nicht funktionieren. Versuchen Sie also, 80% 70% 50% zu verwenden oder was auch immer gut für Sie aussieht. sind also alle Effekte, die ich dir bereits gezeigt habe. Wenn Sie Probleme haben, diese Effekte zu verstehen, um mir Fragen zu stellen und ich hoffe, Sie bald in der nächsten Lektion zu sehen , bis dahin, nehmen Sie Ihre und durch 17. Projekt: jetzt, Ihre nächste Aufgabe ist, dass Sie diese drei Tasten mit der Schattenfakt mit drei D-Effekt mit Insekt oder gedrückten Effekt erstellen werden. Und ich möchte, dass du deinen Namen ganz oben erwähnst. Beginnen Sie also mit der Erstellung dieser Zuweisung. Ich werde dir ein paar Hände geben. Das sind meine Einstellungen. Wenn Sie zu diesem Schatten gehen, können Sie sehen, dass dies meine Einstellung für Schatten 0 15 Blut Wert ist vier. Spread ist eine dunkelblaue Farbe für die gleiche. Dieses blaue 40% ist die Deckkraft aus dem Schatten. Dann haben wir das hier. Das ist eigentlich innerhalb dieses Anführers und so Schlagschatten. Sie 05 ist der Vie Wert. Also mach es ein bisschen nach unten, und dann haben wir die dunkelgrüne Farbe 100% für diesen, wir müssen tatsächlich Schatten werfen. Eins ist eine 10-zeilige weiße Linie unten, die ich dir schon beigebracht habe. Dieser und im Schatten ist 06 Unschärfe. Vier ist von I Wert und dunkelorange Farbe für den Schatten innerhalb der Brust Effekt und 100% es ist seine Kapazität. Also freue ich mich schon. Also, diese Aufgabe zu sehen, also fangen Sie an, sie jetzt zu lesen 18. Komponenten in Figma: in diesem wirklich werden wir über ein sehr wichtiges Konzept sprechen, das als Komponenten bezeichnet wird. Jetzt. Komponenten sind im Grunde Ihre Konstruktionselemente, die Sie wiederverwenden können. Sie können einige von ihren Eigenschaften ändern, und dennoch können Sie sie verwenden. Also lassen Sie mich mit Ihnen teilen, was im Grunde das Konzept ist, so dass Komponente jede Design-Elemente, Ihren Steuerhintergrund, Ihre Partons, Ihre Wachen, Ihre Sie wurden entworfen Header oder alles, was Sie haben. So ist es im Grunde Gruppe aus zwei oder drei Elementen, zum Beispiel. Wir werden hier einen Knopf erstellen, und ich werde die Dinge benutzen, die Brugler hier drüben haben. Und wenn wir das hier ausgewählt haben, haben wir dies um diese Ecke Rundheit. Also werde ich es hier benutzen. Also haben wir einen schönen runden, aber verärgerten Kopf. Jetzt fügen wir das nächste hier hinzu. Also Presti und wir werden einen Text wie unten Lord nicht wissen, am besten entkommen und lassen Sie uns es in der Mitte ausrichten. Ein bisschen hier oben, Jeanne, die Farbe Weiß. Also ändere ich jetzt das physische er von den Stapel hier drüben. Und lassen Sie uns auf Ed hier hinzufügen. Also habe ich schon mit einigen von den Schocker-Schlüsseln gesprochen. Also werde ich Kontrolle oder Befehl Backslash Toe verwenden, meine Suche bekommen, und ich gehe Toe Dive Icon. Und hier haben wir vier tolle Ikonen. Also, das ist eigentlich Blufgan. Also werde ich den Pfeil mit dem Zehensterben gehen. Sie können sehen, dass wir hier eine Menge Annalen haben, also werde ich Nein benutzen, sie war diese hier. Also das ist die Luft hier drüben, und jetzt können Sie sehen, dass wir diesen Vektor von vorn haben und seine mit 22,5 ändern. Okay, also, nein, es sieht gut aus. Das ändert die Farbe in Weiß und machen wir es ein bisschen größer. Also werde ich dieses Land in beschränktem Verhältnis drücken. Also gehe ich mit der Größe, wie 36. So etwas. Das sieht toll aus. Okay, also haben wir einige der Elemente hier drüben. Unser Ich gehe auf unseren Dexter und unseren Hintergrund. Jetzt können Sie auch einige Effekte anwenden. Wenn du ein Drop Shirt hier drüben willst, kannst du einen Schlagschatten wie diesen haben. Also 8% Blut x Wert auf die Bewegung von diesem Schatten. Und hier ist der Schatten auf. Warum würde bedeuten, dass es von hinten an der Unterseite des Lear runtergehen wird. Also hier haben wir einen sehr schönen Knopf. Jetzt, jetzt werden wir sie gruppieren. Also lasst uns Gruppensteuerung oder Befehl G. Aber wenn du sie nicht begrapschen willst, ist das auch gut. So wie alle Elemente und wir gehen Zehe drücken Befehl alle K oder steuern alle K für die Erstellung einer Komponente. Lassen Sie uns also eine Komponente erstellen. Jetzt können Sie sehen, wie so schön habe ich diese Komponente erstellt. Sie können sehen, dass sich das Auge hier völlig verändert hat. Dies ist also im Grunde eine Master-Komponente Master-Komponente ist eigentlich unser Hauptkonstruktionselement , das in seiner ursprünglichen Form ist. Also lassen Sie uns diesen duplizieren, damit Sie drücken können. Komm schon D. Also jetzt kannst du sehen, dass ich ein doppeltes Element an der Spitze angeboten habe, also habe ich es hier rüber gezogen. Jetzt kannst du sehen, wie ich weggegangen bin. Die 2. 1-Komponente zu ist anders, obwohl sie die gleiche wie die Komponente eins ist. Aber jetzt ist es eine Instanz. Das ist also, dass Sie auf der rechten Seite dieses namens sehen oder hören können Dies wird Instanz genannt. Und wenn ich hier drüben klicke, gibt es keine Instanz. Hier drüben ist es. Es heißt Komponente. Also, wenn ich hier wieder klicke, können Sie sehen, dass wir diesen kleinen Bereich hier drüben haben. Komponente eins. Es ist also eine sofortige Instanz aus Komponente eins. Es ist also genau so, als ob Sie ein Programmierer sind, dies ist das Konzept eines Elternteils und eines Kindes In Javascript und Java machen Sie verschiedene Klassen und die gleichen Eigenschaften. So ist es wie ein Elternteil und Kind. So, jetzt können Sie sehen, dieses Kind hat alle Eigenschaften Büro Eltern. Aber ich denke, das ist nicht gut. Also, wenn ich zum Beispiel die Farbe wie diese ändern zum Beispiel möchte, kann ich das tun. Dennoch kann man sehen, dass es in allem wie seinem Vater oder Experiment ähnlich ist. Das ist also das Konzept aus Komponenten. Also haben wir diese Komponente. Sobald wir also eine Komponente erstellen, können wir nicht zurückkehren. Diese Komponente wird also in diesem Assets-Panel hier verfügbar sein, so dass Sie diesen Übungsrahmen sehen können , und wir haben diese Komponente von einem, so dass Sie es auch umbenennen können. Zum Beispiel werde ich es umbenennen Bt und herunterladen. Also werde ich es umbenennen BD en download. Also, wenn wir jetzt auf Vermögenswerte gehen, können Sie es sehen. So zeigt hübsch und herunterladen und ich kann es per Drag & Drop und platzieren Sie es überall, wo ich geboren habe, so können Sie auf die Erstellung einer Menge von verschiedenen Assets und Komponenten wie diese. Aber stellen Sie sicher, dass Sie sie erstellen, sobald Sie mit ihrem Design fertig sind, weil es schwierig sein wird . Sie haben die Hauptkomponente zu ändern, um die Änderung zu erhalten. Was ist, wenn Sie ein neues Unternehmen erstellen möchten, damit ich diese Instanz nicht möchte? Ich möchte einen neuen Knopf ähnlich wie diesen. Aber ich wollte eine andere Komponente sein, also werde ich mit der rechten Maustaste hier rüber klicken und ich gehe Zehe Verwenden Sie diesen Befehl Instanz lösen. So, jetzt können Sie sehen, ob ich zu Ebenen Panel gehe es wieder aus Rahmen, so dass Sie diesen Rahmen sehen können den ich hier Komponente Toe bekam Also das ist eigentlich in Gruppe. Wenn Sie auf Gruppe klicken, wird es aus der Gruppe herauskommen, weil wir die Gruppe in erster Linie erstellt haben. Sobald wir das haben, kann ich ändern, was ich will. Zum Beispiel möchte ich verschiedene Ecken. Also habe ich hier rüber geklickt, und ich werde 16 hier drüben und 16 oder Haare und, äh, Eifer benutzen äh, . Und, wissen Sie, hier drüben, zum Beispiel, sagen wir, ich möchte einen Knopf wie diesen, damit ich eine andere Komponente erstellen kann. Und ich denke, das wird und wieder Master-Komponente sein. Stellen Sie also sicher, dass Sie nach dem Erstellen einer Masterkomponente die Kopien in Ihrem Entwurf behalten und diese Masterkomponente verwenden und auf eine andere Seite verschieben . Zum Beispiel werde ich eine andere Hündin mit dem Namen Style guide erstellen. Wenn ich also wieder auf meine Seite gehe, werde ich beides runterholen. Lassen Sie uns eine Kopie erstellen. Ich drücke und halte Arche und Optionstaste toe drag und erstelle eine Kopie. Also gehe ich mit dem Zehenschlag von ihnen Kontrollkommando X, und ich gehe zurück in den Styleguide und Distrikt hier drüben. Also haben wir hier drüben Komponentenkomponente, damit du sie in Lord Flat umbenennen kannst oder so etwas und dann gehen wir zurück. Also, wenn du hier drüben hast und du willst, dass etwas verändert hat, zum Beispiel, Jane ich versehentlich die Farbe Zehe so regelmäßig und ich mag wirklich nicht und ich will nicht, dass es bereit ist . Und ich will die Zehe so zurückkehren, wie es vorher war. Also werde ich hier rüber treten. Das ist Gott zurückgesetzt. Instanz. Sobald ich hier klicken werde, können Sie sehen, dass es Reset Overrides sagt. Also habe ich eigentlich nur in der Farbe gehört. Wenn ich also überschreiben möchte, kann ich auch Steuern überschreiben. Also werde ich tippen. Ich lade jetzt nicht herunter. Also, jetzt, wenn Sie hier klicken und klicken Sie auf diese er sagte Überschreibungen. Ich werde alles zurücksetzen. Text wird also die erste 1-Standardeinstellung zurückkehren. Aber ein Symbol alles wird auf die Master-Komponente zurückgesetzt. Ähnlich, wenn Sie etwas adressieren oder etwas in die Master-Komponente ändern möchten, können Sie hier klicken, gehen Sie auf die Master-Komponente und es wird zu einer anderen Seite gehen. Nun, eigentlich befindet sich die Master-Komponente, also können Sie hier auch eine Beschreibung hinzufügen. Was immer Sie wollen, auf Bindung. Das ist alles. Das ist, was die Komponenten sind und die Instanzen sind und wie Sie die Master-Komponente gehen können , wie Sie Komponenten zurücksetzen können. Dies sind die 43 oder vier Dinge, wie, tatsächlich diese Komponenten funktionieren. Und wir werden in der nächsten Lektion über mehr dieser Komponenten über diese Einschränkung sprechen weil ich denke, dass ich nicht möchte, dass sie lange fertig ist. Das ist also alles. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 19. Grenzen mit Komponenten verwenden: jetzt in dieser Lektion, werden wir auf ein bisschen mehr Details über diese Einschränkungen hier gehen. Länderbeschränkungen sind also grundsätzlich Beschränkungen. Sie können sich auf eine Gruppe oder eine Komponente bewerben, Also lassen Sie mich mit Ihnen teilen, wie Sie das tun können. So zum Beispiel haben wir zum Beispieldiese Komponenten in der vorherigen Lektion erstellt. Und lassen Sie uns die Zehe dorthin bewegen, Master-Komponente hier drüben. Also Master-Komponente ist eigentlich diejenige, die Sie ändern und diese Einschränkungen anwenden oder hier. Wenn Sie also auf dieses Symbol klicken, um es zu erweitern, können Sie sehen, dass wir hier Einschränkungen für jedes Element haben. Also, wie diese Anzeige hier drüben, zum Beispiel, lassen Sie mich Ihnen zeigen. Eigentlich, wenn ich versuche, es zu erweitern, lassen Sie uns das erweitern und Sie können sehen, wie sich das ausdehnt. Ich möchte das dieses Tasten-Experiment nicht so erweitern. Dieser Text ist also nicht in der Mitte. Das ist eigentlich gestreckt, und das ist wirklich falsch. Also gehen wir zurück. Controller Kamanzi Und wir wollen, dass ich wirklich entwickeln klicken. Wenn du also klickst, wirst du nachlassen. Dieses können Sie Idol drücken Sie die Kontrolle oder Befehl toe direkt schlaff dieses ein, so dass Sie nicht doppelt klicken oder zweimal klicken oder versucht, zu diesem Element zu gehen. Klicken Sie einfach auf. Ich halte deine Controller-Befehlstaste und trete ihn über. So jetzt können Sie sehen, dass wir hier gesessen haben Skala und Skala in beide Richtungen. So wird es skalieren. Wir wollen nicht, dass es skaliert wird. Also werden wir es hier drüben rechts reparieren, rechts, und so oben. Also wird es hier drüben repariert werden. Wir wollen nicht, dass sich dieser Knopfzehen in der Zerstörung ausdehnt. Wir wollten nur in horizontaler Richtung expandieren, noch in der vertikalen Richtung. So wird das so gesagt. Wenn ich versucht habe, es zu erweitern, können Sie sehen Nein, das ist es. Es ist in dieser Ecke fixiert, die erzielt wird. Jetzt können Sie das sehen. Dieser Dollar-Lärm nicht fixiert. Also werden wir dieses Problem beheben. Also kontrolliere oder halte, befehle deine Kontrolle und klicke hier rüber, und wir werden es auf der linken Seite anheften. Und lasst uns dieses Zentrum benutzen. Äh, sie sind links und in der Mitte. Das ist gut. So können Sie auch das gleiche Leben links und unten oder oben. Das wäre gut zu. So kannst du es auch so sein. Sobald wir das gesagt haben, werden Sie sehen, was passieren wird, wenn wir expandieren. Sie können sehen, die unten oder nein ist an der gleichen Stelle, wo es sein sollte. Und wenn ich versuche, von hier aus zu expandieren, können Sie sehen, dass dies das Verhalten ist, das ich in diesem Spartaner haben möchte. Jetzt ist der schwierigste Teil der Skalierung oder Beschränkungen, dass der Hintergrund verzweifelt ist . Und so, wenn Sie auf eine schlaffe Verzweiflung klicken, ist es gut. Sie können es in vier Richtungen erweitern, aber wir wollen es nicht in der Zerstörung erweitern. Im Moment denke ich, dass es nicht gut ist. Was wir also tun werden, ist, dass wir diesen Hintergrund-Overhead nachlassen werden. Dies ist tatsächlich ist es auf Skalierung und Skalierung eingestellt. Dies ist also das Standardverhalten. Was wir wollen, ist eigentlich, dass wir eine Größenordnung in der Zerstörung haben wollen. Sie können sehen, dass Sie das jährliche, das es in horizontaler Richtung von links rechts zusammenzieht, hören , und dies ist die oben nach unten Fähigkeiten. Also werden wir es am Samstag oben auswählen und in der Zerstörung werden wir Fähigkeiten haben. Lassen Sie mich Ihnen zeigen, wie es sich verhalten wird. So müssen Sie es sezieren, weil Sie gerade jetzt in diesem Hintergrund sind, so de ausgewählt und wählen Sie diese Komponente wieder. Und wenn ich versuche, können Sie sehen, ob ich versuche, die Höhe zu erhöhen, Sie können sehen, dass es gleich bleibt. Es geht nicht um Ausdehnung oder Skalierung und Zerstörung. Aber wenn ich versuche, es von hier aus zu erweitern, wird es sich in der Zerstörung sowohl von den Abschnitten ausdehnen. Das ist also das Verhalten, das ich mit meiner Komponente wollte. So können Sie verschiedene Einschränkungen auf Ihre Schaltflächen auf Ihre verschiedenen Dropdown-Pfeile , Menüs Dropdown-Menüs anwenden. Sie sind besteuert, ihre Ausrichtungen und alles, was Sie hier sehen können. Das sind meine Bauchmuskeln, die wir am Ende dieses Kurses bauen werden, und Sie können sehen, ob ich zum Stil gehe. Leute, wir haben eine Menge Komponente Shals hier, also können Sie sehen, ich habe diese Komponenten hier drüben, wo wir dieses Symbol haben und diese Symbole links und oben waren. Sie können ähnlich sehen, dieser war auf der linken und oberen Zehe. Obwohl ich denke, es sollte hier drüben so sein, richtig und Job sowieso. So funktioniert eigentlich alles hier drüben. Ähnlich, wenn Sie zu diesem gehen, äh, dieses und wenn Sie auf dieses Addle klicken, können Sie sehen, es ist richtig und oben. Also wird es hier bleiben, wenn ich Toe Jane versuche, die Größe, die die Größe verändert . So können Sie sehen, dass es in der gleichen Gegend bleiben wird, wo ich sein wollte, also können Sie sehen, dass es an der rechten Spitze in der gleichen Position sein wird. So wenden Sie tatsächlich Beschränkungen an. In ähnlicher Weise, wenn Sie sich das Suchrezept ansehen, wird dies das gleiche sein. Wie du hier drüben sehen kannst. Es sollte hier drüben sein, eigentlich, rechts und oben. Auf diese Weise verwenden Sie Abhängigkeiten in Ihren Komponenten und wenden sie an, um besser expandierende oder besser flexible Komponenten zu haben . Ich hoffe, Sie haben in dieser Lektion viel gelernt. Fahren wir mit der nächsten Lektion fort. 20. Gemeinde Shortcuts Teil 1 – Figma: in diesem Video werden wir einige der häufig verwendeten Feigen lernen, meine kurzen Wachen. Und in dieser Lektion werde ich Ihnen zeigen, wie Sie verbannen oder zoomen in Ihren Füßen meine Benutzeroberfläche verstecken und einige der Steuerelemente anzeigen können. Also lasst uns anfangen. Also zuerst gehen wir auf die Zehe. Sieh dir Penn an. Also, wenn Sie Ihre Leertaste drücken und halten Sie es und Sie werden diese Hand sehen, und Sie können leicht verbieten herum oder bewegen Sie diese Ihren Rahmen um, wo Sie wollen Fuß, das ist erste Abkürzung. Jetzt geht es bei der zweiten 1 um Zoomstufen. So können Sie sehen, hier können Sie sehen, dass es auf Zoomstufe oder 50% eingestellt ist. Und er wurde diesen Rahmen ausgewählt. Wenn Sie Toe 100% zoomen möchten, drücken Sie Null, so dass Sie Null drücken, damit Sie sehen können dies die tatsächliche Rahmengröße aus dem Rahmen ist, sind Kunstboard, die ich verwende. Jetzt können Sie auch zoomen Toe fit, so dass Sie eine drücken können, so dass Sie sehen können, jetzt wurde es gezoomt Toe fit und ist 71% jetzt und Sie können auch eine oder neun drücken. So ist man leichter zu merken Null für 100% 1 ist für Zoom Toe fit, und zwei ist für Zoom zur Auswahl. Also, zum Beispiel wenn ich zum Beispielhabe, lassen Sie uns zuerst verkleinern und Sie können mit Befehl oder Steuerelement plus Minus-Taste verkleinern. So haben Sie Zehe halten Sie Ihre Steuerungstaste, und zusammen mit, Sie müssen Minus drücken war Omar Plus wir zoomen, so dass dies sehr einfach ist. Plus, also halte ich nur meine Steuerungs- oder Befehlstaste auf einem Mac, wenn du auf einem Mac-Befehl bist und wenn du auf einem Windows bist, als Steuertaste minus und Plus. Also nehmen wir an, dass ich waas in dieser Zoomstufe entwerfen und ich möchte in dieses Hallo dort zoomen . Also, nein, ich werde dieses Objekt zuerst auswählen, Also werde ich ziehen und nachlassen und drücken, auch, auch, so dass Sie sehen können, jetzt ist es im Fokus. Also, wenn Sie zurück gehen wollen oder Sie haben, um die Zehe 100% zu zoomen oder Sie wollen, um zu passen drücken eins. Dies ist also ein guter Weg, wenn Sie beim Entwerfen ein- und auszoomen. Die meiste Zeit Wenn Sie entwerfen, müssen Sie viele Male vergrößern und verkleinern. Diese Verknüpfungen werden Ihnen also helfen. Nun, wann immer Sie entwerfen, müssen Sie manchmal Ihre Lineale einige der Richtlinien zeichnen, um Ihr Design zu unterstützen, oder Sie müssen einige Dinge ausrichten. Also in Abb ma, Sie müssen Ihre Lineale zuerst aktivieren, so dass Sie oben oben hier oder auf der linken Seite sehen können. Wir haben das ganz normal. Also werden wir zu atmen Verschiebung und jetzt können Sie sehen, dass wir Lineale oben und auf der linken Seite haben . Also, wenn du willst Oh, wenn du dich nicht an diese Abkürzung erinnerst, kannst du hier auf diesem Menü rüber gehen und hier haben wir Shift plus R also kannst du es auch hier aktivieren. Sobald Sie es aktiviert haben, können Sie Richtlinien hierher ziehen. Sie werden zwei verschiedene Objekte erstechen. Zum Beispiel, ich habe diese. Ich werde meine Richtlinien so per Drag & Drop ablegen. Das ist also eine weitere Abkürzung. Shift sind und Sie gehen Zehe aktivieren Sie Ihre Herrscher. Jetzt habe ich meinen Herrscher versteckt und Sie können sehen, dass meine Richtlinien auch verschwunden sind. Nun, wenn Sie Ihr Design jemandem zeigen möchten und Sie nicht möchten, dass dieser Abschnitt hier oben dieses Panel hier auch das Ebenenfeld auf der linken Seite angezeigt wird. Sie können drücken und halten Sie Ihre Steuerungs- oder Befehlstaste zusammen mit Ihrem hinteren Schrägstrich So steuern umgekehrten Schrägstrich und Sie können sehen, dass wir unsere Feige Mazz Sie y versteckt haben, die um unsere Objekte ist. Also wieder können Sie es zeigen, indem Sie Controller-Befehl und Backslash gedrückt halten Ähnlich haben wir eine andere Verknüpfung, die Suchleiste ist. Also, wenn Sie etwas schnell in Fig MMA suchen möchten oder Sie etwas hinzufügen möchten, alles, was Sie wollen, um einen Plug in zu suchen, haben Sie die Tastenkombination installiert ist Steuerungstaste Backslash, so dass Sie Steuer- oder Befehlstaste Befehl plus Backslash sehen können Sie können zum Beispiel suchen, jeder tar Andi, Ich klicke einfach hier Luft ITAR Stecker in und Sie können hier sehen wir haben einen Namen es sind Wir können auch wieder gehen, um zu suchen und wir können auch für Beispiele wie diesen Inhalt real oder Unternehmen verdient suchen eine Menge Dinge. Es gibt kurze Autos. Es gibt Steckdosen. Alles kann durch diese Suchleiste hier durchsucht werden, So ist dies eine sehr häufige sehr einfach zu bedienen Tastenkombination Controller Befehl Vorwärts Schrägstrich. Also müssen Sie sich daran erinnern, es zurück Schrägstrich, um Ihre Sie ich Bauer Schrägstrich Toe wie jetzt zu verstecken, wenn Sie für Websites oder mobile APS entwerfen, haben Sie vielleicht Ihre Raster oder Spalten Layout hier drüben. Wenn Sie mit Bootstrap oder anderen Gridley-Stunden vertraut sind. Also werde ich schnell hinzufügen eine große hier drüben, Lassen Sie uns zustimmen. Und zum Beispiel zum Beispiel haben wir dieses Unglaubliche hier aktiviert. Und wenn ich es schnell verbergen will, zum Beispiel, entwerfe ich hier drüben und ich will nicht Zeh, weißt du, gestört durch dieses Glaubensbekenntnis, ich habe Zehe meine Tastenkombination benutzen, die Kontrolle Shift plus vier auf Windows und Control plus G auf Mac gesteuert Shift vier auf Windows, so dass Sie unten sehen können. Es sagt, Layout-Raster versteckt. Das ist sehr schön in Fig Mark, dass es Ihnen das Feedback zeigt, was wirklich, wirklich schön ist . Verfügen Sie über jede Design-Software. Wenn Sie eine Benutzererfahrung sind oder mit der Benutzererfahrung vertraut sind, wissen Sie, dass Feedback sehr wichtig ist. Also Befehl G auf einem Mac. Wenn Sie ein Mac-Benutzer sind, um diese Layout-Grade und Steuerschalt plus vier auszublenden, werden diese drei Tasten ausgeblendet. Lee aus erstellt unter Windows, so dass alles über einige von den Verknüpfungen, die gehen, um verschiedene Dinge zu verstecken und anzuzeigen , während Sie entwerfen. Fahren wir mit der nächsten Lektion fort, wo ich mit Ihnen einige der mehr Tastenkombinationen teilen werde , mit denen Sie sich vertraut machen müssen. Gehen wir also zur nächsten Lektion über. 21. Gemeinde Tastaturbefehle Teil 2: in diesem Video sehen wir uns einige der mehr Sigma-Tastaturkürzel an, die häufig verwendet werden, wenn Sie sich auf einem Frame oder einer Leinwand befinden. Wenn Sie also eine neue Datei geöffnet haben, gibt es viele Dinge, die Sie tun können. Beispielsweise möchten Sie diese Objekte ausrichten. Also zuerst werden wir uns diese Ausrichtung Tastenkombinationen ansehen. Sie müssen also zwei Objekte auswählen, um sie auszurichten. Also, sobald Sie eine Lüge ausgewählt haben, um sie zu entfernen, können Sie Kunst und wir für vertikale Zentren drücken. Nein, ich werde alle drücken und wir Also jetzt können Sie sehen, dass sie in einer vertikalen Richtung ausgerichtet sind . Also der untere Waas kam hoch und der linke kam runter, ich denke, ich gehe zurück Controller Kamanzi und Art und V. Sie können so ähnlich sehen, dass wir mit Kunst und Alter für horizontale Zentren tun können ich denke, ich gehe zurück Controller Kamanzi und Art und V. Sie können so ähnlich sehen, dass wir mit Kunst und Alter für horizontale Zentren tun können. Sie sind also horizontale Zentren, wo Sie hier sehen können, das sind ihre Zentren. Also werde ich alle drücken plus Juckreiz Zehe sie so ausrichten, zum Beispiel. Ich habe das und das und ich möchte sie ausrichten oder sanft werde ich Kunst drücken und jeder so können Sie sehen, dass Sie verschiedene Objekte ausrichten. Und am häufigsten verwenden wir horizontale Ausrichtung und vertikale Ausrichtung. Jetzt werden wir uns ein paar Abkürzungen von den Werkzeugen hier oben ansehen, die wir oft überflüssig werden. 1. 1 ist ein R F für Kunstboard. Sie können Ihren Rahmen oder Ihre Kunst zeichnen, aber hier drüben, oder Sie können hier klicken und aus einer vordefinierten Größe wählen oder hier, zum Beispiel. Ich werde mit diesem Android gehen. Nein, lass uns hineinzoomen und ich werde hier drüben ein Verbot machen, und ich werde meinen Archie für ein oder vier Ellipsen drücken, und ich werde meinen Shift-Tastenzehen halten, ihn proportional wie diese Hölle für Linie haben. Also werde ich meine Linie ziehen. Ich halte Schicht, also ist es gerade ähnlich für Steuerwerkzeug. Ich werde meinen Tee drücken, und ich kann entweder so ziehen oder ich kann nur Presti und Hopp, ich habe Zehenpresse Flucht und ich habe ich werde wieder nach Presti und hier drüben drücken. Hallo, Hoffnungen, Hallo, Liebes. So etwas und ich werde die Flucht in einer solchen Zeit drücken. So werden Sie diese Werkzeuge hier benutzen? Wenn Sie auf Ausgaben Tool zugreifen möchten, können Sie Tastenkombination drücken und so etwas tun, so etwas. Und, ähm, ich denke, das ist alles aus den Tastenkombinationen, denke ich, die häufig verwendet werden. Und das sind die Werkzeuge, die wir immer wieder überschüssigen werden. Jetzt lasst uns das löschen und ich gehe zurück. Wir sind hier und wir werden lernen. Einige der mehr Verknüpfungen wurden häufig oft verwendet, eine von ihnen dupliziert wird , Also wollte ich es diese Ebene auswählen, und ich möchte, dass es genau so ist. Es gibt viele Möglichkeiten, zuerst Kunst oder Optionstaste zu verwenden und drücken, und Sie werden einen doppelten Cursor wie diesen haben. Ziehen Sie dieses Objekt einfach dorthin, wo Sie es platzieren möchten, und Sie können sehen, dass dies ein Duplikat ist. Jetzt können Sie drücken und halten Befehl oder Steuerelement plus d tohave. Ein weiteres Duplikat, wird es sein. Es wird Ihren Schritt wiederholen. Der gleiche Abstand alles und duplizieren Sie das Objekt. Nein, wir haben drei von diesen Rechtecken. Ich will sie begrapschen. Ich werde alle auswählen, und ich werde Commander Control G Group sie jetzt drücken. Sie können das Symbol hier sehen. Diese Gruppe 1 wurde geändert. Es hat diese marschierende Antwort hier herum. Es ist also eine Gruppe und all diese Rechtecke sind in dieser Gruppe? Nein. Wenn Sie Owen wollen, gruppieren Sie es die gleiche Tastenkombination. Aber mit einem Zusatz aus Schicht. Also Kontrolle oder Befehl, plus Shift plus g. So können Sie sehen, jetzt sind sie zurück. Wir sind außerhalb dieser Gruppe raus. Diese Gruppe ist nicht mehr. Oder dort, auf der linken Seite, können Sie sehen, dass dies unser früherer Stapel ist. So haben wir Bild am oberen Rechteck dieses Rechteck blau eins unten drei schwarze Rechtecke und Text. Nein, Wenn Sie die Position außerhalb der Stapelung ändern möchten, wissen Sie, mit der Maus, Sie können entweder ziehen Sie sie so, werden sie wie folgt gezogen. Zum Beispiel habe ich hier drüben, also wenn ich mein Rechteck oben verschiebe, können Sie sehen, dass Text hinter diesem Lear steht, also wenn ich es nach oben schiebe, ist es jetzt hier drüben. Dies wird also Stapelreihenfolge genannt. Ich werde die Farben von diesen Rechtecken ändern, damit Sie den Unterschied leicht sehen können. Und für diesen hier werde ich weiß verwenden. Jetzt können Sie sehen, dass ich all diese Rechtecke hier drüben habe, und das ist mein Rechteck unten. Nein. Wenn ich die Stapelreihenfolge ändern möchte, kann ich Tastenkombinationen wie Steuerverschiebung und Klammern verwenden. Also, nein, ich werde drücken. Ich habe diese Ebene ausgewählt, zum Beispiel, diese Ebene, und ich werde es nach oben oder unten verschieben, indem Sie Steuerverschiebung auf Klammer verwenden, so dass Sie hier sehen können , können Sie entweder verwenden, dies wird Zehe am unteren Rand sein. Also, wenn ich die Kontrolle Shift und Klammer links Rekord zu verwenden, wird es den größten Teil gehen, ähm, allen Ebenen, Stacks stapeln. Also, ähnlicher Weise, wenn ich den richtigen Datensatz oder den Enddatensatz drücke, wird es nach oben gehen. Sie können sehen oder hören Sie die Tastenkombination für Mac-Tastatur ist Kunst plus Befehl plus Klammer. So ist es unsere Kommandohalterung und für Fenster Steuerung Shift und Klammer links und rechts Klammer. So können Sie auch Ihre Verschiebung von der Taste entfernen und halten Sie einfach die Steuerung zusammen mit Ihrer Halterung und Sie können sehen, dass es sich um einen Schritt nach oben, einen Schritt nach unten, einen Schritt nach oben bewegt. Also verlasse ich die Schicht in dieser Tastenkombination. Also werde ich beide Verknüpfungen in Mac-Version und Windows-Version für die Einschicht-Bewegung anzeigen , wenn es nicht den Stapel und nach oben und unten am unteren und oben aus dem Stapel mit Ihren Tastenkombinationen. Lassen Sie uns nun diese Lektion beenden, indem Sie Ihnen die letzten Tastenkombinationen zeigen, die maskiert werden, und diese Komponente, damit Sie sehen können, ob Sie den Mauszeiger dort hinüber bewegen. Es zeigt Ihnen auch die Tastenkombination für Windows. Es ist Kontrolle Kunst plus K. Und für Mac, es ist Kontrolle alle für plus sortieren, Befehl R plus Taste oder Option plus Taste. Also dasselbe, alles ist gleich. Das Kommando ist für Mech. Also, um eine Komponente zu erstellen, die immer wieder verwendet werden wird. Also werde ich die Zehenschlaff gehen. All diese drei und ich werde entweder hier rüber klicken oder ich kann Kontrollkunst und Schlüssel übergeben . Und jetzt können Sie sehen, dass das Symbol geändert wurde. Und es ist jetzt eine Komponente, so dass Sie sehen können, dass dies eine sehr gute Tastenkombination ist. Wir werden es immer wieder benutzen, wenn du willst. Zehe, zurück, Zehe deine älteren Zustände und du willst diese Komponente brechen. Du willst es nicht richtig benutzen. Können wir hier eine Menge Optionen haben? Ok. So können Sie sehen oder hören. Bringen Sie nach vorne. Bringen Sie nach hinten. Das waren die Abkürzung. Keys werden Gruppenauswahl oder Rahmenauswahl verwendet. Sie können sie auch umrahmen. Flachen Umriss, Verwendung als Moschee. Dies ist die nächste Tastenkombination. Ich werde dir sagen, dass du plus m kontrollierst. So erstellst du eine Komponente? Nein. Wenn du zum Beispiel etwas maskieren willst , benutze ich hier eine Ellipse. Und ich will Moschee, dieser Bereich hinter mir. Dies ist also eine Komponente auf der Rückseite, und das ist die Ellipse oben. Also, was ich tun werde, ist, dass ich die Zehe gehe. Bewegen Sie das nach hinten. Das hier ist hinten. Sie können sehen, dass dies meine Moschee sein wird, und die oberste wird das sein, was ich eigentlich verbergen will. Also diese Teile auf der linken und rechten dort werden versteckt. Also werde ich beide auswählen. Sie können sehen, dass mein Container auf der Rückseite ist und meine Informationen oder was auch immer ich zeigen möchte. Mein Inhalt befindet sich am vorderen Container auf der Rückseite, Inhalt an der Vorderseite. Also werden wir beide nachlassen und wir gehen Zehen-Brustkontrolle oder Befehl R plus M Kontrolle auf em. So können Sie sehen, jetzt sind sie ein Muss. So das ist Sie sehen können, dieses Schild zeigt, dass Sie sehen können. Was? Hier. Das ist klein. Ähm, du kannst sehen wie Mond. Das ist also dieses Symbol. Dies zeigt, dass dies maskiert wurde. Also, das sind eigentlich unsere Moscheen. So können Sie sehen, zeigen und verstecken unsere Moschee, indem Sie hier klicken. Wir können die Schicht auch hier sperren, und das sind unsere Komponenten. Das ist also der Inhalt, den wir zeigen wollen. Also, nein, ich habe einen sehr kleinen und einfachen Tipp für dich. Also, sobald Sie entwerfen und angefangen haben, in Fig MMA zu entwerfen und Sie haben jeden Hai vergessen . Erkki, googlen Sie nicht. Klicken Sie hier in diesem engen Bereich, dieses Fragezeichen. Und hier haben wir Shortcut-Tastaturkürzel. Wenn Sie also diese Tastenkombinationen auswählen, egal ob Sie auf einem Mac oder einem Windows-PC sind, können Sie leicht sehen, was alle verschiedenen Tastenkombinationen sind. Zoom, Steuerformen Wahl dazu führen, dass sie transformieren, anordnen und Komponenten. So endet unser Abb mehr Abkürzungen. Ich hoffe, Sie haben genossen und gelernt Herr der kurzen Karten und Sie werden sie in Ihren nächsten Lektionen verwenden . Und in Ihrem neuen können Sie Design-Projekte sehen. Wenn Sie also Fragen haben, die Sie mir stellen müssen, gehen wir zur nächsten Lektion über. 22. Zusammenarbeit mit Designern in Figma: eines der coolsten Features von Sigma ist, dass Sie mit anderen Designern zusammenarbeiten können, in jedem Design leben. Wenn Sie also zum Beispiel diese Datei entwerfen, zum Beispiel diese Datei entwerfen, können Sie sehen, dass Sie hier zwei Kurse sehen. Einer ist hier drüben, das ist nur eine Änderung, die den Namen des anderen Designers zeigt , der jetzt in meinem Team enthalten ist. Sie können hier sehen, sagt 40 Monate jetzt, wenn ich zurück zu meinem Team mein Team, Sie können sehen, das ist mein Team als Sie. Spannend. Und auf der rechten Seite sehen Sie, dass ich das bin. Und das ist eigentlich mein anderes Auge. Mac und ich haben sich angemeldet und ein anderes Konto mit diesem Namen verwendet, also habe ich versucht, ihn zu ändern. So ist es einfacher für Sie zu sehen, dass jemand anderes versucht, dieses Design zu ändern. Sie können Mitglieder einladen, indem Sie auf diese in weißen Mitgliedern hier drüben klicken, aber Sie müssen zu diesem Bildschirm von Ihrem Team kommen, eigentlich, Also das ist mein Team. Und wenn wir zurückgehen, lass mich zurückgehen. Und zum Beispiel können Sie sehen, dass dies die Änderungen sind, die ich zu tun versuche. Nein. Wenn ich versuche, etwas auf meinem I, Mac, zu ändern , oder versuchen, die Bewegung zu ändern, können Sie den Cursor sehen. Jetzt zeigt es, dass die Fatma oder der andere Designer versucht, etwas zu ändern. Wenn ich also versuche, das zu halten und es hierher zu ziehen, können Sie sehen, dass können Sie sehen, dassdas auf meinem anderen Mac passiert. Also mache ich es nicht auf meinem PC. Also, wenn ich versuche, so etwas zu tun und wenn ich versuche, die Farbe zu ändern, lassen Sie mich einige der Dinge hier drüben ändern, damit Sie sehen können, dass zwei Designer gleichzeitig an diesem Design arbeiten können . Also versuche ich zu bewegen, setzen meine Kunden und versuchen, sich zu ändern, Sie können sehen. Das ist also, dass ich mich bewegen und andere Box bewegt sich von einem anderen Designer. So können Sie tatsächlich gleichzeitig an einem einzelnen Design arbeiten und zwei oder mehr als zwei Designer, die gleichzeitig arbeiten können. Wenn Sie also in einem Team arbeiten, können Sie an einem einzigen Entwurf arbeiten, und Sie können Ihr Projekt beschleunigen, indem mehrere Designer an derselben Sache arbeiten. Also, wenn Sie zum Beispiel bereits Stil-Guards und Ihre Komponenten erstellt haben zum Beispiel . Sie können einfach Designer hinzufügen und sie gehen Zehe Drag & Drop diese Komponenten und bauen Projekte mit viel Geschwindigkeit in. Das ist also eine sehr coole Funktion Off Sigma Zusammenarbeit mit ihren Designern. Es wird Live Collaboration genannt. Viele andere Tools implementieren es ebenfalls. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben oder Vorschläge haben, können Sie mich immer fragen, Lassen Sie uns mit der nächsten Lektion fortfahren. 23. Arbeiten mit Team: in diesem Video von, werden wir über eine sehr schöne Funktion von Rick Ehen genannt Team-Bibliotheken sprechen, so dass Sie Ihre Sie sehen oder hören Textilien teilen können. Farbe strebt nach Ihren Faktenstilen, zusammen mit Ihren allen Komponenten. Also, wenn ich entwerfe, entwerfe ich tatsächlich. Meistens habe ich in einer Design-Seite entworfen, also habe ich eine separate Seite für Styleguide. Also auf dieser Seite habe ich normalerweise alle Komponenten, alle verschiedenen Icons, die bereits Komponenten sind. Also werde ich Ihnen mitteilen, wie Sie Ihre Team-Bibliothek tatsächlich verwalten und wie Sie sie aktualisieren können und wie dieses Update Ihren anderen Teammitgliedern widerspiegeln wird. Also es ist es im Grunde Kollaboration Art off entworfene Bibliotheksfreigabe, wo Sie alle Ihr Unternehmen teilen und Ihre Stile verkaufen können , die Sie in Ihrem Projekt erstellt haben. So können andere Designer sie leicht abholen und in anderen Bildschirmen verwenden. Was Sie also tun müssen, ist, was auch immer Ihre Hauptkomponenten sind. Zum Beispiel können Sie die untere Navigation sehen. Dies ist eigentlich eine Komponente, und es ist Instanz, die ich tatsächlich alle meine Master-Komponenten in diesem Styleguide aufbewahre. So können Sie im Styleguide sehen. Wir haben alle Komponenten, die wir haben Logo, kleines Logo, großes Logo, als wir haben. Anders bedeutete diese Diät-Plan Chips, und dann haben wir verschiedene Tasten, als wir haben. Suchleiste. Das sind Navigationen. Also, was wir tun werden, ist, dass wir verschiedene Frames erstellen können, zum Beispiel, oder diesen. Ich werde es Navigationsnavigation nennen. Also, was ich jetzt tun werde, ist, dass wir das nicht brauchen. Dieser ist also nicht in der Navigation. Das ist eigentlich Navigation. Dies ist eigentlich eine Navigation. Und, ähm, das ist keine Navigation. Das ist außerhalb von diesem. Das ist auch draußen. Also werde ich sie in Schlepptau trennen, verschiedene Kategorien. Also verwalte ich sie tatsächlich in verschiedenen Kunstboards. Oder Sie können sie Frames nennen. Also wird die Navigation hier drüben sein. Was auch immer in der Navigation ist, es wird hier bleiben. In ähnlicher Weise werde ich einen anderen Frame A oder F G erstellen. Und hier habe ich, ich werde es nennen, äh, Tasten und Steuerelemente. Also hier rüber, Ich werde ziehen Meine beiden vorgibt meine solche Leiste, weil es ein Steuerelement ist. Das sind okay, wählt, schiebt sie auch hierher. Und abgesehen davon denke ich, dass das okay wird. Jetzt werden wir einen anderen Rahmen erstellen. Nennen wir es, ähm, verhaftet als Wachen und Gegenstände. Also hier werden wir alle diese Optionen verwenden, die innerhalb des Rezepts sein werden. Disteln. Auch werde Rezept sein. Dies hängt tatsächlich mit der Suche zusammen. Lasst uns sie bewegen. Ich werde sie im Lastenabschnitt hierher verschieben, weil das Pins sind, also werden wir sie benutzen. Okay, Okay, hier haben wir also eine Karte, eine große Rezeptkarte hier drüben, also werde ich das Kunstbrett erweitern. Bewegen Sie sie hierher, machen Sie dieses Kunstbrett zu einem großen, größeren wie diesem. Dann haben wir dieses große Rezept, dieses eine kleine Rezept, dann haben wir diese Karte auf. Dann haben wir den Schritt Rezept Schritt Vorbereitung ein Rezept. Also haben wir hier verschiedene Komponenten. Ähnlich nochmal. Wenn du dein Logo behalten willst, werde ich sie anrufen. Lassen Sie uns erstellen, dass sind langweilig oder Rahmen. Und ich werde es nennen, ähm gehen, gehen und Symbole. Also werde ich all meine Logos und Symbole schnappen und sie so hierher ziehen. Das sind nur wenige Symbole. Eigentlich. Sie können hier ein ganzes Bündel von fünf Zählungen erstellen. Also erschaffe ich tatsächlich, lass uns das hier zu einem regulären machen. Und jetzt werde ich meine Kunsttafeln neu dimensionieren. Sonst nichts. Nichts Schickes. Das sind Meine Symbole waren hier und meine lokalen und ich werde Fuß gehen. Behalten Sie sie so. Okay, Also, sobald ich diesen Style Guide verwaltet erstellt habe, musst du auf die Vermögenswerte gehen und du kannst hier drüben sehen. Diese heißen, aber und dann haben wir, wenn wir, ähm, öffnen Sie diese Tasten und Kontrollen, haben wir verschiedene Tasten und Kontrollen. Dann haben wir Logos. Ich denke, das passt besser in den Rezeptbereich hier drüben. Und noch eine Sache, wenn Sie die Hintergrundfarbe ein wenig etwas anderes ändern wollen, weil es einfacher ist weiße Hintergründe hier zu sehen. In ähnlicher Weise werde ich hier ein bisschen Gresh rote Sicherheiten verwenden. In ähnlicher Weise für diesen werde ich für diesenhier mit gehen. Und auch für diesen Spaß, nur um sicherzustellen, dass alles leicht sichtbar ist, Uh, Lasst uns es so kleiner machen. Okay, also haben wir alles geschafft. Wenn wir auf Vermögenswerte gehen, können Sie sehen, dass wir verschiedene Kategorien haben. Einheimische und Navigation ist leichter Zeh. Du verwendest sie wieder. Nein. Sobald Sie alle Ihre Stile organisiert haben, müssen Sie Ihre Komponenten auf dieses Team-Bibliothek-Symbol in diesem Assets-Panel verschoben zu oh klicken , dieses Asset-Panel und klicken Sie auf dieses. Jetzt können Sie sehen, ich habe diese Feige Mahfoud AB Sie können auf Veröffentlichen klicken und wir gehen Zehe. Rufen Sie sie an. Nennen wir sie voll. Jetzt können Sie sehen, dass es Bibliothek veröffentlicht wird. Es zeigt mir, dass es diese erfolgreich veröffentlichten Bibliotheks-Updates veröffentlichen wird. Sobald Sie Ihren Stil veröffentlicht haben,können Sie zu Sigma zurückkehren. Sobald Sie Ihren Stil veröffentlicht haben, Also hier haben wir dieses Stigma ein Stigma Gas, das ist unsere gelernt, Sie spannend. Und jetzt werde ich hier eine neue Datei erstellen. Lassen Sie uns also eine neue Datei erstellen. Ohne Titel und ich werde diesen untitelt öffnen und ich werde einen Rahmen erstellen. Und wenn ich Vermögenswerte verschoben habe, können Sie sehen, ob wir hier einen Tab haben, um einen Komponentensektor Lear zu erstellen. Dafür werden wir unsere Bibliotheken erforschen. Also werde ich hier rüber klicken, und ich werde das für diese Datei erledigen. Sobald ich das eingeschaltet habe, können Sie sehen, dass ich Zugriff auf alle Tasten haben kann. Alles, was wir hier haben. Zum Beispiel, diese Schaltfläche als nächstes ziehen Dinge Chip hier auf dieser solchen Bar hier drüben. So kann ich all diese Komponenten verwenden. Ähnlich, wenn ich versuche, erstellen, zum Beispiel, und verwirren hier und ich will Zehenzugang, die Farben, die Sie sehen können, haben wir alle Farben hier drüben. Das sind also mein Stil, zum Beispiel, Scheibe strahlende Creme. So kann ich auf alle meine Stile zugreifen, alle meine Tasten, alle meine Komponenten, zum Beispiel, Hier, wenn wir es ein Rezept Karte Komponenten nennen, Sie können sehen, ich habe alle diese Komponenten. Zum Beispiel dieses. Ich kann es hier rüber ziehen und es so benutzen. Also alle meine anderen Designer, sie können einfach Drag & Drop in diesem Team, zum Beispiel, wir haben Lassen Sie uns zurück und Sie können sehen, das ist unser Team gelernt Sie spannend. Also habe ich Theis Style Guide in diesem Team erstellt. Also habe ich nur operiert Ausbildung Team Plan. Also lassen sie mich dieses Designsystem auf diesen Design-Styleguides erstellen, die mit anderen Teammitgliedern geteilt werden können . Jetzt können Sie sehen, dass das mein Projekt war. Und wenn ich zum Beispiel ein anderes Teammitglied erstelle , so viel mehr sind wir hier. Wenn sie ein neues Dokument öffnet oder versucht, hier etwas hinzuzufügen, kann sie leicht auf dieses gesamte Design zugreifen. Und zum Beispiel Beine. Das hier ist lokal. So können Sie sehen, dass wir auch auf unsere Textilien zugreifen können. Zum Beispiel, Wenn ich versuche, etwas hier zu schreiben, gehen wir. Und jetzt siehst du, ob ich hier rüber gehe. Ich habe Textilien für Lebensmittel, Feigenkarte, damit ich zu diesem wechseln kann oder ich kann zu diesem wechseln. Zum Beispiel können Sie sehen, dass wir hier sind. Ich kann auch zu jedem Deck Stil wechseln Sie haben, so dass Sie hier sehen können, dass wir verschiedene Textilien haben , so dass Sie die Zehe jedes Textil wechseln können. Und wenn Sie ändern möchten, gehen Sie zur Definition zehe a. Also, wenn ich hier rüber gehe und wenn ich etwas in diesem Style Guide hier drüben ändere, zum Beispiel. Lass uns Jane etwas hier drüben, zum Beispiel dieses hier. Also werde ich das Recht von diesem ändern, so dass Sie sehen können, sobald ich etwas ändere es sagt Publisher Änderungen an Ihren Team-Bibliotheken veröffentlichen, wenn ich auf Veröffentlichen klicke. Ähm, seltsam hat sich verändert. Also werde ich meine Veröffentlichungsbibliothek aktualisieren, dass ich diese Sache geändert habe. Veröffentlichen Sie hier drüben. Und jetzt, wenn ich hierher gehe, okay? Und ich versuche, dieses zu benutzen, damit es bereits betrieben wurde. Lass es uns nochmal ändern. Hier drüben. Lass es uns nochmal ändern. Also werde ich die Zehe einfach in der Mitte so bewegen. Ich habe ihn in der Mitte geraucht. Lassen Sie uns die Änderungen also erneut veröffentlichen. Ok? Also, nein, Wenn ich hier rüber gehe, Sie können sehen, dass Komponententhemen verfügbar sind, also, wenn ich es ablehnen kann oder ich überprüft kann Also, wenn Sie auf Überprüfung klicken, es sagt, Sie müssen es aktualisieren. Also, wenn ich versuche zu aktualisieren, können Sie sehen, dass es die Ausrichtung aktualisiert wird angeboten. Also lassen Sie mich Ihnen ein weiteres Update zeigen, so dass Sie es leicht sehen können, so lassen Sie uns seine Farbe in etwas anderes ändern. Lasst uns diese, äh, diese orangefarbene Farbe nur zeigen, dass ich einen Mörder gewechselt habe. Wie? Eigentlich funktionieren die Dampfbibliotheken. Also hier bin ich, versuche Zehenverwendung. Diese eine und neue ist eigentlich diese orange, also muss ich sie überprüfen. Ich muss es aktualisieren und Sie können sehen, dass es auf diese orange aktualisiert wurde. So teilen Sie Bibliotheken tatsächlich mit Ihren Teammitgliedern. Sie können Ihre Komponenten freigeben. Du kannst deinen ganzen Stil teilen, Stil, deineButtonsund deine Komponenten mit deinen Teammitgliedern leiten Buttons . Und so verwalten Sie sie tatsächlich in verschiedene Frames toe. Nennen Sie sie richtig. Wenn jemand auf sie zugreift, können Sie sehen, dass wir hier sind. Jemand greift auf sie zu. Sie haben verschiedene Kategorien, so dass sie sie leicht nach oben ziehen können. Also musst du dich bewegen. Wann immer Sie eine neue Datei erstellen, müssen Sie zu Assets wechseln und versuchen, zu verwenden, um die dritte dieser Bibliothek zu aktivieren. Wenn ich also diese eingeschaltet habe, können Sie sehen, dass ich auch auf die persönliche Farbbibliothek zugreifen kann. Also, das ist ein Rechteck gelöscht. Und wenn ich hier rüber gehe, können Sie hier sehen wir Freak Mahfoud App, die neuen spannenden Farben und persönlichen Farben. Das sind also alle verschiedene Bibliotheken, diese Director-Team-Bibliotheken. Ich kann im Schlepptau jedes Projekt zugreifen. Ich hoffe, Sie haben diese Team-Bibliothek Lektion genossen. Wenn Sie irgendwelche Probleme haben oder wenn Sie irgendwo stecken, können Sie mir immer eine Frage stellen oder eine Diskussion beginnen. Fahren wir mit der nächsten Lektion fort. 24. Community-Tab in Figma – neue Funktion: Heute werden wir eine sehr neueste Funktion von sigma ab sehen, die Community ist. Jetzt haben sie gerade ihren Community-Tab veröffentlicht. Sie können hier auf der linken Seite sehen, Community in Bett-Beta. Dies ist Beta-Version für Community und das ist eine große, wirklich große Initiative und wirklich große Funktion für diese Feige meine App. Und Sie werden es wirklich genießen. Wenn du also hier auf Community klickst, kannst du sehen, dass dies mein Fichman-Profil ist. Handel sagt Fichman.com, S und N3C und die Rate der Vermögenswerte und DC. Und wenn Sie nicht wissen, wie Sie Ihr öffentliches Profil festlegen, diese URL, können Sie zu diesem hier gehen, Ihren Namen. Lassen Sie mich zu den Einstellungen zurückkehren. Sie müssen also zu den Einstellungen gehen. Und Sie können in den Einstellungen sehen, das ist mein Name, E-Mail, Passwort. Und dann haben wir eine andere Sache, die öffentliche Profil genannt wird. Jetzt können Sie sehen, dass ich mein öffentliches Profil-Handle bei S und Adressaten eingestellt habe. Und wenn Sie Ihr öffentliches Profil festlegen möchten, versuchen Sie, den Namen auszuwählen, der für Sie spezifisch ist, oder Sie verwenden ihn viel in verschiedenen Foren. Okay, sobald Sie Ihr öffentliches Profil festgelegt haben, also stellen Sie Ihr öffentliches Profil, können Sie zur Community gehen. Also musste ich zweimal auf Community klicken, um hierher zu kommen. Irgendetwas hat vermasselt. Eigentlich ist es in der Beta. Also, das ist vielleicht das Problem. Okay, hier haben wir, wenn Sie oben schauen, haben wir verschiedene Kategorien, UI Kinder, wenn Sie auf UI Kits klicken, werden Sie viele kostenlose UI Kits haben. Die Personen, verschiedene Community-Mitglieder, die sie mit Ihnen oder anderen Mitgliedern teilen. Das ist also eine großartige Initiative, dass verschiedene Menschen ihre Ressourcen geteilt haben und wir sie nutzen können und sie in unsere Projekte einbringen können. In ähnlicher Weise können Sie sehen, wir haben Web-Design. So gibt es viele Tonnen von Ressourcen für Symbole, zur Illustration. Wenn Sie also zum Beispiel etwas mitbringen wollen, können Sie hier drüben klicken. Und das können wir mögen. Zum Beispiel mag ich diese, also werde ich darauf klicken, wie Sie dies duplizieren können. Wenn ich also auf Duplikate klicke, wird es sich als neue Datei in meinen Sigma-Tab öffnen. Sie können sehen, jetzt haben wir alle Illustrationen, so dass wir sie in unsere Projekte verwenden können. Dies ist wirklich einfach, diese Illustrationen zu verwenden. Ich gehe zurück in die Gemeinschaft und zeige dir, dass es noch ein paar Dinge gibt, die ich dir zeigen werde , die für dich nützlich sein könnten. Eine davon ist diese Schlitz-ID-Tags. Also, wenn Sie nach etwas suchen wollen, Icons, Icon-Set oder etwas können Sie hier klicken. In ähnlicher Weise haben wir Illustrationen. Ich werde Wireframes haben und wir haben Systeme entwickelt, die wirklich hilfreich sind. Also, wenn Sie versuchen, eine Website oder so etwas zu starten, müssen Sie ein Design-System verwenden. Um das verwenden zu können, gibt es eine einzige Funktion, lassen Sie mich einfach dieses verwenden. Und lassen Sie uns das duplizieren. Sie können sehen, 1.1 K 1100 Personen haben es bereits dupliziert. Also werde ich auf Duplikat klicken. Und ich werde mich in meiner FISMA öffnen. Mal sehen, es dauert einige Zeit. Ok, hier haben wir die Material-Design-Stile, die Sie bekommen. Wenn Sie hier rüber gehen, können Sie sehen, dass das in meinen Entwürfen geöffnet ist. Also, das ist eigentlich mein Projekt, das Entwurf ist. Wenn ich es öffnen möchte, muss ich es hier öffnen oder auf etwas anderes verschieben, indem ich hier drüben klicke. Ok? Also jetzt, wenn Sie Ihr Materialdesign teilen müssen, müssen Sie zu Assets gehen. Und Sie können bereits sehen, es gibt eine leichte Version, es gibt viele Vermögenswerte. Also hier, jetzt können Sie hier klicken und Sie müssen auf Veröffentlichen klicken. Um diese Stile zu veröffentlichen. Sie müssen diesen Styleguide veröffentlichen, damit Sie ihn in Ihren Entwürfen verwenden können. Also werde ich auf Veröffentlichen klicken. Wechseln Sie zum Team, um Komponenten zu veröffentlichen. Also lasst uns Team bewegen. Gehen wir zu meinem Zug. Gehen wir zur Sigma-Klasse. Das ist ein Projekt. Also werde ich Material Design Lite sagen. Also werde ich es jetzt veröffentlichen. Ok? Sobald Sie diese veröffentlicht haben, müssen wir zu dieser Sigma-Klasse zurückkehren. Okay, also gerade jetzt in diesem Projekt, wurde es geteilt. Also, wenn ich versuche, eine Datei zu öffnen, zum Beispiel, diese hier ohne Titel, kann ich diese Komponenten verwenden. Also lasst uns das löschen. Löschen Sie diese. Also, wenn ich zu Vermögenswerten gehe, können Sie sehen, dass wir mich zu diesem hier gehen lassen. Lassen Sie uns dieses überprüfen, damit es geteilt wird, aber ich muss es aktivieren. Also habe ich dieses Bibliothekssymbol verwendet. Also habe ich zwei nm Alarm. Und Sie können sehen, dass ich Materialkonstruktionskomponenten hier drüben habe. Wenn ich eine Komponente wie diese verwenden möchte, plus Taste oder New File Button oder was auch immer Sie es nennen. Ich kann verschiedene Listen per Drag & Drop ablegen. Ich kann verschiedene Karten per Drag & Drop ablegen. Also will ich diese nicht selbst erschaffen. Das ist ein wirklich guter Anfang. Es wird Tonnen Zeit für Sie sparen. Sie müssen nicht alle diese Komponenten erstellen. Das ist also das Merkmal von Communities. Die Community ist also wirklich hilfreich. Ich werde eine Liebe hier drüben setzen. Und wenn ich zurückgehe, siehst du, ob ich zurück in meine Gemeinschaft hier drüben gehe, Schule zurück, was ist das Problem damit? Geht sowieso nicht manchmal zur Sigma-Community zurück. Also, wenn du zurück zu meinem Profil hier drüben gehst und dein Profil sichtbar ist, lass uns dieses öffnen. So können Sie in diesem Profil sehen Ich habe Ressourcen und wie so, wenn ich auf Likes klicken, Sie können sehen, so dass alle verschiedenen Ressourcen habe ich Saft oder ich habe r hier gemocht. So können Sie Benutzerprofil sehen, Sigma-Bibliothek, ich habe gelebt. Hier. Wir haben diese beiden Plugins. So nutzen Sie tatsächlich Ihre Community. Also gehen wir zurück zur Gemeinschaft und wir können auf Plugins klicken damit wir Registerkarten oder Haardateien und Plug-Ins Datei haben. So können Sie auch verschiedene YouTuber erkunden. Zum Beispiel diese Person, diese Person, oder wenn Sie ihnen folgen möchten, können Sie sie für neue Updates folgen. Also alle neuen Erweiterungen oder so etwas. Ebenso kann ich zum Beispiel auf Designsysteme klicken, wie dieses, und ich kann es in meinen Designs, meinen Websites oder was auch immer verwenden . Dies ist also eine großartige Funktion zu verwenden. Holen Sie sich verschiedene Ressourcen, verwenden Sie sie und Tack und sagen Sie danke und legen Sie etwas Liebe zu den Ressourcen oder die Schöpfer dieser Ressourcen. Das ist ein wirklich tolles Feature, eine großartige Ergänzung zu Sigma. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, können Sie mich immer fragen. Fahren wir mit der nächsten Lektion fort. 25. Raster und Leitfaden verwenden: in dieser Lektion, bevor wir graben im Schlepptau und beginnen, etwas zu entwerfen, was ich werde Zehe machen Sie vertraut mit einigen der Konzepte, die wir viel Zeit in Designs in Design, Ihr Design, Web-Design und eine Menge off Designer und Kurse verwenden Ihr Design, . Ich habe gesehen, dass sie das tatsächlich vermissen, was sehr wichtig ist, und das ist eigentlich Layout-Raster. So haben Sie immer das Layout-Raster verwenden, wenn Sie für einen mobilen Bildschirm entwerfen. Oh, unsere Webseite. In diesem Video werde ich Ihnen erklären, wie Sie diese Layout-Klasse verwenden können und wie Sie unterschiedliche Outs erstellen können , wenn Sie für mobile und Websites entwerfen. Nun, wenn Sie sehen möchten, wie Sie Bootstrap-Klasse erstellen, wenn Sie ein Web-Designer sind, dann können Sie auf YouTube meinen Kanal und Sie können dieses Video sehen. Bootstrap für Gruppen Erstellung, dies ist ein detailliertes Video acht Minuten Video darüber, wie zu erstellen und Bush eine vier Grad in Sigma. Also lasst uns anfangen und bekommen, wie wir verschiedene Arten von Krippen erstellen können. Also gibt es eigentlich zwei Arten von Karrieren, also werde ich Ihnen zeigen, dass eine tatsächlich die kranke Gier dieses Schweins ist. Und 2. 1, wenn ich versuche, hier hinzuzufügen, können Sie sehen, es wird unter einem hinzufügen. So Standard ist groß, so groß. Also werde ich Zeh und 10 Schweine krank ist die Box-Größe, also können Sie sehen, ob wir hier hineinzoomen. Diese jede Box ist 10 Schweine krank um 10 Pixel. Also, wenn wir etwas ändern wollen, zum Beispiel, habe ich gewarnt, dass die Box ein großer Verkauf wird und ich werde das nicht entfernen. Das heißt also 88 Ausfahrt Great. Was wir viel Zeit in der Android-Mobile-Entwicklung und sogar in unseren U. S. Designs verwenden S. . Also, wenn Sie für iPhones oder Android abs entwerfen, Ich denke, dies ist ein tolles Kindergitter. Wenn Sie also zum Beispiel die Farbe des Großen ändern möchten, möchte ich, dass es ein bisschen in dieser großartigen Gegend ist, so etwas. Sie können die Farbe auf dem Bildschirm ändern. So erschaffst du Theis? Uh, es hat berauscht. Jetzt gehen wir zu einer anderen Sache, die Spalten und Zeilen genannt wird. Wenn ich also für mobile Labore entwerfe, muss ich meine Dinge in größeren Spalten ausrichten. So haben sie uns einfaches Layout oder folgen etwas Layout. Für die Ausrichtung werde ich einige Spalten hinzufügen, damit Sie sehen können, dass ich hinzufügen kann, wie eine beliebige Anzahl von Spalten. Aber versuchen Sie immer toe, fügen Sie die Zahlen, die durch zwei geteilt werden können. Fügen Sie also niemals unsere Zahlen hinzu, verwenden Sie sogar. Verwenden Sie immer gerade Zahlen. So verwenden Sie die geraden Zahlen. Also verwende ich tatsächlich sechs gerade jetzt auf diesem Design, Sie können sehen, dass ich im Hintergrund sehen kann, weil es nicht ist. Das ist eigentlich die Deckkraft . Wenn ich also versuche, es zu verhärten, können Sie sehen, dass ich nicht sehen kann, was dahinter steckt. Also ist es besser, dass ich versuche, es 10% so etwas zu verwenden, so dass ich meine Dinge leicht entwerfen und ausrichten kann. Der zweite Treffer ist sein Typ, so dass Sie es entweder in der Mitte ausrichten können und Sie die Brücke von den Spalten angeben können. Zum Beispiel möchte ich 80 Pixel breite Spalten, so etwas. Und Goodall ist eigentlich der Abstand zwischen zwei Säulen. Das ist also die Gosse. Wir können 30 so etwas gebrauchen, oder vielleicht 24. Es hängt von der Bildschirmgröße ab, unabhängig von dem Bildschirm, den Sie verwenden möchten. Also, wenn ich versuche, 12 hier drüben zu benutzen, können Sie sehen, dass es in etwa so aussieht. Jetzt können Sie auch Ihr Layout speichern, erstellt. Sie können hier drüben sehen, hier auf dem Upgrade-Stil, so dass ich es in 12 Spalten oder so etwas speichern kann. Ein Teil des Namens hier, Ursache so etwas wie dieses. So habe ich vereinbarten Stil geschaffen und kann leicht auf jedem Grün angewendet werden. In ähnlicher Weise zum Beispiel werde ich ein anderes Kunstboard E. erstellen Und ich werde iPhone acht plus Nein verwenden, ich werde eine klare große erstellen und ich werde Zehe drücken Plus und es erstellt 10 Pixel. Ich möchte, dass Zehe wie 16 Schweine groß sind, zum Beispiel. Ich kann also eine 16. Schweine sind so toll. nun versuche, Wenn ichnun versuche,meinen Knopf hier drüben zu platzieren , kann ich meinen Knopf platzieren. Es wird in diesen Bereichen bleiben, damit Sie sehen können, dass dies mein Hintern ist, und ich werde die Rundheit verwenden, und ich werde eine Farbe wie diese verwenden. Und wenn ich versucht habe, es in der Mitte auszurichten. Also, jetzt ist es in der Mitte. Sie können es auch haben, zwei spezielle Boxen wie diese auszugeben. So jetzt können Sie sehen, dass Sie versuchen, das ähnlich für Text zu verwenden. Sie können Ihren Text auch ausrichten. Hallo. Und Sie können Ihren Text so an Ihrem Raster ausrichten. Das sind eigentlich meine Regeln. Also versuche ich, diese 80 Stunde hier für meine nächste zu nutzen. Also, das ist eigentlich der Bereich, den ich zu benutzen versuche. Also, wenn ich versuche, die Kapazität zu reduzieren 50%, so können Sie besser sehen. Das ist also eigentlich der Kopfbereich oder der Bereich, den er abdecken wird. Also, wenn ich versuche, es hier rüber zu bewegen, also wenn ich versuche, dieses zu durchschlagen, damit du sehen kannst, ist das die Grenze um ihn herum. Sie können es auch in der Mitte oder in einem Job ausrichten. Aber ich denke, es geht zu Fuß. Nutzen Sie so viel Platz. So können Sie dies verwenden, und Sie können Ihre verschiedenen Symbole ausrichten. Außerdem können Sie eine weitere Note hinzufügen. Zum Beispiel, wenn ich hier einige Spalten haben möchte, so dass Sie sehen können, ich kann vier Spalten verwenden und ich werde sie in der Mitte haben. Und das sind Ihre 60. Verwenden wir mehr 75. Das ist es benutzen. E. Das sieht ein bisschen besser für mich aus, und ich werde 24 benutzen. Größere Größe 20 ist, denke ich. Gut. Jetzt können Sie sehen, dass ich Besprechungen diskret ausrichten kann. Also lasst uns so. Also habe ich keine zwei Noten. Einer ist meine Basis Baseline-Gitter oder mein Cred auf der Rückseite, was ein Schweine krank ist, Great. Was ist der Job, eigentlich, Boxen und eine ist Spaltenraster. Also eins ist, äh, 16 Schweine krank, die ich auch hier so etwas benutzen kann, um mehr Möglichkeiten zu haben, die Sache auszurichten . Also, was auch immer Sie auf einer mobilen App entwerfen, versuchen Sie, Zehe haben so etwas. Es wird Sie führen. Sie können Ihre Elemente ganz einfach zusammen mit diesen Linien ausrichten, zum Beispiel wie folgt. Ebenso können Sie auch Ihre Lineale Verschiebung aktivieren und sind und Sie können, uh, uh, Drag & Drop verschiedene Richtlinien hier drüben. Zehe eine Linie Dinge besser. Also, wenn ich versuche, ein anderes kleines Kunstboard zu erstellen, können Sie sehen, dass diese Richtlinie hier vorbei ist, weil ich es gezeichnet habe, ohne mein Kunstboard auszuwählen . Also, wann immer Sie haben wollen, wann immer Sie etwas haben wollen, das als globale Leitlinie fungiert, können Sie sehen, Ihre Haare. Also, wenn ich versucht, diese eine richtige Notiz elektrisch zu wählen. Also, wenn ich fallen lasse, ziehe etwas drauf. Und wenn ich versuche, zum Beispiel ein anderes Kunstboard zu erstellen , wie dieses, kann man sehen, dass es hier keine Richtlinie gibt. Auch wenn ich versuche, das gleiche Kunstbrett zu verwenden, das ich vorher benutzt habe. So können Sie sehen, dass es keine Richtlinie gibt, weil ich ausgewählt habe und ich diese Richtlinie für diesen spezifischen Bildschirm gezeichnet habe. Nun, wenn Sie eine globale Richtlinie haben wollen, zum Beispiel, zum Beispiel, Ich erstelle ein anderes Kunstboard hier drüben, das wird iPhone Pro X sein. Lassen Sie uns die gleiche Größe Ivan acht plus erstellen. Jetzt können Sie sehen, das sind das Boot. Art Boards haben die gleiche Größe, aber wenn ich wollen und ah Richtlinie, die global sein wird, haben Sie Schleppauswahl ausgewählt, und wenn Sie versuchen, es innerhalb dieses Bereichs ziehen und ablegen, wird es auf Dieser hier. Was wir also tun müssen, ist, dass wir es in den mittleren Bereich ziehen und ablegen müssen, was nicht der gemeinsame Bereich ist, ein leerer Raum ist, der nicht die 80 von irgendeinem Kunstboard oder Rahmen ist. Also werde ich es über die Haare fallen lassen und Sie können sehen, dass es vorhanden ist oder in allen drei Kunstbrettern . So verwenden Sie tatsächlich diese globalen Richtlinien, um alle Ihre Elemente auszurichten . Zum Beispiel, wenn ich vielleicht eine untere Navigation habe, so wird es darauf ausgerichtet. Also, wenn ich eine Top-Navigation habe, wird es in diesem Abschnitt sein, so dass Sie Ihre gesamte mobile App oder Ihr Web-Design teilen können was auch immer Sie haben, mit diesen Richtlinien Grid Spalten, so dass Sie die lokalen Richtlinien und globalen Richtlinien. Diese Spalten, dieses Layout, Grid Toe Design, bessere Layouts besser aussehen APS zu entwerfen. Ich hoffe, Sie haben dieses Konzept nicht zerstört, und ich wünsche Ihnen wirklich, dass Sie dies lernen und dies in jedem Designprojekt verwenden, das Sie tun. Gehen wir zur nächsten Lektion 26. Neu Figma Auto Layout 101: Heute werden wir uns eines der Funktionen von Figma ansehen , nämlich Auto-Layout. Sie haben also kürzlich aktualisiert. Das ist mein 2022 und ich werde dir zeigen, wie man das benutzt. Und lasst uns ein paar Knöpfe greifen und etwas Erstaunliches schaffen , um zu sehen, wie es funktioniert. Das Gleiche ist also, fangen wir mit T an, und ich gebe hier etwas Text ein. Lassen Sie uns einen Button erstellen. Ich mache es 20 Pixel. Verwenden wir weiter „Inter fett“. Und um eine Schaltfläche zu erstellen, ich die Umschalttaste ein und wir haben ein Auto-Layout erstellt. Das automatische Layout wurde hinzugefügt. Sobald wir das automatische Layout hinzufügen, können Sie sehen, dass es sich um ein neues Panel auf der rechten Seite handelt. Wir haben die Richtung des automatischen Layouts, die horizontale Richtung, die vertikale Richtung. Dies sind die Polsterungen zwischen den Abständen zwischen den Gegenständen, die ich in wenigen Augenblicken mit Ihnen teilen werde. Und das ist die Polsterung um diesen Button. Fügen wir eine Füllfarbe hinzu. Fügen wir eine Füllfarbe hinzu. Verwenden wir diese bläuliche Farbe. Und machen wir ein paar abgerundete Ecken von acht Pixeln. Und jetzt werden wir die Polsterung um diesen Button experimentieren . Für dieses Auto-Layout ist die Polsterung also horizontal. Polsterung ist das. Also kann ich es so ziehen. Sie können sehen, dass sich in der Schaltfläche rosa Linien befinden , die mir zeigen, lass es uns auf 40 halten. Und das wird die Horizontale sein, oben und unten. Also behalte ich es auf 16. Das ist also mein perfekter Knopf, irgendwie perfekter Knopf. Versuchen wir, eine dunkelblaue Farbe für den Schaltflächentext zu verwenden . Okay, also das sieht gut aus. Okay, also noch eine Sache, die sie hier hinzugefügt haben. Wenn ich den Mauszeiger auf den Button bewege, kannst du sehen, ob ich hier drüben klicke lass mich den Wert hier eingeben. Also hier ist die Polsterung. Klicken Sie also einmal einmal. Und was ist passiert? Hier ist der Rahmen. Ups. Also habe ich jetzt andere Werte. Sie können also hier sehen, ich verschiedene Werte für oben, rechts, unten und links habe. Also denke ich, dass ich hier drüber klicken muss , um zu sehen, dass dies das Richtige ist. Versuchen wir es also zu reduzieren. Ich denke, es gibt einen Fehler, denn sobald ich den Wert ändere, sind diese tatsächlich verschwunden. Okay, also hab ich sie jetzt. Wenn ich also hier drüber klicke, kannst du sehen, dass ich hier drüber klicke, 20, okay, also hier haben wir es wieder. Also muss ich noch einmal hier klicken, zehn. Und jetzt sind sie verschwunden. Ups, ich glaube, es gibt gerade sowieso einen Bug, damit du von hier aus alles kontrollieren kannst. Wenn Sie also unabhängige Polsterungen wünschen, können Sie dies öffnen, damit Sie sehen können, dass ich unabhängige Bindungen für links und rechts habe . Sie können sie also durch Kommas auf 4020 trennen. Wenn ich also 60 auf der linken Seite haben will, siehst du, ich kann 60 haben. Das ist mein Oben und Unten. Versuchen wir, 32 oben zu verwenden. Hier haben wir es. Lassen Sie es uns auf Standard halten. Verwenden wir 36 links und rechts und oben und unten. Das wird also mein Knopf sein. Wenn ich nun eine einfache Menüleiste erstellen möchte, kann ich dieses Steuerelement oder Befehl D einfach replizieren. Sie können sehen, dass ich nur diesen Text repliziere und er ist tatsächlich in horizontaler Richtung. Und das ist der Abstand zwischen den Gegenständen. Das ist also der Rahmen, das ist der Auto-Layout-Rahmen, und das sind die Polsterungen zwischen ihnen. Sie können also sehen, dass ich so klicken und ziehen kann, um die Polsterung zwischen ihnen zu erhöhen. Und es ist tatsächlich erweiterbar. Wenn ich also versucht habe, Über uns zu wollen, lasst uns an Deck hier drüben benutzen. Und wieder haben wir auch die Polsterung oben und unten. Wir können es hier kontrollieren. Das ist ein wirklich nettes Feature. Sie haben eine getrennte Polsterung, die gesamte Polsterung um ihn herum. Und ich glaube, sie haben mehr Benutzeroberflächen, die freundlicher sind als zuvor. Okay, also hier haben wir es. Einfache Navigationsleiste. Okay, was ich jetzt machen werde , ist, dass ich diesen ganzen Frame repliziere. Also Kommando D, Frame 234. Und ich habe diese, all diese Frames und lasst uns alle diese Frames auswählen. Und ich muss ein anderes Auto-Layout erstellen. Jetzt habe ich ein anderes Auto-Layout. Jetzt können Sie sehen, dass die Richtung von oben nach unten ist , dies ist vertikal. Jetzt werden wir mit diesem Abstand zwischen den Gegenständen spielen . Benutzen wir hier drüben 24. Und das ist die Trennung zwischen diesen Gegenständen. Du siehst, dass ich es auch von hier aus kontrollieren kann. Ich kann einfach hier rüberklicken und wie 16 eingeben. Und versuchen wir zu sehen, dass ich die Polsterung ändern kann. Versuchen wir, die Polsterung hier zu sehen. Ja. Dies sind die Polsterungen oder Standard. Fügen wir unten 24 hinzu. Und lasst uns die Linke hinzufügen. Sie können jetzt sehen, dass dies ein anderer Rahmen ist. Dies ist ein weiterer Auto-Layout-Rahmen, und ich habe Paddings hinzugefügt. Ich verwende auch diesen Abstand zwischen den Elementen. So können Sie sehen was hier, versuchen wir 32 zu verwenden. Und wenn Sie es mit etwas Farbe füllen möchten, können Sie das tun, um Ihnen zu zeigen , wie es funktionieren wird. Das ist also eigentlich der äußere Rahmen. Also habe ich innere Auto-Frames. Dann habe ich äußere, äußere Auto-Frames. Nur um Ihnen zu zeigen, dass wir mehrere Artikel haben , die wir durch Abstände trennen können. Und fügen wir diesem Auto-Frame noch eine Sache hinzu. Ich füge hinzu, sagen wir mal Rechteck hier drüben. Versuchen wir hier ein Rechteck hinzuzufügen. Also wird es so hier drüben platziert werden. Jetzt können Sie sehen, dass es tatsächlich das Layout bekommen hat, was Sie hier sehen können vertikale Richtung. Also alles, was ich hinzufüge, wird unten in vertikaler Richtung sein . Oder wenn ich die Position dieses Artikels ändern möchte, kann ich ihn überall nach oben oder unten verschieben. Nun, wenn ich möchte, dass es an einem bestimmten Ort außerhalb der Kontrolle ist. Lassen Sie uns einen kleineren Kreis wie diesen erstellen. Und ich werde abgerundete Ecken von 60 haben. Es ist also ein kleiner Kreis. Ups, 36 sollte nicht die Höhe k sein. Also habe ich gerade einen kleinen Kreis geschaffen, sagen wir, es war so. Also will ich einen Status hier oder hier drüben oder vielleicht hier rechts. Vielleicht ein Schließknopf für diesen Frame. Moment befindet es sich im Auto-Layout. Verwalten der vertikalen Richtung. Hier drüben gibt es einen kleinen magischen Knopf. Es ruft an. Es heißt absolute Position. Sie müssen also dieses Element auswählen, auf die absolute Position klicken und es wird außerhalb dieses automatischen Layouts gehen. Und lass es uns hier so benutzen. Sie können jetzt sehen, dass Sie sehen dass es sich immer noch in diesem Auto-Layout-Frame befindet, aber er hat eine absolute Position, genau wie wir es in HTML verwendet haben. Das ist also ein wirklich, sehr nettes Feature. Okay, eine weitere Sache ist also, dass Sie hier die Größenänderung der Umarmung, die vertikale Größenänderung und die horizontale Größenanpassung von festen Inhalten sehen können hier die Größenänderung der Umarmung, die vertikale Größenänderung und die horizontale . Und dann hatten wir den dritten, Inhalt füllen, denke ich war was dieser eine Container war. Sie können sehen, dass dies sehr schön ist, also zeigt es mir außerhalb dieses äußeren Rahmens nur den HUD-Inhalt und die feste Breite. Wenn ich also versuche, eine feste Breite zu verwenden, wird es so sein. Und lasst es uns hierher bringen. Bewegen Sie es auf Nummer zwei so. Okay, also benutze ich für diesen einen vollen Container. Sie können also sehen, sobald ich auf den vollen Container geklickt habe, dass er seinen Behälter gefüllt hat. Container ist also dunkler und der hellere ist eigentlich mein Inhalt. Der Inhalt wird also den Container füllen. Das ist also behoben. Heiße Inhalte werden immer dann expandieren, wenn ich also sehen kann, ob ich zu heiße Inhalte gewechselt habe, es wird zurückgehen. Okay, das ist also heiße Inhalte verschütteten Behälter feste Breite ist selbsterklärend. Ich muss es nicht erklären. Es wird die Breite dieses Rahmens draußen halten. Äußerer Rahmen fixiert Der Inhalt wird mit dem darin enthaltenen Inhalt wachsen. Versuchen wir also, den Tag des Gerichts zu sehen. So können Sie den äußeren Inhalt sehen. äußere Rahmen erweitert sich tatsächlich mit dem inneren Inhalt, weil er den Inhalt umarmt. Ich habe nie, der Inhalt wird erweitert. Zum Beispiel umarme ich so etwas. Also wenn etwas, jemand in dem, den ich umarme, vielleicht einen Ballon, wenn er sich ausdehnt, muss ich meine Arme ausdehnen. So funktioniert die Umarmung tatsächlich. Mal sehen, ob ich hier etwas verpasst habe. Also haben wir diese Ausrichtung. Ich glaube, ich muss dir die Ausrichtung hier zeigen. Fügen wir hier also ein Rechteck oder vielleicht einen Button hinzu. Erstellen wir ein Rechteck. Und denke einfach, dass es ein Knopf ist. Also lasst uns diesen Button erstellen. Ich verschiebe es hier rüber. Nehmen wir an, dass dies unser Button ist. Es Pixelrundheit. Das ist also mein Knopf. Jetzt sieht man also alles links aufgereiht ist. Wenn ich also auf diesen äußeren Rahmen klicke, nennen wir es den äußeren Frame. Dies sind die inneren Rahmen. Okay? Sobald ich diesen äußeren Rahmen ausgewählt habe, können Sie sehen, dass dies die Ausrichtungsoptionen sind. Also jetzt ist es links, links oben ausgerichtet. Wenn wir zu diesem gehen, wie die richtige Ausrichtung, können Sie sehen, dass alles auf der rechten Seite ausgerichtet ist. Die Schaltfläche bewegt sich auch nach rechts. Wenn ich den mittleren benutze, wird es alles so ausrichten. Okay? Was also manchmal passiert, ist, dass ich möchte , dass dieser Button links ausgerichtet ist und vielleicht alle diese oberen auf der rechten Seite sind. Der einfache Weg ist also, dass wir das BTN nennen. Und ich werde ein anderes automatisches Layout wie dieses für diese Schaltfläche erstellen . Und für all diese Frames erstelle ich ein anderes Auto. Jetzt muss ich jetzt automatisch Layouts darin machen. Dafür behalte ich es auf der linken Seite. Du kannst sehen, du kannst jetzt und für den mittleren sehen. Nennen wir diesen Inhalt. Nennen wir diesen Knopf. Du kannst sehen, dass du hier bist. Der Inhalt ist ganz oben und ich kann den Inhalt unabhängig von der Schaltfläche verschieben , da ich sie in zwei verschiedenen Frames habe . Also habe ich verschiedene Container, die Frames für sie enthalten. Ebenso können Sie sehen, dass es sich jetzt wieder in diesem Frame befindet, Content-Frame. Es bewegt sich also in die Richtung, die Sie hier sehen können. Versuchen wir es also noch einmal darauf zu klicken. Nennen wir es Status. Und ich klicke erneut auf diese, absolute Position und sie wird wieder an den Ort zurückkehren , an dem es vorher war. Versuchen wir also, meinen Status zu erhöhen. Das ist der Richtige. Versuchen wir es hier zu benutzen. Lasst es uns hierher bringen. Okay? Also haben wir die studiert, studieren diese Ausrichtungen. Diese vertikale und horizontale Richtung haben wir so begonnen . Dann haben wir die Trennung zwischen verschiedenen Gegenständen untersucht . Lass uns 80 benutzen. Das sind also tatsächlich, Sie können jetzt sehen, dass dieser Rahmen inter-frame muss. Was auch immer der Abstand sein wird, es wird zwischen diesen beiden liegen. Wenn Sie also den Abstand zwischen verschiedenen Elementgruppen steuern möchten , müssen Sie diese in Auto-Layout-Frames gruppieren. Okay? Wir haben also ein paar weitere Möglichkeiten hier drüben. Sie können sehen, wie Sie hier sehen können, eingepackt und Platz zwischen sehr schönen Animationen. Vielleicht kann ich hier etwas versuchen. Versuchen wir diese Mittel zu benutzen. Okay, ich denke, wir brauchen zwei oder drei Gegenstände in dieser Richtung, um Platz dazwischen zu haben. Im Moment habe ich also nur einen. Erstellen wir also eine Gruppe von Schaltflächen. Also replizieren wir diesen Befehl D. Also bewegt er sich jetzt in die untere Richtung. Klicken wir auf diesen Auto-Frame, Auto-Layout-Rahmen für die Schaltflächen, und wir werden sie in diese Richtung verschieben. Okay, versuchen wir jetzt zu sehen, ob ich kann. Okay, also muss ich ihn so gefüllten Behälter machen. Okay. Zuerst müssen Sie sicherstellen , dass Ihr Interframe oder wo Sie diesen Raum verwenden müssen den Container tatsächlich füllt. Was ich getan habe, ist, dass ich tatsächlich drei Knöpfe in meinem Button-Frame erstellt habe. Sie können sehen, dass dieses Layout von links nach rechts ist. Weil ich möchte, dass es den ganzen Rahmen ausfüllt. Sie können also hier sehen, dies jetzt die Ausrichtungsoptionen sind, weil ich vom hinteren Backdoor-Raum zwischen gewechselt habe. Also wenn ich wieder packe. Sie können sehen, dass sie sich alle so ausrichten, näher beieinander. Und sie werden diesen Abstand zwischen den Gegenständen haben , der zehn ist. Also lasst uns 24 benutzen. Das ist also gerade der Abstand zwischen ihnen. Aber wenn ich in den Abstand dazwischen wechsle, kann man den Abstand zwischen ihnen sehen. Es heißt auto, auto, auto. Dies ist also der Hauptunterschied, also werden sie automatisch verteilt. Und jetzt können Sie sehen, dass dieser Schaltflächenrahmen tatsächlich so eingestellt ist, dass er diesen Container füllt. Der Behälter ist der dunklere. Eine weitere Sache ist, dass ich denke, die Striche, das ist eigentlich, wenn wir einen Schlag um den Knopf gelegt haben , lassen Sie uns einen Strich von 15 verwenden. So kannst du jetzt sehen, lass es uns draußen benutzen. Und du kannst sehen mein Schlaganfall tatsächlich davon rauskommt. Versuchen wir, vielleicht weiße Farbe zu verwenden. Lasst uns mal so etwas versuchen. Also geht es außerhalb meines Rahmens. Versuchen wir zu sehen, ob es geeignet ist. Im Moment heißt es also, dass Striche ausgeschlossen sind. Lassen Sie uns sie in das Layout aufnehmen. Jetzt können Sie die Polsterung und den Abstand sehen, alles wird auch für die Striche und Striche berücksichtigt. Okay, jetzt gehe ich zurück zur Tatsache, weil ich dir etwas Interessantes zeigen möchte. Anstatt einen Abstand von 20-fach zu verwenden, versuchen wir, minus zehn zu verwenden. Minus zehn. Lass uns hier einen Strich machen, nur um dir zu zeigen , dass es wie Weiß sein wird, dein Thema. Also werde ich einfach draußen sein. Versuchen wir denselben Strich zu verwenden . Wenn Dean draußen, Whoops, Oxid, einfach weiß sein wird. Jetzt können Sie sehen, dass ich drei Tasten und drei Tasten habe , die sich überlappen. Versuchen wir hier eine andere, etwas andere Farbe zu verwenden . Also nur um dir zu zeigen, welches sich mit dem überschneidet den wir gerade haben, 33 von ihnen. Also dieser ist gerade unten, und diese sind ganz oben. Wenn ich es also versuche, haben wir noch eine Sache, die Canvas Stacking ist. Man kann also sagen, dass es zuletzt oben steht. Wenn ich also oben auf den ersten Wechsel wechsle, siehst du, dass der erste jetzt oben und andere eine oder unten ist . Es ist nützlich, wenn wir verschiedene Avatar-Bilder und verschiedene Icons haben und möchten, dass sie sich überlappen. Und die letzte ist eigentlich die Baseline-Verschiebung , wenn wir ein Symbol und einen Button haben. Versuchen wir es also, ein Symbol zu benutzen. Ups, nicht hier drüben. Lass uns ein Icon machen. Und ich benutze jetzt jedes Symbol. Lass uns das benutzen. Dies wird ein Icon-Album sein. Und wenn ich versucht habe, das darin zu verwenden, können Sie innerhalb der Schaltfläche den Befehl G kombinieren , um sie miteinander zu gruppieren. Und lasst uns versuchen, eine SMS hier drüben zu haben. Sagt, okay, ich werde es perfekt ausrichten. Wenn ich kann. Lasst es uns da rausziehen. Und lassen Sie uns diesen auch außerhalb dieses verschieben, nur um zu sehen, wie sich diese tatsächlich ausrichten werden. Also werde ich für den Krieg zwischen den Gegenständen schreiben lassen. Im Moment ist es eigentlich ziemlich offensichtlich und es stimmt mit diesem überein. Versuchen wir, einen kleineren Text, kleineren Text unten zu haben. Und lasst uns versuchen, die Farbe zu ändern. Ich werde die Distanz auf 32 erhöhen. Okay? Im Moment sind diese beide ausgerichtet, aber wenn Sie die Ausrichtung ändern möchten, versuchen wir, etwas zu ändern. Was siehst du hier. Wenn wir einen Schuh der Basislinienausrichtung haben, können wir so wechseln. Wenn wir also zwei oder drei Texte und ein Symbol haben, können wir diese Basislinienausrichtung verwenden, um diese auszurichten. Im Moment können Sie also sehen , dass die Basislinienausrichtung ist, die für dieses Szenario nicht funktioniert. Aber ich kann Ihnen garantieren , dass Sie in einigen Szenarien, in denen wir einen Text und ein Symbol haben, die nicht anstehen, diese Basislinienausrichtung verwenden müssen. So sehr haben sie sich verändert. Sie haben neue Optionen wie Basislinienausrichtungen bereitgestellt, Striche kompensieren als wir. Das hier. Ich liebe diese Funktion dieser festen, absoluten Positionierung, wirklich , wirklich, wirklich nettes Feature. Und dann haben wir eine sehr schöne Präsentation von Polstern, Polsterungen rund um den Artikel. Linke Polsterung, rechte Polsterung Wenn wir auf ihnen schweben, links, rechts, links und dann links und rechts. Schließen wir sie, weil sie eigentlich nicht mit meinem HTML übereinstimmen. Jedenfalls. Darum geht es also. Sie haben auch diese Umarmung bewegt, Umarmung Inhalte fühlen sich zufrieden mit dem Rahmen. Optionen wie Breite, Höhe, weil es besser für den Rahmen geeignet war. Das ist also mein aktuelles Video oder neues Video und wie Sie Ihr automatisches Layout beherrschen können. Sehr einfaches Konzept. Vorher war es zu schwer für mich zu verstehen. Ich habe viele meiner Studenten im Design gesehen, Studenten, die tatsächlich Probleme haben , während sie dieses Konzept des automatischen Layouts verstehen. Ich hoffe, Sie haben das Auto-Layout gut und gut von diesem Video verstanden , ich werde Sie bald in einem anderen Video treffen. Stellen Sie sicher, dass Sie dieses Video bis dahin abonnieren und teilen Sie es, seien Sie vorsichtig. Tschüss. 27. Group verwenden: in diesem Video lernen wir die Unterschiede zwischen Gruppen und Frames und Ventures kennen. Sie sollten Frames anstelle von Gruppen verwenden. , Wenn Sie sich das hier ansehen,können Sie sehen, dass es eine Gruppe ist. Dies ist eine Illustration. Wenn ich also versuche, es zu skalieren, können Sie sehen, dass es die ganze Gruppe skaliert. Zusammen mit dem können Sie sehen, wenn ich hier klicke, gibt es eine blaue Grenze um sie herum. Es sind eigentlich seine Knochen. Also, das ist eigentlich die Grenze davon. Es wächst auch, wenn Sie versuchen Zehenskala jede Gruppe. Dies ist also eine Gruppe von Illustration. Das sind verschiedene Faktoren. Wenn ich versuche, die Größe zu vergrößern, können Sie sehen, dass sich die Knochen tatsächlich bewegen. Und wenn man es hier über die Zwangsgröße betrachtet, ist es eine Fähigkeit und ah, es wird tatsächlich skalieren. Es ist eine Standardeinstellung. Sie können Beschränkungen sagen. Option aus jeder Gruppe. Also jetzt, wenn ich versuche, zum Beispiel, sagen wir richtig und sagen wir oben jetzt können Sie sehen, was hier passiert. Jede Gruppe hat je nach Zehe eingeschränkt, der nächste Elternrahmen, so dass Sie sehen können, wenn Sie es hier in dieser ganzen Hierarchie auf der linken Seite betrachten , Bier und Rahmen für diese Gruppe ist eigentlich unser Kunstboard. Jetzt wollen wir sehen, was passiert, wenn ich versuche, die Größe oft Art Board zu erhöhen. Sie können sehen, dass diese Einschränkung tatsächlich für dieses Kunstboard funktioniert, so dass es mit der rechten und links von unserem Board bleibt. Mal sehen, was passiert, wenn wir diese Einschränkungen nie gesagt haben. Also meistens, wenn Sie versuchen, eine Grafik in Ihrem Phlegm eine Datei zu importieren oder langweilig sind, passiert das Gleiche. beispielsweise Wenn Siebeispielsweiseeine Gruppe wie diese haben und es jetzt eine Illustration ist, können Sie sehen, ob ich versuche, die Auswahl zu erhöhen, zu verkleinern und zu versuchen, die Größe dieser zu erhöhen. Sie können sehen, was passiert. Die Größe von der Abbildung wird tatsächlich größer mit diesem Rahmen, also lasst uns als nächstes. Mal sehen, die Größe seiner Größe ist 573 mal 5 31 Nun, wenn ich versuche, die Größe zu ändern, können Sie sehen, jetzt ist es 80 98 806 Nun, wenn Sie dieses Verhalten nicht wollen und Sie nicht wollen, dass es so skaliert. Als Nächstes. Geh zurück zu jedem Draht. Okay, also jetzt, wenn Sie dieses Verhalten zu einem breiten möchten, möchten Sie, dass Ihre Symbole bleiben, wo sie sind. Sie müssen Frames verwenden, da Frames Fuß gehen. Lassen Sie mich es Ihnen zeigen. Eigentlich. Also hier haben wir das hier. Lasst uns es richtig einrahmen. Klicken Sie auf und Rahmenauswahl. Jetzt wirst du schwanger werden. Wir haben zwei Rahmen hier drüben. Eine ist diese Illustration tut mir leid. Dieser Übungsrahmen, das ist eigentlich das Kunstboard. Und dann haben wir noch einen Rahmen. Welcher Rahmen ist dieser Rahmen? Eins drinnen. Also nennen wir es Optionen. Jetzt können Sie sehen, dass wir Rahmen in einem Rahmen haben. Nein. Wenn wir versuchen, die Größe dieses Übungsrahmens zu ändern, können Sie die Größe von diesem Objekt sehen. Es wa 618 von 2 25 Nein, Wenn ich versucht, Zehe wieder, Größe ändern. Sie können sehen. Lassen Sie mich es größer machen und Ihnen zeigen, was der Unterschied ist? Größe bleibt gleich. Das ist also das Verhalten, das ich brauche, wenn ich Elemente in einem Container habe und ich gehen möchte und möchte, dass sie im gleichen Bereich bleiben, in dem sie sich befinden und ich möchte nicht, dass sie die Größe ändern. Dann haben Sie die Zehe immer unseren Rahmen verwenden. Andernfalls werden Sie diese Probleme haben, die Symbole weiter wachsen. Zum Beispiel, lasst uns, äh, diesen Rahmen entfernen. Ich bin gesteuert Shift oder Befehl Shift G Toe auf Gruppe dieses Frame gedrückt und jetzt werde ich sie gruppieren. Jetzt können Sie sehen, dass sie sich in einer Gruppe befinden. Also lassen Sie uns diese Gruppenoptionen nennen. Und wenn ich versuche, jetzt ist die Größe die gleiche. 618 mal 2 25 Nun, wenn ich versuche, die Größe zu verwenden, können Sie sehen, was passiert. Diese Symbole gehen aus und alles vermasselt, weil ich sie nicht will. Kennst du Skala? Wenn ich versuche, auf dieses Symbol doppelklicken, können Sie sehen, dies sind die Einschränkungen. Dies sind also die Einschränkungen, Skalierung und Skalierung. So wird es Zehe kleiner und kleiner werden. Wie ich die Größe ändere, so können Sie sehen Lassen Sie mich zeigen, wissen Sie. Also diese Symbole sind Sie jetzt dort sehen 44 warten unsere Reise. Sie waren wie 72 Pixel breit. Jetzt können Sie sehen, dass dies das Verhalten ist, das wir nicht wollen. Der grundlegende Unterschied zwischen Gruppe und Frame besteht also darin, dass Gruppe eine Einschränkung haben wird. Ledgett Zehe des übergeordneten Rahmens. Der Elternrahmen wird hauptsächlich sein Kunstbrett und für den Rahmen haben wir solche Probleme nicht . Der Rahmen geht auf die Zehe. Handeln Sie wie ein unabhängiger Container oder ein Fenster und alles wird entsprechend der zweiten Sache ausgerichtet ist, dass, wenn wir einen Rahmen haben, zum Beispiel, Yeah, Yeah, das ist G, ich schätze, Hoffnungen, dass wir Rahmen haben, Freund Auswahl alle Kontrolle und G. Okay, also haben wir diesen Ruhm. Es gibt eine andere Option, die beschnittene Inhalte ist. Wenn Sie etwas erstellen möchten, wird es Zehe handeln als Fenster. Dieser Rahmen wird als Fenster fungieren. Also, wenn Sie versuchen, zu verlängern, zum Beispiel dieses Symbol außerhalb dieser, können Sie sehen, jetzt ist es rutscht nach draußen, weil wir definiert haben, dass Großbritannien verstecken aus dem Rahmen. Aber wenn Sie versuchen, Zehe, tun Sie etwas mit dieser Illustration, zum Beispiel, das war eine Gruppe und zum Beispiel, Ich habe diesen Vektor oder diesen Arm und ich versuche, ihn zu erweitern. Sie können sehen, dass nichts abgeschnitten wird und eine weitere Sache, die Sie sehen können Wenn ich versuche, hier zu klicken, wird die Grenze tatsächlich automatisch angepasst. Die Bones werden automatisch angepasst. Dies ist eigentlich die Funktion aus Gruppe. Wenn Sie also etwas wie dieses haben, möchten Sie den Inhalt nicht zuschneiden, können Sie diese Gruppe verwenden. Und wenn ich jetzt zu diesem hier gehe, können Sie sehen, dass wir ein Symbol haben. Harris sagt, dass die Größe angepasst wurde, um das Leben anzupassen. Ich versuche hier zu klicken, Sie können jetzt sehen, dass die Größe außerhalb des Rahmens an den Clipvertrag angepasst wurde. Also versucht es tatsächlich zu finden, wo die Grenze von diesem Inhalt ist? Dies ist also ein Feature von Frames Frames haben eine bestimmte Höhe und lesen Sie alles außerhalb von ihnen wird abgeschnitten werden. Aber Gruppen, sie werden sich nicht so verhalten. Sie haben nichts zu klappen. Sie werden eine automatische Begrenzung haben. Sie werden die Knochen von Ihren Elementen in ihnen entsprechend ihrer Rückkehr hoch erhöhen. Also, wenn Sie versuchen, die Breite und Höhe zu ändern, wird es die Grenze von dieser Gruppe ändern. So versuche ich Ihnen vorzuschlagen, wenn Sie Ihre Bauchmuskeln oder irgendetwas entwerfen , zum Beispiel, lassen Sie mich Ihnen das hier zeigen. Ok. So können Sie hier sehen, dieser Stopp ist eigentlich, dass Sie einen Rahmen erstellen möchten. Zum Beispiel möchte ich eine feste Rücklaufhöhe für diese Front haben. Und will nicht, dass diese Symbole hier ihre Position ändern und ihre Größe ändern wenn ich versuche, die Hartfaserplatte zu vergrößern oder hier ähnlich für diese Leiste hier drüben. 30 Minuten, vier Personen, 1,5 Kilokalorien. Sie müssen einen Rahmen verwenden. Wenn Sie versuchen, eine Gruppe zu benutzen, versuchen Sie, die Höhe von diesem Kunstbrett hier zu erhöhen. Es wird sich vermasseln. Diese Dinger werden sich ausziehen. Und tatsächlich passierte es einmal, als ich versuchte, in diesen Übungen zu entwerfen, passierte. Ah, oft, wenn ich sie nicht in Frames konvertiert habe, also werden Frames tatsächlich eine bestimmte Grenze haben und die Einschränkungen werden innerhalb dieses Bereichs arbeiten, zum Beispiel Ich werde den Fuß links und unten für diesen hier benutzen. Ähnlich, für diese auch links und Langeweile. Nun, wenn Sie einen Rahmen skalieren wollen, müssen Sie hier klicken, gehen Sie zur Skala, Werkzeug und Sie versuchen Zehe. Verwenden Sie das, wenn Sie die Höhe und Breite von einem Rahmen wirklich skalieren möchten. Aber für eine Gruppe können Sie nicht brauchen, um die Skala zu verwenden. Sie können den Zug verwenden, um zu tun und Sie können einfach Drachen drücken Sie Ihre Shift und halten Sie Ihre Shift-Taste um so zu skalieren. Nun, eine weitere Sache, wenn Sie ah Komponente oder hier so Komponenten erstellen, werden sie genau wie Frames handeln . Alles wird Einschränkungen haben. Siehst du deine hier? Jetzt können Sie sehen, wann immer Sie sich innerhalb eines Rahmens befinden oder wenn Sie sich innerhalb der Komponente befinden, die Bones oder die Abhängigkeiten werden innerhalb dieser Begrenzung funktionieren, stattdessen diese Rahmenbegrenzung. Wenn Sie sich diese Gruppe ansehen, wenn ich versuche, diese Spitze auszuwählen und sagen wir, links sind diese Bones diese Einschränkungen, Grenzen entsprechen tatsächlich ihrem übergeordneten Frame, können Sie hier sehen, dass der übergeordnete Frame dieser Übungsrahmen ist und Diese Abhängigkeiten verbinden sich mit der Tür. Diese Linien, diese gepunkteten Linien, zeigen also diese gepunkteten Linien, , dass sie miteinander verknüpft sind. Diese Einschränkungen sind also mit dem Spirit Rahmen verbunden. Also, wenn ich hier drüben klicke und ich doppelklicke auf diese. Wenn ich versuche, zum Beispiel, Mitte und Boden zu verwenden zum Beispiel, , geht es zu Fuß. Haben Einschränkungen damit auf diesem Rahmen hier drüben. In ähnlicher Weise, , wenn ich versuche, links und Job zu verwenden, wird es Zeh gleich bleiben. Das ist eigentlich die Grenze wegen dieser Banane hier drüben. Lassen Sie uns also die Größe der Banane reduzieren, indem Sie Shift drücken. Und jetzt können Sie sehen, dass der Knochen der gleiche ist. Also müssen wir diese Größenänderungsgrenze erneut drücken und das ist unsere Grenze. Nun, wenn ich versuche, hier zu klicken, können Sie sehen, dass diese Einschränkungen mit diesem Frame und nicht mit dem übergeordneten Frame verknüpft sind , was Übung für ihn ist. Ich hoffe, Sie haben die Unterschiede zwischen Gruppen und Frames verstanden, und wenn Sie stattdessen einen verwenden müssen, gehen wir mit der nächsten Lektion über. 28. Assets und Bilder exportieren: in dieser Lektion werden wir über den Export Ihrer Bilder und Assets sprechen. Nun, das ist sehr wichtig. Wenn Sie für eine Android-App oder und ich s App entwerfen, gibt es verschiedene Einstellungen oder verschiedene Exportoptionen für beide Designsysteme. So, zum Beispiel, wie Sie sehen können, ist dies meine Android-App und es wurde für ein Android-Gerät entwickelt. Wenn Sie also Ihre Bilder exportieren, zum Beispiel Ihre Verwaltung, sind sie Ihre Bilder zum Beispiel, Ihre PNG-Bilder oder alle Schaltflächen oder alles, was Sie brauchen, um sie in verschiedene Größen zu exportieren. So gibt es verschiedene Android-Geräte gibt es sie verwenden verschiedene Größen, um diese App zu unterstützen . Also lassen Sie mich Ihnen hier einen kurzen Artikel zeigen. Sie können sehen, dass dies ein kurzer Artikel über Medium ist, der sich mit Vielfalt auseinandersetzt und diese sind unterschiedlich. Taschen sind tiefe EI Eimer. Ich rief die Auflösungsbuckets für Android-Geräte an. Ich habe einen vollständigen fledge separaten Kurs auf Android-Gerät und Design. Aber Google-Material, wo ich all diese diskutiert habe, müssen Sie daran erinnern, dass 0.75 wirkt 75% 1 nächste 1.523 und vier. Dies sind die Dinge, für die Sie exportieren müssen. Lassen Sie mich es Ihnen zeigen. Wenn Sie zu Fig MMA umgezogen sind, müssen Sie zum Beispiel diese untere Leiste exportieren. Also habe ich diese untere Leiste zum Beispiel ausgewählt, diese und wenn Sie hier rüber gehen, können Sie sehen, dass es eine Exportoption gibt. Also, wenn Sie möchten, entfernen Sie einige Exportoption. Sie haben Zehenklik Minus. Und wenn Sie hinzufügen möchten, müssen Sie voran hinzufügen. Und das ist eigentlich die Größe, die es zeigt. Es zeigt ein X eins nächste bedeutet die gleiche 100% 150% 200% 300% 400%. Also werde ich 400% auswählen, weil ich eigentlich wollte, dass Zehe all diese Größen haben. Dies sind also die Exportoptionen für ein Android-Gerät. Sie können sehen, dass wir hier unten sind. Es heißt, Langeweile Barren exportieren. Es ist ein Name von dieser Gruppe. Also von x, 100% 304 101 150% und 75%, die kleiner sein wird als die Größe, die wir entworfen haben . Wir haben in 100% entworfen. Das sind also die Exportoptionen, die Sie auch ändern können, den Dateityp unserer Haare PNG wird sein Sie können sagen, es wird transparent im Hintergrund sein. Wenn Sie zu dieser Vorschau gehen, können Sie sehen, dass der Hintergrund für diese drei Tasten transparent ist Oh bewegen Großbritanniens oder wie auch immer Sie sie nennen. Wenn ich zu jpg gehe, wird es jetzt eine weiße Tasche haben. Eigentlich zeigt es mir diese Vorschau, aber es wird einen weißen Hintergrund haben. Alle anderen sind Lassen Sie mich alle anderen entfernen. Als nächstes entfernen Sie alle diese Und jetzt, wenn ich o jpg noch verschiebe, zeigt es mir sowieso die falsche Vorschau, Also das J P G oder J Big Bild wird einen weißen Hintergrund haben. Ich schätze, das ist exportiert. Ich werde den Export drücken und ich werde auf den Desktop gehen und sehen, ob es ist, wie es weißen Hintergrund hat oder nicht. So können Sie sehen oder hören es hat, wie Hintergrund. Es hat einen weißen Hintergrund. Sie können sehen, ob ich es hier in Fig Mauer ziehe. Sie können sehen, ob ich zoomen und es hat einen weißen Hintergrund. Okay, also wird das passieren. Ich habe dir schon gesagt, dass J. Peg Bild einen weißen Hintergrund haben wird. Also alles, was Sie exportieren möchten und Sie, zum Beispiel, die meisten der Bilder in einer Website, zum Beispiel, dieses Bild könnten Sie Jay big image verwenden, weil ein sehr großes Bild ein sehr großes Hintergrundbild. Du musst so etwas verwenden. Zum Beispiel, in meinem diese yum Zab auf diesem Anmeldebildschirm. Wenn ich in diesen Login-Bildschirm zoomen, ähm, diesen Slogan Bildschirm, können Sie sehen, wir haben, ah, ah, Hintergrund-Overhead, diesen Bildhintergrund. Wenn ich diesen Bildhintergrund auf der Rückseite exportieren muss, können Sie sehen, es ist, ähm all diese habe ich sie gruppiert. Das ist also mein ganzer Hintergrund. Sie können sehen, also wird das mein Hintergrund sein. Also gehe ich über den Kopf drücken, exportieren. Und ich werde ein jpg verwenden, weil Jeb mir die kleinste Größe für diesen ganzen Hintergrund geben wird. Dies wird Ihnen helfen, wenn Sie für Websites oder irgendetwas, das sehr groß ist, sehr großes Bild exportieren sehr groß ist, . Sie müssen J-Peg-Bild anstelle von PNG verwenden. PNG muss zumBeispiel für Beispiel für diese Symbole oder vielleicht die Schaltflächen oder so etwas verwendet werden. Meistens werden diese Icons eine SPD für make sein, also werde ich jetzt dazu gehen. Sie haben also gelernt, dass Sie, wenn Sie für Android-Geräte exportieren müssen, unterschiedliche Dichten unterschiedlicher Größe hinzufügen müssen. Zum Beispiel, zwei x drei x vier x, die verschiedenen Größen bisher und IOS-Gerät. Wenn Sie für ein iOS-Gerät entwerfen, lassen Sie mich Ihnen hier vorführen, damit wir nur eine x 100% 200% und 300% benötigen. Dies sind also die drei tatsächlich Größen, die von IOS-Geräten verwendet werden. Wenn Sie also für iOS-Geräte entwerfen, müssen Sie Ihre Assets in diese drei Seiten exportieren. Also gehen wir zurück. Tofig MMA und wir sind, zum Beispiel, Ich werde diesen Bildschirm auswählen Wenn ich diesen ganzen Bildschirm exportieren möchte, werde ich PNG exportieren und ich werde in diese drei Größen eine neben X Eintrag Xexportieren . Sie können die Vorschau auf sehen, wenn ich hier exportiere, wird es drei verschiedene Dateien exportieren . Also werde ich sehen, was wir hier auf dem Desktop sind und ah, hier haben wir die drei Dateien, so dass Sie sehen können, dass dieses Suffix tatsächlich der Dateiname ist, der hinzugefügt wird 101 Add two x zwingt den Namen aus der Datei und dann wird das Suffix tatsächlich zeigen Ihnen, dass es das prozentuale Alter ist, oder das ist die Dichte oder das ist ah, Sie könnten dieses Bild abskalieren. Das sind also zwei verschiedene Dinge. Sie haben in Ihren mobilen Labors Abschleppen für Zahlen verwendet, die Sie entworfen haben. Ähnlich, für IOS, können Sie sehen, dass dies tatsächlich Iris-Bildschirm ist. Sie haben zu verwenden, die drei bisher sind wir für unsere U. S. T Größen ein x zwei x drei x für Android. Wir haben eigentlich vier oder fünf Größen. Eine nächste 1,5 x zwei x drei x vier X Punkt Ton fünf x oder 75% Also das sind alle verschiedenen Größen, die Sie exportieren müssen. BND wird einen transparenten Hintergrund haben. Jeopardy wird keinen transparenten Hintergrund haben. SPD ist für Illustrationen, zum Beispiel wie diese Abbildung SPD skalierbare Vektorgrafik. Meistens habe ich meine Icons und meine Illustrationen benutzt. Ich weiß, dass ich sie in überschüssiger SVG-Datei exportieren kann. Pdf ist im Grunde ein Dokument. Wenn Sie ein Dokument entwerfen und exportieren möchten oder Sie Ihre Entwürfe in einer PDF-Datei zeigen möchten , müssen Sie die schnelle von verwenden, um zu exportieren. Ähnlich, wenn Sie alle Exportoptionen für alle Ihre verschiedenen Bildschirme eingestellt haben, können Sie hier zu Fuß sorry gehen oder hier nicht hier drüben, sondern in diesem Menü. Und Sie können den Dateiexport verwenden, damit Sie alle verschiedenen Illustrationen und alles exportieren können. Wenn Sie hier alles auswählen, was alles ausgewählt wurde, und dann kann ich gehen, um zu exportieren. Und das sind all die verschiedenen Vermögenswerte, die ich 11 SX exportieren werde. Wenn Sie also ein sehr großes haben, können Sie Projekt sagen und Sie alle Assets auf einmal exportieren möchten , müssen Sie alle Hartfaserplatten auswählen und diese Exportoptionen im Dateimenü verwenden und auf Exporteure klicken. Es wird alle verschiedenen Resolutionen exportieren. Also, das ist alles über den Export Ihrer Assets für Ihre Android-Geräte für Ihre ah, Ich benutze Geräte, Apple-Geräte und für Ihre Websites zu. Ich hoffe, Sie haben etwas gelernt, das in dieser Lektion geschaffen wurde. Wenn Sie Fragen haben, fragen Sie mich immer. Bleiben Sie in Bewegung und entwerfen Sie weiter. 29. 05 Varianten in Figma: In diesem Video werden wir über die neueste und neue Funktion von Sigma sprechen , die Varianz ist. Und es gibt Varianten von verschiedenen Komponenten wie wir Schaltflächen erstellen, dann können sie deaktiviert werden zurückkehrt, sie können primäre Schaltflächen, Sekundäre Schaltflächen sein. Es könnte Schaltflächen geben, die einen Ladebalken haben oder sie laden und entladen Zustand oder Prestige oder Überschreitungen. All diese Zustände mussten sie ein System haben, um all dies in nur einer Komponente zu erstellen. Also in diesem Video werden wir genau das lernen. Also lasst loslegen. Jetzt können Sie sehen, dass dies nur wenige Abweichungen sind. Ich werde Ihnen die Macht der Varianz zeigen, wenn Sie hier klicken und wenn Sie auf graue Schaltfläche oder deaktiviert wechseln möchten, aber, und Sie können sehen, dass Sie nur diese Option hier verwenden müssen, die eine neue Varianz ist. Und dann müssen wir zu Blau wechseln. Das ist eigentlich, dass ich das selbst erschaffen habe. Dies ist ein maßgeschneiderter. Ähnlich, wie Sie hier sehen können. Hier haben wir eine Komponente. Bist du jetzt hungrig? Und wir haben zwei Treppen überprüft. Wir können es ein- und ein- und auschecken. Also werden wir beide in diesem Tutorial erstellen. Also lasst uns anfangen. Jetzt werden wir von Grund auf neu beginnen. Also werde ich ein für Kunstboard drücken und ich werde eine Kunst erstellen. Aber hier drüben, dann werden wir Rechteck hier haben oder drücken Sie sind für Rechteck, um einen schönen Knopf zu erstellen. Und ich werde es hier drüben etwas Rundheit geben. Wir werden eine Primärfarbe geben, nur dieses Blau. Ich werde T für Text drücken. Und das wird unser primärer Knopf sein. Sind wir? Okay, hier haben wir den Text. Lasst es uns weiß färben. Also haben wir einen Knopf hier drüben. Jetzt ist der nächste Schritt, dass es immer an einer Komponente arbeiten wird. Also müssen wir beide auswählen, eine Komponente erstellen, und hier haben wir eine Komponente, nennen wir es aber einen Schrägstrich hebeln Marie. Okay, also haben wir einen Knopf und lassen Sie uns etwas mehr Varianz erstellen. So können Sie sehen, wenn ich hier drüben klicke, gibt es eine neue Option hier drüben, die Varianz genannt wird. Sie müssen also auf dieses Plus klicken, und dort haben wir eine andere Variante. Lassen Sie uns diese Variante zuerst anpassen. Also haben wir einen grünen Knopf hier drüben. Nennen wir es so etwas. Lass es uns so etwas machen. Lassen Sie uns die Textfarbe in Blackups wie folgt ändern. Also lassen Sie es uns einfach halten und wir haben 2 Millionen. So voraus. Wenn Sie also jetzt auf den gesamten Begrenzungsrahmen klicken, also wenn Sie eine neue Variante hinzufügen möchten, können Sie hier im Pluszeichen klicken und es wird Ihnen so viele Varianten geben , die Sie wollen. Ich kann hier drüben einen grauen Knopf haben. Und das wird ein bisschen dunkleres Grau wie dieses. Also haben wir jetzt drei Knöpfe in diesem Rahmen. Also, wenn wir hier auf die gesamte Grenze dieses klicken, diese drei Schaltflächen, können Sie sehen, dass wir hier Eigenschaft deklariert haben. Also Eigenschaft ist eigentlich, es könnte Ihr Typ sein, es könnte Ihre Farben sein, es könnte die Art der Sache sein, die Sie erstellen. Es ist tatsächlich in der Hierarchie. Es wird an der Spitze sein. So kann eine Eigenschaft mehrere Varianz haben. Ich werde es noch einmal wiederholen. Dies ist ein sehr, ich bin sehr anfänglich wesentliches Konzept. Eine Eigenschaft kann mehrere Varianten haben. Zum Beispiel kann ich es einfach primär nennen. Nennen wir es Taste. Ok. Also haben wir Knopf hier drüben und dann, wenn ich hier drüben klicke, werde ich, das ist im Grunde die primäre. Das ist, oder wir können es primär nennen, primär blau. Und dann werde ich darauf klicken. Ich werde die Variante in primäres Grün umbenennen. Und dann werde ich hier klicken und primäre deaktiviert. Okay, also nennen wir es grau. Okay, also haben wir das abgeschlossen, also wie wir es benutzen können. Also haben wir das bereits erstellt. Lassen Sie es uns außerhalb dieses Rahmens bewegen. Jetzt werden wir zu unserem Vermögen umziehen. Wir sind, wir haben diese Komponente hier drüben und wir werden diese Tastenkomponente ziehen. Das ist die, die wir gerade erschaffen haben. Okay, jetzt können Sie auf der rechten Seite sehen, wir haben diesen Eigenschaftsnamen hier drüben auf der linken Seite das ist Schaltfläche. Und auf der rechten Seite haben wir die Varianz, primäre blau, primäre grau, primäre grün, oder was auch immer. Sie können sie sogar wie primär, Hoover und vielleicht deaktiviert nennen . Es liegt an Ihnen, Zum Beispiel, lassen Sie uns dieses schwebte nennen. Dann müssen wir das hier deaktivieren. Jetzt können Sie sehen, dass wir drei Staaten hier drüben haben, heimwärts, primär und deaktivierbar. Ich bin mir nicht sicher, warum das so ansteht. Ich denke, sie sollten die gleiche Reihenfolge haben , die wir hier geschaffen haben. Jedenfalls können wir immer noch zu jedem wechseln, den wir wollen, so. Ok. Kommen wir nun zu dem Punkt, an dem wir ein kleines Kontrollkästchen erstellen müssen, das ein mobiles Kontrollkästchen ist. Also werde ich es runter machen. Verwenden wir 320 k. Also müssen wir zuerst verschiedene Komponenten erstellen. Also jetzt werden wir eine Ellipse verwenden. Nur 21 mal 21 änderte die Farbe in Weiß. Lass es uns ein bisschen so machen. Bewegen Sie es ein bisschen mehr hier auf dieser Seite und reduzieren Sie die Breite dieses. Okay, also haben wir ein bisschen Arrangement hier drüben. Also lassen Sie uns Komponente erstellen, indem Sie hier oder Alt-Steuerungstaste oder Befehlstaste Alt-Taste klicken. Ich bin mir nicht sicher, was ist die Verknüpfung auf Mac sowieso, so können Sie hier klicken. Und hier haben wir die Komponente. Sobald wir die Komponente haben, müssen wir ihre Varianz erstellen. Ich werde hier rüber klicken. Und hier haben wir eine andere Variante. Lassen Sie uns doppelklicken und in diese Variante gehen, ändern Sie ihre Farbe in Grün. Und lasst uns das hier rüber bringen. Auf dieser Seite so. Das wird also unsere andere Variante sein. Also für die Eigenschaft, werde ich Overhead geprüft wählen. Und eine Sache, die Sie tun müssen, ist, wenn Sie hier klicken, müssen Sie den Variantennamen beschreiben. Dafür werden wir falsch verwenden. Und für diese eine wahr. Dies wird also hier drüben umschalten. Also, jetzt müssen wir es benutzen. Also lasst es uns hier rüber bringen. Gehe zu Assets. Wir haben diese Komponente, und lasst uns darauf klicken. Und wir haben das Kontrollkästchen hier drüben. Wirklich nett. Ich hoffe, Sie haben diese Lektion genossen. Ich werde dich bald in einer anderen Lektion treffen. Bis dahin, kümmert euch und tschüss. 30. 06 Figma fortfahren: Lassen Sie uns nun in ein bisschen fortgeschrittener Gebrauch dieser Funktionen kommen. Und wir werden hier Input erstellen. Machen Sie es zu einer Komponente. Wir werden Varianz hinzufügen. Bevor wir also mehr von diesen in Scheitelpunkt erstellen, werden wir eine neue Eigenschaft erstellen. Wir sind hier im NYU Eigentum und wir werden es Typ nennen. Also haben wir Typ und das ist Eigentum. Diese Eigenschaft wird der Staat sein. Also sind diese tatsächlich, diese sind beide tatsächlich werden Typ x sein. Fügen Sie einen neuen Typ hinzu, um zu schielen, um Texteingabe zu sein. Und wenn wir auf einen von ihnen klicken, wird dies Standardzustand oder Normalzustand sein. Und für diesen wird es aktiv sein. Jetzt werden wir noch mehr davon erschaffen. Lasst uns das hier erschaffen, einen anderen. Und für den Typ, den wir verwenden werden, lassen Sie uns hier einen neuen erstellen. Und wir werden tatsächlich fallen lassen, nennen wir es Dropdown. Und dann haben wir noch einen. Bevor wir uns in ein anderes bewegen, werden wir hier ein Rechteck hinzufügen. Polygon eigentlich, für das Dropdown-Menü. Lassen Sie es so bewegen. Lassen Sie uns es umbenennen wählen. Jetzt können wir eine andere Variante erstellen. Lasst uns noch einen gehorsamen erschaffen. Und ich werde das hier wieder benutzen und es hier drüben kopieren. Und diesen, den wir wählen nennen werden. Lassen Sie uns die Farbe in etwas anderes ändern. So wie das hier. Nur um den Unterschied zu machen. In ähnlicher Weise werde ich die Farbe in so etwas ändern. Okay, jetzt werde ich dieses und dieses auswählen, und das wird Typ Drop-down-Liste sein. Ok? Und für diese beiden halte ich tatsächlich Schicht. Wir werden Texteingabe verwenden. Jetzt für jeden müssen wir die setzen, setzen Sie den Zustand. Dieser wird normal sein, dieser wird aktiv sein. So, jetzt können Sie sehen, dass wir tatsächlich zwei verschiedene Sätze von Zuständen und Typ verwenden. Also, wie wir es benutzen können, ziehen Sie einfach rein und setzen Sie Text hier drüben. Und wenn wir auf der rechten Seite gehen, können Sie hier sehen, dass wir den Zustand hier ändern können. Dann können wir auch das Dropdown-Menü und den Typ dieses ändern. Das ist also tatsächlich, dass Vos Verwendung, wo wir zwei verschiedene Eigenschaften kombinieren können. Wenn Sie nun Varianten aus Ihren bereits erstellten Komponenten erstellen möchten, also nicht, Sie möchten keine Komponenten erstellen und Sie haben bereits wenige Komponenten, dann ist es sehr einfach. Lassen Sie mich, lassen Sie mich Komponente hier erstellen. Aber sie müssen dif sein, verschiedene Komponenten. Zum Beispiel haben wir hier Komponenten verschiedener Zustände. Zum Beispiel haben wir diesen. Dieser ist aktiver Zustand, nennen wir ihn aktiv. Und ich werde hier drüben eine Komponente erstellen. Und lasst uns zu Ebenen gehen. Und hier haben wir noch einen. Dies wird sein, nennen wir es nav als Backslash normal oder normal. Und nav umgekehrter Schrägstrich deaktiviert. Und wenn Sie beide erstellen möchten und Varianten erstellen möchten, müssen Sie einfach so ziehen. Und Sie können auf der rechten Seite sehen, können Sie kombiniert als Varianz sehen. Klicken Sie einfach hier drüben so an. Und Sie werden bereits erstellte deaktivierte und normale Eigenschaften, Varianten sehen. Und für die Eigenschaft werden wir nur den Namen Navigation geben, vielleicht so etwas. Und wenn Sie es benutzen müssen, ziehen Sie es einfach hier rüber. Und Sie können seinen Zustand so ändern und sicherstellen, dass, äh, noch eins ist, dass, wenn Sie die Form ändern wollen oder zum Beispiel, wenn ich die Form des Staates ändern will, das liegt an Ihnen. Das ist kein sehr großes Thema. Sie können beide Zustände ändern. So können Sie Ihre Haare Navigation sehen, normale Navigation deaktiviert ist eine größere. Also liegt es an dir. Sie können alles in jede Variante umwandeln. Das ist also alles über Varianz und seine Macht in Abb. Ich hoffe, Sie haben diese Lektion genossen. Wir sehen uns bald in der nächsten Lektion. Bis dahin, kümmert euch und tschüss. 31. Grundlagen für die Erstellung von Anschlüssen und Overlays: in diesem Video von, werden wir ein paar von den Prototyping-Grundlagen in Sigma lernen. Jetzt können Sie sehen, ich habe drei einfache Bildschirme entworfen und einer ist eigentlich eine linke Navigation , die ein benutzerdefinierter Rahmen ist. Also, wenn Sie hier klicken, können Sie die Größe zu 51. Die Höhe ist jetzt 7 26. Zuerst werden wir mit diesen drei Bildschirmen beginnen. Also hier haben wir. Lasst uns Zone passen Drücken Sie eins, und Sie können Sie hier sehen. Wir haben drei Frames, also alle haben den gleichen Namen, also werde ich sie umbenennen. Es gibt, äh, benennen Sie es um, die ihn im Schlepptau gesehen hat, um es in drei umbenennen. Also haben wir einen Zeh getreten, 33 Bildschirme, und da ist nichts viel drin. Das erste, was Sie bemerken müssen und Sie sich daran erinnern müssen, ist, dass, wenn Sie irgendwelche Ihre Objekte gemacht wollen , Sie müssen sie den gleichen Lear nennen, zum Beispiel. Hier steht, Illustration oder hören und sehen, ob wir in diesem Lius-Panel gehen. Die Namen sind die gleiche Administration, weil sie die Kopien voneinander sind, und in der gleichen nächsten, es heißt Illustration das gleiche. Oder hier muss es Illustration sein. Okay, dann waren auch diese Schichten hier. Diese Gruppen haben die gleichen Namen. Das einzige, was sich ändert, ist eins: Diese Illustration ändert sich. Der Name ist derselbe. Und Sie können auch hier drüben sehen. Und wir haben diese unteren Balken. Das sind drei Balken und ich ändere tatsächlich ihre Farben. Also für diesen, den nächsten, haben wir diese andere Farbe für die 3. 1 Diese ist aktiv, andere für unsere, inaktiv. Das ist alles, was innerhalb des Bildschirms geschieht. Dann haben wir diese linke Navigation. Also zuerst, was wir tun werden, ist, dass wir zu unserem Prototyp wechseln oder Prototyp-Bildschirm hören, und jetzt können Sie nichts sehen. Die Kunsttafeln werden ausgewählt. Also zuerst haben wir einige Prototypen Einstellungen wie Orientierung, als wir ein Gerät haben, das wir in unserem Prototyp sehen wollen , als wir das Modell Gould haben. Mitternachtssilberne Ausreden. Außerdem haben wir einige Vorschau auch. Welcher Hintergrund Sie diese auswählen möchten. Ich werde diesen Hintergrund auswählen und dann haben wir den Startrahmen. Welcher sollen wir? Also werden wir einen benutzen. Und fangen wir an, diese Bildschirme zu kombinieren. Verbinden Sie diese Bildschirme jetzt. Zuerst werden wir tun, ist, dass ich dieses Kunstboard ausgewählt und auf diesen Namen geklickt und wir haben ein paar. Sie können hier einen kleinen Kreis sehen, der im Grunde ein Sammlerpunkt ist. In ähnlicher Weise, wenn wir hier auf klicken, können Sie sehen, ob ich auf verschiedenen Elementen oder Gruppen war. Ich sehe die gleichen Sammlerstücke. Also, wenn ich will oh, haben einige Interaktion angewendet toe Dieser Artikel, den ich bin tun. Verwenden Sie diesen Connector für diesen. Ich bewegte uns so und benutze seinen Korrektor. Also im Moment verwenden wir nicht mehr unsere Haare spezifisch. Also werden wir mit dem ganzen Bildschirm gehen. Wählen wir diesen aus. Also hier haben wir einfach klicken und ziehen und wir gehen, um den nächsten Bildschirm jetzt als auch zu verlassen . Sobald wir das verlassen haben, haben wir hier drüben nur wenige Möglichkeiten. Die Interaktion wird auf dem Tippen auf Ziehen sein, während der Hoovering beim Drücken kam schlechtes Spiel Bad Maus-Center. Die meisten Blätter. Dies sind alle verschiedene Interaktionen. Was Sie eigentlich versuchen zu tun, so werden wir auf dem Wasserhahn auswählen. Als nächstes wird, was passieren wird, wenn Sie diese 80 0 voraus anpassen. Nie Zehe offen Overlay mit Rücken in der Nähe über die Öffnung Also das sind verschiedene Dinge, die Sie tun können. Sie können einen Link öffnen, den Sie alle übermäßig schließen können, die Sie verwenden. Sie können zum vorherigen Bildschirm zurückkehren. Du kannst mit etwas anderem schlagen. Oh, hier haben wir live offen. Wir werden darauf zurückkommen. Öffnen Sie Ihren Namen. Sie sind gezeichnet. Also, ähm, sie erwarten das wieder. Hier ist also die Interaktion mit dem Eingehen. Als nächstes wird die Mission, die wir tun werden. Das sind also die Animation. Unter Berufung auf Bewegung. Fahren Sie mit Rutsche fort und rutschen Sie heraus. Intelligente Feind auflösen oder Instant Instant wird nichts tun, wird immer in die nächste Haut auflösen. Intelligent animiert. Wir werden meistens dieses hier benutzen. MoveOn bewegt sich tatsächlich in und in welche Richtung. Also, wenn es einzieht, wird es so sein. Okay, Sie können die Animationsvorschau hier sehen. Als nächstes haben wir Theis Timing. So haben wir zum Beispiel, wir werden 400 Millisekunden verwenden. Also lasst uns lieber verwenden als einziehen. Ich werde jede Minute smart benutzen und die werde ich in einer Stunde benutzen. Dies ist die Option, die ich die meiste Zeit verwende. Ich liebe das. Also das sind Optionen, die ich hier ausgewählt habe. Und dann wieder für diese wieder, die 2. 1 werden wir das gleiche tun. Also klicke ich auf diesen weißen Bereich. ich schon wieder. Slack klicken und ziehen und lassen Sie es auf dem Nest nächsten Bildschirm, so dass Sie die Einstellungen sehen können, die ich das letzte Mal auf Tippen getan habe. Navigato Smart und Bild Leichtigkeit aus dem Timing. Sie wurden gerettet. Sobald Sie die Einstellungen ausgewählt haben, wird es Zehe nächste Bildschirme anwenden. Wenn Sie sie ändern möchten, können Sie sie ändern. Mal sehen, wie diese jetzt tatsächlich aussehen. Also lasst uns dieses Geschenk spielen und auf dieses Geschenk klicken und wir gehen Fuß. Siehst du diesen Prototyp? Jetzt können Sie sehen, dass wir auf dem ersten Bildschirm sind und jetzt gehen wir Zehen-Tap. Hier drüben können Sie den klugen Feind jeder Mission sehen, weil wir ihn in Bewegung gesetzt haben, um Leichtigkeit zu erleichtern. Und auch der Name der Illustrationen sind die gleichen, so können Sie sehen, wie sich diese Illustrationen Illustrationen tatsächlich ineinander verändern . Jetzt haben Sie das gesehen. Wir haben nichts, worauf wir zurückgehen können. So können wir auch Ihre Registerkarte einstellen. Abschnitte waren hier. Wir können das auch verwenden und ja. Also lasse ich es offen und gehe zurück zu meiner Akte. Und, ähm, ich kann es so eingestellt haben, dass es wieder hier rüber geht, auch für diese hier, um zur 1. 1 hier drüben zu gehen, ich werde es auf die nächste gehen und diese, um die Schule zurück oder voran zu gehen und zu versuchen, sich voranzubringen. Und Sie können sehen, wie sich all diese verändern. Okay, also haben wir gelernt, dass Auto Ein Emir. Wenn Sie die gleichen Namen von den Elementen haben, gehen sie zu Fuß. Ich habe Ah, Riel Zeit. Sehr nett. Glatt. Jede Mission in den Übergang von einer Form zur anderen verändert diese. Ok? Nein, die zweite Sache ist der Schrittbereich. Wenn Sie also eine Menge Designer Prototyping, die diesen Fehler machen, können Sie diese 80 Stunden hier sehen , es ist sehr nah an der nächsten. Das erste, was wir tun können, ist, dass wir seinen Schritt Indien erhöhen können, damit Sie so etwas tun können und das heißt, Yeah, Indien. Und dann werden wir gehen, um zu entwerfen und die Deckkraft auf Null zu reduzieren. Wenn Sie also etwas korrigieren wollen, müssen Sie es mit diesem verbinden. zum Beispiel Lassen Sie unszum Beispieldiesen löschen. Die Medien der Mitarbeiter. Jetzt können Sie zum Beispiel das Überspringen sehen zum Beispiel , also wird Skip eine Schaltfläche sein. Also, wenn ich versuche, hier zu klicken, können Sie sehen, dass es einen sehr kleinen Begrenzungsrahmen hat. Jetzt werde ich tun, ist, dass ich ein Rechteck hier drüben erstellen und eine glückliche Idee haben werde . Wir werden es so nennen, und wir werden die Deckkraft auf 0% reduzieren, die tatsächlich versucht haben , es zu verbergen. Warum? Denn dies wird nur als getappte unser oberstes Zielgebiet oder der Skipper sie fungieren. Wenn wir jetzt auf den Prototyp gehen, können Sie sehen, dass ich hierher ziehen werde. Also hier. Nun, der nächste Schritt ist, dass wir diesen Schritt jedes unserer Haare wählen, und wir gehen Zehe klicken und ziehen und überlassen es diesem. Jetzt sagt dies auf Tippen Navigator, Aber wir wollen nicht nie zu diesem zu bekommen und sagte, wir werden es als übermäßig öffnen, so dass wir diese offene dort verwenden und wir haben keine anderen Einstellungen mit der Position aus diesem übermäßig Mitte oben links oben in der Mitte, obere Fahrt, unten links, unten in der Mitte, So etwas. Aber wir werden Männer benutzen, Will und ich spielen hier drüben einfach so. Und noch ein paar Dinge sind, dass ich es benutzen werde. Dieser hier oben links. Ich kann diese Position auch hier nutzen. Ich kann auch manuell oder oben links verwenden, die Männer verwendet werden können. Ich glaube, ich bleibe jetzt bei der Anleitung. Dies sind wenige Verschmutzungsoptionen zu zentrieren oder so etwas. In ähnlicher Weise haben wir noch ein paar Optionen wie Kleidung Wenn Sie auf Architekten klicken, wenn jemand außerhalb dieses Bereichs klickt, wird es wieder geschlossen. Wir haben Hintergrund hinter übermäßig hinzufügen, so werden wir einige dunkle Farbe Ihr Haar hinzufügen. Sie können auch Vital hinzufügen und hier oben verwenden 50% Kapazität und die jede Mission, die ich verwenden werde , wird eher verschoben als Instanz. So wird es wie folgt von links, rechts und andere Einstellungen gehen auf die gleiche. 400 Millisekunden sind ein- und ausgeschaltet. Entschuldigen Sie das. Versuchen wir es jetzt. Das ist der letzte Schritt, in dem wir toe-klik gingen. Unsere Registerkarte auf dem Überspringen. Okay, hier haben wir unsere linke Navigation. Sehr nett. Wenn ich sage, wenn ich versuche, hier draußen zu klicken, geht es wieder rein, raus, rein, raus. Das sieht also wirklich gut aus. Dies sind die beiden Grundlagen von jedem Prototyping. Sie werden Ihre Bildschirme miteinander verknüpfen. Sie gehen Zehe bewegen von einem Schema zu einem anderen, indem Sie tippen. Und auch wir gehen Zehe Overlay Verschiedene Bildschirme wie Sie sehen können, wo hier wir über Blei haben Dies sind die Richtungen bewegen. Ausziehen. Also das ist alles Dies sind die Grundlagen des Prototypings für Sigma. Wenn Sie Fragen haben, können Sie mich immer fragen. Kümmere dich um all diese klopfen uns. Versuchen Sie, einen guten Chap-Bereich zu haben, so dass Sie sie mit dem Daumenleder als Ihre Münder von Ihrem PC oder Ihrem Mac drücken können . Das ist also alles. Wenn du Fragen hast, lass uns dich in einer anderen Lektion treffen. 32. Projekt: Jetzt haben Sie alle Grundlagen gelernt. Bevorzugte Hyping wie? Zehenübergang von einem Schema zum anderen. Wie können Sie smart, jede gemacht und wie man übermäßig Bildschirme Obendrein. Also wissen Sie Ihre Aufgabe ist, dass Sie diese drei oder Vieren Bildschirm einrichten und Sie haben Zehe teilen Sie es mit mir. Sie werden so etwas erschaffen. Was ist los? So wird es sowieso auf Drag gesetzt. Also hier ist drei Bildschirme und dann haben Sie Schleppbart einige übermäßig mit jedem, den Sie haben, Zum Beispiel, die überspringen. Das ist übermäßig so. Sie sollten von links kommen, oder? Oder wo auch immer Sie platzieren möchten, dass Sie es auf der Oberseite platzieren möchten. Der Rand von unten nach oben. So viel ist von unten aus dem Bildschirm. Es liegt an dir. Das ist also der Prototyp. Sobald Sie diesen Prototyp erstellen, haben Sie auf den Share-Prototyp klicken, und Sie können sehen, es gibt Einstellungen auf Lee Menschen, die zu dieser Datei eingeladen und jeder mit dem Link so schlaff diese jemand mit dem Link und kopieren Link und teilen, dass Links zu mir. Also bin ich in der Lage, Ihren Prototyp zu sehen und visuell zu sehen. Und ich werde Ihnen Feedback geben. Wenn Sie irgendwelche Verbesserungen haben, werde ich Ihnen das sagen. Stellen Sie also sicher, dass Sie diesen Vorsprung erstellen. Ich kann Ihren Namen irgendwo erwähnt werden, also kann ich mich leicht daran erinnern, dass dies der Prototyp von meinem Schüler ist. Also drei Bildschirme oder vielleicht vier Bildschirme oder zwei Bildschirme Tradition von einem zum anderen und dritten Bildschirm für die übermäßig. Das ist Ihre Aufgabe. Also lasst uns jetzt loslegen. Ich lese, um Ihr perfektes Ich Nein zu sehen. 33. Überlagerung und Time ändern: in diesem Video werden wir ein paar weitere Dinge lernen, die wir beim Prototyping in Fig MMA tun können. Also werden wir weitermachen und ein paar weitere Dinge lernen, wie, sogar sehen oder hören. Hier haben wir. Ähm, es ist wie diese, diese Interaktion und Sie können sehen, dass wir mit gefegt sind. Also werden wir mit geschnallt studieren und wie Sie das tun können. Außerdem werden wir zum Beispiel Delay lernen . Wenn wir hier drüben haben, wenn wir zu diesen Interaktionen gehen, also haben wir Interaktionen, und dann haben wir jede Mission. Wenn wir hier drüben haben, wenn wir zu diesen Interaktionen gehen, also haben wir Interaktionen, Also in diesem Interaktionspanel gehen wir Zehenstudie. Noch ein paar Dinge, damit wir beim Prototyping besser werden können. Also hier haben wir es. Legen Sie es auf Registerkarte fest. Wir werden auch ziehen zu studieren und auch nach dilly all diese, zum Beispiel, abscheuliche schweben beim Drücken er Spiel Pad thes könnte nicht die meiste Zeit benötigt werden. Also, jetzt werden wir sie überspringen. Vielleicht werde ich in Zukunft mehr Lektionen über diese Optionen erstellen. Die 's sind verschiedene Interaktionen, während Sie ein Objekt halten, während Sie es drücken. Vielleicht versuchen Sie, ein Spiel mit der Keep-Taste zu erstellen. Ah, und Schlüssel eingeben und etwas ändern. Mauszentrum, die meisten Blätter. Touchdown. Diese könnten also meist in Spielen benötigt werden, im Grunde. Also hier sind wir. Also lasst uns anfangen. Zuerst werde ich diese bereits gemeinen Interaktionen löschen. So gibt es viele Möglichkeiten, wie Sie zu diesem Prototyp mehr gehen können, tun wir darin sind. Sie können die Taste Löschen drücken und wird diese Interaktion löschen. In ähnlicher Weise für diesen eine werde ich für diesen eineTaste Löschen drücken, oder Sie können hier hingehen und keines auswählen. Das ist ein anderer Weg. Manchmal funktioniert das Stigma vielleicht nicht für dich. Und Sie sind nicht vertraut. Wie? Toe entfernen diese Interaktion zwischen diesen beiden Elementen. kannst du tun. Okay. Also fegte mit so zuerst, dass wir tun werden, ist, dass wir das bereits haben. Äh, Sie können sagen, das ist eigentlich unser übermäßig Wir haben hier drüben ein Overlay geöffnet. Also, wenn Sie drinnen und übermäßig sind und Sie zu einer anderen Navigation wechseln möchten, zum Beispiel eine Navigation , wie diese. Also sind wir in diesen Einstellungen und wir wollen in die Einstellungen gehen und das ist die Einstellung Bildschirme. Also ist dies eigentlich linke Navigation Toe genannt es. Es ist nur ein Duplikat davon. Also, ähm, was wir tun werden, ist, dass ich Ihnen zeigen werde, wie es in ein paar Sekunden funktionieren wird. Also zuerst werden wir diese Ebene oder hier nachlassen, und wir werden eine Interaktion schaffen. Also werden wir diesen Bildschirm beim Tippen bewegen, und wir werden das benutzen. Der Navigator, den wir mit Swept navigieren werden, wird tatsächlich diesen Frame entfernen. Und es geht zu diesem Rahmen, damit alles, was wir zurückgelassen haben , verschwunden sein wird. Das ist also ein weiteres Problem. Also fegte Gebot geht meistens auf die Arbeit. Wenn Sie in einem übermäßig festgemacht sind, haben Sie bereits eine übermäßig auf Ihrem ab. Ich werde Ihnen noch ein Beispiel zeigen. Also zuerst haben wir das, und es wird da rüber gehen. Und ähnlich, wenn wir prestes überqueren Overhead, wird es gehen zurück zu diesem Bildschirm, dem Bildschirm, und wir werden auf Tippen Schlag mit verwenden, und es wird links Navigation sein. Dieser und wir werden auflösen verwenden. Er ist drin, oder er ist draußen. Sie können jede von ihnen für 50 verwenden. Ich verwende bewahrt Scroll-Position. So ist es manchmal, wenn wir einen sehr langen Bildschirm haben. Im Moment haben wir es nicht. Aber wenn jemand hat ah Scrollen und umkämpfte vertikale Scrollen und sie geschult haben es geht toe Bleiben Sie auf der gleichen Position es gehen wird. , Es wird diese Scroll-Positionen beibehalten. Wenn du die Schule hast, wird es sein. Wenn du kochst, komm zurück. Es wird an der gleichen Position sein. Also im Moment habe ich Einwände nur für Sie sehen Spaß. Wir brauchen es wirklich nicht, weil unsere linke Navigation klein ist. Es ist nicht scrollen fähig. Also lasst uns das spielen. Das ist unser Prototyp. Sogar deine Haare sehen. Hier haben wir es. Lass uns das spielen und wir gehen zum Überspringen. Und hier haben wir unsere Navigation. Also, zum Beispiel, denken Sie, dass dies die Navigation ist? Nein, wenn wir zu den Einstellungen gehen wollen und ich nicht all diese Bildschirme hinter hinter mir verstecken will. Also werde ich hier drüben auswählen und Sie können diesen ganzen Rahmen den Stopp-Frame sehen. Es ist mit einem anderen Freund gefegt, wo ich meine Einstellungen ändern kann und dann kann ich zurückgehen. Dies ist also tatsächlich der Anwendungsfall oder das Szenario aus mit einem Gurt mit Funktion auf Fig MMA in Abb. MMA. Also hier geht es um gefegt mit. Lassen Sie mich Ihnen noch ein Beispiel zeigen. Hier haben wir unsere Feige Mahfoud, an der wir in dieser Lektion entwerfen werden. Und Sie können sehen, dass ich ein sehr einfaches Overlay-Feedback entworfen habe. Also, sobald Sie das eingereicht haben, äh, dies Ihre Rezension über ein Gericht oder ein Rezept hier drüben. Also, wenn Sie dies nach dem Absenden dieses einreichen, wird es Ihnen eine Feedback-Nachricht zeigen, und dies wird diese Feedback-Nachricht sein. Also, was wir tun werden, ist einfach zu dem Prototyp zu bewegen und das ist eigentlich unser übermäßig Sie sehen können, dieser Bildschirm geht Fuß. Holen Sie sich das übermäßig, also wenn ich es Ihnen zeige , also gehen wir schnell zu dem Bildschirm, wo wir das hier haben. Also, wenn ich wieder hier rüber gehe, haben wir das jetzt komplett fertig zu essen. Also, wenn wir hier klicken, zeigt es eine übermäßig, die wir bereits diskutiert haben. Das ist also nicht übermäßig. Und wenn Sie versuchen, hier zu klicken Wenn Sie versuchen, hier zu klicken, passiert nichts, weil wir es nicht mit dem nächsten Spiel verknüpfen. Also möchte ich, dass ich diesen Bildschirm mit einem anderen schlagen möchte, der wird Danke für die Einreichung Ihrer Bewertung sein. Also gehen wir zurück und machen das jetzt. Also, wenn jemand hier drüben klickt, werde ich auf den Bildschirm gehen. Ich gehe auf Tab mit dies'll Bildschirm mit dem Bildschirm gefegt auswählen, den ich auflösen wollte . Sie können auch intelligente Animator bewegen Ich gehe zu schlaffen Smart, animieren Diese Zeit ist in ist aus und das ist alles, was ich jetzt brauche. Also werde ich jetzt wieder hier rüber gehen. Wenn ich versucht habe, dies zu drücken, können Sie sehen, dass wir das haben und es nach manchmal verschwindet. Das ist also, dass ich es dir in einer Sekunde sagen werde. Okay, also wenn du hier drüben klickst, ist dies unser Rahmen nur Feedback. Was ich getan habe, ist, dass ich die Interaktion nach Verzögerung ausgewählt habe. Also nach einer Entlassung wird es verschwinden. Es ist wie eine Feedback-Nachricht, die auftaucht und nach einiger Zeit automatisch verschwindet . Also gehen wir Zehe Erhöhung erhöht die Zeit auf 2000 Millisekunde, was gleich zwei Sekunden ist. Also hier drüben gehen wir so nah, übermäßig. Also, anstatt zurück zu gehen oder es zu verschrotten, werden wir in der Nähe verwenden. Übermäßig. Das ist alles, was wir brauchen. Also sind diese in Richtung Bäume. Dinge, die wir in dieser Lektion gelernt haben, ist, dass, wenn Sie in einer übermäßigen Stimmung sind, Sie es mit einem anderen Bildschirm schlagen wollen, mit dem Sie Schlag verwenden müssen. Hier haben wir diese schnelle Anziehungskraft. Also, wo es ist, lass mich das hier aussuchen. Also hier haben wir auf dem Fass, es ist schnell. Okay, jetzt werde ich die hier verwenden. Und, äh, Ups , ich werde aufgelöst verwenden, ist immer eigentlich besser für diesen hier, weil es auf den Fuß geht. Ähm, lasst uns diese Schulposition mögen. Es wird besser sein, weil wir nicht wollen, dass die Dinge auf- und abgebaut werden. Wir wollen nur, dass der Bildschirm Zeh erscheint und nach zwei Sekunden verschwindet. Also tatsächlich, ich habe, wann immer Sie diese Zeit verwenden wollen, Verzögerung Zehe Kleidung und Overlay, Sie haben schleppen schlaff diesen Rahmen und gehen Sie zur Interaktion und verwenden Sie nach Verzögerung in dieser Interaktion und Zeit hier und in der Nähe die übermäßig. Jetzt werden wir das sehen. Und wenn wir hier klicken, übermäßig Summit Review über lebenden Teig einreichen. Und wenn wir hier rüber klicken, können Sie sehen, danke. Und es wird nach zwei Sekunden verschwinden. Dies ist also die Interaktion, die wir wollten, und wir haben es mit Slap ID und Zeitverzögerung erstellt. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie irgendwelche Fragen haben, wollen Sie mich etwas über Prototyping In Fig MMA fragen, Sie können mich immer fragen, Lassen Sie uns zur nächsten Lektion gehen. 34. Über Drag + horizontale vertikale Rolle: in dieser Lektion werden wir auf Ziehen in Traktion lernen. Also, wenn ich diese auswählen, können Sie in dieser Interaktion sehen, die wir auf Tippen auf Ziehen haben. Das wird also viel Zeit genutzt. Und wenn Sie eine Interaktion oder einen Prototyp entwerfen oder erstellen, so dass beim Ziehen tatsächlich Fuß in verfolgt wird, wenn Sie versuchen, ein Objekt zu ziehen. Dafür werden wir hier ein Rechteck erstellen werden wir hier ein Rechteck erstellen. Also denken Sie nur, dass dies eine E-Mail ist. Also verwenden Sie, tatsächlich, zum Beispiel, Sie verwenden Gmail, und das ist eine E-Mail hier drüben. Also gibt es eine Steuer für Ihre Haare. Lasst uns einen Text ohne Schuhe auf diesen Hintergrund setzen, um so zu sein. Also hier haben wir eine E-Mail. Denken Sie nur, dass dies eine E-Mail ist, die ich gerade erhalten habe. Lasst uns hier rüber bis vor Minuten benutzen. Ich nehme an, dass ich gerade diese E-Mail erhalten habe und das ist mein echtes Lassen Sie uns so und Befehl g, eine Gruppe zu kontrollieren. Wir sind eine Gruppe. Okay, also haben wir diese beschissene E-Mail. Okay, also nur unsere E-Mail hier drüben. Tauschen Sie Ihren Sculler zu etwas anderem, schießen Sie diesen. Okay, also haben wir nur eine E-Mail erhalten und ich möchte sie ziehen. Und ich will hier drüben meine Steuerelemente, Toby löschen oder vielleicht in einen Ordner oder so etwas verschieben. Also werde ich zu Elemental verwenden. Hier ist einer wird dieser sein, also ich Dieser wird sich so bewegen. Okay, also lasst uns das kopieren und es hier drüben platzieren. Kontrolle C, Befehl V. Und hier haben wir die gleiche E-Mail hier drüben. Aber hier drüben wollen wir, dass es an diesen Ort geschleppt wird. Ziehen Sie an diesen Ort, und wir werden eine andere verwenden. Also werden wir hier noch 10 erstellen, 84 Höhe. Einfach mit diesem so kombinieren, und wir werden eine andere Farbe verwenden, wie diese. Und lasst uns das ein bisschen mehr bewegen. Wir sind hier. Das ist also unser Widerstandszustand. Wenn wir einige hinzufügen möchten, Sie können einige Symbole sehen, Lippen an ihnen, Shift-Kontrolle, Backslash ich Pfand. Ich werde Materialsymbole verwenden, und es wird erscheinen oder Haare, also werde ich löschen verwenden. Also hier haben wir löschen. Entschuldigen Sie das, und wir haben immer noch gegessen. Das hilft. Ziehen wir es und benutzen es hier rüber. Ja. Also lassen Sie uns Was ist das Hier haben wir diese Liste, Mr. Bean. Bild gezogen und normal, so kann ich leicht sehen, was passiert. Ich bin, dass ich nie sehe, was hier passiert. Also hier haben wir diesen Faktor. Lass es uns mit diesem Rechteck hierher bewegen. Lassen Sie uns einfach hier löschen. Wir haben dieses Gespenst über diesem Rechteck ändern seine Farbe weiß. Und als nächstes bist du ein Dexter zusammen mit ihm. Das sind also nur wenige Anpassungen. Ich will Zeh sagen, wiegen und wie wir es verwenden können. Und was ist eigentlich der Anwendungsfall von dieser Option, so dass wir mehr Optionen hier haben können. Lasst uns das hier behalten. Einfach verdünnen und alle auswählen. Komm schon, G. Und das wird unsere Drag-Aktionen Escorted Drag-Aktionen sein. Nun, wenn Sie das nutzen wollen, wollen wir auch diese Gruppe Toby hier drüben, und wir werden sie positionieren. Komm schon. Sehen? Es wird hier drüben sein, aber es wird außerhalb dieses Abschnitts oder hier sein. Das wird hier draußen vor diesem Rahmen sein. Also jetzt gehen wir zum Prototyp. Also haben wir diese E-Mail gekauft und ziehen Aktionen. Wir haben beide in diesen beiden Rahmen. Beide sind Boards. Nur eine Abwechslung von der Position. Also haben wir diesen Drag-Zustand und das ist eigentlich normaler Zustand. Nun, wir werden das Prototypen erstellen. Zuerst werden wir dieses Element hier über E-Mail auswählen, weil unsere Ziehaktion auf diesem Führer passieren wird . Also werden wir es mit diesem hier zu verknüpfen ziehen Zustand und auf Tippen statt auf, dass wir beim Ziehen verwenden werden. Also auf Drag, es geht Zehe navigieren Zehe diesen Drag-Zustand, und wir werden Smart sowieso verwenden, es und einfacher ist aus. Das heißt, ich werde es benutzen. Also lassen Sie uns 4 50 Millisekunden verwenden und sehen, wie das passiert. Jetzt können Sie sehen, wir haben diese E-Mail hier drüben und wir werden über Drag-Aktion durchführen und Sie können sehen, sobald ich bin ich gezogen habe. Sie können diese Löschoption sehen oder hier. Also haben wir den Drag hier nicht wieder erstellt. Also werden wir das jetzt verknüpfen. Also, jetzt werden Sie wählen Ich habe das oder das gemacht, also werden wir dieses auswählen und, ähm, das wird beim Ziehen verwendet. Und es wird die Zehe bewegen, nie in den normalen Zustand bekommen und wir werden die gleichen Einstellungen Overhead verwenden. Also gehen wir zurück. Und es hat das so geschleppt und das und das. Ähnlich, wenn Sie diese ganze Dragnea haben wollen, können Sie auch diese verwenden und Sie können auch die gleiche Aktion hier drüben verwenden. Wenn Sie das ein Jahr verpasst haben und diesen Bereich nutzen, wird dasselbe passieren. Sie können sehen, im Moment denke ich, dass unser dieser sehr nah ist. Der Prototyp. Das ist also tatsächlich die Ziehaktion. So können Sie auch einen weiteren Bildschirm haben, wo dieser tatsächlich gelöscht wird. Also, wenn Sie ziehen und dann tippen Sie auf das hier drüben, es geht zu Fuß. Entfernen Sie diese E-Mail und verschieben Sie alle anderen E-Mails nach oben. Also für diese Übung wollte ich Ihnen sagen, wie Sie bei Drag-Aktion verwenden und wie Sie das verwenden können, wenn Sie versuchen einen Prototyp in Fig MMA jetzt zu erstellen Lassen Sie uns über einfache Scroll-Aktionen sprechen. Herzen unter der Schule und vertikale Schule. Sie haben bereits mit der vertikalen Schule begonnen. Es ist sehr einfach. Ihr Bildschirm ist hier lang als Ihr normaler Bildschirm. Aber was ist mit der horizontalen Schule zum Beispiel? Ich habe drei Kisten hier gewesen, und das ist draußen. drei Kisten hier gewesen, Also, was ich tun werde, ist, dass ich will, dass sie eine Schraube erlaubt sind. Jetzt können Sie sehen, dass das draußen von diesem ganzen Rahmen ist. Also, wie kann ich das machen? Wie kann ich diese scrollen, Zum Beispiel habe ich diese hier drüben so. Es geht raus, also muss ich es in diesen Ruhm ziehen. Das ist also unser normaler hier drüben, und wir haben vier verschiedene. Sie können hier vier verschiedene Rahmen für verschiedene Rechtecke oder vielleicht Bilder oder vielleicht irgendetwas sehen. Ähm, du kannst dir überlegen. Es könnten deine Rezepte sein oder so. Also, wenn wir vier von ihnen haben, und ich möchte, dass sie hergezogen werden, so dass, wenn jemand diese App öffnet, können sie leicht scrollen. Also jetzt, wenn ich hier rüber gehe, kannst du sehen, dass wir das wenn ich hier rüber gehe,kannst du sehen, dass wir das wiederholen und wir haben es hier drüben, richtig? wiederholen und wir haben es hier drüben, jetzt können Sie auf der Dissektion sehen geschieht. Also das ist eigentlich der Drag Stamm ist hier drüben, aber ich will, dass sie so sehr einfach sind. Ich wähle sie alle aus. Ich werde sie in einem Rahmen verwenden, also werde ich die Rahmenauswahl verwenden. Das ist mein Freund. Also, was ich tun werde, ist, dass ich die Größe von meinen Freunden eine Fenstergröße zu reduzieren, tatsächlich. Was ist 500? Ich werde stattdessen 400 verwenden. Das wird also mein Freund sein. Und ich werde Clip-Inhalte wie diesen verwenden. Das hat Z hier drüben so benutzt. Und ich werde 400 für die Größe wie diese verwenden. So sieht das jetzt besser aus für jeden Frame, den Sie auswählen können, um Optionen bereitzustellen. Sobald Sie diesen Rahmen ausgewählt haben, können Sie hier zum Prototyp gehen. Also ist dieser Rahmen ausgewählt. Sie können hier rüber gehen Keine Schulung, und wir wollen horizontale Scrollverhalten für dieses Überlaufverhalten haben. Das wird also tatsächlich hier passieren, so dass Sie es auch für dieses ganze Kunstbrett einstellen können, so dass Sie unsere unter Scrollen vertikal und Stunden in die Schule gehen können . Es liegt an dir. Sobald dies festgelegt ist, können Sie sie einfach so ziehen. Du kannst wirklich schön sehen. Sehr einfach. Ich meine, ich denke, ich sollte es etwas mehr erklären. Lasst uns das Fenster benutzen. Verdes, Toby. 300 Hoffnungen, noch 30. Ich möchte, dass der Rahmen 300 ist. Entschuldigen Sie das. Also hier haben wir den Rahmen. Es werde ich den Rahmen bewegen. Um 60. Dies Also werde ich den Inhalt innerhalb des Rahmens so verschieben, wie ich es mag. Okay, also Frames von innen, es wird Zeh Arbeit wie ein Fenster. Und jetzt, wenn ich versuche, dies zu benutzen, können Sie sehen, wo hier. Sehr nett. Sehr schöne Drag und Schule hier drüben. Eigentlich haben wir unser einziges Element hier gelassen, das ist unser Grün. Ich habe OK gemacht, also ist es sehr weit weg. Das ist der Grund, warum das passiert. Also lasst uns alle von ihnen benutzen und ihr studiert, um ein Gleiches davon und Entfernungen zwischen ihnen zu haben . Lasst uns so. Okay, das ist also, das ist wirklich cool. Sehr nett. Sehr nett. So ist eigentlich, wie Sie Prototypen und ermöglichen horizontales Scrollen oder vertikale Schulung und verwenden Rahmen für Schule pflanzliche Elemente wie diese. Also ich denke, das wird Ihnen viel in Ihrem Prototyping helfen, wenn er Sigma diese Luft auf den Grundlagen benutzte , die ich abgedeckt habe. Ich glaube nicht, dass Sie mehr brauchen als das jetzt, um schöne Interaktionen zu schaffen. Wenn Sie Fragen haben, können Sie mich immer fragen. Wir sehen uns in der nächsten Lektion. 35. Übergänge in Prototyping mit Figma: In dieser Lektion werden wir eine andere Funktion des Prototypens in Sigma sehen, die beim Schweben ist. Das ist also ein weiterer Auslöser. Grundsätzlich müssen wir etwas animieren oder auf einen anderen Bildschirm verschoben werden, wenn Sie etwas schweben. Also lassen Sie mich Ihnen zeigen, wie ich es tatsächlich benutzt habe. Jetzt können Sie sehen, dass dies mein Design ist. Ich habe diese Website vor kurzem entworfen, gerade jetzt in der Entwicklungsphase. Wenn Sie hier rüber schauen, können Sie sehen, wenn ich über diesen Link schwebe, er verblasst zu blauer Farbe, was eigentlich mein ganzer Überzustand für mein Webdesign ist. Also, wenn ich darüber schwebe, kannst du hier drüben sehen. So können Sie sehen, dass sich die Farbe geändert hat. Das ist eigentlich, ich habe diesen Prototyp gemacht, um meinem Entwickler, meinem Webentwickler , zu zeigen , wie Sie diesen ganzen Effekt auf diese Navigation anwenden werden. Ähnlich können Sie hier drüben sehen, wie ich für diese Tasten hier drüben getan habe, nennen Sie eine doppelte Sechs ähnlich, die untere. So habe ich ihm gezeigt oder meinem Entwickler erklärt , dass dies ist, wie Sie dieses, diese Farben über diesen Schaltflächen verwenden werden . Heute werde ich Ihnen zeigen, wie Sie das leicht erstellen können. Dies ist eine einfache Übung. Sie können hier drüben sehen. Und das ist sehr, sehr, wirklich einfach. Also gibt es nur Dinge, die man nicht viel tun muss. Lassen Sie mich Ihnen zeigen, lassen Sie mich die für Sie neu arrangieren. Okay, das wird also unser Standardbildschirm sein, oder der erste. Das wird also unser erster sein, in dem wir alle Zustände haben, alle Schaltflächen im Normalzustand. Normaler Zustand bedeutet, dass sie auf einfache Weise sein werden , dass es keine Hover-Animation, nichts. Dies wird also Standardzustand oder Normalzustand sein. Dann, wenn jemand über diesen Knopf schwebt. Jetzt für jede Hausaufgabe, für diese und diese, werde ich zwei verschiedene Bildschirme haben. So können Sie hier sehen, lassen Sie uns es über Taste anrufen und rufen Sie uns dies oder Link. Also, was ich eigentlich getan habe, lasst uns diese löschen. So haben Sie erstellt, zum Beispiel, Sie haben diesen Bildschirm erstellt oder hier, lassen Sie mich vergrößern. Also sim ein Symbol, aber auf einem einfachen Link mit grauer Farbe und stellen Sie sicher, dass Sie ein Touch-Ziel oder Wärmebereich um ihn herum haben. Also, was ich getan habe, ist, dass ich gerade ein Rechteck gezeichnet habe. Lassen Sie mich es Ihnen zeigen. Also habe ich gerade ein Rechteck hier rüber gezogen, es 0% gemacht und es jetzt in diesen Versuch verschoben, am Ende dieses Versuchs. Jetzt ist der Text, dass die Spitze und wir haben eine versteckte Ebene dahinter. Das ist also, was wir verwenden werden. Um unsere Prototypen zu konstruieren oder zu verknüpfen. Dies ist also nur ein einfacher Bot und 24 Pixel ist eine Rundheit und das ist die Größe und Breite. Das ist nur eine Form. Das ist alles, was wir brauchen. Lass es uns ein bisschen kleiner machen. Das ist großartig. Okay, jetzt haben wir unseren Standardzustand bereit. Jetzt werde ich das replizieren, indem ich die Kunstoption D gedrückt halte und drücke und es einfach so ziehe. Und dann ziehen wir es so. Das wird also unsere Standardeinstellung sein. Dies wird unser Hoover-Button Zustand sein. Und das wird unser Over-Link-Zustand sein. Okay, also was wir tun werden, werden wir die Farbe ändern. Lasst uns hier etwas gebrauchen. Und ich werde so hierher gehen. Benutze das. Okay, Sie können in diesem Zustand sehen, dass ich nichts dafür geändert habe , denn wenn ich versuche, es zu ändern, wenn jemand darüber schwebt, werden sich beide ändern. Nun, bereiten wir den zweiten vor. Also, hier auf diesem Hyperlink, wird nichts mit dieser Schaltfläche passieren. Aber dieser Link wird tatsächlich seine Farbe von diesem Grau zu dem kratzenden Schwarz ändern. Okay, das ist alles, was wir brauchen. Also, jetzt werden wir zu diesem Prototyp übergehen und wir werden diese verknüpfen. Erster. Wir werden das hier mit diesem verknüpfen. Und auf unsere Interaktion statt OnClick, Wir werden diese abscheuliche schweben drücken. Also alle diese beim Schweben, beim Drücken, sind diese fast die gleiche Maus eingeben Mausblätter. Diese sind fast die gleichen wie beim Absaugen. Aber sie haben einige andere Optionen, wie vielleicht möchten Sie etwas animieren. Diese sind für diese Taste und Gamepad ist eigentlich die Taste, die Sie gedrückt, zum Beispiel, vier oder fünf oder sechs, oder P, o Sie jede Taste auf Ihrer Tastatur. Im Moment müssen wir nicht darauf hineingehen. So abscheulich schweben wir werden wählen, während Sie schweben. Und für die Animation, die ich verwenden werde, verwenden wir zuerst aufgelöst. Also werde ich 300 Millisekunden einfach ein- und ausschalten. Und dann werde ich mich bewegen, es mit diesem verbinden, die gleichen, gleichen Einstellungen hier drüben. Jetzt sehen wir, wie es tatsächlich endet. So können Sie jetzt wirklich cool sehen. Also, wenn ich darüber bin, können Sie sehen, wie es tatsächlich animiert und zu dieser Farbe verblasst. Wirklich toll, wirklich großartig. Ähnlich für diesen. Hoppla, was passiert hier drüben? Mal sehen, was ist das Problem. Auflösen ist in, aus o, so ist es nicht onClick, Wir müssen auf während des Hoovering auswählen. Ähnlich für diesen. Oh, sehr nett, sehr schön, wirklich, wirklich cool Effekt. Okay, jetzt hast du gelernt, wie man dieses abscheuliche Schweben im Prototyp mit Sigma benutzt. Ich hoffe noch, dass Sie diese Effekte in Ihren FISMA-Prototypen verwenden können. Sie können sie in Ihren Web-Design-Prototypen verwenden, wie ich es hier in diesem Prototyp getan habe , um meinem Entwickler zu zeigen, dass so der gesamte Effekt funktionieren wird. Ich hoffe, Sie haben diese Lektion genossen. Wir sehen uns bald in einer anderen Lektion. Bis dahin, kümmert euch und tschüss. 36. Projekt: Jetzt ist die Zeit für Ihren nächsten Auftrag. Und Ihre Aufgabe ist, dass Sie bereits Drag-Funktion wie diese gelernt haben. Sie können sehen, wo hier in dieser Prototyp-Drag-Funktion. Und das ist Ihre erste Aufgabe, dass Sie eine Datei erstellen müssen. Sie können das einfach klären. Ich möchte nur wissen, dass Sie das Konzept verstanden haben. Alles, was Sie können eine E-Mail erstellen, was auch immer Sie wollen, so ziehen und ziehen. Das ist also ein Teil von dieser Zuweisung. Zweitens, ist, dass Sie einige dieses horizontale Scrollen innerhalb eines Rahmens erstellen müssen. Das ist also Ihr nächster Auftrag. Erstellen Sie dies und dann müssen Sie auf den Share-Prototyp Jeder mit dem Link klicken und kopieren Link und teilen Sie mit mir den Link in Ihrer Diskussion oder in der Zuweisung Abschnitt oder Projekt Abschnitt, was für Sie verfügbar ist und ich möchte sehen, was Sie erstellt haben. Versuchen Sie, Ihren Namen irgendwo zu verwenden, damit ich mich daran erinnern kann, dass dies von diesem Schüler ist. Also sehe ich den Landwirt zu Ihrem Auftrag, der darauf wartet. Jetzt weiter entwerfen und verbessern und Prototyping halten. Wie immer wird das auf den Fuß geklärt. Eine bessere Welt mit guten Designs ohnehin, Lager Nein 37. Figma Mirror App - Vorschau auf tatsächliches Gerät: in diesem Video werde ich darüber sprechen, wie Sie Ihre Feige, mein Design auf einem tatsächlichen Gerät anzeigen oder anzeigen können . Es gibt also viele Möglichkeiten. So gibt es einen App Court Sigma Spiegel. So müssen Sie das zum Beispiel auf Ihr Handy herunterladen . Sie können sehen, dass dies auf Ihren Mac-Geräten oder Ihren iPhones ist. So müssen Sie diese Feige Mama Spiegel für Ihr iPhone herunterladen. Und dann müssen Sie den Stigma-Spiegel für Ihr Android abs herunterladen. Also im Moment habe ich mein Android-Handy bei mir. Ich werde mit meiner Kamera zu diesem Bildschirm wechseln und ich werde Ihnen zeigen, wie Sie Ihren Vogelaugapfel sehen können. Hier, lassen Sie mich Ihnen diesen Prototyp auf einem tatsächlichen Gerät zeigen. So gibt es ein paar Schritte, die Ihnen helfen, dies zu sehen, weil einige Dinge verwirrend sind und es gibt sehr Sie schlechte Bewertungen für Feige meine App sehen können. Ich denke, sie versuchen, es zu verbessern. Drei Sterne hier drüben und auch 2.5 SARS oder hier. Also müssen sie wirklich, wirklich, um das zu verbessern. Aber trotzdem denke ich, ich werde dich durch diesen ganzen Prozess führen. Also lasst uns zur anderen Kamera wechseln und sehen, wie man es eigentlich tun muss. Jetzt kannst du meinen Feigenschwung sehen. App ist offen auf meinem Android-Handy und Sie haben diese E-Mail und Passwort haben Sie Zehe geben Sie das Passwort und die E-Mail aus Ihrer Feige. Mein Konto. Ich habe es schon gerettet. Also werde ich die Protokollierung drücken. Nein, nein. Sobald Sie sich einloggen, wird es Sie fragen, dass. Wählen Sie einen Rahmen oder eine Komponente aus, die Dax direkt auf der Leinwand lenkt. Also, jetzt musst du zu deiner Feige ziehen, meinem Bauch hier drüben, und du musst die Skandale hier drüben auswählen. Also werde ich Kamera Zustand von eins schlaffen, die gerade jetzt auf meinem Bildschirm ist. Und Sie werden sehen, dass nach einiger Zeit aus dem Laden es diesen Bildschirm hier drüben geladen hat. Also, sobald der Bildschirm geladen ist, kann ich nur einen Prototyp, zum Beispiel, tippen Sie hier. Es wird animieren und Übergang in verschiedene Bildschirme, obwohl es ein bisschen Legging und langsam ist. Aber ich denke, du kannst deine obere rechte Seite sehen. Wir sind hier, dass ich zu Skip gehen werde, und Sie könnten sehen, das Schiebemenü kommt hier rüber. Ich gehe zu den Einstellungen und ich will zurück und dann gehe ich Fuß, ziehe das raus. Es ist also eine große langsam. Aber ich denke, du kannst wenigstens einige von der Arbeit sehen und du kannst sehen, wie es tatsächlich läuft , um du kannst wenigstens einige von der Arbeit sehen und du kannst sehen, wie es tatsächlich läuft auf einer mobilen App angesehen zu werden. Ich denke, sie müssen viel daran arbeiten, aber trotzdem, es ist eine sehr Lebensvorschau. Dein Design. Einige der Zeiten, wenn Sie entwerfen, müssen Sie Ihr tatsächliches Design auf einem tatsächlichen Gerät anzeigen, wie Sie sehen können, wo ich hier deutlich sehen kann , was die Typgröße ist, was eine Vier-Größe ist, aber dass die Mitarbeiter Medien genug für Nord diese Art von Zeug. Also müssen Sie Ihren Prototyp auf einem Live-Gerät Zeh sehen, tatsächlich einige von den Dingen sehen. Zum Beispiel können Sie sehen, diese Schaltfläche ist eigentlich gut genug Zehe, wissen Sie, Tab oder hier, zum Beispiel, dieses Kreissymbol hier drüben, dieser dieser dieser enge Kreis ist es eigentlich eine gute Größe. Ich kann es leicht für den Finger dap. Also, das sind die Dinge, die man sehen muss. Zum Beispiel, dieses Telefon für Chuy diese Textgröße und die Ränder an den Seiten von diesem Gerät. Dies sind also einige der tatsächlichen Dinge, die Sie live auf Ihrem Gerät sehen müssen. Dann kannst du zurück gehen. Hoffnungen gehen zurück auf diese Feige mab. Sie können sich abmelden und das ist es. Ich hoffe, Sie haben diese Lektion genossen. Sie müssen die Stigma Miller App auf Ihrem mobilen Gerät herunterladen, ob Sie auf IOS iPhone sind und stellen Sie sicher, dass die Rahmengröße Ihrer Rahmengröße Sie wählen Ihre Art Board-Größe ist tatsächlich die gleiche wie Ihr Gerät jetzt. Sie können diese App hier sehen, die ich tatsächlich versuche zu verwenden ist Google. Ich glaube, ich kann es Ihnen zeigen. Es ist Google Pixel zu übertreffen. Das ist also 400 Zitrone von 8 23 Dies ist die Größe für mein Android-Gerät, also hatte ich tatsächlich Zehe herauszufinden. Sobald ich das hier geöffnet habe, musste ich sehen, welche Größe tatsächlich auf dieses Gerät passen wird. Ebenso, wenn Sie versuchen, Toe-Tests auf und iPhone 11 pro oder acht plus, müssen Sie dieses physische Gerät verwenden . Ansonsten, ist es nicht zu Fuß den gesamten Bildschirm passen. Es wird ein bisschen draußen sein, oder vielleicht irgendwann innerhalb des Bildschirms und verlassen. Einige schwarze Bereiche sind draußen. Also, das sind die Dinge über die Verwendung von Fig Mama Spiegel App. Ich hoffe, Sie haben aus dieser Lektion etwas Wertvolles gelernt. Gehen wir zum nächsten Hören. 38. Wireframes und inspiration: bevor wir anfangen, diese, uh, schöne App aus,wie die Rezepte zu entwerfen uh, schöne App aus, . Ich werde Ihnen zeigen, was mein Planungsprozess ist und wie ich dieses Design erreicht habe. Was hat mich inspiriert? Wie ich diese Farben für mein Farbschema ausgewählt habe. Obwohl ich verschiedene Kurse habe, kannst du sie dir ansehen. Ich habe Farbschema Kurs. Können Sie so das Farbschema meistern? Typographie Auswahl? Ich werde nicht auf viele Details gehen, weil das große, größere Themen sind . Aber wann immer ich beginne, etwas aus der Benutzererfahrung zu entwerfen , gehen Sie zu Fuß. Haben Sie immer ein paar außerhalb der Drahtrahmen. Also ohne diese, werden Sie nirgends vor diesen Drahtrahmen gehen. Wir haben, ah, halten Benutzererfahrung, Design-Prozess, verwenden Sie die Geschichten, verwenden Sie die Szenarien, Affinität, Diagramme und all das Zeug. Also werden wir Benutzer interviewen. Wir werden sehen, was ihre Bedürfnisse sind, und wir werden Zehe konvertieren Ihre Knie Bedürfnisse Zehe, tun die Geschichten, Kriege und Features, und diese Funktionen werden auf einem abscheulichen Rahmen sein. Drahtrahmen wird also der Ausgangspunkt des Benutzeroberflächendesigns sein oder wann immer Sie entwerfen werden. Also haben wir alle Bedürfnisse der Benutzer hier drüben. Und Sie können sehen, dass dies mein Anmeldebildschirm ist. Das sind die Hauthaie von meiner Zeichnung. Schlecht. Entschuldigen Sie mein Design, oder ich versuche, so einfach wie möglich zu sein. Und Sie können sehen, wir haben die Idee, einen Ort oder so zu haben . Ein paar Äpfel hier drüben. So etwas. Ja. Kommt melden Sie sich mit Facebook und melden Sie sich mit Google und überspringen Sie die Logan, zum Beispiel. Ich habe vier oder fünf beliebte Runden gesehen und studiert , ,bevor ich diese entworfen habe. Das ist wirklich wichtig. Also werde ich Ihnen zeigen, Äh, Äh, das ist die Inspiration für mich für das Farbschema, also liebe ich wirklich das Grün und Orange. Also benutze ich das hauptsächlich. Das ist also eigentlich ein Farbschema. Aber ich schmeiße dieses Farbschema nicht. Es ist anders. Dies sind verschiedene Farben. Jetzt können Sie sehen, dass ich die Inspiration für ihren Zynismus machen werde. Und dann haben wir einen Ideenförderer. Also in diesen Ideen für eine können Sie sehen, diese sind die beliebten Rezept abs, aber keiner von ihnen sieht aus wie Geist. Also minus völlig anders habe ich die Ideen. Verschiedene Ideen wie diese untere Navigation. Was sind verschiedene Dinge? Sie können ein paar von den Dingen sehen. Zum Beispiel bewertet der Stern dies. Dann haben wir das Suchsymbol hier drüben. Also einige der legalen Adoption einige vom Mörder sind einige von der man sagen kann Ideen, wie man sehen kann, dass diese durch diese Zeilen getrennt sind. Und wenn ich in meinem Design schaue, können Sie sehen, dass ich diese ähnlichen Linien verwendet habe. Sie werden diese sehr einfachen Dinge vielleicht nicht bemerken. Sie können sehen, dass ich die in meinen Zutaten hier drüben habe. Das ist also wirklich wichtig. Man bekommt viele Ideen, wenn man andere Ideen sieht. Sie werden eine Menge Ideen haben, wenn Sie auf der Suche andere Ideen auf andere I Andere abs halten . Andere Designer, die Sie haben Schlepptau erweitern Sie können sagen, Design, Geschmack und halten Sie auf der Suche nach verschiedenen Designs. Es geht Zeh, geben Ihnen Inspiration und es wird Sie als Designer verbessern. So können Sie verschiedene Inspirationen sehen. Und das sind die Ideen, die ich hatte und von denen ich ging Zehe haben so etwas. Also ich weiter versuchen diese Feuer Rahmen und Sie können sehen, wir haben meine Sellards Desserts, Desserts gesund, vorgestellt auf der 30 Meter gesunde Rezepte Rezept Titel Sterne, Zutaten und Zubereitung. Da dies die beiden wichtigsten Dinge ohne Zutaten sind, können Sie nicht mit der Zubereitung Ihres Rezepts beginnen, damit Zutaten kommen. Also, wenn jemand diesen Ab Lords, das sind diese tatsächlich zuerst geladen, und dann bewegen Sie sich zur Vorbereitung. In ähnlicher Weise können Sie sehen, ob wir zu Drahtrahmen zurückkehren. Wir haben solche Optionen hier drüben, dann ist dies meine Login-Kontoeinstellungen, und das sind die Dinge, die ich im Sinn hatte. Also noch ein paar Dinge, wie Sie sehen oder hören, hören können. Wir haben verschiedene Allergien und Diäten, die Sie bevorzugen. Das ist also eigentlich ein Feature, das ich tatsächlich in meiner Suche hier entwickelt und implementiert habe, so dass Sie sehen können, ob ich zur Suche gehe, damit Sie sehen können, ob Sie versuchen, etwas zu suchen, Sie haben viele Filter. Beamte. Ich bin gestorben Planfilter. Filter sind häufige Allergien wie diese anderen gängigen Allergien. Menschen haben Soja-Nahrung, Vollkornprodukte, Gluten, einschließlich Analogien oder so etwas. So können Sie klicken und beide auswählen. Sie können entweder die Diät auswählen und Sie können entweder eine Allergie auswählen, die Sie haben. Und das wird das Ergebnis sein. Eso es wird füllen diese solche Leiste und es wird Ihnen zeigen, die Ergebnisse So können Sie sehen ich habe auch diese Farbe hinzugefügt, die in diesem Farbschema und auch diese orange ist, so dass Sie sehen können, ich habe tatsächlich einige der Aspekte geändert. Zum Beispiel habe ich viel dunkles, mattes Grün im Hintergrund über dem Haar anstatt zustimmen oder eine grüne Farbe. Ich habe das gesagt. Sie können sehen, was hier und die Telefone, die ich benutze. Hier drüben sind diese Rubik Google Formulare und Yanta Geld. Also, wenn Sie vorhaben, dieses Design zu starten sind offen. Mein Design in Ihrem Schleim ahap versuchen, diese Formulare herunterzuladen und zu installieren, ist ein wirklich schöner Sinn. Sense sagte, wenn orange und leicht zu lesen und haben etwas Stil, um es. Diese sind sehr klar. Das sind also die beiden Forts die Gesichter, die ich bei der Gestaltung dieses verwendet habe. Das ist das Logo. Ich habe mich nur für diese Übung schnell entworfen. Damit du es verstehen kannst. Du könntest einfach die Bedeutung verstehen. Und, äh, das ist alles. Also habe ich ein paar von den Icons hier drüben, was ich eigentlich sagen kann, ich habe einen AB, der Nuclear AB heißt. Hier drüben, Ich benutze die Symbole aus diesem Sie können Symbole aus Google Material Design, Google Material Symbol verwenden . So können Sie solche koukal Material Icahn und hier können Sie hier rüber gehen. Ich kann Material Design und Sie können wählen Sie unten Lord von hier, so dass Sie sehen können, dass wir Pfeile haben . Andere Arten von Erwachsenen. Dies sind Standardsymbole. Sie können Symbole von ihm verwenden. Es gibt viele Videos. Ich habe gezeigt, dass wie man ein ganzes Symbol herunterladen und verwenden kann. Sie können ein System sehen. Ich werde diese Symbole mit Ihnen teilen, wenn Sie wollen. Und Sie können diese SPD-Dateien haben. Ich ziehe es vor, SPG-Dateien als Symbol zu verwenden, weil sie erweiterbar sind. Das ist also alles. So ging mein ganzes Design Hand. Und, äh, ich hoffe, Sie werden diese Übung genießen und daraus lernen. Eigentlich entwarf es. Ich sehe immer eine Vision. Schlagen Sie immer vor, dass, wenn Sie Regan Typografie oder Farbschema oder Layer-Design sind, Sie andere Kurse nehmen müssen, die Ihre Design-Fähigkeiten verbessern, ein Werkzeug zu lernen und Design-Fähigkeiten sind zwei verschiedene Dinge. Ich hoffe, Sie haben dieses Video genossen. Wie Sie Ihre vor Ihrem Design vorbereiten. Sie müssen diese vier Schriften herunterladen, die Sie abschleppen haben. Wählen Sie Ihr Farbschema aus. Du musst Ideen und Inspiration in deiner Tasche haben, und du musst deine abscheulichen Freunde haben, Freddie. Gehen wir also zur nächsten Vorlesung über und beginnen jetzt mit der Gestaltung. 39. Grid: Jetzt, in diesem Video, werden wir loslegen. Und davor wir unsere Noten bearbeiten und sie sind großartig und wir werden einige Richtlinien haben , damit wir sie einfach definieren können, bevor wir anfangen und unsere wichtigsten Elemente ausrichten , wie unsere Top-Navigation oder unten Navigation gemäß diesen Richtlinien. Also, was ich tun werde, ist, dass ich ein Team habe, als du aufgeregt bist. Dann habe ich ein Projekt in ihm Figment Klasse, und ich werde auf neue Datei klicken. Sie können auch in Entwürfen auf diese neue Datei klicken und eine neue Datei erstellen. Sobald Sie also eine neue Datei erstellen, wird sie ohne Titel sein. Also werden wir es umbenennen und lassen Sie es in kostenlose GMA Food App umbenennen. Also hier haben wir. Lassen Sie uns die Hintergrundfarbe ändern, also werde ich mit einem dunkleren Hintergrund gehen, weil es einfacher ist, die Dinge hier drüben zu sehen. Also hier haben wir es. Das erste, was ich möchte, dass du hier drüben kreierst, sind deine abscheulichen Rahmen, also kannst du deine Drahtrahmen auf Papier, Stift und Bleistift erstellen und einfach den Bildschirm kurz nehmen und sie hier rüber holen. Das ist alles, was Sie nicht brauchen, um Ihre Drahtrahmen in Fig MMA zu zeichnen. Wenn Sie Ihre Frau Zimmer hier ziehen wollen, besteuern Sie jetzt, ich werde drei Seiten erstellen. Einer wird Drahtrahmen sein. Zweitens wird unser Design sein. Ähm, nächsten Gelehrten sind wir. Ja, oder nennen wir es Männer Design. Und dann können wir eine andere Seite namens Styx Guide haben. Wo wir waren, werden alle unsere Komponenten sein, also wird das auf einer Struktur sein. Jetzt gehen wir zum Hauptdesign, und das erste, was wir tun werden, ist, dass wir A oder F G drücken, um zu diesen Kunsttafeln oder Frames zu gehen . Also auf der rechten Seite haben wir iPhone 11 pro Max 11 pro. Ich werde mit 11 pro gehen, und hier haben wir unser Kunstboard jetzt, bevor wir weitermachen, denn jeder Rahmen wird die gleichen Einstellungen haben wie der nächste. Also werden wir unsere Layout-Grade hier definieren. Also lassen Sie uns dieses Plus-Symbol hier drüben drücken, und wir werden bis zu den Säulen gehen und wir werden hier vier Spalten verwenden. Lasst uns zentrieren, Align Aid Und unsere jede Spalte wird fast 70 groß sein, und Gott wird 20 sein. Dies wird also unsere Spalten und Einstellungen für unsere Layout-Klasse sein. Sobald wir offenkundig die Note definiert haben, gehen wir zum nächsten Schritt , der unsere Richtlinien sein wird. Stellen Sie also sicher, dass Sie Lineal hier oben und auf der linken Seite haben, damit Sie auf der rechten Seite dieses Menü sehen können , haben wir Lineale eingeschaltet. Stellen Sie also sicher, dass Sie Lineale eingeschaltet gelernt haben, können Sie die Umschalttaste in unserem drücken, um sie einzuschalten. Also, wenn du sie getan hast und du siehst, dass du immer wieder fertig bist, also wenn sieeingeschaltet dass du immer wieder fertig bist, also wenn sie sind, ziehen wir ein Lineal hierher, und wir werden die 1. 1 auf 24 Pixel hier drüben platzieren und dann ziehen und ablegen. der nächste bei 72 Pixeln hier drüben. Dies wird also für die Ausrichtung unserer Symbole sein. Unsere Ikonen werden diese 80 hier berühren, dass dies unsere Bar hier drüben sein wird . Und wenn wir hier runtergehen, werden wir bei 1550 Big Oezil sein. Wir sind hier. Sie können auf der linken Seite sehen. Wenn ich hier auf der linken Seite gehe, können Sie sehen, dass der Wert 1 50 ist, also werden wir es so lassen und ziehen wir den letzten , der hier drüben sein wird. Also, wenn Sie nicht sicher sind, wie Sie können, werden Sie diese ziehen. Sie können Ihr eigenes Element erstellen. Also hier, zum Beispiel, ich werde tohave Höhe off 60 Schweine ist für die untere Navigation. Also werde ich Zehe eine Box hier aus 60 Pixeln nur für temporäre, nur temporäre Box erstellen und ich werde das ausrichten. Sie haben also gesehen, dass ich außerhalb der Zehe geklickt habe, machen Sie es universelle Leitlinie. Wir haben also drei Richtlinien an der Spitze. In ähnlicher Weise können Sie das gleiche tun hier, so dass Sie ein Asset aus Ihrem Rechteck von 24 Pixelgröße erstellen können und wir werden es oben ausrichten. Und wenn Sie nicht wissen, wie Zehe genau 24 Pixel machen. Erstellen Sie einfach diese Elemente wie diese temporären Elemente, und wir werden es wie folgt ziehen und ablegen. Es wird hier rüber schnappen. Das ist wirklich gut, weil wir etwas sein müssen. Wir haben so etwas. Also lassen Sie uns jetzt erstellen, machen Sie es Seite 72 Sie sehen können, dass es richtig schnappt. Wir haben es auf 72. Dann werden wir auf 1 50 Das s Schnur sein. Wir haben es auf 1 50 So sind unsere wichtigsten Richtlinien vollständig. wir sicher, sicher, dass dies tatsächlich globale Richtlinien sind. Also gehe ich toe klik draußen und ziehe es hier rüber so, dass ich es 1 50 Click außerhalb Drag and Drop es hier so machen werde. Also denke ich, wir müssen hier drüben. Also lasst uns es entfernen und ein neues erstellen. Ziehen wir es und legen es hier rüber. So werden wir unsere Hauptschnittstelle auslegen und wie wir anfangen werden . Das wird unsere Leinwand sein. Also, sobald wir für den Bildschirm fertig waren, werden wir nur diesen zu replizieren. Klicken Sie also auf diese drücken Sie Artur Option-Taste und wir werden es so duplizieren, so dass Sie auch Ihre Umschalttaste halten können, um sie auf die gleiche Weise in der gleichen Linie ausgerichtet zu haben , die genau dort, wo Ihre erste Rahmen ist. So machst du es also tatsächlich. Das ist also unser, das wird unser erster Bildschirm sein. Und wenn wir das haben, benennen wir es um in Unentschieden oder so etwas um. Und lassen Sie uns Delia Rex dieses Rechteck benutzen. Wir hatten ein Rechteck hier drüben, also lasst uns ein Rechteck für den Hintergrund zeichnen. Um diese volle Größe hier drüben so zu sein, drücken Sie einen aus, um in die Passform zu zoomen und wir haben diesen Hintergrund. Nennen wir es PG oder Hintergrund. Jetzt werden wir unser Bild hineinziehen, und wir gehen auf die Stelle in diesem Container und bewegen es herum, wo wir das Bildgewarnt Bild 40. Design des Anmeldebildschirms: Jetzt gehen wir zu den Ressourcen zum Abendessen. Ich habe mit dieser Übung angegriffen. Du bist es. Sie haben es bereits heruntergeladen. Jetzt öffnen wir es und Treiberbild hier drüben. Also hier ist unsere Food App. Ressource ist, Und innerhalb der Bilder Ordner, können Sie diese anderen Bilder sehen. Hier sind die Bilder für Hintergründe, die sehr leer sind und hier verwendet werden können. Also benutze ich diesen. Also werde ich es per Drag & Drop und Feige meine so, das Verkleinern. Und Sie können sehen, dies ist eigentlich die Grenze von diesem Bild drücken Sie Shift, Unterdrückung Person Halten Sie Shift und ändern Option-Taste Zehe. Mach es zu meinem großen, kleineren so. Du wirst es so bewegen. Und eine Sache, die wir tun werden, ist, dass wir beide von diesen Ebenen nachlassen und wir sind tatsächlich gehen, um Moschee Kontrolle, Kunst und Marker Kommando Option. Und so hier ist unsere Moschee. So, jetzt können Sie sehen, dass dieser Hintergrund tatsächlich maskiert durch dieses Rechteck hier drüben, also bin ich frei, es zu bewegen. Lassen Sie uns unser Layout verstecken. Grid Control Shift vier ist eine Abkürzung auf, ähm, B c und ich denke, Kontrolle G oder gesteuert. Ich erinnere mich nicht an die Verknüpfung auf dem Mac, aber sie wird auf dem Bildschirm angezeigt. Also, um sicherzustellen, dass wir einfach entwerfen können, anstatt Scheiben, die sie hier abgelenkt haben. Also möchte ich das bewegen. Sie können sehen, ich habe dieses Bild oder hier ausgewählt. Es bewegt sich also in diesem Container. Also lassen Sie es uns so bewegen, und Sie können es vergrößern und Sie können es erfinden. Es ist ein bisschen kleiner, und ich denke, das sieht toll aus. Nun, wenn Sie Ah, dieses Bild oder irgendwelche Einstellungen ändern möchten , können Sie zu diesem Bild gehen. Sie können die Glanzlichter erhöhen die Hervorhebung ändern, Wie diese Hervorhebung tatsächlich macht es ein bisschen heller. Weiß sind mehr prominente Schatten, Atmore, dunkel gegen. Wenn Sie die Schatten dunkler machen wollen, können Sie hier rüber gehen oder vielleicht so etwas. Also hier haben wir unser Bild. Jetzt gehen wir zu anderen Quellen Ordner und bekommen unser Logo jetzt. Eigentlich, was ich getan habe, ist, dass ich dieses Logo innerhalb der Stigma hap erstellt habe und ich nicht wirklich empfehlen, dass ich wirklich nie empfehlen Fig Motto. Erstellen Sie ein Logo. Was passiert, ist, wenn ich versuche, es mit SVG-Formular zu exportieren. Es gibt mir ein sehr vielschichtiges, freundliches Logo. So jetzt können Sie sehen, dass ich es exportiert habe mit PNG-Bauern hier drüben und exportiert dieses Logo. Und wir werden dieses PNG-Logo ziehen, weil s, die nicht funktioniert. Ich bin mir nicht sicher, was passiert, also haben wir hier unsere Akte. Also ziehen wir das hier rüber. Also werden wir unser Logo so hier drüben platzieren, und dann werden wir unseren Text hier drüben platzieren, das Waas Healthy Rezeptbuch. Jetzt holen wir uns unser Textwerkzeug und unseren Treuhänder, und wir werden gleich hier drüben. Gesunde Rezepte Buch, und Sie können Roberta für zwei verwenden. Aber wir haben Yeah, Monta-Form benutzt . Dies ist eigentlich ein Google-Handy wird frei, und wir werden 18 existieren hier für diese. Und, äh, Buchstabenabstand wird 5% sein. Und, äh, ich denke, dass es alles ist, was wir in der Mitte von diesem ein bisschen auf der linken Seite ausrichten werden, und die Farbe wird die nächste Verwendung sein, außer einem ähnlichen sieben Jahr. Es gewann 88. Das ist also eigentlich eine tolle blaue Farbe. Sie können Ihre Haare sehen und ich möchte nicht, dass der Benutzer sehr aufmerksam darauf ist. Also hier. Das ist also unser Logo. Und das ist unsere nächste Zeile oder wie du es nennst. Okay, hier haben wir es. Dann werden wir zwei Buttons erstellen, die mit Facebook einloggen und sich mit Google einloggen werden. So erhalten und verwenden Sie diese Google- und Facebook-Farben. Sie können auf dieser Website Marke Farbe Startnetz gehen, und Sie können die Farben von Google finden, zum Beispiel. Sie können Google hier eingeben, und dies ist die rote Farbe Google verwendet, so dass Sie kopieren es nahm Zwischenablage, und Sie können die gleiche Farbe oder hier verwenden. Also werden wir ein Rechteck erstellen, und wir werden blaue Farben für Google verwenden, ein reguläres für Google und Blucher für Facebook, dieses. Also, nur diese Werte hier rüber zu greifen und wir werden einige Schaltflächen erstellen, ein Rechteck greifen und die Belastungsgröße, die ich verwenden werde, ist 304 das dritte Mal. 48. Brasilien ist die Höhe, also lassen Sie uns 304 und 48 ist die Höhe. Als nächstes richten Sie es in der Mitte aus, oder Sie können diese verwenden, sind unsere Optionen jucken. Das ist also eigentlich die Tastenkombination. Und ich werde die Facebook-Farbe verwenden, die wir von hier kopiert werden und nur basiert, dass es hier so waren. Geben Sie ein. Also haben wir unseren Facebook-Button. Als nächstes verwenden Sie eine abgerundete Ecken von vier Ausgang um ness hier drüben. Das wird also unsere Schaltfläche sein, und wir werden unsere Facebook-Symbol per Drag & Drop ablegen, die wir bereits innerhalb einer Ressource haben, ist Icons. Und das wird Facebook mit dem Facebook Facebook sein, Dieser. Also hier ist das Facebook. Wir werden es hier rüber ziehen und ablegen, so dass sich das drinnen bewegt. Das ist nicht in Raum gekommen, komm schon, Schicht billig. Also brauchen wir das wirklich. Das brauchen wir nicht. Und auch marschieren, wenn g eine Gruppe. Das ist also unser Facebook. Oh, cool. Also werden wir es weiß färben, oder wir können hier drüben ein bläuliches Weiß benutzen. So etwas. Das kann auch funktionieren. Also die Steuer, die wir verwenden werden, ist Login in Facebook. Sie spiegeln dies unsere Option V arbeiten schnell. Richten Sie es aus. Oder Sie können diese eine Option B und wieder die Farbe verwenden. Wir werden diese gleiche Farbe verwenden. Also werden wir es in unsere Oops hinzufügen. Was geschah, wurde in andere Stile hinzugefügt. Ich gehe Zeh plus blau, ähm, weiß, äh, blau. Entschuldigen Sie das. Und bei dieser Farbe auch. Wir werden es Facebook nennen. Ja, Rauch. Um dies auf das gleiche Weiß zu bringen, werden wir hier drüben Stile verwenden, genau wie diese Farbe. Loggen Sie sich also mit Facebook ein und der Text wird Rubik sein. Also vier Tasten Ich benutze wirklich großes Telefon. Arabisch ist auch Google für gut, gute sterben Fäuste. Und wie Sie sehen können, ist es ein bisschen größere Schrift. Also werden wir ein bisschen kleiner wie diese, und wir werden 2% oder Haare benutzen und wir werden den Fall benutzen, Toby, alle Lücken wie diese. Jetzt wieder, wir werden es in der Mitte ausrichten, weil es rauskommt. Nein, wir können diese Seiten von der Last ausrichten. Also lasst uns eine Lücke haben. 20 Vier hier drüben auf der linken Seite. Lasst uns 24 hier sein, Zeh. Also, das ist dein Anfang. Ein Krieg hier. Also haben wir über Großbritannien. Du kannst dich hier sehen. Wählen wir das aus. All diese. Lasst uns zuerst diesen Kontrollbefehl G gruppieren also haben wir Sie sehen können. Nein, das ist ein bisschen besser, weil wir unseren Hintergrund getrennt haben. Jetzt können Sie sehen, wie die Augen hier drüben maskiert werden. Also haben wir all diese außerhalb der Moschee ing. Das ist also unser Logo. Also lasst uns diese unsere verbrühen sie Logo-Gruppe gruppieren. Dies ist unser Hintergrund für Button BG Burton Median. Und diese alle sind mit dem Button Facebook vidi in Facebook so verknüpft, es ist immer besser. Du arrangierst alles so. Sobald wir das haben, werden wir die Kontrolle drücken. Befehl d sind wir können eine Komponente erstellen oder hier so können Sie so etwas tun. Also im Moment werde ich nicht Zehe erstellen eine Komponente. Ich werde es einfach duplizieren und replizieren und habe einfach eine weitere Last hier drüben wie diese. Und, ähm, ziehen wir das Google-Symbol hierher. Ja, wir haben es. Lasst uns hier rüber geschleppt werden. Gleiche weiße Farbe, lokale Farben. Und das ist die weiße Klippe, die wir benutzen werden. Hoppla. Also? Also lassen Sie es uns mit der Tastatur bewegen. Ich drücke Shift- und Pfeiltasten, um es zu bewegen, denn von meiner Maus, es war nicht schwer, leicht Krabben fähig. Also lasst uns diese Gruppe entfernen. Das ist eigentlich in Ordnung, also ist das gut. Okay, also lasst uns den farbigen Zeh singen. Dasselbe weiß hier drüben und die Bagram Gallery ist Google-Mörder. Also werden wir hier rüber gehen und die rote Farbe von Google finden. Dies wird der Google-Mörder und weniger das getan wird, hinzugefügt und Jean die Farbe von der Schulmädchen Killer. Und jetzt werden wir diese Google-Farbe zu unserem Style-Shop hinzufügen. Also lassen Sie uns Google korrekt erstellten Stil hinzufügen. Also haben wir unsere zwei Knöpfe. Eine weitere Sache ist, wenn Sie Schatten hinzufügen möchten, können Sie einen Faktenspeicher hinzufügen, also werde ich hier sehr subtilen Schlagschatten hinzufügen, um zu verwischen. Lassen Sie uns das Blut von ihm nehmen, und ich werde es auch so jubeln lassen, und das wird fast 15% sein, sehr subtiler Schatten. Sobald wir diesen Schatten haben, können wir auch einen Effekt löschen, der als Faktenstil bezeichnet wird. Und wir werden es Burton Shadow nennen. So sicher. Jetzt werden wir den Hintergrund hier auswählen, und wir werden den gleichen Effekt anwenden, der alles ist. Also, äh, ich denke, Sie genießen das. Und, ähm, Sie werden wirklich erstaunt sein von den Funktionen von Sigma lasst uns und der letzten Zeile hier drüben, die Let's browse ist. Nein. Oder Sie können es auch umbenennen, um sich in etwas wie das nicht jucken zu lassen. Lassen Sie es mit Shift- und Pfeiltasten bewegen und Sie können es auch bewegen. Ein Schweine durch Pfeiltasten wie dieses einzelne Pixel und ich werde Zeh machen es. Lass uns dein Geschenk drücken. Halten Sie Ihre AR Drop Schienbein-Taste, und Sie können sehen, dass Sie diese ausgewählt haben. Und wenn du auf deinen und anderen Gegenstand ziehst , wird dir der Abstand zwischen diesen beiden 2 27 Ich wollte Toby zeigen. Lasst uns, ähm, 20 benutzen. Ich denke, es ist, dass es gut ist, das leicht definierbar ist, also kannst du auch über Dinge nachdenken lassen. Zum Beispiel wird dies die Tab-Idee für diese sein. Und das geht zur DAP hier drinnen. Dies wird die Tab-Idee oder Abschnitt für diese sein. Diese haben also einige gute Margen zwischen ihnen. Guter Abstand zwischen ihnen. So kann der Benutzer leicht schnell. Also die Farbe für dieses ein überspringen log und wird H S B sein. Die Farbe ist 1 78, was das Grün ist. Sie, unsere Hauptfarbe 73 ist die Sättigung und Helligkeit 19%. Dies ist die Farbe für Skip Log. Und das ist eigentlich unser Major. Sie können Farbe sehen, die unsere Beine sind. Lass uns dunkelgrün College. Dies ist unsere dunkle, sehr schwärzlich grüne Farbe verwendet es für Text, die sehr dunkel sind und vor allem für Links Links Farbe. Das wird also verknüpft werden. Dies ist auch die gleiche Farbe für dieses Logo. Die Slogans nicht schwarz. Es ist sehr dunkelgrün, was ist das? Überspringen Sie lange und so ist der Abstand zwischen diesen beiden Tasten 12 12 Pixel. Sie können den Abstand hinzufügen, wenn Sie möchten. Wenn Sie mehr geräumig sein wollten. Sie können es so wie 16 hinzufügen. Und Sie können auch etwas mehr Entfernung hier hinzufügen 24 oder so etwas. Aber ich denke, ich mag es wie diese 12 ist gut genug für mich. Und 20 ist gut genug für mich. So erschaffst du die Juden und bewahrst sie auf. Fähigkeit Probleme aus der absolvierten, weil diese diese drei Aber da sie niedriger in diesem Bereich sind unsere Haare Ihre Tom rein Sie System können leicht erreichen Sie diesen Bereich. Nun, wenn Sie möchten, haben Sie den Bildschirm abgeschlossen. Also lasst uns verkleinern. Das ist sehr notwendig. Wann immer du etwas erstellst, verkleinere ich immer und sehe das, wenn ich will. Wir sind nur ein Abstand Sind einige Elemente, die ich bewegen möchte. Sie können sehen, dass diese nicht in den Zentren waren, in denen ich sie in der Mitte ein bisschen hier oben bewegte . Es sieht toll aus. Sehen wir uns das hier in einem Prototyp an. Also zog ich zu diesem Prototyp iPhone 11 beweisen Modell. Ich werde Raumbildschirm verwenden und, äh, erklärt, das ist die eine Sache, die ich nicht mag, an Feige könnte einige Zeit dauern, weil es eine Cloud-App ist . Es dauert einige Zeit, wenn Ihre Bilder sehr groß sind und es dauert einige Zeit, um sie so zu ertragen. Das sieht also gut aus. Ich glaube, ich habe das Problem mit Chile hier drüben. Sie können das Bild anpassen. Was? Aber Sie haben gewarnt. Also werden wir schnell nur das Bild und machen es ein bisschen größer wie dieses. Okay, das sieht also perfekt für mich aus. Das sieht perfekt aus, um auf die Passform zu zoomen. Und ich denke, das wird diese Lektion enden. Wenn wir irgendein Problem oder irgendetwas haben, das nicht gut aussieht. Zum Beispiel können Sie im Bild hier Hintergrund sehen. Da drüben ist etwas. Also der einfache Trick ist, wenn du etwas entfernen willst, werde ich hier drüben eine Ellipse wie diese verwenden. Ich zog zu Design, und ich werde Zeh verwenden die gleiche Farbe Farbwähler, und ich werde die gleiche Farbe wie dieser Bereich hier drüben verwenden, damit Sie sie hier sehen können. Jetzt werde ich diese Charge so hierher verschieben, und lasst uns sie direkt über diesen Hintergrund bewegen, und stattdessen denke ich, dass ich einen Teil des Schattens hier drüben sehen kann. Vergrößern wir uns. Hoppla, sieht so aus. Und machen wir es so größer. So können Sie sehen, dass es von weit weg nicht sehr sichtbar ist. Sie können nicht erraten, dass hier etwas benutzt wird, also ist es nur die meisten in Ihren Hintergründen. Das sieht gut aus. Das sind also einfache Tricks, die Sie lernen können, wenn jemand entwirft. Ich hoffe, Sie haben diese Lektion genossen. Wenn du Fragen hast oder nichts belastet hast, kannst du mich fragen. Fahren wir mit der nächsten Lektion fort. 41. Home Screen – Recipe Mobile App Design: Nun, das erste, was wir tun werden, ist, dass wir diese Taste Toe Komponente konvertieren weil wir gehen, um diese Schaltfläche mit auf Icon zu verwenden. Also lasst uns das machen. Also werden wir diese Gruppe auswählen. Das ist unsere Burton Facebook-Belastung. Und klicken Sie darauf und das wird eine Komponente sein. Dies ist Master-Komponente. Also wollen wir nicht Overwatch, Master-Komponente. Toby, In diesem Design wollen wir über Instanzen oder hier haben, also Kommando oder Kontrolle von Datenduplikaten, damit Sie sehen können, dass wir eine andere haben. Wählen Sie also diese Master Component Control Command Axt, und wir werden sie in unseren Styleguide verschieben. Also, wenn Sie hier keinen Rahmen erstellt haben, drücken Sie einfach f oder a und wir gehen, um einen Rahmen zu bekommen und ihn hier so zu stützen. Also hier haben wir unser Vorgeben. Nun, lasst uns hier ein paar Einstellungen besorgen. Also diesen Text habe ich Doppelklick, um es zu bekommen. Es wird sein, ähm, ähm, Zeh auf der rechten Seite und unten hier drüben zu halten, oder Sie können es rechts und unten haben. Dies wird eine andere Einstellung sein, also wird es hier immer den gleichen Platz haben. In ähnlicher Weise für dieses Facebook-Symbol gingen Zehe haben Ausstieg links und rechts. So wird es den gleichen linken und unteren Abstand beibehalten, wenn wir versuchen, es zu erhöhen. Wenn wir also versuchen, diese Belastung zu erhöhen, können Sie sehen, ob ich versuche, sie hier zu erhöhen. Das Facebook-Logo klebt an dieser linken Seite. Das wird also das Verhalten von dieser Schaltfläche sein. Das ist also unsere Komponente. Wenn wir es später ändern möchten, können wir es in unsere Master-Komponente ändern. Das wird also unsere Schaltfläche mit, ähm, Button Symbol sein ähm, . Nennen wir es Taste mit Icahn. Das wird also unsere Schaltfläche mit Symbol sein. Okay, also gehen wir zurück zum Hauptdesign und lassen Sie es uns lassen. Denn eigentlich, ich denke, wir sollten auch die gleiche Komponente hier verwenden, aber im Moment werden wir es verlassen, weil es viel Zeit basiert. Also, sobald Sie Komponente erstellt haben, ändern Sie einfach die Farbe und ändern Sie das Logo hier drüben. Ich rufe hier an und du wirst so etwas haben. Also lasst uns tauchen. Replizieren Sie dies und wir gehen Zehe drücken drücken Sie unsere Optionstaste und zusammen mit ich werde Shift-Taste drücken, um einen anderen Bildschirm wie diesen zu erstellen. Jetzt werde ich dieses Bild hier drüben bei den Hintergründen löschen. Also das wird es sein, Lasst uns zuerst umbenennen. So wird es unsere Mittel bedeuten Mahlzeiten Bildschirm So wird dies bedeutet Bildschirm gemacht werden. Also lasst uns das machen und diesen öffnen und wir werden Zehe entfernt Diese Ellipse dieses Bild hier drüben Das ist gut. Lassen Sie uns diese Moschee hier unten entfernen und lassen Sie uns in der G-ian-Gruppe verschieben, und das wirdhier drüben entfernt werden. diese Moschee hier unten entfernen und lassen Sie uns in der G-ian-Gruppe verschieben, und das wird Das wird eine große, kleinere und 30% Deckkraft sein, und wir werden es ein bisschen kleiner machen. Ich habe diese Ex-Proportionen gesperrt. Machen wir es 20 24 32. Das sieht gut aus. Das wird hier irgendwo sein. Dieser Hintergrund wird also eigentlich diese Farbe E d. F. Drei f vier sein F. . Das wird also unsere Haupthintergrundfarbe sein, die überall auf dem Bildschirm enthalten wird , also wird das unsere Farbe sein. So können Sie sehen, dass dies auf diesem Hintergrund gut aussieht. Wenn wir die Deckkraft erhöhen wollen, verwenden wir hier 40% so. Also wird dieses Logo hier auf diesem Bildschirm minimiert werden. Lass es uns so lassen. Wir werden Symbole davor bringen. Wir werden diese entfernen oder hier so. Also haben wir diesen leeren Raum oder hier bringen wir unsere Ikonen von Adul zurück. Und hier haben wir das Filtersymbol, als wir eine solche Flasche hier haben. All diese Dinge werden hier drüben sein, also lasst uns anfangen. Und das ist unser Pfeil nach links. Dies ist eigentlich 24 mal 24 Pixel, so dass Sie sehen können, was Haar 24 die Größe ist, und lassen Sie es hier über und richten Sie es so aus. Dann haben wir unsere trockene Kegel oder Trichter-Symbol hier drüben. Wir greifen und lassen alles hier so fallen. Dies wird auch 24 sein, das wird diskret ausgerichtet werden. So können Sie sehen, dass dies der Wert außerhalb des Grids ist. Wir haben dieses Layout vier Spalten erstellen und waren Futter Dinge entsprechend, dass. Als nächstes bewegen Sie es in die Mitte. Geschrieben rechts auf der linken Seite war es ein bisschen unausgewogen. Designobjekt mehr hier. Sobald wir es haben, werden wir hier ein volles Gewicht nutzen, um unsere solche Bar zu kreieren. Dies wird unser Suchtrupp sein wird 48 Pixel hoch sein. Und, ähm, es werden 300 39. Dies ist sexuell die Vorwärts- und Farbe wird weiß sein, und wir werden den gleichen Board-Radius vier für diesen einen verwenden. Also, jetzt gehen wir auf eine Linie. Ich glaube, dieser Waas hat sich über den Haaren ausgerichtet. Dieser war ein bisschen hier oben. Die Farbe für diese Symbole. Lassen Sie mich zuerst Heidis Farbe für diese Symbole Waas, mittelgrün, das ist unsere, äh lasst uns diese Farbe verwenden. 43615 e. Dies ist unsere mittelgrüne Farbe. Also lassen Sie uns diese Farbe hinzufügen 12 einen Style Guide. Das ist Trupp Medium Creamed. Hoppla. Ich glaube, ich habe sie alle ausgewählt. Also werden wir eine von ihnen auswählen. Wählen Sie diese Farbe hofft. Jetzt werden wir ein mittleres Grün haben, damit du manchmal jeden sehen kannst, außer uns. Das ist unser mittleres Grün. Das ist, ähm OK, also ist das unser Logo. Das ist unsere Suchleiste hier drüben. Wir können auch einen Stricheffekt um ihn herum hinzufügen. Es wird, ähm, lokale Mörder sein ähm, , Lex verwendet Verfärbung. Und wir werden die Deckkraft auf 15% so senken, so dass Sie sehen können, dass wir eine sehr dunkle Linie haben. Oder hier, lassen Sie uns hineinzoomen und zeigen Ihnen, was dieser Effekt tatsächlich macht. So können Sie sehen, dass das hier drüben passiert. Also lasst uns das ausrichten. Ziehen Sie diese Zeilen hier rüber, und das wird unsere Bar sein. Lass uns dein Haar etwas besteuern. D um, so ressie B hofft Rezept wie dieses. Dies wird nicht alle Kappen sein, also wird es so sein, wie es eingegeben wird. Ist dieser Fall eigentlich ein solches Rezept? Das wird Ihnen große regelmäßige glauben. 16 Schweine, 2%. Das wird also eigentlich unser Text sein. Also, ähm, lasst uns die Farbe der Zehe etwas anderes ändern, weil es nicht sehr, ähm, hell oder hier, vielleicht so etwas sein ähm, hell oder hier, wird. Sie können also sehen, dass ich die gleiche Farbe verwende. wechsle nur ein paar von den Hughes oder solche Sachen. Wir sind nur nach meinem Geschmack hier drüben, aber es muss für den Benutzer sichtbar sein. Also werden wir ein Textil schaffen. Das ist eigentlich unsere echte Bic 16. Und damit werde ich nutzen, was sein Zweck ist. Also ist es eigentlich unsere, ähm, Knopfaktion als Nächstes. Das ist also, ähm, du kannst es sehen, damit ich es leicht merken kann. Dass dies für Schaltflächen besteuert wird, ist der gleiche Text, den wir hier für diese verwendet haben . Diese waren hier und auch hier drüben. Das wird also unsere Steuerschulden sein. Lassen Sie uns, äh, Jane diesen Stil und verwenden, wie es Typ ist. Das wird also ein bisschen besser für mich sein. Jetzt werden wir ein solches Symbol hier hinzufügen. Also bekommen, ich war so ein Symbol ist mein Suchsymbol, dieses. Also einfach Krabben und ziehen Sie es hier rüber so, so. Ändern Sie einfach die Farbe, die diese. Und, ähm, entschuldigen Sie das, damit wir nicht wollen, dass alle Farben die gleiche Aufmerksamkeit bekommen. Also werden wir, ähm, Sie können sagen, das wird es sein. Diese Farbe und Verfärbung ist die gleiche. Also lasst uns es in etwas anderes ändern. Ermöglicht die gleiche Farbe wie diese Leiste. Also werde ich wählen und es ist wie die gleiche Farbe hier drüben so. Ich denke, wir haben die Hong Farbe sowieso ausgewählt. Es ist also der Selectric von hier. Das sieht gut aus. Lassen Sie uns diese Farbe hinzufügen. Tolles Grün. Nennen wir es großartig grün, so dass Zo Motor und sehen, was passiert. Sieht gut aus. Ich kann es auch ein wenig langweilig machen. Bit mehr sie oder mehr gräulich. Vielleicht so. Ich mag diese Farbe besser und nennen wir sie großartig. Ich werde auch das gleiche Grau hier verwenden, so dass Schalter zu diskreten das sieht besser aus, weil es blau, grün und grün ist . Alles sah grün aus, also habe ich es so gemacht. Nun, sind solche Angelegenheiten abgeschlossen, können wir sie leicht gruppieren, also werden wir alle auswählen und G befehligen und steuern, um diesen solchen Teil zu gruppieren und warum wir dies tun, weil wir einfach eine Komponente erstellen können aus ihm heraus. Das wird also 13 Pixel von hier entfernt sein. Also machen wir es 14 15 16. Und in ähnlicher Weise haben wir diesen. Dies ist auch 16 von dieser linken Seite. Also verwende ich Kunst-Optionstaste, um mich in der Ferne, wie Sie sehen oder hören 16 auf der linken Seite. In ähnlicher Weise haben wir diesen. Sie können diese Gruppe öffnen und wir haben diesen Vektor darin. Wir werden es löschen, weil wir keine komplizierten Symbole komplizieren wollen. Also gefällt es mir besser so. Das ist also unsere solche Ikone. Nennen wir es Symbol. Das ist unsere Suchleiste. Das sind unsere Hintergründe für solche Bar. Und für diese ganze Bar werden wir eine Komponente erstellen. Also befehle oder kontrolliere R K Option K. Und das ist unsere Komponente. Das Gleiche. Wir werden Befehlskontrolle durchführen, um es zu replizieren, und wir werden es in unseren Styleguide hier drüben verschieben. Das ist also unsere solche Bar, so dass Sie sehen können, nein, wir bauen unseren Styleguide. Also Hoppla. Sobald wir das erstellt haben, gehen wir zurück zum Hauptdesign und wir werden diese Navigation oder Kopf erstellen. Dies ist die Navigation, die wir erstellen werden. Jetzt gehen wir Fuß, haben einen Text De und wir werden Mees benutzen. Der Text wird sein Es wird nicht Rubik sein. Lassen Sie uns das lösen und wir gehen Zehe verwenden junge Mine von und für 16 Schweine ist 5% und ich werde die mittlere Ausrichtung verwenden. Es wird helfen, wenn wir es ausrichten, und das wird als nächstes Vita sein, und der Hintergrund dahinter wird dieser sein. Wir sind hier, also werde ich, um 64 Pixel breit und 32 Pixel hoch. Und lassen Sie uns die Grenze Kanakaredes verwenden, bevor Sie sehen können, die Mahlzeiten hinter diesem Rechteck. Also werden wir es nach oben bewegen und das Brett von ihnen ablassen. Du bewegst sie so in der Mitte, also fühlt sich das an. Also ziehe ich das Stadtrechteck ein bisschen kleiner, also werde ich es ein bisschen größer machen. Alles klar, das sind wir. Okay, also haben wir das bereit, also lasst uns die Farbe des Zehs dieses Phil ändern, was unsere primäre grüne Farbe sein wird, die für diesen eine schärfere Farbe ist. Also eigentlich, unsere primäre grüne Farbe ist Null e 5956 Also dies ist unsere primäre Königin Farbe, so können Sie sehen, dass dies sehr scharf ist. Das ist sehr lebendig oder lebendig Lee, was auch immer Sie es nennen, das ist eine schöne Farbe. Also werden wir das zusammenfassen, und wir werden es hier rüber bewegen, weniger benutzen unsere Richtlinien, um die Mordkontrollschicht vier auszurichten . Und ich glaube, es gab Kontrolle. Ich bin mir nicht sicher, was die Abkürzung für Mac war, aber ich werde unten aufgeführt. Also hier haben wir es so. Jetzt können Sie sehen, dass dies unsere Mies-Gruppe ist. Okay, also wird dieser Hintergrund beweglich sein. Also gehen wir Zeh, entfernen es außerhalb davon. Also lassen Sie es uns nach oben bewegen. Und dieser Hintergrund ist, dass Sie sehen können, dass dies außerhalb dieser Gruppe bedeutet Also haben wir Mittel aktiv, starrte in einem kommen auf d und das wird unsere inaktive Straße sein. Also unten, wir werden inaktive Stoute haben, so dass inaktiver Mörder vom Text, äh, dieser hier sein wird äh, . Okay, das ist eigentlich unsere mittelgrüne Farbe für 3615 Also lass mich dir zeigen, was ich eigentlich mit inaktiv meine . Also lassen Sie uns diese aktiv verstecken und lassen Sie uns diesen Hintergrund verstecken. Sie können sehen, dass dies unser inaktiver Zustand ist. Nun, wir werden das nur replizieren. Wir haben diesen Hintergrund-Overhead, aktiven Zustand weiter und den Hals, wenn wir uns verstecken und, ähm, es erlaubt ihnen besser. Hoppla. Okay, also werden wir es replizieren. Lasst uns zuerst etwas wie „ Oops“ benutzen . Also werden wir diese Mahlzeiten und alle Optionen nachlassen. Ziehen wir es so. Unsere Distanz weg, wie 33. 32. Oh, hier. Und wir gehen auf die Zehenpresse. Komm schon, Control de. Um dies so zu replizieren, damit Sie sehen können, dass es tatsächlich den gleichen Platz verwendet, um es so zu replizieren. Also zuerst werden wir es umbenennen. Nun, das wird Sellards sein und auch für diesen inaktiven Staat. Er hat diesen angefangen. Also nur Zeit, den Text tatsächlich zu ersetzen, dann werden wir sie wieder ausrichten. Weg haben alle diese erstellt und wurden umbenannt, uh, uh, handliche Kontrolle oder Befehl sind Salat. Streamen Sie ihn. Dies ist eine Tastenkombination. Jetzt werden wir es außerhalb dieser Leinwand verschieben, weil wir einen guten Abstand zwischen ihnen haben wollen . Also, jetzt werde ich horizontalen Abstand so verteilen, damit wir ein Menü wie dieses haben können . Lass es uns ein bisschen bewegen. Hier drüben sieht es zu weit aus. So ist es 40 Jahre. Also werde ich einen Abstand von 40 zwischen ihnen haben. 56 so etwas. Lass es uns ein bisschen bewegen. Oder hier 26 26. Und wir wollen eigentlich von hier aus zu meiner Einheit. 123 123 und auf drei. Also haben sie alle den Abstand von 30 sechs in ihnen. Also jetzt, wenn wir den Hintergrund ändern wollen, müssen wir einfach tun, ist, dass wir den aktiven gedünsteten als auf dem inaktiven Zustand verstecken und den Hintergrund zu diesem so verschieben müssen. Und wie Ihr Salat werden wir den aktiven Zustand verwenden und den inaktiven Zustand verstecken. So werden wir es bewegen und jeden Zwerg um die Ugarte Idee. In der nächsten Lektion bereiten wir den Rest der Sache vor, weil es sehr lange wird. Ich möchte nicht, dass das nur wirklich langweilig ist, also gehen wir zur nächsten Lektion und erstellen den Rest vom Bildschirm. 42. Home Screen – Recipe Mobile App Design 2: in dieser Lektion. Wir werden die untere Navigation erstellen, die an der Unterseite dieser App hier an diesem oder hier sein wird, weil wir zuerst Navigation haben wollen. Dann werden wir den Inhalt darin erstellen. Um das zu tun, werden wir hier drüben ein Rechteck benutzen. Dies wird ein Rechteck für die Navigation sein und es wird Ihr weißer sein. Jetzt können Sie sehen, warum ich weiß verwende, weil es einen gewissen Kontrast auf diesem Hintergrund haben wird. Dieser Hintergrund ist nicht reinweiß. Es hat grünliche Farbe und beenden Sie darin. Sobald wir das haben, benutzen wir hier drüben ein Fax, um einen Fallschatten zu haben. Aber dieses Mal wird der Schlagschatten auf der gegenüberliegenden Seite sein. Also werden wir Minus für, wie, dieses Blut wird sechs sein, und wir werden 10% so etwas wie diesen sehr subtilen Schatten verwenden . Und Sie können auch einen Schatten von der gleichen Farbe haben. Was das sein wird. Lasst uns diese Hintergrundfarbe benutzen und wir werden sie hier so verstärken. Also dies ist die Hintergrundfarbe verwendet wurden. Und das ist, ähm, 100%. Sie werden also 15% verwenden. Lasst uns 20% so verwenden. Nächstes Vergrößern. Und, äh, wo sind die? Eigentlich werden das deine Haare sein. Okay, hier ist unsere untere Navigation. Verkleinern Sie in Hyde. Der Krüger ist so. Das wird also unsere untere Navigation sein. Es sind eigentlich 60 Bilder, die 60 Pixel sein sollten. Deshalb geschah es. Also verschieben Sie unser Nein, eigentlich, diese Waas richtig. Jetzt sieht es gelesen aus. Jedenfalls bin ich sehr groß Zil Perfect. Also versuche ich, so perfekt wie möglich zu sein. Jetzt werden wir greifen, und das wird unser Navigations-PG sein, also wird es statisch sein. Also werden wir alle unsere Symbole per Drag & Drop in ihren Zuständen. Das wird also unser Haus auf mich und Symbol für den ersten Navigationselement zu Hause Hoffnungen sein. Also haben wir hier drüben einen größeren. Das ist 20 von 21. Das ist 28 mal 30. Also werden wir 21 mal 20 benutzen. Also entschuldigen Sie 21 Haare, damit Sie sehen oder hören können zoomen, weil wir hier schon perfekt sein wollen . Das ist unsere leere Linie nach Hause. Normal. Und das wird so zu Hause aktiv sein. Fühlst du den Unterschied? Bewegt sich irgendwas? Nein. Das ist also perfekt. Also werden wir zu diesem Vektor gehen und die Strichfarbe ändern. Schleppen Sie dieses Grün, weil dies unsere normale Farbe sein wird. Und das wird unsere aktive sein, so dass aktive Farbe tatsächlich entdeckt wird. Das bedeutet Zusammenbruch. Lassen Sie uns verfärben Zehe über Stile auch hinzufügen. Das ist also unsere primäre Creme. Das ist unser primäres Grün. Wenn du sie arrangieren willst, wirst du sie erreichen. Lassen Sie mich es Ihnen zeigen. Aber jetzt ist es in Ordnung. Klicken Sie hier drüben. Primäres Sein Lasst uns es so nach oben bewegen. Und mittelgrün und groß grün grau, weiß Facebook, Dunkelgrün wird an der Spitze so sein. Das sieht besser aus. Und jetzt werde ich mein Kunstbrett auswählen. Das wird mein Zuhause aktiv sein, und ich werde diese Farbe verwenden. Ja, jetzt bin ich in dieser Phase, werde ich den normalen Zustand verstecken. Das wird zu Hause aktiv sein und wir werden beide von ihnen hineinschieben. Jetzt werden wir es hier in der Mitte ausrichten, und wir werden dasselbe für alle anderen Symbole tun. Sie können die Idee bekommen, dass im Haus wir Treppen nach Hause haben, aktives Zuhause normal. Sie müssen von der gleichen Größe sein. Wenn Sie also das eine und das andere ausblenden oder einblenden, dürfen sie nicht flackern oder die Größe oder Form oder ihre Position ändern. Also, das ist eigentlich der Mittelwert. Sie können hier den Punkt nach Norden sehen. Also, wenn wir hier drüben zu Hause , werde ich die Zehe, beschleunigen und ich werde zwei andere Icons hierher bringen. - Jetzt werden wir die ausrichten. Also haben wir diese drei Navigationselemente und lassen Sie uns diese ausrichten. Also zuerst werden wir alle auswählen. Ich halte Controller-Befehlstaste, und wir werden das aufgeräumt verwenden. Das sieht also gut aus. Also arrangiert es einfach diese in der Mitte, und jetzt werden wir die Treppe wechseln. Diese Einstellung inaktive Treppen so aktiv, wir werden uns so verstecken. Also haben wir drei Treppen hier drüben. Nun, wenn Sie einen mawr, ähm, relisting-Ansatz haben wollen ähm, , können Sie auch diese Deckkraft hier verwenden, damit wir so etwas wie 80% auf 90% haben können . Und so etwas können wir hier drüben haben. 90% auf diese sieht ein bisschen kleiner aus. Also dieses Haus werden wir seine Größe zu erhöhen wählt Verwendung, Verschiebung wie folgt. Das sieht viel besser aus, weil das ich dafür verantwortlich bin, dass wir größer aussehen. Und dieser sah etwas kleiner aus. Lassen Sie uns versuchen, sie so auszurichten. Also, Hoppla. Also lassen Sie uns sie unten ausrichten. Das ist, die sehen gut aus, äh, 19 oben. Also werden wir 18 und 18 haben. Lasst uns sie so etwas weiter nach oben bewegen. Das sieht also großartig aus. Lasst uns 13 behalten. Okay, also ist unser Navigationsmenü unten komplett. Wir können Sie sehen, dass wir einen inaktiven Zustand haben und wir einen aktiven Status haben. Aktiver Zustand ist ein hellgrün, sehr scharf, grünliches Blau und inaktiv ist ein bisschen langweilig grün, was in unserem Farbschema ist. Es wird mittelgrüne Farbe genannt. So können Sie auch die Strichstärke von Ihren s hinzufügen, die Symbole wie diese sind. Wenn Sie ein sehr schlankes Symbol haben möchten, Symbole wie das, zum Beispiel, möchte ich ein Pixel haben. Aber so, oder vielleicht 1,5, sieht das besser aus. 1.5 sieht gut aus. Ähm, also denke ich, unsere untere Navigation ist komplett. Wir können es leicht ändern und bestellen. Und noch eine Sache ist, dass Sie auch Ah löschen können, eine Komponente für diesen. Also, Befehl G und das ist unser Unterteil. Habe ich. Und, ähm, das ist richtig. Klicken Sie auf und erstellen Sie eine Komponente. Es gibt viele Möglichkeiten, eine Komponente zu erstellen, und wir werden es replizieren und steuern und Befehl E und steuern Befehl X, um diese zu kopieren, und wir werden es in diesem Frame verschieben. So können Sie auch die Rahmenfarbe Hintergrund ändern, um wie, Oops. Also werden wir den Rahmen, die Farbe, den Hintergrund ändern , die Farbe , die Farbe fühlen, um so etwas wie großartig zu sein. So können wir leicht andere Komponenten oben sehen. Also das ist unser, du kannst sagen, meine Ah, du kannst Navigationen sagen. Unsere mittleren Elemente, die auf jedem Bildschirm vorhanden sein werden, wie solche Leiste, unser Logo sind zurück eine Reihe, gehen zurück auf den Bildschirm, und dann haben wir diesen. In der nächsten Lektion erstellen wir nun den mittleren Inhalt, die Bilder und all das Zeug, also gehen wir zum nächsten Hören. 43. Home Screen – Recipe Mobile App Design 3: in diesem Video werden wir dieses empfohlene Rezept aus unserer App erstellen und loslegen. Wir werden Zehe verwenden einen Lebenslauf Zehe unsere Passform. Und jetzt gehen wir auf die Zehe. Erstellen Sie hier ein Rechteck und lassen Sie uns ein Rechteck erstellen und es wird die Größe dieses solchen Balkens hier sein. So wird es 3 39 sein und die Höhe wird 216 sein. Also zuerst haben wir das. Verwenden wir den Rahmenradius von vier und dies wird tatsächlich der Container außerhalb des Bildes sein . Das wird also tatsächlich eine Menge Dinge maskieren. Das wird also mehr unsere Moschee Moschee Container sein. Also lasst uns das Bild packen und es hierher ziehen. Also gehen wir zu unseren Bildern, und, ähm, ähm, das Bild, das wir benutzen werden, ist dieses oder dieses. Also lass es uns ziehen und ablegen, um es so etwas zu haben, wie, kaufte sie beide, und benutze Moschee. Und lassen Sie uns dieses Bild in diesem massiven Verkleinern. Das ist also die Bildrandschaft. Wir werden Shift einen Optionstaste Zehe halten. Verschieben Sie es dort, wo wir es so haben möchten. Okay, das sieht also gut aus. Nein. Wir haben diese Hauptbox hier erstellt. Jetzt werden wir einige übermäßige Auswirkungen auf dieses Bild haben, weil wir etwas Text hier drüben setzen wollen . Was wir also tun werden, ist, dass wir hier oben auf diesem Bild einen indirekten Winkel erstellen , der die gleiche Größe vom Bild eines Kopfes hat, und wir werden dieses Rechteck verschieben. Sie können sehen, dass dies das Rechteck ist, und wir werden es innerhalb dieser maskierten Gruppe verschieben und es übermäßig nennen. Wenn wir also überlagert haben, verwenden wir ein lineares Grady-Insulin, Ihre Zutat. Und wenn wir hier und schwarz hier drüben verwenden, Okay, Okay, also werden wir so etwas haben, und wir werden die Richtung so etwas ändern, und wir werden die Richtung ein bisschen so ändern, und wir gehen zu verwenden, multiplizieren Sie hier, damit Sie sehen können, dass diese sehen toll eine Tatsache. Also, ähm, Männer Sache ist, dass wir auch ändern können, wo wir es wollen. Zum Beispiel möchte ich, dass diese weiße Farbe hier drüben so ist, und ich möchte hinzufügen, ein wenig schafft Farbe hier drüben so, und das sieht toll aus. Das wird also unser Overlay sein, das uns helfen wird, einen Text darüber in diesem Abschnitt hier drüben zu haben. Das ist also unsere Massengruppe, weil alles darin sein wird. Also werden wir weiterhin Dinge in dieser Moschee Gruppe hinzufügen. Jetzt wir eine einfache Form hier zu schaffen, die unsere vorgestellten Rezept-Tag vorgestellten Rezept-Tag hier drüben sein wird, so dass Sie sehen können, dies ist unsere Form Faktor Form. Wir gehen Zeh, färben es orange. Und der Wert von dieser orangefarbenen Farbe ist e eine 93-Entwicklung. Also, das ist eigentlich meine primäre zweite reguläre. Dies ist orange Farbe, und wir werden es in die Füllung hinzufügen. Also lasst uns zuerst in andere Stile krank, wütend orange hinzugefügt . Das ist unser zweites Orange. Also werden wir es entfernen und in die Füllung über hier diese Farbe hinzugefügt. Also haben wir diesen Balken, und wenn wir die Höhe erhöhen wollen, können wir 20 Jahre oder hier so verwenden, können wir ihn auch verkürzen und so bewegen. Also nennen wir es Dag und wir werden hineinzoomen und unseren Text über Kopf setzen. D wird so vorgestellt werden. Und es wird Agent Romanoff sein. Nicht wahr. Großes Yantra. Man Genug wird 14 sein. Es wird 10% sein, weil wir viel Platz in diesem Abschnitt oder hier wollen. Und lassen Sie es uns so bewegen. Machen wir es 24. Und dann benutze Weiß, das wird dieses weiße sein, dieses bläuliche Weiß hier drüben und dann das wird dieses weiße sein, dieses bläuliche Weiß hier drüben und dann 12 Eier von hier. Also wollte ich im selben Bereich ausgerichtet sein, wie dieser hier drüben stapelt. Also lasst uns unsere Herrscher benutzen. Diese Steuer, dieser Text muss eine Zeile mit dem gleichen liegen fast hier drüben. Oder vielleicht hier drüben so. Lasst uns die Mittel hier behalten, weil es ein Knopf ist, also brauchen wir keinen Zeh. Mach dir viel Sorgen darüber. Das ist nur Text. Also werden wir es so ausrichten. Okay, als Nächstes ist es Ah Di, oder? Dies wird eine echte Big 24 2% weiß sein. Mal sehen, was ist der Abstand von unten 7 12 Auch für dieses Featured Control, Camargue E. Und wir werden es näher an dieses zu bewegen, weil es ein Textelement ist. wollen wir uns keine Sorgen machen. Es ist sehr nah an der Unterseite. Dann haben wir 317 textuelle Haare, was sein wird, ähm, du kannst deinen großen Zeh 14 317 benutzen. Das wird wieder weiß sein, und wir werden über die Liebe Symbol hier drüben verwenden. Und, äh, mal sehen. Wo ist sie? Es ist dieser hier. Wir werden eine kleinere Version 16 Schweine Ilves verwenden, weil wir nicht wollen, dass es sehr groß , dass sie hier weiß war. Also denke ich, in meinem tatsächlichen Designer verwendet Gentleman von hier drüben so. Also das sieht ich denke, das sieht gut aus, aber Sie können auch durch großen Zeh verwenden. Rebic besteuert sucht besser für mich. Uh, das hier ist auf Deutsch von regulären. Sie können auch Medium verwenden, wenn Sie möchten. Oh, das wird das Schreiben jetzt zurückblicken Hier ist ein Design-Dip Wenn Sie einen Artikel haben, kleiner ist und einer größer ist und sie auf der gleichen Linie sind, müssen Sie die Unterseite von ihnen ausrichten, damit Sie sehen können, dass wir die Ausrichtung wie diese. Aber Sie können sehen, jetzt sehen sie ah, viel darunter. Also, was wir hier tun müssen, ist, dass wir eine Linie wie diese greifen und wir werden Dinge ausrichten, die so sind. So wie das. So wie das. So wie das. Okay, so hart wird damit ausgerichtet werden, weil es kein Text ist. So etwas konntest du nicht haben. Also lassen Sie uns die Linien verstecken. Die Schicht ist jetzt. Sie können sehen, dass das jetzt viel besser aussieht. Es gibt eine Sache, die wir hier nicht hinzugefügt haben, nämlich Schatten. Also hier ist unser vorgestelltes Tag. Lassen Sie uns umbenennen sie Titel umbenennen. Das ist, äh, harte Icahn. Also all diese werde ich sie so in diese Mastgruppe bewegen. Sie können sie ganz Zeh halten. Das ist kein Problem, aber dafür. Dag, ich glaube, ich wollte in diesem Idioten dieser Moschee sein, weil ich hier drüben abgeschnitten werden wollte . Wenn es sich außerhalb dieser Grenze erstreckt. Jetzt gehen wir Toe fügt Schlagschatten zu dieser Gruppe. Also bin ich es. Was ich tun werde, ist, dass ich den Schlagschatten zu dieser Moscheengruppe hinzufügen werde, anstatt das Rechteck zu haben. Also werden wir hier einen Schatten hinzufügen, und dieses Mal werden wir 20% verwenden. Lass uns einen Schatten haben. Sechs Pixel. Blut wird 12 so sein. Und, ähm, das ist mehr Bewegen Sie es ein bisschen näher. Blut wird zehn sein. Ähm, lassen Sie uns den doppelten Wert dafür verwenden. Warum? Das ist also ein sehr guter Trick, Narr. Und es versucht immer, diese Unschärfe zu verdoppeln. Und lassen Sie uns ein bisschen mehr Farbe Ihr Haar hinzufügen. Wir werden Verfärbung verwenden und 30% für diesen verwenden. Es wird 50% verwendet. 65. Nun, sehen Sie besser aus. Okay, also, eigentlich versuche ich, die gleiche Traumgrüne Farbe zu verwenden, die wir in unserem Hintergrund haben, und versuche, einen dunkleren Farbton zu verwenden . Auswahl von 70% und ich werde Zehe bewegen es mehr von einem wie diese und dass sie 50% war. Also werde ich zu sechs der Stern grüne Farbe 40% verwenden. Das wird also meine endgültigen Einstellungen sein. Und wenn ich verkleinere, können Sie sehen, dass das toll aussieht. Jetzt ist der nächste Teil sehr einfach. Wir werden das gleiche elementare Haar verwenden, was wir zuerst gruppieren. Also werden wir es beschneiden. Komm schon, G und wir werden es große Ruhe nennen. Siehst du, sei. Und wir werden das Kommando und T kontrollieren, um ein anderes zu erschaffen. Und jetzt haben wir einen kleineren Bildschirm, eine kleinere, kleinere Version von diesem. Und wir werden diese hier drüben entfernen, damit der Hirsch bewegt wird und ich würde legen alles wird scheinen. Und wenn wir, ähm, versuchen, es etwas kleiner zu machen. Jetzt können Sie sehen, dass es ein Problem gibt, dass wir das zerquetschen. Icahn ist hier drüben. Also, um das zu beheben , werden wir auf diesen doppelklicken und wir werden Jane haben, diese Einschränkungen. Das wird also rechts unten sein. Und für diese Gruppe, können Sie sehen, es ist ein Fertigkeiten gehen Zehe haben es feste Größe, also lassen Sie uns nicht versuchen, es zu skalieren. Sie können sehen, dass es versucht, in der gleichen Gegend zu bleiben. Es quetscht nicht oder verändert seine Form. Nein, lass uns das so benutzen. Nein, wir haben unsere kleinere Sektion. Wir sind hier. Lassen Sie uns vergrößern und einige der Probleme beheben oder hier. Also, das ist eigentlich Titel wird unten wie Distel hier sein. Dies wird innerhalb des Bildes sein und es wird automatisiert sein. Lassen Sie uns diese automatisieren und wissen. Sie können sehen, dass es für diesen behoben ist. Sie können sehen, dass wir auf Gruppenbefehl Shift Control Shift G gehen und dies geschieht tatsächlich aufgrund dieses Clip-Kontakts. Wir haben also einen Frame und den Skriptinhalt genau mit diesem Problem. Also lasst es uns hier rüber bringen. Mehr Wasser von ihnen so. Das sieht besser aus. Mal sehen, wie viel der Abstand wir hier drüben haben und zwischen ihnen. Fünf. So ist es jetzt. Hörst du das? Also haben wir jetzt sechs, also lassen Sie uns einen Schweine hierher bringen. Dieses Herz wird sechs Schweine sein. Es ist 10 Picks ist sie kleine Brett von ihnen haben. Ich frage mich 34 auf drei. Okay, also dieser Ort sucht erstellen. Also, jetzt haben wir das. Okay, also lasst uns, wo ist dieser Titel? Also wird der Titel auch dieses Unkraut aus ihm behoben werden. Dieser Titel wird kühles Rindfleisch sein und die vier Größe wird 16. Und es wird John sein. Trauma leben und Farbe wird dieses Medium grün sein. Jetzt werden wir ein Textil schaffen, das wir bereits haben. Aber diesmal wird es Uh huh sein. Nein. 16 Schweine, schlechter Absatz so oder normaler Text. Das ist also eigentlich ein normaler Text. Das wird also unser Titel sein. Oder wenn wir auch so etwas wie, äh,einen kleinen Titel wie diesen verwenden äh, können. Ah, Bankoff Normal wird gut sein. Sobald wir das haben, können wir es replizieren, also müssen wir es nur replizieren. Und jetzt werden wir es klein für ein C B umbenennen, das gerade repliziert wurde. Wir haben einen Abstand vom replizierten Befehl D, und es wird so geschätzt werden. 14 müssen drin sein. Also haben wir diesen großen Abschnitt hier drüben. Also, was wir hier tun können, ist, wir können auch noch eine Sache tun. Also, wenn Sie eine Komponente erstellen möchten, unsere Steuerung alle Fall vor der Herstellung einer Komponente, müssen Sie sicherstellen, dass alles perfekt ist. Und du hast es richtig gemacht, denn ah, es wird schwierig für dich sein, alles hier drüben zu sehen und zu ändern. Also kontrollieren alle K, das ist unser kleines Rezept. Ich werde es replizieren. Komm schon, das kleine Rezept. Ich werde es hierher bringen. Auf meine Hüften. Auf meinen Stil. Guide, wir sind so hier. Nein, ich gehe zurück zu meinem Hauptdesign. Und hier ist mein Hauptdesign. Lassen Sie uns verkleinern und sehen, was wir hier haben. Diese Distanz ist also ein bisschen zu viel für mich. Also werde ich zum Styleguide gehen und einige Änderungen vorgenommen oder hier und ich werde beide nachlassen und sie ein bisschen hierher schieben . Das sieht besser aus. Jetzt werden wir zurückziehen und es sieht hier besser aus. Noch eine Sache. Wenn Sie das Bild hier ändern möchten, machen wir das später. Also lassen Sie uns diese Kunstoption replizieren. Ich halte Arden Optionstaste. 14 Schweine krank. Ich gehe Zehe 12 Pixel zwischen ihnen. Die Distanz, komm schon, de toe. Lassen Sie es hier drüben kopieren. Jetzt haben wir drei kleine Rezepte, und wir können hier auch angegriffen hinzufügen. Also lasst uns unter dem Titel unter 30 Minuten. Das ist also unser Titel, und das ist ein Rubik 14. Und wir wollten hier eine große 16 sein. Eigentlich wollten wir groß sein, weil es ein Titel ist. Das ist also eigentlich dieser Stil kein Big 16, aber im Textbereich auf Aktionstext. Also das ist eigentlich der Stil, und wir werden mehr Platz von hier haben. Also lasst uns Tarty zwei hier drüben benutzen und sie alle betreten. Und wir werden fast, äh 12 von hier benutzen . Das sieht besser aus. Und jetzt, was Sie tun müssen, ist, dass wir alle von ihnen Befehl und Kontrolle auswählen, G. und das ist unser kleines, äh, kleines. Also habe ich Lücken. Gehen Sie auf kleinen Abschnitt. Das ist eigentlich unsere Sektion . Also, jetzt sind wir, wenn Sie hier rüber schauen. Also, wenn wir alle diese drei auswählen, können wir auch diese Option haben oder ja, wir können James den Abstand zwischen ihnen so. Wir können es auch ändern, toe ed, was ein bisschen weniger nach meinem Besten sucht. Also jetzt werden wir diesen Befehl replizieren oder kontrollieren D und ihn unter diesen bewegen. Also werden wir wieder 30 zu Bigs von hier haben. Und Jeanne die Überschriften wie diese. Und lassen Sie uns verkleinern. Es ist wie dieser hier. Wir werden die Größe von diesem oder hier ändern, und Sie können die Größe unten sehen. Nie das Gleiche. Aber wir müssen die Größe dieses Hintergrunds ändern, weil er waas zurückgeblieben ist. Okay, also haben wir das abgeschlossen. Wählen wir das aus. Das ist Collab ist zusammengebrochen. Diese und wir werden diese untere Navigation auswählen. Und wir werden diese feste Position bei der Schulung wählen, weil sie an der Spitze sein wird und sie fixiert werden wird. Ich habe nie Wir wollen das bewegen. Also lassen Sie uns versuchen, dies in einem Prototyp zu sehen und wir werden sehen, was jetzt passiert. Sie können sehen, wir haben diese Navigation am unteren Rand. Wenn wir also in die Schule gehen, sind wir drinnen drinnen, können Sie sehen, dass wir sehen, dass wir in diesem Scrollen, also geht das nach Stace hier drüben. Wenn Sie etwas an der Spitze haben wollen, können Sie das auch nachlassen . Aber im Moment denke ich, dass es besser ist, diese universelle Navigation unten zu haben. Sie können jetzt sehen, das einzige, was übrig ist, dass Sie diese Bilder ändern müssen, was ein Stück Kuchen für Sie ist. Nun, was wir tun werden, ist, dass wir alle Bilder für diese Rezepte ändern, und wir werden auch schnell die unteren Titel hier drüben ändern. Also werde ich Ihnen zeigen, wie Sie das Bild ändern können. Wir werden doppelklicken und gehen zu dieser Moschee Gruppe und klicken Sie auf dieses Bild oder hier. Und ich habe einen sehr schönen Trick gefunden, dass, wenn Sie Ihr Bild per Drag & Drop auf diesem Bild, das Gefühl, es wird sehr leicht frittered werden. So wird es Zeh es an einem guten Raum füllen. Lassen Sie mich Ihnen zeigen, wann zeigen, was ich eigentlich sagen will. Also ziehen wir dieses Bild und legen es hier rüber. Also, wenn ich versuche, es hier rüber zu fallen, können Sie sehen, dass das passieren wird. Bilder, Größe und alles geht hier rüber und sie sind das Beste. Unser Bestes, was Sie hier tun können, ist nur Titel Drag & Drop es auf diesem Bild Weg. Jetzt können Sie sehen, dass das besser aussieht. Das ist nicht das, was ich letztes Mal geschah. In ähnlicher Weise für dieses Bild nachlassen werden wir für dieses Bild nachlassen. Diese Massengruppe. Und wenn Sie dies wie das Bild lenken möchten, können Sie die Steuer- oder Befehlstaste halten und zu diesem Zweck gehen , wählen Sie dieses Bild und wir gehen zurück und wählen Sie ein anderes Bild. Lasst uns bei diesem hier nachlassen. Also werde ich es auf diesem Bildfeld fallen lassen und Sie können sehen, dass dies besser ist. Das ist einfacher für mich, wenn du es noch anpassen willst. Sie können dieses Bild nachlassen. Gehen Sie dieses Bild, füllen Sie auf goto crop und Sie können das Bild platzieren, zum Beispiel. Ich möchte diesen Abschnitt platzieren. Ich will es bei Schicht größer machen, Ähm, so und so Kreuz drücken. Dies ist also eine andere Möglichkeit, wenn Sie es anpassen möchten. Aber im Moment bin ich möchte ich schnell diese Bilder platzieren. Ich möchte diese Zahlen ändern. Ich möchte diese Steuer hier ändern. In ähnlicher Weise für diesen einen werden wir für diesen einenTrick machen, und wir gehen zu diesem Bild oder hier. Dies ist die Bilddatei. Dies ist das Bild frei, unten hier. Wir werden Drag & Drop, was wir auf diesem Bild gefüllt haben, und es platziert es auf eine Menge gute Art für mich. Ich denke, das ist eine großartige Platzierung. Also, wenn ich es fallen lassen und ändern will, werde ich es so ändern. Das sieht besser dafür aus. Unter 30 Minuten wird dunkelgrün sein, nicht mit schwarz hier drüben. Das ist eigentlich schwarz. Das ist also alles für diesen Bildschirm. Wir haben diesen Bildschirm erfolgreich abgeschlossen, und lassen Sie uns unseren Prototyp im Bildschirm sehen und sehen, wie er aussieht. Wir haben Zehentest, einige Dinge, zum Beispiel, die erstklassige Kerbe hier drüben. Okay, jetzt können Sie sehen, dass dies unsere lokalen Sprünge sind, und es ist direkt hinter diesem erstklassigen Teil hier drüben. Also wollte ich hier drüben in diesem Abschnitt sein, weil wir das in unserem Design zuerst erledigen müssen, das ich verwendet habe. Ich habe es hier drüben platziert, also war es, du weißt schon, durch diesen Abschnitt gekommen. Also habe ich es hier runtergezogen. So werden wir den Bildschirm verwenden und gestalten. Die anderen nächsten drei Bildschirme, sie sind nur Sie können nur sehr ähnlich zu diesem sehen. Wir haben alles besser drauf. Wir brauchen nur Zeh. Stellen Sie sicher, dass sich diese Stop-Navigation bewegt. Und auch die untere, wenn wir Zehe haben. Das wird also die nächste Sitzung sein. Ich denke, das sind diese Lektionen sehr lang. Aber du musst bei mir bleiben. Sie müssen es bauen, und Sie müssen lernen und sehen, wie ich es tatsächlich mache. Gehen wir also zur nächsten Lektion über. 44. Home Screen SALADS – Recipe IOS App Design: in dieser Lektion. Wir werden die nächsten Treibstoff-Bildschirme erstellen und Sie können sehen, dass wir hier sind. Hier haben wir. Sellards verdient gesund, also sind diese fast gleich. Die einzige Ausnahme ist, dass diese die Menüleiste hier drüben es tatsächlich von aktiven Zehe in aktiv bewegt . Und dieser Hintergrund bewegt sich hier drüben. Also gehen wir zu Fuß, nutzen das und wechseln einfach durch die Steuer. Das ist das Gleiche. Also werde ich es wirklich sehr schnell überspringen. Oder vielleicht werde ich diesen Abschnitt überspringen. Ich konzentriere mich auf die Spitze hier drüben, weil alles gleich ist. Nur wir ändern Bilder, Werte von diesem hier, Das ist alles. Wenn wir, Wenn Sie irgendwelche Fragen haben, können Sie mich immer fragen und das wird Ihr Problem lösen, wenn Sie haben. Wenn Sie irgendein Problem finden, ist alles gleich. Nur änderten sich Text und Bilder. Dieses Stopp-Rezept und Navigation. Ich werde es in dieser Lektion erklären. Also lasst uns anfangen. Und was wir tun werden ist, dass wir diesen Bildschirm replizieren, und das erste, was wir tun werden, ist in diesen Bereich hier drüben verschoben, Skip. Okay, das ist also aktiv, inaktiv. Und zuerst, was wir tun werden, ist, dass wir die inaktiven entfernen und in den inaktiven Zustand gehen, denn jetzt auf den Mahlzeiten ist weg. Wir wollen einen schlechten Boden. Toby ist hier drüben zu Salaten gezogen. Und wir werden auch seine reiche ändern, denn jetzt ist es ein bisschen kleiner, weil Salate ein großes Wort ist. Also wird das hier drüben so sein. Okay, Verkäufer für Verkäufer, wir haben einen aktiven Zustand. Ein inaktiver wird ausgeblendet. So wird es sich also bewegen. Ähm, jetzt werden wir das Gleiche tun. Wir werden einfach all diese Bilder und alles ändern. Der Steuerladen hier schnell. Und das ist alles. Normalerweise versuche ich, meine untere Navigation zu verstecken, sobald Sie sie sperren können oder Sie können es leicht ausblenden, manipulieren Sie diese Elemente. Also gehe ich mit den Zeh. Meistens verstecken Sie es so. Wenn so etwas passiert, ist es, weil wir Zehe Ernte zitiert haben, so können Sie gehen, um zu füllen, und dann können Sie wieder gehen, um es zu platzieren, wo Sie sein wollten. Das passiert also. Eigentlich habe ich Grob Ah angegeben, in meinem, ähm, früheren Betrug McCandless oder sind hier langweilig. Das passiert also mit mir, also mach dir keine Sorgen darum. Sie können das beheben. Wenn ich also dazu gehe, kann ich Phil benutzen und dann kann ich ein beliebiges Bild von hier auswählen. Vielleicht werden dieser und ich es hier so rüber fallen lassen, und dann kann ich die Zehenfrucht machen und sie so bewegen. So jetzt können Sie sehen, dass dieser Bildschirm ist auch die zweite neben sind auch die gleichen abgeschlossen. Also werde ich uns nicht wiederholen. Gleiche Designschritte wieder, wieder. Also werde ich sie selbst erstellen, und ich werde diese Lektionen überspringen, weil das dasselbe ist, was wir in den nächsten beiden Bildschirmen tun werden. Also, sobald ich fertig bin, würden sich alle diese Bildschirme als nächstes treffen, und wir werden tatsächlich unsere Prototyping-Tools verwenden, um diese vier und fünf Skins zu konstruieren. Gehen wir also zur nächsten Lektion über. 45. Gesunder Rezepte – Recipe Mobile App: Also, jetzt erschaffe ich, tatsächlich, die letzte von diesen vier Bildschirmen, die jetzt gesund ist, ist hier ein kniffliger Teil. Deshalb habe ich hier drüben angehalten und mit der Aufnahme begonnen. Jetzt können Sie hier drüben sehen, wir haben diesen Hintergrund. Also, wenn wir versuchen, es hier rüber zu bewegen, tatsächlich gesund wird sich innerhalb des Bildschirms bewegen, anstatt hier drüben. Also, äh, wenn wir so etwas tun müssen, müssen wir die ganze Navigation verschieben. Also lasst uns diese Schule benutzen und sie nach draußen bringen. Also haben wir diese ganze Navigation mit dem Hintergrund. Komm schon, G, G, das ist ein anderes Top, das sie haben. Okay, also was wir tun müssen, ist, dass wir das auf der linken Seite bewegen. Also wird sich das tatsächlich so bewegen, also werden die Mittel ausgehen. Und jetzt werden wir die Statistiken ändern. Das wird also inaktiv sein. Dieser Hintergrund wird die Zehe gesund bewegen. Und, äh, jetzt wird es eine Grube außerhalb von gesunden sein, und die Reichen werden. Ich denke, das ist gut und, äh, gut, ist gesund. Okay, also wird der aktive Zustand inaktiv ausgeblendet und, ähm, als nächstes in die Mitte bewegen. Hoffnungen. Also wollen wir diesen Hintergrund tatsächlich mitten in dieser Richtung bewegen. Okay, das sieht also gut aus. Wir haben alles hierher gebracht, und das wird so sein. Der Rest ist derselbe. Ich werde alle Bilder ersetzen und ich werde Sie in der nächsten Lektion treffen, wo wir werden wir tatsächlich animieren diese und tatsächlich versuchen, den Prototyp dieses Abschnitts Wir sind hier. 46. Prototyping Sliding Navigation in Figma: Jetzt können Sie sehen, dass wir unsere Kraft erstellt haben, diese großen Bildschirme und dieses Intro oder Login Bildschirm. Und wir sind in der Lage, dass wir hier ein Prototyping hinzufügen können. Jetzt können Sie alle diese vier Bildschirme sehen. Sie sind 940 Exil hoch. Ich habe etwas Platz unten gelassen. Also, wenn Sie es hier sehen, also tatsächlich, Ich habe den Raum verlassen, weil diese Navigation und dieser Hintergrund ganze Inhalte wird sich bewegen. Wenn wir also diese Seite nach oben verschieben, wird dies hier ihren Platz einnehmen. Also wird es hier drüben so sein, also nein, also nein, du kannst sehen, dass das hier ist. Deshalb habe ich unten etwas Platz gelassen. Okay, jetzt werden wir diese Bildschirme verknüpfen, und wir werden zu diesem Prototyp hier drüben ziehen. Und das erste ist, dass dies unser Hauptbildschirm sein wird. Also gehen wir Zehe greifen es von hier, und wir werden es mit diesem verknüpfen, so dass Sie diesen Spielknopf sehen können. Dies ist dies zeigt, dass dies der erste Bildschirm jetzt Wir können auch etwas hinzufügen hier. Zum Beispiel gruppieren Sie alle diese Befehl G und nennen wir es Logan Group. Und wir können das auch mit diesem verknüpfen und auf den Wasserhahn werden wir nie das bedeutet bekommen , und es wird nicht sofort sein. Wir werden smart verwenden, animieren, und wir werden einfach in und erleichtern für 400 Millisekunden verwenden. Das wird also die Tatsache sein, dass wir ähnlich für diesen verwenden werden. Okay, also eine Sache, die sie erwähnen müssen, ist, dass, wenn Sie versuchen, ein Symbol zu verwenden, es einen Treffer Zielbereich geben wird. Dafür bedeutet ich gon hit area, dass wir etwas im Hintergrund entwerfen müssen, was an dem fähigen Bereich sein wird, der für den Finger zugänglich ist. Also, wenn Sie einen sehr kleinen fähigen Bereich haben oder Ziel treffen, wird Ihr Finger nicht Fuß Fuß berühren Sie dieses Symbol leicht. Verwenden Sie also eine echte halten Sie dies zu berühren, und es wird nicht funktionieren. Also, was wir tun werden, ist, ähm, lasst uns in diese Gruppe gehen. Lassen Sie uns hier ein Rechteck wie dieses erstellen. Ich hasse diese Funktionalität wirklich , ,dass ich einen Simon in einer Gruppe will. Es sollte dieses Rechteck innerhalb dieser Gruppe erstellen, anstatt es oben zu lesen. Also werde ich es zu diesem Pfeil nach links ziehen und für den Sektenwinkel wird es, äh, äh, feuchte Idee für diesen Fehler links sein. Gehen Sie einfach zum Design und nur Jack diesen Clip-Inhalt injizieren jetzt, der Schrittbereich wird tatsächlich Zehe transparent sein. 0% Transparenz, denn wir werden sie nur für Prototyping verwenden. Sobald wir also die Stichmedien haben, und wir wollen, wissen Sie, sie auch in allen anderen Gruppen aufbauen. Also werde ich das Gleiche für diesen hier tun. Also werde ich einen Tab Abschnitt hier drüben haben. Tippen Sie es noch für diese eine, Do und ich gehe Teoh, verwenden Sie einige DeBlieux wie diese. Uh, lasst uns so etwas benutzen und es hineinschieben. Dieser Trichter ist auch in Gericht App. Ja, und lasst uns diesen Clip-Inhalt ändern. Ich bin dran, wenn du es hast. Also müssen Sie überprüfen, ob es einen Rahmen um Ihr Icon gibt und Sie diesen Clip-Inhalt haben das wird ein Schmerz in Ihrem Kopf sein. Also, äh, Tab-Bereich wird transparent sein, also werde ich die Transparenz auf 0% ändern. Also haben wir hier drüben Trichter- und Pfeilsymbole, und wir werden den Kamar nachlassen und beide von ihnen sehen. Und wir gehen, ähm, Biest sie oder hier so. Also lasst uns, wie, an Bord gehen, verdünnen sie. Und ich gehe zu Hoffnungen nicht mögen diese basierte Zeit, die wir hier sind, sie werden an dem Ort basieren, so weniger neben diese in den Sekunden wie dieser Befehl führen , wir Ihre Kontrolle v, um sie ähnlich für diese zu einfügen. Wir tun es, weil wir diese Komponenten nicht hergestellt haben. Wenn wir diese Komponenten gemacht hatten, mussten wir nur in den Komponentenabschnitt hinzufügen. Aber ich denke, dass diese Art von anderen tatsächlich funktionieren wird. Also hier haben wir sie. Jetzt werden wir diese Abschnitte wieder verknüpfen, also gehen wir zum Prototyp und öffnen diesen und wählen den Stich Indien aus und wir werden es wieder verknüpfen. Uh, das wird navigieren, und wir werden nicht smart animate verwenden, aber wir werden, ähm, ausziehen, oder es wird zerstört sein. Also dieser Bildschirm wird sich so bewegen, und das wird wieder ähnlich für diese wieder kommen, Wir werden das Gleiche tun. Einstellungen, die bereits das gleiche. Also haben wir Tasche verlinkt und wir haben dieses Log in Schlepptau verlinkt. Dieses D ist für diesen Hauptbildschirm. Okay, also lasst uns das testen. Ok? Also haben wir den Bildschirm, um es zu erstechen, und Sie können sehen, wie Yum xyz nach oben kommt. Das ist eigentlich schlau. Jede Minute kann man sehen, wie man sich auszieht und so ausstrahlt. Nun, das nächste, was wir tun werden, ist, dass wir fähige Bereiche für all diese hinzufügen. Also, was ich tun muss, ist, dass ich einen anpassungsfähigen Bereich Tab-Bereich in all diesen hinzufügen muss. Also, ich denke, wir hätten das von Anfang an schaffen sollen. Aber, ähm, so wollte ich Ihnen zeigen, dass, wenn Sie nicht das Stichziel erstellen, das wirklich viel weg ist , und Designer vermissen, wenn sie ihren Unterricht unterrichten. Das wird also Tap Ziel sein. Und, ähm, das wird 0% sein, was das bedeutet. Dann haben wir die gleiche Zeit, die es dupliziert wird, werden vier Sellards wie diese in der gleichen sein. - Ja. Dann haben wir Come on D auf. Wir gehen zu den Wüsten dieser Sektion Wir sind hier. Dann kommen wir wieder und machen dasselbe für diesen hier drüben. Das sind also die Wasserhahn Jogger für all diese. Das wird also in unserem Prototyp verwendet werden. Dies sind das Treffziel für die Finger. Also, wenn Sie Ihre Finger, wenn Sie diesen Schritt Ziel haben, sehr kleine Finger gehen, um dieses Stargate zu verpassen , und es wird einige Probleme haben. So versuche ich Ihnen zu zeigen, wie Sie die Benutzererfahrung machen oder die Benutzerfreundlichkeit aus der App verbessern werden? Nein. Ich werde all diese Tap-Ziele in all diesen oder hier hinzufügen. Jetzt habe ich alle Tippziele erstellt. Warum? Ich habe keine Komponente gemacht, weil ich das ganze hierher bewegen muss und was sie sind, also wollte ich Ihnen nur zeigen, wie man diese Tap-Ziele erstellt und warum sie für das Prototyping notwendig sind . Also, jetzt gehen wir zu diesem Prototyp-Abschnitt oder hier. Und dafür bedeutet, dass dies Mahlzeiten für die Verkäufer sein wird. Sie können jetzt das Ziel des Notensystems sehen. Wir werden es zu Salaten hier drüben bringen. Und es wird, äh, klug sein. Und es wird einfach rein und raus sein. Das sind also die gleichen Einstellungen, die für jeden von diesem verwendet werden. Also, dieser hier wird sich bewegen, also verdient das. Gesund geht Zehe bewegen sich auf die letzte handliche. Als Nächstes. Verkleinern Sie, damit Sie leicht sehen können, dass ähnlich, wir haben diese Verkäufer Entschuldigung Mittel und es geht, um mich Jahre zurück zu gehen. Dessert Hoops Dessert geht in die Wüste zu gehen. wird gesund kowtow ähnlich alle Frieden. Jetzt können Sie sehen, dass ich sie verknüpft habe. Nun lassen Sie uns das testen und sehen, wie dieses Navigationsmenü tatsächlich funktioniert und aussieht und sich anfühlt wie Also lasst uns loslegen und sehen, was wir bevorzugen können. Ich habe mit Sigma. Lassen Sie uns es einige Zeit zu Herrn geben, es braucht viel Zeit, um das gleiche es zu senken. Also gehen wir weiter und sehen unseren Prototyp Overhead. So werden einige der Bilder nicht geladen, aber Sie können sehen, dass der Effekt Overhead gerade jetzt für GMA tatsächlich ihren Dienst betreibt. Deshalb haben wir diese langsame Langsamkeit in dieser Animation und diesem Prototyp, ich hoffe,es wird Ihnen nichts ausmachen, aber so werden wir das schaffen, äh, Animation und diesem Prototyp, ich hoffe, es wird Ihnen nichts ausmachen, aber so werden wir das schaffen, äh, oder hier. In ähnlicher Weise können wir diese klicken und gehen Sie zurück gehen oder Haare gesund ihre Schule von gesunden zwei Mahlzeiten Desser , Sellards und Mittel. So ist es, wie Sie tatsächlich Prototypen und verknüpfen Sie Ihre Bildschirme? Stellen Sie sicher, dass die Positionen von diesem Text und alles gleich sind, weil Sie hier sehen können . Wenn ich versuche, hier rüber zu klicken, fühlt es sich an, als ob es sich bewegt. Einige Störungen gibt es in Feigenmassen-Prototypen oder müssen nicht sehr viel sein, weil Sie Ihren Entwicklern zeigen müssen, dass es so aussehen wird und es gibt Standardsteuerungen und Programmierung, die diese Bewegung erleichtern werden. Ich hoffe, Sie haben das bis dahin genossen. Ich hoffe, du hast viel über Feige gelernt, Mom, wir werden nächste Bildschirme in den nächsten Lektionen erstellen. Gehen wir also zur nächsten Lektion über. 47. Suchfilter Recipe: Nun, in diesen wenigen Videos, werden wir diese Suche fitter Bildschirme 123 und vier erstellen. Also, tatsächlich, in diesem Grün haben wir ausgewählt, um diese Auswahl zu deaktivieren, also werde ich nur bei einem dieser bleiben. Ich werde Ihnen die Technik zeigen, und Sie können sie auf so viele anwenden. Wenn ja, willst du hier drüben den Zeh nachlassen. Also haben wir Ah, dieser Bildschirm mit den solchen Reserven werden gezeigt, als wir haben. Drei Bildschirme waren Filter und erweiterte Suchoptionen sind so, wenn jemand auf die Suche klickt , wird dieser Bildschirm angezeigt. Also lassen Sie uns beginnen und beginnen, diese Suchfilterbildschirme zu entwerfen. Jetzt gehen wir zurück zu unserer eigentlichen Datei, und das erste, was wir immer tun werden, ist, dass wir das replizieren. Also lassen Sie uns das gesund replizieren und es umbenennen. Ich glaube, sie sind alles, was du so nennen kannst. Das wird also unser erster solcher Artikel sein. Und, ähm okay, damit wir hier drüben ein paar Sachen abholen können. Zum Beispiel brauchen wir das hier nicht, also werden wir das hier löschen als diesen einen Zeh, und von denen wir gehen, brauchen wir diese kleinen Rezepte nicht. Wir brauchen vielleicht diese Steuerschuld hier drüben, also werde ich sie hier so behalten. Ich denke, wir müssen das nicht benutzen. Vielleicht brauchen wir so etwas, aber im Moment denke ich, es ist wichtig, dass wir gelöscht haben. Okay, hier haben wir eine Überschrift, und lassen Sie uns unser Lior-Gitter einschalten, und ich werde es links ausrichten. Das ist die Distanz Zehe halten. Ähm, 48 ist gut. Als Nächstes. Ermöglichen Sie unseren Herrschern. Das ist eigentlich der Job . Also okay, also denke ich 40. Sieht toll aus. Lass uns alles verstecken. Shift auf kontrollierte Schicht vier oder Kontrolle G, wenn du auf einem Mac bist, und hier haben wir unseren Paul, du bist so, ich denke, es sollte hier ausgerichtet sein, damit die Leute nicht viel von Flackern bekommen oder so etwas. Also gehe ich hier rüber so. Okay, also zuerst werden wir es in gestorbenes Land umbenennen. Also haben wir einen Diät-Plan. Optionen waren hier. Nein, werden wir verschiedene Optionen für den Diebstahlplan erstellen. Wir werden eine Technik verwenden, die Ihnen helfen wird, Ihre Arbeit zu beschleunigen und wir werden mit Text dort beginnen. Hier drüben. Vieh ist gestorben. Lasst uns das benutzen und ich werde Zehe Farbe es gehen, um lokale Mörder zu gehen. Und ich werde dieses Weiß benutzen, sogar f f f... Oder du kannst hier drüben ein bisschen mehr Kämpfer benutzen. Nein, die einfachste Technik ist, dass du Fuß gehst. Fügen Sie einen Frame Shift, plus a Jetzt können Sie sehen, hier haben wir einen Rahmen, so werden wir es Option nennen. Und wenn wir einmal den Rahmen gemacht haben, können wir hier die Füllfarbe hinzufügen, und das wird es neun und fünf sein. Das wird also eine tolle Farbe sein, also denken wir nicht, dass es aktiv ist. Es ist also ein normaler Zustand. Also werden wir etwas Rundheit hinzufügen. Lassen Sie uns 1 bis 6 handeln und auf der linken und rechten Seite beißen. Ich gehe mit 16. So etwas. Und oben und unten. Ich werde über 12 gehen. Verwenden wir 13 so etwas. Das sieht also toll aus. Wir haben eine sehr schöne Box, die mit unserem Text erweitert wird. Also, wenn du dich daran erinnerst, dass wir vorher ordentlich ausgenutzt haben. Das ist eigentlich der geordnete Drink. Jetzt werde ich das nachbilden. Wir werden es nicht in einen anderen Container zu zerlegen, also lassen Sie uns replizieren, indem Sie Kunst-Optionstaste drücken. Und wir werden noch einen haben, das heißt, neue Indict zu kaufen. Lassen Sie uns eine andere erstellen alle zeichnen Option ziehen, um eine neue zu erstellen. Ich halte Abstand von 12 hier drüben zwischen diesen beiden Elementen. Also haben wir hier vier Möglichkeiten. Lasst uns sie zusammenfassen. Komm schon, G. Also das ist unsere gestorbene Gruppe hier drüben, also werde ich sie in diesen kleinen Abschnitt verschieben, weil wir diese Gruppe bereits hatten. Okay, von hier aus haben wir viel Platz, also wollen wir nicht, dass es zu viel ist. Okay, also noch einen Trick, ich werde es dir zeigen, also lass mich dir zeigen, dass du Schicht vier kontrollierst. Okay, wenn Sie also vergrößern, können Sie sehen, dass diese nicht richtig ausgerichtet sind. Und noch eine Sache ist, wenn Sie abgerundete Ecken wie diese ovalen Formen haben, müssen Sie sie ein bisschen mehr von der Grenze halten, oder? Wenn du sie so an der Grenze halten willst, wie diese 15. Ich werde nur 12 sein. Das wird versucht. Okay, also werde ich das hier zu einem Auserwählten machen. Oder vielleicht werde ich es ein wenig hineinschieben, weil wir hier abgerundete Ecken haben . Es wird ein bisschen anders aussehen. Oh, können Sie ein bisschen sehen. Es ist tatsächlich ein visuelles Problem, dass, wenn Sie so etwas sehen, es nicht ist. Es wird nicht ausgerichtet aussehen. Dies ist also ein einfacher Trick, dass, wenn Sie viele abgerundete Elemente wie diese haben, Sie Ihren Text ein wenig auf der rechten Zehe bewegen ihn visuell in der Linie ausrichten müssen. So kontrolliertes Schiff vier. Das sieht ein bisschen besser aus. Sogar du kannst es bewegen. Zwei weitere Pixel in diesem sieht gut aus. Gestorben Plan. Okay, also haben wir diese Gruppe, nur wir werden diese Gruppe replizieren und unter Gruppe hier unten erstellen. Okay, jetzt sind es 54. Ich gehe Zeh, schiebe es mehr runter 56 und ruhe mich aus. Du weißt es schon. Ich wiederhole nur das gleiche Zeug. Was ich hier getan habe. Okay, das sieht also gut aus. Jetzt müssen wir die Höhe dieses Kunstbrettes reduzieren. Wasit ist ein bisschen viel. Wir brauchen nicht so viel. Also hier sind wir. Dies ist also die Ziellinie für diesen Bildschirm. Ein weiterer Trick ist hier vorbei, denn wenn Sie die Höhe der Abstand zwischen diesen Elementen ändern möchten , können Sie dies nachlassen. Schnappen Sie sich dies und Sie können den Abstand zwischen ihnen erhöhen oder verringern. Das ist also 13. Und wenn ich es von hier aus nicht schaffe, kann ich etwas von hier aus gebrauchen. 12. Ich wollte 12 und ähnlich hier drüben sein. Ich wollte 12 sein. So machst du es schnell. Dies sind die wenigen Features, die wirklich glänzen in Fig Meyer. Ich hoffe, Sie haben diese Lektion auf der nächsten Seite genossen. Wir gehen zu Fuß, machen den Auswahlstatus, und ich werde Ihnen sagen, wie wir es in den nächsten paar in einem Prototyp machen werden. Lasst uns und lasst uns zur nächsten Lektion übergehen 48. Animation der Suche von Suchfiltern: Jetzt werden wir diesen Bildschirm replizieren und wir gehen auf den nächsten Zustand , der Auswahlstufe sein wird. Also werde ich die Zoom-Zehe 90% nach meinen Wünschen verwenden. Das sieht gut aus. Jetzt gehe ich Zehe Klick und halte meine Kunst und Wahltaste gedrückt, um es zu ziehen und diesen Bildschirm hier drüben zu replizieren . Das wird also über so sein und hier werden wir einige Auswahlzustände hier drüben haben . Also, wenn jemand hier alles tippt, wird es hier drüben ein Suchelement geben. Das geht also, was wir auf diesem Bildschirm machen werden? Eine Sache, die wir vergessen haben, was hier ist, dass wir dieses solche Rezept ändern müssen und wir werden eine Tür hier verwenden, suchen duh oder wählen Sie Optionen. Lassen Sie uns das jetzt nennen, jemand klickt darauf. Also werden wir zu diesem Wert gehen, eine Option gestorben, und wir werden diese durch Befehl E repliziert. Also haben wir einen anderen, und wir werden es Option nennen. Nennen wir es Optionswert. Und nennen wir es Option, äh, normal. Und lassen Sie uns diese eine Option in Ordnung für den aktiven Zustand nennen. Wir werden die Farbe verwenden, die wir hatten, die sehr scharf grün ist, was unsere Primärfarbe ist. Diese eine Null e 5956 Also dies ist ein Farbschema. Wir haben uns bereits entschieden. Dies sind unsere Primärfarben auf dem Bildschirm. Einer und ich liebe und genieße diese Farbe wirklich. Das ist sehr nett, Mädchen. Okay, also haben wir diesen Selektorstatus, aber wir wollen auch ein Symbol oder Hilfe. Und noch eine Sache ist die gleiche Sache wird Overhead hinzugefügt werden. Also, was wir tun werden, ist, dass wir das Symbol hierher bringen, gezerrt habe ich hierher gekommen und eine für uns selbst geschaffen haben. Das erste ist, dass wir hier drüben eine Ellipse brauchen, das heißt „Hold-Shift“. Und ich wollte Toby 16 von 16. Lassen Sie uns 16 mal 16 machen und es wird die gleiche Farbe haben. Dieser, der Bildschirm, und es wird einen Schlag von einem Schweine krank haben, und es wird weiß sein. Okay, also werde ich Ihnen sagen, warum ich Dwight Zukunft habe, denn es wird es von diesem Hintergrund über ihn trennen. Wir können auch ein bisschen größer haben, wie 18 mal 18. Das ist das sieht gut aus. Okay, also haben wir das hier, und das sieht kreativ aus. Jetzt müssen wir nur das, was ich hier rüber gegangen bin, also bringen wir Daikon mit. Okay, jetzt, hier sind die Symbole, die wir bereits ausgewählt haben. Es gibt zwei Symbole, die die so markiert haben. Sie können diesen und diesen sehen. Also werde ich mit diesem hier gehen. Ich werde es in mein Sigma ziehen und wir werden schnell einige von den Dingen ändern oder hier. Zum Beispiel. Wir brauchen nur diesen Scheck. Mark, wir brauchen nicht, dass diese Zeilen hier sind, also brauche ich nur diese. Also werde ich nach draußen von dieser Gruppe ziehen, und ich werde es in dieser, so, wir werden eine weiße Farbe verwenden. Entschuldigen Sie das hier, und Sie werden ein bisschen mehr weiß. Lassen Sie uns diese weiße Farbe Zehe mehr weiß, ausgeschlossen, mehr Licht hinzufügen ausgeschlossen, . Vergrößern Sie mit Befehls-Plus-Tasten, und wir werden dies nachlassen und wir werden es ein bisschen kleiner machen, weil es sehr, sehr groß ist . Übernimm hier. Also, ich denke, wir brauchen nur, ähm, wie diesen. Das ist gut. Okay, das sieht toll aus. Entschuldigen Sie die Grenze von der gleichen Farbe wie diese. Noch mehr Schriftsteller, okay? Rahmen Und dieses Kontrollkästchen hat sollte die gleiche Farbe haben. Okay, also denke ich, wir haben unsere ausgewählten gesteuert. Jetzt gruppieren wir es zusammen, weil wir Dinge getrennt hier und da arbeiten können. Das sind also unsere beiden Ellipsen. Das ist okay, also das ist ein kleiner Abschnitt. Das sind Allergien. Das ist also die Pan di. Geplante Gruppenoption jungf. Okay, also hier haben wir die Option aktiv und Option normal. Also werden wir unsere beiden Symbole direkt über diesem aktiven bewegen. Wir werden es nicht drinnen bewegen, weil es die gleichen Dinge hier anwenden wird. Die Einstellungen hier drüben. Also gehen wir Fuß, wählen alle diese Befehle G, und das wird unsere Option sein. Aktiver Student. Das ist also unsere Option aktiv. Dies ist eine andere Option. Normal. Also, wenn jemand hier rüber klickt, oder vielleicht hier rüber, geht das vorwärts. Okay, jetzt werden wir etwas hinzufügen. Wir sind hier, und das erste, was wir tun werden, ist, dass wir das verstecken und wir werden ein weiteres machen , und es ist so traurig Rechteck hier drüben. Und wir werden so etwas wie diese verwenden. Oder vielleicht können wir nur den Text verwenden oder hier und nennen es Wert Ernährung. Und, ähm, wir werden Shift A hinzufügen, die auf die Adauto-Ebene geht. Wir werden 12 und, ähm 11 benutzen . Und lasst uns, äh, 36 hier drüben benutzen äh, , was unsere blaue Farbe sein wird, die wir bereits hinzugefügt haben. Eins. F. Vier d 96 Nun ändern wir die Farbe aus dem Text zehe etwas Weißes, was hier ein Vitaler sein wird. Lass es uns hier drüben platzieren und es sehen, weil es passt. Nein, es ist etwas größer, also werden wir etwas weniger haben. Dann sieht 10 gut aus. Lassen Sie uns vergrößern und sehen, ob wir gleiche Leerzeichen haben oben und unten so etwas. Lassen Sie uns verkleinern und sehen Sie etwas kleiner. Dieser hier, dieser hier wird funktionieren. Ja, okay, so online ist die Einstellung, also haben wir einen Punktwert hier gestorben , der bereits hinzugefügt wird, und mal sehen, ob der gleiche Typ Seiten. Okay, also ist das gleiche für ich kann nicht denken, 11, aber ein Aktionstext. Das ist also 11 Verbindungstext. Okay, das ist also gut. Mach es in der Mitte. Okay, sobald dieser ausgewählt ist, geht dieser hier so. Und, äh, wir werden hier ein Symbol erstellen. Kreuz-Symbol, Es ist diese Verschiebung verwenden. Verwenden wir eine gerade Linie und wir werden minus 45 so etwas verwenden, und wir gehen Zehe haben gekappt. Toby abgerundet Ah, ein bisschen größer. Wer wird die Größe sein? Und wir werden den Befehl geben, das zu replizieren, und wir gehen Fuß. Bewegen Sie es so auf 45 Grad. Lasst uns diese einfach tun. Okay, also denke ich, das sieht so aus, wie es aussieht. Wir haben schon über. Ich rufe an, wir gehen die Zehe. Gruppieren Sie sie zusammen und nennen Sie es Kreuz oder x. Verschieben Sie es hier sieht etwas kleiner aus, also werden wir sein Versteck ein wenig ändern. 13. Das sieht vorher besser aus. Abseits davon, dass sie 14 war oder hier. Schuhe, weißt du, voraus. 16. Okay, also 16 ist eigentlich die Größe für diesen. Also benutze ich Höhe. Die Höhe wird 15 sein. Und sagen wir, Sie 16 16 sieht ein bisschen größer aus. 15.5. Also werde ich eine Größe wie diese verwenden, und es muss sein, Lasst uns sie drinnen bewegen. Ist das so von? Ich denke, wir können es nicht bewegen, weil es tatsächlich auf Instanz ist. Also müssen wir entweder diese Instanz brechen. Wir müssen es kaputt machen. Also lassen Sie es uns so behalten und ändern Sie die Farbe groß die gleiche, die gleiche Farbe. Okay, also haben wir das nicht, oder vielleicht können wir das haben. Ich finde, das sieht gut aus. Beide Aktionen sind ziemlich getrennt. Also haben wir einen Auswahlstatus bereit, um jetzt. Der Trick ist, wann immer Sie jede Minute etwas in Feige wollen, ma oder einer der proto Fahr-App gekauft diese Zustände sollten die gleichen sein. So können Sie sehen oder hören. Hören? Das ist anders. Wir haben verschiedene Möglichkeiten. Option, Option, Option, Option. Und hier haben wir. Wir haben verschiedene Dinge, also muss es dasselbe sein. Also, was ich tun werde, ist, dass wir das generieren, indem wir dieses replizieren. Also werde ich das glauben. Replizieren Sie diese, weil wir haben wir müssen alle diese aktiven Staaten, wenn wir wollen, um jede Mitte und wir werden in diesem Zustand gehen. Das wird also eine Suche eins sein. Und in diesem Zustand diese Kinderlähmung, lasst uns benennen, sollte diese Kinderlähmung, lasst uns benennen,gleich sein. Also, wenn Sie Rahmen eins haben, muss es hier oben gerahmt werden Zehe. Also werde ich es hier runterziehen, und es wird C 0% sein. So wird es sein, die Transparenz sollte 0% sein. Okay, also haben wir es hier versteckt, und wir gehen Fuß. Verwenden Sie die Suche. Wählen Sie die Option aus. Toby Geschenk. Hier drüben wird es ähnlich in diesem hier drüben aktiv sein, wir müssen etwas verbergen. Option aktiv. Es wird 0% sein. Lass es uns zuerst nach unten ziehen. Also wollte ich so nach oben rutschen. Also werde ich es hier runterschieben, und ich werde 0% verwenden. Also, wenn Sie das verstehen, habe ich tatsächlich versucht, diese Staaten zu verbergen. Und als wir uns zu diesem feindlichen Zeh bewegt haben. Dieser, dieser aktive Zustand, wir werden sie einfach in Ordnung zeigen. Ähnlich, für dieses Kreuzsymbol. Wir werden es hierher bringen, so dass das hier drüben sein könnte, hier drüben und umziehen. Machen Sie es 0%. Also, wenn jemand versucht, hier rüber zu klicken, wird es in den Staat gehen. Also, wenn jemand versucht Zehe, wählen Sie unseren Versuch, dies zu aktivieren. Es wird in diesen Zustand gehen und jedes Element wird sich langsam und allmählich zeigen . Das ist also eigentlich der Trick dahinter. In ähnlicher Weise gehen wir hier drüben auf den Fuß. Zeig es. Aber wir werden hier die Deckkraft nutzen. Das wird durch die Verwendung von Opazität wie diese verborgen. Okay, also lassen Sie uns versuchen, alle gemacht sie und versuchen, sie zu verbinden. Lasst uns den Prototyp gehen und ich gehe die Zehe. Geh hier rüber. Und wenn jemand OK ist, so gehen wir hier rüber. Wenn jemand versucht, auf tippen Sie auf diesen zu klicken, wird es zu diesem gehen und wir werden Smart Enemy verwenden. Es ist draussen. Kein Scrollen kommt aus, dass es kalt ist. Fangen wir damit an. Lassen Sie uns auch einige dieser Bars hier mit diesem solchen Bereich verbinden. Also gehen wir zu diesem. Klug. Irgendwelche bloße. Ok, also dieser, ähnlich, dieser ähnlich, dieser hier. Okay, so dass alle Suchleiste dort richtig zu diesem. Lasst uns unseren Prototyp spielen und sehen, was wir noch gefangen haben. Okay, hier haben wir es unsere animierte Fleischkarte. Dann, wenn wir auf dieses solche Rezept klicken, wird es zu Ihnen sehen, das kommt so. Wir können jetzt nicht zurückkehren, weil es zu diesem zurückgeht, den wir Zehe haben. Okay. Wenn wir also einmal auf diesem Bildschirm sind, lassen Sie mich Ihnen zeigen, was wir bis jetzt getan haben. Also für klicken Sie hier, sehen Sie die jede Mission hier drüben und lassen Sie mich dies verbinden, damit wir es immer wieder wiederholen können. Okay, hier haben wir dieses Kreuz und wo ist? Über. Also das ist wirklich, ich mag das nicht in strenger Mom, weil mein Name. Und als ich das geschlafen habe, sollte ich drinnen sein diese Schicht hier rüber nehmen. Also das ist ein Quer Symbol und ich werde hinzufügen, um, tippt die 80 hier drüben. Das wird also mein Tab sein? Ja, für diese Kreuz-Ikone. Was ist los? Ich möchte ein Gewirr haben, das ihre Meinung dafür sein wird. Es ist Kreuz-Ikone. Nennen wir es Tiefe. Ja, ich gehe zu 0% Deckkraft, und es wird wieder gehen. Also, im Prototyp, werde ich die Zehe gehen. Bewegen Sie das und das geht zurück zu diesem. Und lasst uns das noch mal spielen. Nein. Siehst du den Effekt hier? Siehst du, wie dieser Kumpel deine Diät zusammen mit diesem gleitet? So erstellen Sie einen schön aussehenden unmittelbaren Prototyp in Abb. Meine Hoffnung, dass Sie gelernt haben, genossen diese Lektion. Fahren wir mit der nächsten Lektion fort, in der wir die Suche zeigen werden. Solche Reserven. Ich hoffe, Sie haben dieses Video genossen, und ich weiß, dass diese Videos sehr lang sind, aber Sie müssen weiter beobachten, um etwas Neues zu lernen 49. Ergebnisse von Design und Prototyping: Jetzt haben wir die Suche erstellt, jede Mission und Prototyp es. Jetzt gehen wir auf den nächsten Bildschirm zu bewegen, der die Suchergebnisse sein wird. Also nennen wir es solche Reserven und Sie können sehen oder hören. Wir werden einen Status hier drüben haben, wie wir diese vielen Reserven gefunden haben, die das als nächstes löschen. Verdünnen Sie das. Also behalte ich das, weil ich es zeigen muss. Fünf Reserven Telefon. Also werde ich den gleichen oberen Abschnitt hier behalten, und wir werden die Farbe auf einige große wie diese ändern, weil wir nicht wollen, dass es hier oben sehr hervorgehoben wird. Und jetzt werden wir ein Rechteck-Overhead erstellen. So wird Rechteck die gleiche Größe wie dieser Balken haben. Hier drüben ist es 3 39 3 39 und lasst uns die Höhe 1 24 behalten und wir werden den Zeh so hineinliegen . Es wird 20 Pixel weit von den Stop-Reserven entfernt sein, und wir werden einige abgerundete Ecken haben, vier voll ausscheiden. Das ist unsere ermöglichen, also ist es ein bisschen außerhalb des Fallar-Abschnitts hier drüben. Okay, das sieht also gut aus. Okay, also, nein, das ist unser Ausgangspunkt. Also werde ich meine, äh, aus Grade Befehlskontrolle Shift vier und Kontrolle G verstecken äh, . Ich denke für Mac-Benutzer, werde ich weiße Farbe verwenden. So jetzt können Sie sehen, warum ich dieses Weiß verwendet habe, weil weiße Looks auf diesem blassen und fertigen Hintergrund erstellen . Das ist also ein Trick. Ich wollte Ihnen zeigen, dass, wenn Sie versuchen, einen sehr hellen oder sehr hellen gepaarten Hintergrund zu verwenden , Ihre weiße Farbe darauf glänzen wird. Also, jetzt werden wir etwas Schatten hinzufügen, diesen. Also werden wir Zeheneffekte machen. Schlagschatten und Blut werden drei fünf sein. Jeder wird eins sein. Weil wir nicht wollen, dass es weit weg ist. Und die Farbe mit 363636 Und die Deckkraft wird 10% sein. Sie können sehen, es ist sehr subtil. Schattiert. Fortsetzen in. Sie können sehen, dass dies sehr, sehr heller Schatten ist, und es sieht wirklich toll aus. Es ist sehr nah an dieser Schicht, und das sieht gut aus. Jetzt werden wir ein Bild hier auf der linken und auf der rechten Seite hinzufügen, wir werden einige von den Informationen haben, wie Milch Gig oder so etwas. Also zuerst gehen wir die Zehe. Das wird unsere Dana sein. Und jetzt werden wir einen weiteren Container in diesem einen hinzufügen. Also wird es hier drüben so sein. Das wird unser Bild enthalten. Nein. Was wir tun wollen, ist, dass wir diesen Container als unsere Moschee für all das fungieren wollen. Also werden wir diese Befehlskontrolle D replizieren und wir werden diesem Container eine Moschee nachlassen. Wir haben es umbenennen, eine Moschee im Hintergrund enthalten, und wir werden schlafen gehen. All die Top-Spieler, die wir drinnen wollen, und wir werden diese Moschee benutzen oder hier. Jetzt können Sie alle diese Führer sehen. Sie können dieser Größe nicht entkommen. Also, wenn ich versuche, die Größe zu ändern, können Sie sehen, dass es immer hier bleiben wird. Noch eine Sache ist, dass ich denke, dass unser Schatten hier verloren ist. Also lassen Sie uns das hier entfernen, und wir werden es zu unserer Moscheengruppe hinzufügen. Also lassen Sie uns das gemeinsame hier hinzufügen. Die eine 3 66 und wir werden 10% davon hier verwenden. Das sieht also funktioniert aus. Das sieht gut aus. Also haben wir diesen nächsten Anrufer-Image-Container, und wir werden ziehen und über das Bild in diesem ein. Lassen Sie uns dies verwenden und füllen Sie dieses mit Bild hier drüben, wie dieses Bild und stellen Sie das Bild frei. Und das sind die Bilder. Sie erwarten das hier. Okay, das sieht also gut aus. Das sieht gut aus. Großartig. Okay, wir brauchen ein paar Informationen oder hier. Also beim Michigan Dinner haben wir das Bild darin. Dann haben wir diesen Container. Dies wird der volle weiße Behälter sein. Nennen wir es weiter Licht. Und dann haben wir Moschee fortgesetzt, die eigentlich alles maskiert. Okay, jetzt werden wir hier etwas hinzufügen, wie Milchkick. Das wird unser Titel sein. Okay, also wollen wir eine gute Trennung von diesem Bild haben. Lass es uns hineinziehen. Diese verlorene Gruppe 2120 s gut von oben. Entschuldigung 12. Dann haben wir etwas anderes wie 5 36 Menschen lieben es. Wir werden auch hier eine Rezension haben, also werden wir 251 Bewertungen und Sterne verwenden. Also werden wir hier drüben eine Sternform verwenden, eine Sternverschiebung oder Verschiebung erstellen. Ich werde einen anderen Winkel verwenden, wie 45. Das sieht gut aus. Und ich werde hier drüben eine orangefarbene Farbe verwenden, wie diese. Etwas heller würde besser aussehen. Wie diese Größe wird nächstes Jahr 12 sein. Das sieht gut aus. Wir müssen diese nicht nur replizieren. Komm schon, De. Komm schon, D. Nun, ich werde etwas von dem Gentleman von gebrauchen, weil die meisten dieser Auswahlen, die Sie hier sehen können , wenn Sie hier rüber gehen. Dieser hier, Das hat Arabisch. Ich werde in einigen von 16 verwenden. Ähnlich, hier drüben, werde ich Ihren Strohmann von 16 benutzen. Und die Farbe wird die gleiche sein. So wie dieser hier. Ein bisschen kreieren. Ähnlich, für diesen, werde ich es und Gentleman benutzen. Und lasst uns alles in Ordnung für diesen hier zusammenfassen, wir werden dieses Schwarz nicht benutzen, aber wir haben ein grünes Schwarz. Also werden wir das hier ähnlich verwenden, für dieses. Wir wollen nicht, dass es sehr hell ist. Lassen Sie uns vielleicht können wir diese grüne Grundfarbe verwenden, weil Bewertungen sehr Sie können sehen Menting off jede App Menschen lieben, sie zu lesen. So ist dies fast bereit, dass verkleinern und sehen, wie unterschiedliche Entfernungen sind. Dieser, äh, dieser hier sieht etwas kleiner aus, also werde ich die Größe erhöhen und Shift halten. Okay, das sieht jetzt besser aus. Krankenschwester Linie links Seiten. Okay, also hier haben wir den Abstand weg, bis sie das benutzt hat. Bewegen Sie sie ein wenig nach oben, denn es ist sehr nah an der Grenze hier drüben. Okay, sobald wir diese Moscheengruppe geschaffen haben, ist das eigentlich unser, ähm, solches Ergebnis. Oder vielleicht können wir eine kleine Karte. Wir können eine kleine Karte anrufen. Jetzt werden wir das nachbilden. Wenn Sie eine Komponente erstellen möchten, können Sie dies auch tun. Also werde ich einige der Dinge hier und da verschieben, und dann werde ich es bewegen. Machen wir dies zu einer Komponente. Befehlskontrolle. Abgeschreckt. Replizieren. Ich benutze. Ich werde diese Theis-Komponente, diese Master-Komponente in unseren Styleguide verschieben . Also lasst uns Harrod oder hier so. Jetzt werden wir uns replizieren und einfach die Bilder und die Steuer ändern. Also gehe ich mit den Zeh. Ich werde nicht ins Detail gehen. Das wird überspringen. Ich werde es sehr schnell überspringen. - Nein , der Bildschirm ist fertig. Sie können hier drüben sehen. Ich habe all die verschiedenen Elemente hier geändert, und ich habe hier unten etwas Platz gelassen. Also, wann immer wir Schule, haben wir den Platz für diese untere Navigation, oder hier. Also, jetzt werden wir diese Gegenstände hier verknüpfen. Also einmal so verwenden und auf Suche klicken, sollte es weitergehen. Diese Suche ist eine Rede. Also lasst uns das machen. Also werden wir dieses Symbol auswählen, und wir müssen auch ein Rechteck hier hinzufügen, um den Tap aktiven Bereich wie folgt zu haben. Und es wird sein, dass dies in der Nähe dieser solchen Bar sein wird. Tippen Sie auf eine DEA, schrauben Sie sie am Wochenende zusammen. Wenn wir keine Gruppe wollen, können wir es wie diese Schrittidee für solche lassen. Und dann werden wir die Deckkraft auf 0% verwenden. Und sobald wir gehen Zehe Prototyp ging Zeh schlief die gleiche Diese Registerkarte 80 hier drüben und gehen um es zu bewegen. Also dieser ist in jedem gemacht. Also lasst uns versuchen zu sehen, was wir erreicht haben. Noch immer. Also alle Ihre Diät-Rate Weiter, klicken Sie hier und hier haben wir unsere Ergebnisse. Nun, wenn Sie wollen, dass jeder gemacht diese verdient, das ist eine andere Geschichte. Wir haben die gleichen Reserven, die Sie sehen können. Okay, das ist also ein bisschen Problem. Wir sind hier. Wir haben viel Platz unten, weil Sie hier drüben Sachen haben. Lassen Sie mich Ihnen zeigen, was tatsächlich passiert. Also, wenn Sie so etwas haben, müssen Sie Clip-Inhalte haben. Und für dieses Bild wollen wir Phil wohnen, wir gehen, um die Ernte zu machen. Sie können sehen, dass sich diese Grenze außerhalb dieses Bereichs befindet. Also, wenn Sie dies haben, aber diese Art von Grenze wird dies Zehe geben mehr Platz an der Unterseite. Also werden wir Ernte und Anruf verwenden. Es wird das beheben und auch Sie können hier sehen, was passiert. BG-Hintergrund ist also etwas größer. Das ist ein weiteres Problem. Stellen Sie also sicher, dass Ihre Ebenen nicht außerhalb dieses Containers gelangen. Wenn also eine Schicht außerhalb dieses Containers ist, wird sie Fuß gehen. Gib dir so ein paar Kopfschmerzen. Okay, also bevor wir zu diesem gehen, müssen wir diese animieren, damit wir alle auswählen werden. Komm schon, siehst du? Und wir werden sie hier drüben stützen. Guten Morgen, V. Jetzt werden wir sie ein wenig bewegen, Doan und, äh, wir werden auch die Entfernungen zwischen ihnen so ändern? Nein, wir werden den gleichen Trick verwenden. 0%. 0%. 0%. Dieser wird 0% sein, um diesen wird 0% sein. Also haben wir all das? Nein, versuchen wir es nochmal zu spielen und sehen, was wir bekommen können. Also hier haben wir es. Dann, wenn wir hier klicken, können Sie sehen, es kommt eine oben von unten, die wieder gespielt wird. Okay. Es sagt Ihnen, dass dies die möglichen Aktionen sind. So machen Sie diese Art von Animationen mit Prototyping. Also hoffe ich, dass Sie diese Lektion genossen haben, wenn Sie irgendwelche Fragen haben, irgendwelche Vorschläge? Stellen Sie sicher, dass Sie es mir immer sagen. Fahren wir mit der nächsten Lektion fort. 50. Rezept-Zutaten Screen: in den nächsten Videos, werden wir dieses einzelne Rezept Zutaten und einzelne Rezept Beruf, diese beiden Bildschirme und dieses Overlay erstellen . Und diese beiden werde ich Profil und Einstellungen überspringen und diese hier ist fast ähnlich wie diese Wüsten hier drüben. Also werde ich das überspringen und ich werde es euch überlassen, und ihr werdet das schaffen . Sie haben das schon gesehen. Ich gehe toe Fügen Sie all diese all diese App-Links ein, so dass Sie sie sehen können und Sie können Ihre eigenen als Ihre Aufgabe erstellen . Das wird sich überlagern. Und diese zwei einzigen Rezepte, die ich beenden werde, weil das all diese Bildschirme sind, die sie alle Techniken beenden, die ich dir in Sigma Onda Thies zeigen werde. Dies wird eine sich wiederholende, die ich glaube wirklich nicht mag. Toe tun es sofort. Also lassen Sie uns mit einem einzigen Rezept Zutaten beginnen und dann werde ich Zehe zurück zu Ihnen und gehen, um Ihre Aufgaben zu sehen und was Sie getan haben, und Sie haben erstellt Nein lasst uns loslegen und begann das Senden der einzelnen Rezept-Bildschirm. Wir gehen zurück auf den Zehenweg waren vorher. Und ich denke, wir brauchen etwas hier drüben, wie diese Salate, und ich werde das nachbilden. Lassen Sie uns replizieren verdient dieses Mal. Also werde ich das hier replizieren und vergrößern und ich werde es Single nennen. Hoppla. Was ist passiert? Einzel. Das wäre okay. Das erste ist, dass wir das nicht ganz oben brauchen. Auch unser dieses Bild, es wird wütend gehen. Das brauchen wir auch nicht. Und das wird hier drüben gleich bleiben. Das wird hier drüben gleich bleiben. Uh, das geht auf die Zehe. Geh weg. Und jetzt werden Sie es so nach oben bewegen, und wir werden es erweitern, indem Sie Shift drücken. Mal sehen, wie perfekt sich ausdehnt. Okay, das ist also dieser Look erzielte. Wir brauchen hier nicht die abgerundeten Ecken, also gehen wir in diese Moschee. Wir brauchen hier nicht die abgerundeten Ecken, Verwenden wir Null. Also haben wir Straßenecken. Dieser Pfeil wird jetzt weiß sein, und nein, wir müssen dieses Bild vergrößern. Also, was wir tun werden, ist, dass wir diese Moscheengruppe sehen werden, dieses Rechteck hier drüben , und wir ziehen es unten so. , und wir Also lassen Sie uns eine T 100 dann Höhe oder Sezierungswinkel erstellen. Lassen Sie uns die Größe dieses Bildes ändern oder hier, wie folgt. Bewegen Sie es hinein. Lasst uns die Höhe davon übermäßig genieren, okay? Und dann werden wir diese Titel auch hier so hart verschieben. Ich gehe auf diese drei unten hier irgendwo, und es ist unser Dag, der Hirsch-Tag. Wir müssen es auch so hierher bringen. Okay, also ist das erledigt. Eine weitere Sache ist, dass wir jetzt übermäßig umstellen müssen, weil wir unsere Symbole oben zeigen wollen . Also werde ich zu diesem Overlay gehen. Gehen Sie zu diesem Overlay. Das ist eigentlich linear. Also werde ich dieses Grau oben hier drüben verschieben. Nun, äh, irgendwo hier drüben so, warum es in diesem Bereich dort sein wird, macht es ein bisschen dunkler, weil wir ein sehr großes Bild haben. Nein. Okay, jetzt denke ich, dass unser Zurückpfeil jetzt ein großer Sichtbarer ist, Ähm, okay. Also, wenn du es ein bisschen mehr Hälse machen willst. Lasst uns versuchen, hier drüben einen großen Dunkleren zu benutzen. So wie das. Es liegt an dir. Es liegt an dir. Was willst du hier machen? Okay, also gefällt es mir so. Jetzt werde ich mehr Symbole hinzufügen, wenn sein Anteil ich dieses Herz laufen werde, das ich habe, wenn Sie diesen Fonds nicht mögen, also hier ist mein Anteil. Ich rufe diese und meine Herzens-Ikone ISS an, diese. Also gehe ich zum Krabbenboot von ihnen, Ex hat sie hineingezogen. Jane Doe gefärbt weiß wie diese dort sicherlich über Gitterlinien Gitter gewonnen und bewegen Sie sie in der rechten. Kunst wird vorbei sein. Lassen Sie es uns hier rüber bewegen und noch mehr so. Das ist eine gute Kontrolle. Schiff vier oder Kontrolle G, um diese zu verstecken. Jetzt haben wir hier den oberen Abschnitt gemacht. Jetzt gehen wir zum Rest von unten, also verdünnen wir das hier. Diese drei Hoffnungen, die ich Nacht brauchen könnte, diese hier abonniert. Lassen Sie uns es für Zutaten verwenden. Du wirst hier einen Navigationspfad haben. Wir sind irgendwo hier, also brauchen wir das hier. Lass uns alles andere verdünnen. Ok? Jetzt werden wir etwas hierher ziehen, um die Statistiken zu zeigen. Also werden wir hier drüben etwas haben, wie diese 48, die 48 vier benutzt hat. Es wird weiß sein. Und hier werden wir einige der Starts wie zu Hause jede Minute zeigen, für wie viele Personen Portionen und wie viele Kilokalorien dieses Rezept ist. Also lasst es uns erledigen. Wir werden das und noch einen benutzen. Was war das erste Mal in dieser Uhr. Wir schleppen alle diese drei in Sigma und wir werden diese Uhr hier benutzen . Dieser wird hier drüben sein. Dieser wird hier drüben sein. Der Rest der Sache ist Ausrichtung und Farben. Der Mörder wird also dieser sein. Das ist eigentlich mittelgrün. Wir wollen nicht, dass sie sehr hervorgehoben werden, weil dies nur eine Information ist. Nehmt eine Tür. Nieto, klicken Sie immer wieder darauf oder tun Sie etwas gegen sie. Und ich denke, diese Geschäfte müssen auch so sein. Das ist Text hier drüben. 30 bedeutet 30 Minuten, dass sie ein Abstand war. Sechs. Wir werden deine Ramana benutzen. Let uns los blinzeln, weil wir hier eine sehr kleine Viertür brauchen , kleine Größe 14. Und die Farbe wird so sein. Oder vielleicht so. So wie das. OK, also die gleiche Farbe wie das Symbol und ich werde es so ausrichten. Vier Personen, vier Personen wurden erzielt. Vier Personen und 1,5 Kilo Kalorien. So etwas. Stellen Sie sicher, dass Sie diese Symbole nennen, weil ich sie im Moment nicht benenne. Das ist Energie. Also nein, ich werde sie einfach ausrichten. Und nach dieser Bar hier drüben und versuchen, zu sehen, was mir besser aussieht. Siehst du was hier? Das Kämpfen hier ist weniger. Ich muss diese Probleme einfach beheben. Der Abstand zwischen ist vier. Also muss es sechs sein. Das ist ein bisschen viel. Das ist eins für sieben sechs. Das sieht toll aus als Nächstes, so dass sie sehen können Okay, das sieht jetzt besser aus. Viel besser. Neun. Von hier aus haben wir 13 Auswahlen. Mach es Dan. Nirgendwo hier und auch dann von hier Jetzt ist dieser Körper fast fertig. Ich habe ein Problem. Oder hier haben wir viel Platz, also werde ich es mittig ausrichten, nur mit meinen Augen. Ich versuche nicht, hier drüben sehr pixelgenau zu sein. Also jetzt bei der nächsten Geburt diese Zutaten Menüleiste hier drüben. Also werde ich verwenden, Sie können eine Zeile verwenden. Verwenden wir eine Linie darunter. Verschieben, um es gerade zu machen. Machen wir es zwei Pixel. Wir werden die Hauptstadt B Runde Farbe verwenden wird diese blaue Farbe sein. Was ist das, Bill? Nein, wir brauchen Facebook Blue nicht. Was? Wir brauchen unser lila Blau hier drüben. Ich glaube, wir haben es nicht in unsere Farben aufgenommen. Lassen Sie uns dies verwenden und zu anderen Stilen hinzugefügt. Zweiter Grad blau. Das ist unser Blau. Das ist nicht Facebook. Hinweis. Also hier haben wir es zu unserem primären Blau ausgetauscht, dieser hier. Okay, also wird das ein bisschen näher sein. Vier große davon entfernt, was 105 sein sollte. Okay, also sieht das toll aus. Jetzt brauchen wir noch einen hier drüben, was sein wird, Lasst uns das in dieser Gruppe mit dieser Gruppe bewegen. Das wird also hier drin sein. Rezept. Okay, hier haben wir es in diesem Rezept, einen kleinen Abschnitt. Also ist es innen, eigentlich kleiner Abschnitt. Uh, diese Linie wird sich bewegen, und diese Linie wird sich bewegen, und wir brauchen auch einige Staaten hier drüben. Also, Befehl, lassen Sie es uns so behalten. Wir werden nur die Farben ändern und diese Linie bewegen Leben ausgeschlossen. Verschiebende Linie. Jetzt werde ich das replizieren. Okay, jetzt, das wird nicht hervorgehoben werden. Also werden wir eine andere Farbe wie diese eine mittelgrüne verwenden. Das sieht gut aus. Diese Zutaten sind eigentlich dunkelgrün, diese. So ist unsere Speisekarte auch fertig. Mal sehen, wie weit die Entfernung von hier ist. Es hält 36. Wir wollen einen guten Platz um ihn herum haben. So hat der Benutzer noch Schwierigkeiten ist hier in diesem Abschnitt oder hier zu treten. Jetzt werden wir die Zutaten hier auflisten. Das ist sehr einfach. Das ist nur eine Liste. Ich werde die 1. 1 vorbereiten und mich ausruhen, zu der du gehst, wir werden mich replizieren. Also lasst uns anfangen. Und wir werden benutzen. Oder hier 10 ich war ich Salman Fisch Fisch. Dann werden wir eine Zeile in einem separaten hier verwenden, und die Linie wird verfärbt sein. Oder vielleicht diese Verfärbung Verfärbung. Also wollen wir sehr leicht sein. Wir wollen nicht, dass es hier drüben sehr prominent ist, denn das ist nur ein Separator. Also lasst uns gemeinsam verwenden. Und ich gehe zu Pete Dexter in der Farbe, um so etwas zu sein. Ich werde die Rollen von dann so etwas trennen. Dann werden wir das gleiche verwenden Lassen Sie uns die Deckkraft von 80% haben, weil dies nur getrennt ist oder 50% das besser aussieht. Ich will nicht, dass es sehr prominent ist. Und ah, wonach ich gesucht habe? Ich suchte nach diesem Addle hier drüben. Wir wollen eigentlich, dass wir das gleiche oder c benutzen und wir werden es hier drüben platzieren. Hoppla. Oder hier. Komm schon, TV. Das wird also so etwas sein oder hören. Also, wenn der Benutzer hier drüben tippt, wird es aktiviert werden. So haben wir, Zum Beispiel haben wir diesen Artikel vorbereitet oder wir haben diesen bei uns. Als nächstes verwenden Sie ein bisschen mehr so. Als Nächstes. Gruppieren Sie sie jetzt von hier nach dort. Mark Control G, das ist unser Rezept. Sei Ruhe C B. Also das ist vorbei. Rezeptartikel können wir auch erstellen, wenn Sie eine Komponente erstellen möchten, können Sie eine Komponente erstellen. Und das wäre hilfreich für und, äh, es bewegt sich ein bisschen nach oben. 49. Lass uns 40 Bart haben. Große Distanz zwischen diesen und wir replizieren das wirklich. Lassen Sie uns das schaffen. Komm schon, D Kontrolle. Komm schon, X. Du bringst es zum Stilführer hier drüben. Hoppla. So wie das. Wenn Sie die Einstellung ändern möchten, zum Beispiel, wenn Sie diese wieder in eine Gruppe verschieben wollen, kann ich es Symbol nennen und Sie wollen es hier in Zerstörung unten und rechts verschieben , Sie können sie reparieren. In ähnlicher Weise werde ich es nach links und unten reparieren. Das liegt also an dir. Ich werde nicht in diese zu viele Design-Details gehen, weil ich es dir schon beigebracht habe. Jetzt werden wir das nur wie heute Morgen D dd Knee de und D. replizieren also haben wir Liste von all diesen Gegenständen. Das ist, ich werde sie alle auswählen und ich werde Fuß gehen. Was ist das? Lassen Sie uns diese löschen. Ist das leer für Hymnen? Sie sind alle ausgewählt. Hoppla. Lasst uns diesen Boden abschließen. Es gab es mir ein paar Kopfschmerzen. Auch diesem Hintergrund habe ich Schloss verschoben. Also möchte ich nur diese auswählen. Jetzt werde ich das hier benutzen. Also lasst uns es ein bisschen mehr verbessern. Ich will mehr Platz, Dean. 20 oder vielleicht mehr als 20. Scheint 24. Okay, ich denke, 24 sieht besser aus. Also werden wir nicht nur diese Decks hier wechseln. Und noch eine Sache ist, dass ich die Höhe dieses und auch den Hintergrund erhöhen . Also ging ich, um den Hintergrund zu entsperren ist der Hintergrund ist die Taschennummer. Es ist ein Klopfen. Es ändert es so. Dann werde ich Schurken in Sperre. Wir brauchen einen Knopf oder Haare, die sagen, wir fangen an, so etwas zu kochen. Also werden wir unsere Standard-Schaltfläche, die Schule zu unserem Styleguide verwenden. Also, wenn wir versuchen, Zehe, das Versteck von diesem Kunstbrett zu ändern das Versteck von diesem Kunstbrett zu ändern,können Sie einige von diesen Symbolen sehen. , Sie wurden vermasselt. Jetzt tritt dieses Problem auf, wenn wir den Maßstab gesetzt haben. Also versuchen Sie nicht den Zeh, wenn Sie welche haben. Irgendeine Ikone hier drüben. Versuchen Sie nicht, die Waage zu verwenden, aber was dies wird ein Problem sein. Also nächste Schule zurück, dass das tatsächlich passiert ist. Okay, hier haben wir sie wieder. Mal sehen, Was sind die Änderungen? Okay, also eine Sache, die Sie bemerken müssen, ist, wenn Sie versuchen, Zehe, wenn Sie wählen, wird dieser Artikel hören dieses Symbol doppelklicken Sie darauf. Sie können sehen, ob wir, wenn wir versuchen, rechts und unten zu verwenden, der Boden tatsächlich mit diesem passiert. Es ist also dieser angebliche Zehe hier drüben, Sie können sehen, wie die Linie runter kommt. Also, wenn ich versuche, oben und unten zu wechseln, geht es zu Fuß. Bleib hier drüben. Also ich denke, wir sollten Sie aufhören und Recht, anstatt zu verwenden, so wird es nicht nach unten gehen, rechts und oben. Das ist also besser. Sie können sehen, dass dieses Zentrum stoppt und dieser ist übrig. Wir wollen nicht, dass es unten steht. Wir wollten mit der Spitze bewegen. Also lasst es uns jetzt bewegen. Erfolgreich und es wird nicht so nach unten gehen. Und das ist Jane. Lassen Sie uns hier einen aber niemanden schaffen. Wir werden unsere gleiche Schaltfläche mit dem Symbol ziehen, aber dieses Mal brauchen wir das Symbol nicht. Also, was wir tun werden, ist, dass wir zu Dies ist die Instanz, die wir gehen, um die Instanz zu entbinden . Also, weil wir eine andere Schaltfläche mit ohne das Symbol brauchen, so können wir mit der rechten Maustaste auf diese klicken und wir werden de Dat Instanz verwenden Jetzt, sobald die Instanz erkannt wurde, werden wir diese Ikonomou hier entfernen und für diesen Text, Wir werden es in der Mitte hineinschieben. Dies wird in der Mitte ausgerichteter Text sein, und wir werden ihn umbenennen Beine. Fang an zu kochen. Okay, jetzt ist es ein blauer Knopf. Wir wollen nicht, dass es Facebook blau ist. Wir wollten Toby unsere grüne Farbe, die unser primäres Grün ist. Nein, wir haben über Farbe hinzugefügt. Nein, wir werden doppelklicken und zu diesem Hintergrund gehen. Aber und anstatt die einfache Farbe zu haben, können wir eine lineare Strahlung haben. Also werde ich mit wirklich Zutat gehen und wir werden sowas von links nach rechts haben . Und wir werden die gleiche Galera hier fast das gleiche ein wenig verwenden. Auf der helleren Seite. Sie können sehen oder hören, wie diese Looks erstellen. Jetzt können Sie sehen, dies hat einen dunkleren Farbton auf der einen Seite und Wasser leichter und schärfer auf der rechten Seite. Also hier haben wir die zweite Schaltfläche, und jetzt, was wir tun können, ist, dass wir leicht eine andere Instanz oder eine andere erstellen können. Sie können primär sehen, aber so wird dies eine andere Komponente sein. Das ist also unsere Hauptkomponente. Nennen wir es Burton. Ein einfacher Steuerbefehl e. Ich werde meine Marcia-Komponente in meinen Stil verschieben. Kite hier drüben. Also, hier haben wir zwei Arten von Vorwand, die Sie Seite zu Seite sehen können. Einer ist dieser Knopf mit Icahn. Zweitens ist aber im Dunkeln Symbol. Also lassen Sie uns Schule zurück oder Haupt entworfen. Lassen Sie uns es in der Mitte so ausrichten, wie in der Mitte. Sehen Sie, ob das in der Mitte ist, denke ich, das. Hoppla. Komm schon, G als nächstes, nenn sie Rezeptgegenstände. Das wird in der Mitteltür sein. Was ist passiert? Wählen Sie all diese aus, Margie, und sie werden in einer Gruppe sein. Mach sie in der Mitte Jetzt ist es in der Mitte. Jetzt. Der Rest ist, dass nur Sie alle diese Symbole ändern müssen. In diesem hier drüben werden wir diesen Faktor verbergen und diese Ellipse wird es leer sein . Also werden wir Vied benutzen und wir werden etwas Stroh haben, das entgegengesetzt sein wird. Also wird es ein besseres wie dieses sein. Okay, wenn wir hier etwas Leeres haben, werden wir so etwas benutzen. Der Rest ist, dass ich nur all diese Text Overhead Weg ändern muss. Also habe ich den Text gewonnen. Jetzt testen wir es im Prototyp hier drüben. Also werde ich meine Desserts hier drüben verknüpfen. Dieses Bild werde ich es so verknüpfen hier drüben. Also erwarten sie das und bringen es so hierher. Starten Sie jede Minute klug und verheiratet Easing ist raus. Gehen wir zu unserem Entschuldigung, diesem hier. Es ist nicht einer. Lassen Sie uns spielen diese Verkäufer bedeutet und Wüsten. Also unter der Wüste Bildschirm, wir gehen toe klik Dies und Sie können sehen, das ist der Effekt. Das ist wirklich nett. Also müssen wir es wieder verknüpfen. Wenn also jemand auf den Zurück-Button klickt, anstatt hier rüber zu gehen, geht es zurück zu Salaten. Der Mann Bildschirm. Hoppla. Was ist los? Das hier. Lassen Sie uns das verdünnen. Also wird das wieder so viele Desserts zurückgehen? Überprüfe das. Schauen Sie sich das verdient zurück zu gehen. Hoppla. Also zurück zu gehen ist ein bisschen anders. Klug und Emir. Mal sehen, was bei Cletus passiert, geht zurück von 80 Jahre alt hier. Wir müssen eigentlich den Stich 80 auswählen. Und das geht zurück in die Wüste, nicht weiter. Aber wir werden zu Smart navigieren. Jeder Verdienst ist in seinem Ausgang. Was ist die 2. 1? Also hier haben wir einen. Und wenn wir die 2. 1 auswählen, möchten wir sie löschen. Es ist plus löschen. Das ist alles, was wir brauchen. Okay, das ist eine Tatsache, nach der ich gesucht habe. Sie können sehen, ob wir auf dieser Seite nach unten scrollen. Sie können sehen, dass wir diesen Knopf haben. Fangen wir an zu kochen. Sehr nett. Grausam. Okay, das wird also diese Lektion beenden. Wir werden noch eine Bildschirmvorbereitung erstellen, die diesem fast ähnlich ist. Eine Menge sich wiederholender Urgh auf dem neuen. Der nächste wird übermäßig sein, also fahren wir mit der nächsten Lektion fort. 51. Recipe: in diesem Video werden wir die nächste Königin erstellen, die Vorbereitungen sein wird. Also werden wir starten replizieren, aber replizieren diese diese replizieren. Also werden wir das nachbilden und wir werden diesen Zeh hierher bewegen. Also wird diese bewegte Linie hier rüber bewegt werden. Austauschgröße Zehe 100 102. Du sagtest, dieser sieht gut aus. Lass es uns ändern, Sculler Toe das hier. Hoppla. Dieser dunklere und sagte, dass dies in diesem Zustand sein wird. Also haben wir schon Jane, das. Jetzt werden wir uns in diesem Bereich bewegen. Unser hier. Also werden wir alles hier löschen, außer dem obersten. Und jetzt werden wir eine eher als Gruppe eins nennen. Wir werden es Operationsschritte nennen. Das ist also unser erster Schritt. Also werde ich es Schritt eins nennen, und wir werden es tun, richtig? Klicken und Tat, agit. Verworfen. Instanz. Also Schritt eine Möglichkeit könnte diese Zeile brauchen. Das ist verdünnen Sie diesen Leckerbissen. Das kann ich tun. Ich brauchte nur das hier. Okay, jetzt, was wir tun werden, ist, dass wir hier drüben viel Wasser-Rechteck haben. die wieder weiße Farbe sein wird. Das sind unsere Schritte. Das wird also weiß, weiß , weiß , und es wird das Ende dieses Schrittes sein. Wir sind hier in dieser Gruppe. Das ist eigentlich ein Rahmen. Versuchen Sie also, Frames zu verwenden, wenn Sie mehr Kontrolle über Abhängigkeiten haben möchten, diese Einschränkungen. Das wird also unser tatsächlich besteuerte Overhead darin sein. Also wollen wir, dass es abgelöst wird. Und wir wollen eine Lösung verwenden. Seltsam wie das, so etwas. Also haben wir diese feste Breite. Dies wird in der Lage sein, harte Ideen abzuspielen. Was ist das? Estes. Schritt eins. Okay, also sind wir nicht mit der Höhe beschäftigt und haben das hier abgerissen. Tausche seine Höhen aus, äh, es gibt eine wechselnde Zehengruppe, weil es sich sehr anders verhält. Jetzt haben wir die Gruppe seufzt. Das ist es hier rüber zu bewegen. Force hat versucht, alles zu reparieren, was Sie gewarnt haben, dann in Rahmen zu konvertieren, weil wir Rahmen tatsächlich versucht, Zehe seine eigene Höhe und Briten zu verwenden so dass wir das nicht brauchen. Das wird also unser Absatz sein. Also, jetzt werde ich das benutzen. Okay, also wird das meine 1. 1 sein, also werde ich die Rundheit von vier benutzen. Ähm, okay. S vier sieht gut aus, und dann werden wir hier drüben ein Symbol benutzen. Davor gehen wir hier drüben auf ein Gewirr. Und was wir tun werden, ist, dass es auch hier sein wird . Das wird Null sein. Das geht schon vorher, und das wird Oops sein. Es tut mir so leid. Das wird Null Zehe sein. Also, eigentlich versuche ich, hier drüben die gleichen Winkel zu schaffen. Also hier haben wir zwei. Hier haben wir vier, was wiederum nicht gleich diesem, äh, äh, weiß oder hier ist. Also, jetzt werden wir unseren orangefarbenen Calero hier benutzen. Lassen Sie uns ein bisschen hellere Farbe machen. Also lassen Sie es in Mais hellorange hinzufügen. Und jetzt wirst du ein Polygon haben, das unser Play-Button sein wird. Drehen wir ihn Zeh. 90 Grad. Hoppla. 45 Grad. Was ist los? Minus 90. Sieg. Verwenden wir einen großen Selloff-Radius, dass sie diese grünliche Farbe war. Lex, reduzieren Sie auch die Übung. 16. Okay, das sieht also quadratisch aus. Also, wenn ein Benutzer hier drüben klickt. Er oder sie wird diesen Schritt in einem Video sehen. Also Video mit Bob oben und sie werden diesen Schritt sehen. Also das ist jetzt fast abgeschlossen, ich denke, wir sollten es in Rahmen umwandeln. Und wir werden diese Gruppe entfernen. Wir gehen hier zur UN-Gruppe. Jetzt haben wir einen Hintergrund. Wenn dies haben wir rechteckige Polygon, Dies wird ein Symbol sein. Lassen Sie es uns innerhalb dieses Rahmens bewegen. Und dieses Symbol wird auf der linken Seite sein, unten, links in der Flasche. Das wird links und oben sein. Okay, der Zyklon wird ganz unten sein. Das wird ganz oben bleiben, und das ist alles, was wir brauchen. Okay, eine weitere Sache ist, dass wir Angriffsebene hier für den Titel hinzufügen müssen. Also für den Titel, wir werden Schritt eins verwenden, nehmen das Ei raus. Das wird also unser gemeiner Überschrift sein. Und dafür werden wir verwenden, ähm Entschuldigung das gleiche Fort sterben heftig und wir werden die Farbe verwenden, die unser grünes Grün sein wird . Entschuldigen Sie das hier. Das wird also unsere schärfere grüne Farbe sein. Das wird also Schritt eins sein, wenn wir wollen. Wir können diesen auch benutzen. Das ist, dass dies kein Problem für uns sein wird. Also lassen Sie uns das verwenden, um zu verkleinern. Und das ist unser Hauptschritt. Also, jetzt werden wir das wiederholen. Wir werden sie zusammenfassen, und wir werden das wiederholen. Dies ist unsere Schritte Schritt und lassen Sie uns dies replizieren und verschieben Sie es so nach unten. Wir müssen mindestens 16 Tee trinken. Machen wir es 20. Komm schon, de. Komm schon, D. Also im Moment werde ich nur drei Schritte benutzen, die diese drei Schritte benutzt haben. Nein, wir werden seine Größe ändern. Wir können sehen, dass dies sehr gut läuft, weil es ein Rahmen ist und wir bereits Objekt einer Zwänge hier drüben haben. In ähnlicher Weise wird für diese eine Größe wieder ähnlich austauschen. Wir können diesen Vorbereitungsschritt nachlassen und wir werden ihn so bewegen. Das sind also unsere wenigen Schritte. Lassen Sie uns die Trennung hier rüber bringen. Und dieses Mal brauchen wir etwas mit, ähm mit einer Ikone. Dies hier, Lassen Sie uns das löschen. Wir hören nicht 48 für die Luft in der Entfernung zwischen diesen für das Symbol, wir werden es ändern. Wählen Sie Schul-Layer. Icahn als nächstes versiegelt das hier. Okay, für diesen Symbol-Trick muss ich Ihnen zeigen, dass, wenn Sie hier ein Symbol hinzufügen möchten, Sie kein Symbol wie dieses hinzufügen können. Sie können beispielsweise eine Nikon nicht per Drag & Drop ablegen . Zum Beispiel, dieser in diesem ist es nicht so. Es wird nicht zulassen, dass Sie hinzufügen. Ich versuche, Ihre Instanz zu erreichen. Stattdessen und gehen hier rüber, gehen wir zu Sty Guide die Last Master-Komponente. Wir werden ein weiteres Symbol hinzufügen. Lassen Sie mich Ihnen den Trick zeigen. Also werden wir dieses Symbol hier hinzufügen. So haben wir unser Symbol, das Sie sehen können. Nein, es ist in diesem. Und, ähm, wir werden seine Farbe zu breit ändern. Sie war so weißer, und wir werden es hier verstecken. Also, wenn wir etwas ziehen wollen, lass mich dir zeigen, wie wir es benutzen werden. Also haben wir diesen Button jetzt und einfach werden wir dieses Symbol ausblenden und den Zyklus anzeigen. Das ist alles, was wir tun müssen. Also lassen Sie mich sehen, ob wir es richtig ausrichten können, weil es nicht in der Mitte ist. Okay, jetzt ist es in der Mitte. Okay, also, dass die Schule Hintertür Design und Austausch es tun, und ich werde seine Farbe zwei ändern. Okay, Also noch eine Sache, wir werden diesen BGN-Button hinzufügen, und wir werden es zu unseren Farbstilen hinzufügen. Dies wird ein sehr grüner Grady int sein. Okay, also haben wir kein großartiges. Und hier drüben, also sobald wir unsere Zutat haben, werden wir diesen Hintergrund nachlassen und zu Big Radiant wechseln. Das ist alles, was wir hier tun müssen. So haben wir das wirklich geklärt? Versuchen wir es mit dem Zeh. Das ist ein Zehenschuh, unsere untere Navigation hier drüben. Okay, also lass es uns so etwas kleiner machen. Auch dieser Hintergrund früher? Nein, für diesen brauchen wir ein tiefes Medium, das hier drüben sein wird. zwei Bereiche Eigentlichzwei Bereiche. Was? Das? Das hier bei der Überprüfung. Es ist dieser hier. Also, das wird vorbereitet Stich. Und das wird Zutat sein. Ja. Also werde ich sie einfach um 0% verstecken. Und jetzt gehen wir auf den Prototyp und wollten einfach so etwas benutzen. Drag & Drop wird nie zu schlau. Und er machte. Und von hier aus müssen wir auch beide von diesen Lears diemeisten dieser Schichten hier drüben anheften die . So etwas. Also lasst uns das hier rüber bringen. Entschuldigen Sie das, um zurückzugehen. Jetzt werden wir unseren Prototyp testen. Mal sehen, was wir hier getan haben. Okay? Das sieht gut aus, und wir können nach unten gehen und wir können hier klicken, und es wird zu unserer Rezension Pop-up gehen, die wir in der nächsten Lektion machen werden. Also haben wir Zutaten und Zubereitung. Nun, wenn Sie den Fortschritt zeigen und verschieben Sie sie nach oben, Sie wollen die jede Mission zeigen, die Sie haben, um die gleiche Sache zu tun, Sie haben Zehe wählen Sie alle diese, und das gruppieren Sie sie Kontrolle. Komm schon. G X nannte sie Schritte. Wir gehen auf die Zehe. Komm schon, siehst du? Und wir werden sie hier drüben stützen. Also hier haben wir sie so. Und in dieser Gruppe wir sie ziehen wir siein die Stadt, Jayna Positionen. Und jetzt werden wir das verstecken. Sie werden also 0% für die Deckkraft verwenden. Mal sehen, was das hier passiert. Sie können sehen, wenn sie so herauskommen, können Sie auch die Animation verlangsamen oder hier. Wenn Sie also die Animation auf der Bewegung hier verlangsamen möchten, können Sie dies auswählen und wir haben 300 Millisekunden, die wir für 50 viele Sekunden verwenden können. In ähnlicher Weise für diesen einen können wir für diesen einenverwenden 3 50 Siehe, was ist der Effekt jetzt? Sie können sehen, dass es besser aussieht, wenn wir diese Art von Einstellungen haben . Diese kommen also sehr schön so. So endet dies über dieses Prototyping in all dem, ich werde einen weiteren Bildschirm erstellen, der übermäßig und Rest der Bildschirme und große App sein wird . Du wirst für mich entwerfen und mir zeigen, was du gefangen hast. Also gehen wir zur nächsten Lektion über und wo wir das Design unserer über den Bildschirm gehen, und ich werde Ihnen zeigen, wie Zehe dieses Pop-Up-Overlay und Feigen-MMA verwenden 52. Übergänge von Überlagen in den Stapeln: in dieser Lektion. Wir werden diesen übermäßigen Bildschirm in Fig MMA erstellen und wo ich werde Ihnen zeigen, wie Zehe Pop-up dieses Overlay und verstecken es, wenn jemand Bewertungen einreicht. Also gehen wir zurück dorthin, wo wir gegangen sind. Dies ist der Abschnitt, in dem wir gegangen sind und jetzt wirst du einen Overlay-Bildschirm erstellen oder hier , was ein Kampf sein wird. Also gehen wir Fuß, schaffen einen neuen Rahmen und es wird unsere eigene Größe sein. Das wird es sein. Es wird 328 Pixel vied, weil wir in diesem wollte. Also lassen Sie mich es Ihnen zeigen. Also, wenn ich Drache Sie hier sehen können, können Sie sehen, dass es in diesem Behälter sein wird. Also lassen Sie uns 330 verwenden und die Höhe wird 400 70. Dies ist nur und Sie können Schätzung sehen und wir wollten abgerundete Ecken sein. Also werde ich vier hier drüben benutzen. Sie können erhöhen mehr, zum Beispiel es, zum Beispiel, wie diese, die auch funktionieren wird. Auch, wenn Sie Zeh wollen, fügen Sie etwas Schatten, es liegt an Ihnen. Aber jetzt werde ich hier drüben einen Text benutzen. Melden Sie sich als, ähm, Schlamm. Okay, also wird der Mörder, den wir benutzen werden, diesen gewinnen. Dies wird also eine Linkfarbe sein, die ich bereits von oben eingeloggt bin. Ich werde 30 von links haben. Ich werde 20 weniger haben. Halten Sie es spitz. So etwas. Dann gehen Sie runter. Wir werden ausgewählte Bewertung haben, so dass wir dem Benutzer einige verblassen viele hier zeigen. Wir werden die Aktionstaste verwenden. Und die Farbe wird diese dunkle, grünliche schwarze Trennung sein. Und wir werden das gleiche, äh, dieses Starwood hier benutzen äh, , dass sie der Star war. Lass es uns hier drüben stützen. Die Sternebewertung. Und jetzt, tatsächlich Benutzer Kriegsschiffe Electric. Also werden wir seine Größe erhöhen. Da ist Sperre. Lasst uns das Geschick hier benutzen. Und ich denke, das hier ist gut. Ich denke, wir können auch den Abstand zwischen ihnen so erhöhen. Also werde ich wählen Shift-Taste gedrückt, und ich werde das verwenden. horizontalen Abstand verteilen, horizontalen Abstand. Das ist also das Sieht besser aus. Wir wollen eine gewisse Trennung zwischen ihnen haben, damit die Benutzer das leicht erkennen können. Diese Lektüre nachlassen. Also lasst uns 14 zwischen diesen haben. Entschuldigen Sie das nochmal, und ich werde die richtige Rezension verwenden, und dann werden wir Textfeld hier drüben in diesem Lehrbuch haben. Sie war, dass wird seine oder ihre Kritik reiten. Auf der linken Seite liegen sie alle auf ihnen, so. Okay, also werde ich die Höhe des hier reduzieren, weil wir auch eine Last brauchen. Waren hier, also werde ich wieder benutzen. Vier existieren. Entschuldigen Sie das oder hier. Das Schlimmerste. Wir werden hier drüben Rücksichtungen benutzen. Lassen Sie uns etwas Strich hinzufügen. Das wird es sein. Es wird eine hellere Farbe wie diese verwendet. Das sieht besser aus. Jetzt brauchen wir ein Aber und wir werden Toe Assets gehen, und wir werden über einfache Schaltfläche hier drüben verwenden, und lasst uns die Größe ändern. Okay, also müssen wir diesen Knopf in unserem, ähm, Styleguide setzen ähm, und als nächstes sehen, was hier passiert. Das ist in der Mitte. Äh, hallo. Aus dem Wort. Und, äh, es wird in der Mitte und unten bleiben. Also mal sehen, Jacke jetzt im Design. Okay. Also nur gucken. Okay. Also müssen wir nur die Begnadigung Farbe hier ändern. Wir gehen mit unseren Hoffnungen. Uh, also gehen wir mit unserer einfarbigen Farbe, die über diese bläuliche Farbe gehen wird. Also werde ich dieses Mal benutzen. Also wollte ich näher dran sein. Und wir haben Wir wollen etwas Platz an der Unterseite haben. Sie können diesen Rahmen auch hart erhöhen. Das wird unsere Überlippe sein. Lassen Sie mich Ihnen zeigen, was hier passiert. So können Sie sehen, dass dies auf Skalierung eingestellt ist. Wir wollten links und oben sein. Wir wollen nicht, dass Geschicklichkeitsschwellung sie jetzt bewegen wird. Und das sieht kreta aus. Nun, ein paar vertikale Abstände. Okay, das ist also gut. 30. Das ist 21. Das wird 20 tardy für D. Also haben wir das, äh, entworfen. Das wird unser Overlay sein. Und dieser Text wird eingereicht werden. Bewertung einreichen? Nein, auf dem Bildschirm. Wenn jemand versucht, auf diese bereit zu essen jetzt klicken, Button. Wir werden ihnen das übermäßig zeigen. Sobald sie alles fertig haben, haben sie das Gericht zubereitet. Wir wollen, dass sie hier eine Rezension hinterlassen. Um das zu tun, werden wir das verknüpfen, aber bis zu diesem frühen Zeitpunkt. Also gehen wir zum Prototyp und das bald raus. Und wir werden diese Last mit diesem und vom Fass verbinden. Wir gehen nicht Zeh, nie zu tun. Aber wir werden das offen verwenden. Also in diesem Abschnitt oder hier wird dies übermäßig sein. Das ist Overlay. Wir versuchen, Zehenverwendung und es gibt Optionen wie Center dob links. Wir werden es unten in der Mitte benutzen. Lassen Sie uns diese untere Mitte verwenden und wir werden bewegen in und es wird von unten so bewegen . Als nächstes verwenden Sie 400 Millisekunden und lassen Sie uns dies in unserer App abstauben. Das ist die Last. Also, wenn ich bereit zum Essen gedrückt habe, können Sie sehen oder hören. Das ist ein schlechtes Buch wie dieses, aber wir brauchen einen Hintergrund. Also, ähm, bei dieser Auswahl sind wir hier. Also hier ist unsere Injektion diese Interaktion. Wir möchten, dass es geschlossen wird, wenn Sie draußen klicken. Wir gehen Zeh auch hinter übermäßig hinzufügen. Also wollte ich 50% sein und mal sehen, was jetzt passiert. Das ist also der eigentliche Effekt. Also, wenn wir draußen klicken Also jetzt, wenn wir auf diese Schaltfläche klicken, können Sie sehen, wie es knallt, wie es ist, wie es nach unten fällt. So können Sie auch klicken, Sie können den Submit-Button verwenden und Sie können es wieder verknüpfen Dieser Hauptbildschirm, der Ihnen danken Möchten Sie so etwas Oder vielleicht anfangen, etwas Neues zu gehen, so etwas. So können Sie nie alles bekommen, was Sie es zurück zu diesem Bildschirm navigieren können. Es liegt an dir. Also lasst es uns jetzt testen. Und wenn wir hier rüber klicken, okay. Also müssen Sie sehen, dass es Zehe geht. Geh zurück. Es wird jetzt ausziehen, und es wird sein, dass es Will in seinen Filialen ist. Der Gebrauch ist draußen. Also bin ich mir nicht sicher, warum es mir einen Ruck gibt, wenn es zurückgeht. Smart und Image traf sich in Jahren ist in out, bewegen Sie sich hinein, bewegen Sie sich tatsächlich aus, so dass es sich ausziehen wird. Ich benutze Einzug. Deshalb macht es diesen Ruck. Okay, das ist das Quadrat. Es bewegt sich also sehr schnell aus. Das ist gut. Also denke ich, das wird unsere Reise mit dieser App enden. Ich habe einige Bildschirme verlassen, weil ich denke, das war eine reparative Arbeit. Ich wollte Ihnen das übermäßig zeigen, wie es geht Schlauch, bewegen Sie sich. Es bewegt sich in, wie wir tun jede Mission von dieser Auswahl hier drüben Wert starb. Wie? Wir zeigen diese Ergebnisse und all das verschiedene Zeug. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie irgendwelche Vorschläge haben, die Sie etwas von mir lernen wollen, können Sie mich immer fragen. Sie können mich kontaktieren. Ich bin offen für Fragen. Vergiss nicht, mir Fragen zu stellen. Wann immer du geschlagen bist. Ich bin wegen dir hier. Lass uns weitermachen und etwas Neues lernen. 53. Projekt 6-Screens App: Jetzt haben Sie alles gelernt, was ich Ihnen gezeigt habe, wie ich diese ganze App entworfen habe. Jetzt ist es an der Zeit, eine beliebige App zu erstellen. Sie können die Rezept-App löschen, wenn Sie möchten, oder Sie können jede App Ihre eigene Idee erstellen. Ich schränke dich nicht ein. Erstellen Sie also eine App mit mindestens 6 bis 7 Bildschirmen. Mindestens sechs Bildschirme, die in den Übergang gehen. Sie haben einige Übergangseffekte. Sie haben einige Bewegungseffekte, Effekte auftauchen. Sie haben einige Overlays, die mit einiger Zeit ausgehen, eso dies erstellen. Also werde ich Ihnen wenigstens diesen Anmeldebildschirm zeigen. Dann haben wir diesen Minsk da drin. Wir haben einige Übergänge und dann einen Bildschirm mit einer Bewegung zu einem anderen Bildschirm , der ein einzelnes Objekt oder eine einzelne Datei oder ein einzelner Datensatz ist. Wie auch immer du es nennst, dann haben wir die Suchbaumeister etwas. Ich möchte, dass du so etwas erschaffst. Sie können sehen, wie sich dieser Effekt herausbewegt und sich einzieht. Also möchte ich, dass Sie einen solchen Effekt erzeugen. Auch Bildschirme bewegen sich nach oben. Nehmen Sie Ihre Ergebnisse sind Rezept gefunden oder Ihre Aufzeichnungen Telefon was auch immer. Auftauchen eins nach dem anderen aus Bordeaux und unten. Das ist also die Aufgabe, die ich von dir will. Also fangen Sie an, es jetzt zu lesen. Mindestens sechs Bildschirme. Wenn Sie die Bildschirme vergrößern möchten, begrenzen ich die Anzahl der Bildschirme. Ich gebe Ihnen die letzten Zahlen, weil ich denke, dass die Zeit nicht verschwendet werden sollte. Wenn Sie erstellen, wenn Sie es sind, können Sie. Wenn Sie viel Zeit haben und wie erstellen möchten, 10 Bildschirme, gehen Sie vor. Ich habe kein Problem, aber sechs Bildschirme, zumindest so kann ich verschiedene Übergänge machen. Wie Sie von einem Schema zu einem anderen wechseln und haben Sie den Tippen auf Ihren Zielbereich verwendet, was eine sehr wichtige Benutzererfahrung ist. Punkt auf Benutzerfreundlichkeit Sichtweise. Viele Designer, die nicht nutzen, dass Hahn städtischen Bereich, so wird es verpassen Hit die meiste Zeit. Das ist also Ihre Aufgabe. Erstellen Sie einen vollwertigen AP 6 bis 7 Bildschirme oder 10 Bildschirme, was auch immer Sie wollen, und zeigen Sie mir alle Übergänge, wie alles rund um diese App funktioniert. Ich würde gerne Ihre Ideen sehen, die ich für Ihre Aufgabe lese, also fangen Sie an, sie jetzt zu erstellen. 54. Dank und was kommt Nächste Nächste: Nun, vielen Dank, dass Sie während dieser ganzen Zeit mit mir zusammen sind und zusammen mit mir lernen, ich hoffe, Sie haben etwas Nützliches gelernt. Wenn Sie etwas nicht verstehen oder Fragen haben, können Sie mich jederzeit über diese Plattform kontaktieren. Sie können mich jederzeit über meine Website erreichen. Dann haben Sie aufgeregt. Sie können mich kontaktieren, Sie können mir eine E-Mail schicken. Sie können mich in sozialen Netzwerken anschließen und mir Fragen oder irgendetwas stellen, Fragen zu User Experience Design, User Interface Design oder Freelancing im Allgemeinen. Also del dann werden wir Sie in einem anderen Kurs sehen. Schauen Sie sich meine anderen Klassen und Kurse über Design, über Typografie, Layout-Design, Farbschemata und all das andere Zeug an. Versuchen Sie, ehrliche Bewertung zu hinterlassen, schreiben Sie einige Kommentare über das, was Sie in diesem Kurs gelernt haben. Tilden, Wir sehen uns bald in einer anderen Klasse oder Kurs. Bis dahin, kümmert euch und tschüss.