Magie gestalten mit Figma: Ein Crash-Kurs für Anfänger

1. Einführung in den Kurs: Sind Sie daran interessiert, ein leistungsstarkes Designtool zu erlernen , mit dem Sie Ihre Fähigkeiten im Bereich Benutzeroberflächendesign auf die nächste Stufe heben können? Dann ist dieser Figma-Kurs für Anfänger perfekt für Sie, um zu beginnen Dieser Kurs richtet sich an alle, die wenig bis gar keine Erfahrung mit Figma haben Egal, ob Sie ein absoluter Anfänger sind, der die Grundlagen erlernen möchte , oder jemand, der sein Figma-Wissen auffrischen möchte, dieser Kurs bietet Ihnen eine solide Grundlage für die Verwendung von Figma für Für diesen Kurs gibt es keine Softwareanforderungen. Grundlegende Computerkenntnisse und Vertrautheit mit Designprinzipien werden jedoch sehr hilfreich sein? Im Laufe dieser umfassenden Figma-Schulung werden wir eine Vielzahl von Themen behandeln, darunter auch, was Figma ist und welche Hauptvorteile es für das UI-Design So richten Sie Ihr Figma-Konto ein und navigieren Wir werden lernen, wie Sie die Figma-Desktop-App installieren , um zusätzliche Funktionen zu Im gleichen Kurs werden wir auch lernen, wie man Dateien erstellt, wie man das Eigenschaftenfenster verwendet und wie man Elemente überlagert Wir werden auch lernen, wie man Rahmen, Raster und Hilfslinien entwirft und damit arbeitet , wie man verschiedene Formen hinzufügt und anpasst, man Stift- und Paketwerkzeuge verwendet und wie man boolesche Operationen verwendet, um Formen effektiv zu manipulieren und zu kombinieren Wir lernen, interaktive Schaltflächen und wiederverwendbare Designkomponenten zu erstellen und wiederverwendbare Im selben Kurs werden wir die umfangreiche Bibliothek von Figma-Plugins erkunden , um Ihre Designmöglichkeiten zu erweitern Und am Ende werden wir lernen, wie Sie Ihre Designs für verschiedene Zwecke exportieren und teilen können Am Ende dieses Kurses verfügen Sie über die Fähigkeiten und das Wissen, um Figma sicher zu verwenden, um professionell aussehende UI-Designs zu erstellen Ich bin Doktor Rashi, Dozent, Redner und leidenschaftlicher YouTuber, und ich werde der Dozent für diesen Kurs sein Bist du bereit, in die Welt von Figma einzutauchen ? Lass uns anfangen 2. Was ist Figma?: Also, was ist Figma? FGMA ist ein Cloud-basiertes Designtool zur Erstellung von Benutzeroberflächen und Benutzererlebnissen, was wir UI UX nennen, oder Im Webdesign und in der Entwicklung von Apps. Es ähnelt also Programmen wie Sketch, aber mit Fokus und Zusammenarbeit fördert es die Zusammenarbeit zwischen Teams zwischen Ihren Partnern oder Ihren Kollegen. Sie können ganz einfach in Echtzeit an einem bestimmten Projekt arbeiten. Und dann können Sie Vektorgrafiken erstellen, Layouts entwerfen und Animationen hinzufügen. Einer der Vorteile der Verwendung von Figma besteht darin, dass es leicht zu erlernen ist Es hat eine anfängerfreundliche Oberfläche, was es ideal für diejenigen macht , die mit Designsoftware noch nicht vertraut sind Und dann sprechen wir über die Zusammenarbeit in Echtzeit. Es ist sehr, sehr wichtig und es ist einer der Hauptschwerpunkte von Figma Sie können unabhängig von Ihrem Standort gleichzeitig mit anderen am Design arbeiten unabhängig von Ihrem Standort gleichzeitig Sie können also überall auf der Welt gemeinsam an einem Projekt oder an einer bestimmten Datei arbeiten einem Projekt oder an einer bestimmten In Echtzeit können Sie Änderungen direkt vornehmen. Deshalb schauen wir uns an, wie in diesem speziellen Kurs zusammenarbeiten können. Und dann sprechen wir über Prototyping. Sie können interaktive Prototypen erstellen , um Ihre Designideen zu testen und zu verfeinern Mit Figma ist das ganz einfach. Und dann sprechen wir über die cloudbasierte Natur. In Figma haben Sie von jedem Gerät mit Internetverbindung aus Zugriff auf Dateien von jedem Gerät mit Internetverbindung aus So ist es einfach, Dinge zu synchronisieren und Sie können überall darauf zugreifen. der Tatsache, dass es Cloud-basiert ist, müssen Sie nichts speichern. Es speichert es automatisch und speichert Ihre Arbeit, da Sie direkt in der Cloud arbeiten. Sie haben zwar die Desktop-Version, aber auch die Online-Version lässt sich problemlos synchronisieren . Es funktioniert also problemlos. Sobald Sie eine Internetverbindung haben, können Sie direkt an Figma weiterarbeiten Und zum Schluss sprechen wir über die Grifffunktionen. können Sie Ihre Designs nahtlos vom Figma können Sie Ihre Designs nahtlos vom Konzept in die Entwicklung Es ist sehr, sehr einfach. Dies ist ein All-in-One-Tool, das Sie verwenden können , um Apps zu entwickeln, Websites zu entwerfen, verschiedene Arten von interaktiven Elementen zu entwerfen, und Sie können zum Prototyping übergehen und Ihre Erfahrung genießen Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. 3. Erstellen eines Kontos und Anmelden: Zunächst können Sie in Ihrem Browser an eine beliebige Stelle gelangen. Sie können jeden Ihrer Browser öffnen. Sie kommen hier zur Suchleiste und suchen einfach nach Google, und Sie können ganz einfach nach Figma suchen Sie können einfach nach Figma suchen und Sie sehen es hier. Das kollaborative Schnittstellendesign-Tool und Sie können es mit der ersten Option sehen Oder Sie können auch einfach zu figma.com gehen und Sie werden auf figma.com gehen und Sie werden dieselbe Plattform weitergeleitet Ordnung, es wird dich also auf genau diese Plattform bringen genau diese Plattform Also das ist die FGMA-Website. Sie können entweder direkt zu figma.com kommen, wie gesagt, oder Sie können dem Google-Verfahren folgen Und wenn Sie einmal hier sind, ist es wirklich wichtig, wie Sie entwerfen , ausrichten und bauen Tun Sie es also zusammen mit FDMA. Sie können also sehen, dass dies nur ein Beispiel dafür ist nur ein Beispiel dafür worum es bei der Plattform geht und wofür Sie sie verwenden können Also einige der Funktionen, die Sie studieren und einfach verstehen können wie die Plattform verwendet werden kann , um verschiedene Arten von Apps, verschiedene Arten von webbezogenen Dingen und Prototypen zu entwickeln verschiedene Arten von webbezogenen Dingen und Prototypen Hier unten können Sie einfach weitermachen, um einige der Vorteile und einige der Funktionen, die sie bietet, noch einmal genauer zu verstehen und einige der Funktionen , die Sie tatsächlich durchgehen können , nur um die Plattform kurz zu verstehen. Sobald Sie fertig sind, können Sie damit beginnen , hier ein Konto zu erstellen. Sie können das tun, indem Sie einfach hier loslegen oder Sie können die Gaststart-Funktion hier kostenlos nutzen . Alternativ können Sie sich den Link in der Beschreibung dieses Videos ansehen und dort einen Link zum Beitritt finden. Also lass uns auf Kostenlos loslegen klicken und dann hast du diese Match-Optionen. Sie können sich direkt mit Ihrem Google-Konto anmelden. Sie können sich direkt mit Ihrem Google-Konto anmelden, oder Sie können eine beliebige E-Mail-Adresse oder ein beliebiges Passwort verwenden und damit direkt ein Konto erstellen. Für dieses Tutorial verwenden wir eines meiner G-Mail-Konten, um uns nur anzumelden, damit wir auf das Gmail-Konto klicken können. Okay. Sobald Sie sich also angemeldet haben, werden Sie auf genau diese Plattform weitergeleitet. Jetzt müssen Sie hier einige Fragen beantworten, um Zugriff auf die Hauptplattform zu erhalten. Wir haben die Möglichkeit, jederzeit zu überspringen , wenn Sie nicht möchten. Aber ich denke, es ist ratsam, nur die Fragen zu beantworten Im Grunde sind es nur grundlegende Fragen, also kannst du einfach sagen, wie heißt du Du kannst einfach schreiben und dann kannst du weitermachen. Welche Art von Arbeit machst du? Das ist nur , damit sie die Plattform für dich vorbereiten können, nur um ein paar Daten über dich zu haben. Also können wir zum Beispiel Student und Pädagoge sagen, und dann können wir zum nächsten übergehen, und dann können wir sagen, beschreibt irgendwas davon deine Arbeit? Freiberufler in einem Bootcamp, in einer Firma, in einer Agentur in der Schule Sagen wir zum Beispiel in der Schule. Und dann können wir sehen, welche Art von Institution Sie besuchen oder für welche Sie arbeiten? Sagen wir zum Beispiel Hochschulbildung. Und dann können Sie sehen, mit wem Sie normalerweise zusammenarbeiten? Sagen wir also Teamkollegen. Sie können also sagen, dass Sie einige Mitarbeiter einladen möchten. Im Moment möchte ich niemanden einladen, also kann ich das einfach überspringen Und was bringt dich dann heute zu Figma? Starte einen neuen Job und ein neues Projekt Starten Sie also ein neues Jobprojekt. Also das ist mein Ziel für heute. Und haben Sie schon einmal FGMA-Produkte verwendet? Ich kann sagen, nein, es ist mein erstes Mal, denn ist das erste Mal und das erste Auto dass ich Sie dabei mitnehme Also haben wir einfach ein Verständnis dafür, was es ist und wofür wir es direkt verwenden können, sodass wir alles bei der Arbeit lernen. Welcher Plan wird also funktionieren, es ist der Startup-Plan, diese Match-Funktion hat, oder der Professional-Plan , der auch diese Match-Funktion hat. Nun, für dieses Tutorial verwenden wir einfach den Startup-Plan. Wir können also einfach weitermachen und den Startplan auswählen und mit dem nächsten fortfahren. Nun, was Sie zuerst tun möchten, ist, die Figma zu benutzen oder weiterzumachen und das Whiteboard in Fed Jam zu verwenden Aber in diesem Moment, um mich auf das Design mit Figma zu konzentrieren, also kann ich die erste Option wählen und dann einfach weitermachen und „Fertig“ sagen In Ordnung, jetzt bist du also auf der Hauptplattform. Okay? Sie haben also die Möglichkeit, das Ganze einfach zu befolgen und einfach alles zeigen, sodass Sie eine Textebene mit Ihren Werkzeugleisten texten können , Werkzeuge, mit denen Sie Ihre Dokumente in Ihre Features verschieben können , an verschiedene Stellen verschieben und so weiter. Und hier unten haben Sie die Formatierung im Design-Panel Sie haben die Formatierungsfunktionen, die Designfunktionen hier. Und Sie können Ihnen einfach auf einen Blick die Eigenschaften zeigen Sie können also einfach weitermachen und von dort aus eine neue Datei starten, und dann können Sie einfach weitermachen und auf der Hauptplattform willkommen sein. Okay, das ist also die Hauptplattform, auf die du immer dann weitergeleitet wirst , wenn du dich bei Figma anmeldest Damit ist dieser Kurs abgeschlossen, es darum geht, ein Konto zu erstellen und sich bei Figma anzumelden In der nächsten Lektion werden wir uns einige der grundlegenden Dinge ansehen, die Sie verstehen sollten, bevor Sie Figma verwenden All dieser allgemeine Überblick über die Benutzeroberfläche. Wir werden hier einige grundlegende Dinge durchgehen , die Sie verstehen müssen , bevor Sie mit der Erstellung von Dateien beginnen und ernsthaft mit der Arbeit beginnen. Okay, aber wir werden einige der grundlegenden Dinge behandeln , die Sie in dieser Phase verstehen müssen. Also bis zum nächsten Mal, danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. 4. Grundlegende Benutzeroberfläche: In der letzten Lektion haben wir darüber gesprochen, wie man sich bei Figma anmeldet und ein Konto erstellt In diesem Kurs werden wir über die Grundlagen, den allgemeinen Überblick über die Benutzeroberfläche, darüber, was Sie verstehen müssen und auf welche Dinge Sie achten sollten, und auf welche Dinge Sie achten sollten Das Erste ist also, wenn Sie sich in Ihr Figma-Konto einloggen, dies ist die Hauptplattform , auf die Sie weitergeleitet werden Oben links hier haben Sie Ihr Konto Sie haben die Möglichkeit, Dinge direkt zu ändern. Sie können hier alles bearbeiten. Sie können auch Ihr COV-Foto hinzufügen, Sie können alles hinzufügen. Und dann können Sie das Thema des gesamten Looks der Figur ändern das Thema des gesamten Looks der Figur Das ist ein leichtes Thema. Du kannst es dunkel machen. Manche Leute mögen es so. Aber ich denke, ich bevorzuge es im Lichtdesign, sodass Sie das Thema immer verwenden und direkt ändern können. Oder Sie können auch dem Systemdesign folgen , wenn Sie interessiert sind. Jetzt haben Sie wieder den Desktop, die Einstellungen. Hier haben Sie eine Reihe von Einstellungen, mit denen Sie herumspielen können. Sie können beispielsweise den Namen ändern und dann können Sie die Sprache oder die Berufsbezeichnung, das Thema ändern . Außerdem können Sie von hier aus wechseln. Und andere Funktionen. Sie können sie also einfach studieren und dann die Kontoinformationen von hier aus verstehen . Sie können alles aktualisieren, löschen oder hinzufügen. Und dann können Sie Ihr Konto auch dauerhaft löschen, wenn Sie mit dem, was Sie tun, fertig sind und löschen möchten. Und dann ist das eine Community für die Figma-Benutzer. Sie können Ihre eigene erstellen und der Figma-Community beitreten , um Dateien und Plug-ins zu veröffentlichen und zu kommentieren und zu sehen, was die Leute tun Du kannst Mitgliedern folgen und ihnen gefällt, was sie verwenden, und du kannst auch von ihnen lernen Und dann können Sie mit genau dieser Funktion auch Benachrichtigungen von hier aus verwalten . Es geht also um die drei Punkte. Es geht um Einstellungen. Wenn Sie möchten, können Sie die Desktop-Version herunterladen, die wir für dieses Tutorial verwenden werden Wir werden die Desktop-Version von Figma verwenden. Ich werde dir zeigen, wie man es herunterlädt und installiert. Es ist sehr einfach, und dann können Sie es öffnen und mit der Arbeit beginnen. Es synchronisiert automatisch zwischen der Desktop-Version und der Online-Version, sodass Sie sich um nichts kümmern müssen Und das ist das Community-Profil. Sie können selbst ein Profil erstellen und einfach der Community beitreten Anschließend können Sie Ideen austauschen. Wenn du eine Herausforderung hast, kannst du sie jederzeit mit ihnen teilen, und dann kannst du kommunizieren und deine eigenen Kommentare hinzufügen auch zu der Herausforderung einiger Leute. Und dann kannst du hier das Konto auswählen, an dem du arbeiten möchtest, was bedeutet, dass du mit mehr als einem Konto arbeiten kannst, und dich dann abmelden kannst, wenn du daran interessiert bist. Das ist also die erste Option. Von hier aus können Sie direkt nach Dingen suchen. Sie können nach Dateien suchen, Sie können nach Projekten suchen, Sie können mit der Suchleiste nach allem suchen. Richtig? Als Nächstes haben Sie das aktuelle. Dies beschreibt einige der wichtigsten Dinge, die Sie in letzter Zeit in Figma angesprochen haben Wenn Sie also ein bestimmtes Projekt oder eine bestimmte Datei, an der Sie gerade arbeiten, angefasst haben ein bestimmtes Projekt oder eine bestimmte , finden Sie sie immer in der aktuellen Version von hier. Und dann haben Sie hier oben die Vorlagen für Feigenmarmelade. Wenn Sie an Vorlagen arbeiten möchten, können Sie Vorlagen einfach auschecken und bearbeiten. Sie sind geheim. Das ist alles. Sie können Brainstormings überprüfen, Sie können Diagramme überprüfen, Sie können Planungen und Besprechungen überprüfen , je nachdem, was Sie erstellen möchten Aber unser Ziel dafür sind die letzten Views, okay. Und dann sind das gemeinsame Dateien. Wenn Sie Dateien geteilt haben, wenn Personen oder Teams Dateien geteilt haben, finden Sie sie hier. Auch geteiltes Projekt. Sie können Projekte finden , die mit Ihnen geteilt wurden, sodass Sie direkt daran arbeiten können. Als Nächstes sind Ihre Teams dran. Sie können mehrere Teams haben , in denen Sie zusammenarbeiten können, und dann haben Sie den Entwurf. Draft ist tatsächlich einer der wichtigsten Orte in Figma Hier können Sie verschiedene Arten von Projekten, verschiedene Arten von Dateien erstellen von Projekten, verschiedene Arten von Dateien Von hier aus können Sie direkt etwas erstellen und bearbeiten. Sie können also mit diesem Pluszeichen verschiedene Arten von Dateien aus diesem Entwurf hinzufügen . Sie können also auf das Pluszeichen klicken und sehen, dass Sie eine neue Designdatei, eine neue Figma-Fi-Jam-Datei, erstellen können neue Figma-Fi-Jam-Datei Sie können von hier aus erstellen und Medien von hier aus direkt importieren Ich zeige dir im Detail, wie du das benutzt. Und dann haben Sie hier unten die Möglichkeit, Ihren Plan einzusehen und bei Bedarf ein Upgrade durchzuführen. Dann haben Sie hier Teams. Also der erste ist das Erste, was du hast. Sie können mehrere Projekte haben. Sie können neue Projekte direkt von hier aus hinzufügen, oder bei einem beliebigen Projekt, Sie können hierher kommen, Sie können auf dieses Pluszeichen klicken, um ein Projekt zu starten. Das ist auch ein anderer Weg, aber ich beginne immer gerne mit dem Entwurf. Aus dem Entwurf geht es viel besser und einfacher. Das sind also die grundlegenden. Hier drüben ist das Wichtigste, wo Sie Ihren Entwurf sehen können, und dann können Sie sehen , ob Sie an einem Entwurf arbeiten , oder gelöschte Projekte Sie können sie hier sehen. Nun, oben rechts, hier können Sie auschecken. Sie können Designdateien hinzufügen. Sie können Designdateien erstellen und hinzufügen indem Sie einfach auf diese Designdatei klicken, und schon wird eine neue Designdatei für Sie erstellt . Auf die gleiche Weise können Sie auch direkt von oben rechts aus ein passendes Jam Board erstellen . Und dann haben Sie die Möglichkeit, Medien wie Bild B und Video zu importieren Medien wie Bild B und Video Sie können sie direkt aus Pre importieren. Sie können alle Dateien auschecken, Designdateien, Fi-Jump-Dateien, die Anordnung, Sie können die Sortierung überprüfen. Ist es alphabetisch? Handelt es sich um das Erstellungs- oder das letzte Änderungsdatum oder um die ersten Tage oder die neueste Version , können Sie die Dateien entsprechend anordnen und dann das Aussehen ändern Dies ist die Rasteransicht. Sie können sie in die Listenansicht ändern , was ungefähr so aussieht. Und ich denke, ich mag es besonders, wenn es in der Rasteransicht angezeigt wird, was mir am besten gefällt. Also hier unten, falls Sie während Ihrer Arbeit Probleme haben, können Sie jederzeit darauf zurückgreifen. Und wenn Sie darauf klicken, haben Sie die Möglichkeit, ihnen zu empfehlen, sich ihre YouTube-Videos anzusehen Sie können ihre Support-Foren und die Versionshinweise überprüfen und Feedback geben, die Versionshinweise überprüfen und Feedback geben wenn Sie Probleme haben, die Sie mit der Marke oder dem Unternehmen teilen können mit der Marke oder dem Unternehmen teilen Anschließend können Sie sich auch direkt an den Support wenden Sie können in der Community nachfragen. Über diesen Tab gelangen Sie auch zu derselben Community, in der Sie mit anderen interagieren und Ihre Herausforderungen und Ideen teilen können . Und dann haben wir hier die Abkürzung, die Tastenkombination. Und dann haben Sie hier unten, Sie können wieder einsteigen. Alles geht wieder auf Reset zurück und Sie können das Tastaturlayout und auch die Sprache von hier aus ändern. Dies ist also eine sehr wichtige Sache , auf die Sie jederzeit klicken können, um sich anderen Funktionen vertraut zu machen oder sich mit ihnen zu verbinden. Und dann kannst du auch hier die Community erkunden, wenn du daran interessiert bist. Damit ist dieser Kurs über das Verständnis der Grundlagen von Figma Die grundlegenden Dinge, die Sie verstehen müssen, bevor wir Figma verwenden In der nächsten Klasse werden wir lernen, wie man ein Projekt oder eine Datei erstellt , an der wir direkt arbeiten können Okay? Wir würden also ein Projekt und eine Datei erstellen, und wir werden auch den Überblick über die Benutzeroberfläche verstehen , sodass Sie ein klares Verständnis dafür haben, was die Plattform ist und wofür wir sie direkt verwenden können. Also bis zum nächsten Mal, danke fürs Zuschauen und ich freue mich darauf, dich in der nächsten Klasse zu sehen, oder? 5. Installation der Figma Desktop-App: In diesem Kurs lernen wir , wie man die Figma-Desktop-App herunterlädt und installiert. Dies ist sehr , sehr wichtig, wenn Sie sie auf Ihrem System installiert haben Es ist also Ihre Arbeit und es ist der Prozess Und wohlgemerkt, wie ich bereits sagte, ist es für uns sehr einfach, an der Desktop-Version zu arbeiten, und sie wird automatisch mit der Cloud-Version synchronisiert Wann immer Sie sich also an einem Computer anmelden, werden Sie immer noch feststellen, dass Ihre Arbeit intakt ist. Die Desktop-Version wurde nur aus Gründen des leichteren Zugriffs erstellt. Um auf die Desktop-Version zuzugreifen, müssen Sie sich nur anmelden, da wir hier einen Login haben, und Sie können zu unserer oberen linken Seite kommen , diesem Doktorblatt. Sie können klicken, wie wir bereits gezeigt haben. Sie können sehen, holen Sie sich die Desktop-App. Hier bekommst du die Desktop-App und lädst sie herunter und installierst sie. Sie können also klicken und es wird automatisch erkannt, welche Art von Betriebssystem Sie verwenden, ob es sich um automatisch erkannt, welche Art von Betriebssystem Sie verwenden, ein Windows- oder ein Mark-Betriebssystem handelt. Es wird automatisch erkennen und Ihnen die Version für dieses bestimmte Betriebssystem geben . In meinem Fall verwende ich also das Mark-Betriebssystem, sodass mir die Mark-Version automatisch angezeigt wird. Also, sobald ich herkomme, wird es diese Datei speichern. Es ist sehr, sehr klein. Du kannst es sehen. Du kannst einfach klicken und du kannst es sehen. Unser FIG-Modell DMG. Sobald Sie darauf klicken, können Sie den Standort sehen und direkt mit der Arbeit daran beginnen Sie können also doppelklicken und mit dem Öffnen beginnen und direkt mit der Installation beginnen Es ist sehr einfach zu installieren. Es ist nur ein schrittweiser Prozess. So wie wir Dinge auf Software auf einem Mac-Betriebssystem installieren . Sie müssen es also nur per Drag & Drop hierher ziehen. Und es wird dir nur die installierte Textop-Version geben dir nur die installierte Textop-Version Es wurde also festgestellt, dass bereits eine installiert wurde Also wird es diesen Stopp ersetzen, weil ich weiß, dass ich ihn bereits installiert habe. Aber das ist der Prozess, einfach per Drag-and-Drop und wir werden ihn installieren lassen. Sobald Sie es installiert haben, können Sie es einfach öffnen und zum Öffnen können Sie einfach zum Startteil hier kommen. Du kannst einfach klicken und du kannst Figma sehen. Du siehst es nicht, du kannst nach Figma suchen und du siehst es hier Sobald Sie also darauf klicken, wird es geöffnet, sodass Sie diese Textop-Version schließen und mit der Online-Version weiterarbeiten Und Sie können weiter an der Desktop-Version arbeiten. Vorausgesetzt, Sie melden sich einfach an, können Sie mit Ihrer Arbeit fortfahren Das ist also die Desktop-Version, und ich habe mich gerade angemeldet und Sie können sehen, dass es keinen Unterschied zwischen der Desktop-Version und der Online-Version gibt. Es dient also nur dem leichteren Zugriff, sodass Sie alles auf dem Desktop bearbeiten können. Im Grunde geht es also darum, die Desktop-Version der Anwendung für Figma herunterzuladen und zu installieren Sie können einfach weitermachen und es herunterladen und auf Ihrem System installieren , damit wir mit dem Projekt fortfahren können In der nächsten Lektion werden wir uns also ansehen, wie man eine Datei und ein Projekt erstellt und dann den Überblick über , und dann den Überblick über die Hauptdateiplattform auf der Hauptplattform, damit Sie verstehen , worauf Sie bei der Verwendung von FICMA achten sollten, während Sie Verwendung von FICMA achten sollten, während eine Datei erstellen und auf FIGMA verwalten Also bis zum nächsten Mal, danke fürs Zuschauen und wir sehen uns in der nächsten Klasse 6. Erstellen einer Datei- und Schnittstellenübersicht: In diesem Kurs werden wir lernen, wie man eine Datei erstellt und einen allgemeinen Überblick über die Schnittstelle innerhalb einer bestimmten Datei erhalten. Zunächst können Sie also, wie gesagt, beim Entwurf sein, was am einfachsten ist, und Sie können im Team sein. Also kannst du zum Pluszeichen kommen und dann loslegen, was auch immer du willst. Alternativ können Sie hier zur Designdatei kommen und es wird eine neue Designdatei erstellt. Für dieses Tutorial beginnen wir mit dem Entwurf Sie können zum Entwurf gelangen und auf dieses Pluszeichen klicken. Und auch hier haben Sie die Möglichkeit, Design mit einer neuen Designdatei zu beginnen. Oder aus einer neuen Fik-Jam-Datei. Für diese Klasse werden wir eine neue Designdatei starten, indem wir einfach importieren, indem wir einfach auf die neue Designdatei klicken. Und sobald Sie darauf klicken, werden Sie auf genau diese Plattform weitergeleitet. Das erste, was Sie sich oben ansehen müssen , ist, dass Sie diesen Entwurf haben und dann haben Sie das Projekt mit dem Titel. Sie müssen das Projekt also am Anfang benennen . Das ist der erste Schritt. Wir können das also tun, indem wir hier doppelklicken, und sagen wir, das ist unser erster Kurs. Auf Figma. Also kannst du auf klicken. Und jetzt haben Sie diese Klasse, diese Datei, erste Klasse auf Figma, im Entwurf unter dem Projektentwurf Und Sie können jetzt auf dieses kleine Drop-down-Menü klicken und haben die Möglichkeit, den Versionsverlauf anzuzeigen , um dieses Projekt zu exportieren und dann das Dateifarbprofil zu ändern, und Sie können die Datei duplizieren Sie können es jederzeit umbenennen, und Sie können das Projekt an einen beliebigen Ort verschieben Dann können Sie diese Datei trennen oder die Datei löschen, wie Sie möchten. Das ist also das Wichtigste , was Sie hier tun können. Dies ist die Hauptarbeitsfläche, auf der Sie all Ihre Ergänzungen und Prototypen usw. erstellen. Du machst alles hier drüben. Jetzt auf der linken Seite haben Sie die Ebenen, in denen Sie hier suchen können . Sie können auch in Ihren Ebenen oder auf den anderen Plattformen nach allem suchen . Und dann haben Sie die Ebenen aufgelistet und Sie haben Assets und Sie haben Seiten. Außerdem können Sie Seiten auflisten , während Sie weiter am Projekt arbeiten. Wir schauen uns das im Detail an, wenn wir mit unserem Projekt weitermachen. Im Moment kannst du also auf Ebenen sein. Und Sie können auf der rechten Seite sehen, dass Sie diesen Design-Tab haben. Hier haben Sie die meisten wichtigen Dinge, mit denen Sie herumspielen können, wie z. B. die Eigenschaften, und dann haben Sie diesen Abschnitt mit den Prototypen. Sie können Prototypen erstellen, Sie können eine neue Verbindung erstellen. Sie können Ihren Prototyp auch von hier aus ausführen , um zu sehen, wie er am fertigen Punkt aussehen wird. Das sind also zwei sehr wichtige Punkte auf der Leinwand, von denen Sie wissen müssen, wie man sie benutzt. Jetzt haben Sie oben links dieses Drop-down-Menü. Sobald Sie auf dieses Drop-down-Menü klicken. Sie können sich den Schnellzugriff auf Schnellaktionen ansehen. Wenn du Quick Action ausprobieren möchtest, kannst du es dir ansehen. Und dann hast du die Datei. Sie haben die Möglichkeit, von hier aus ein neues Design oder eine neue F-Jam-Datei zu erstellen von hier aus ein neues Design oder eine neue F-Jam-Datei , oder Sie können ein Bild platzieren oder eine lokale Kopie des Projekts , an dem Sie gerade arbeiten, auf Ihrem lokalen Computer oder direkt auf Ihrem Computer speichern eine lokale Kopie des Projekts , an dem Sie gerade arbeiten, auf . Und Sie können es im Visionsverlauf speichern, wenn Sie möchten, oder Sie können den Visionsverlauf anzeigen. Und so weiter, und Sie können Frames als PDF exportieren und Ihr Projekt in eine lokale Datei exportieren. Sie haben diese grundlegenden Optionen wie die Bearbeitung, Sie können Dinge kopieren, testen und finden, die das About ersetzen. Sie können feststellen, dass Sie von hier aus ziemlich viel tun können. Sie können die Ansichten ändern. Sie können auch Gitternetzlinien, Lineale usw. einfügen, um Ihnen bei der Arbeit zu helfen , und Sie können die Ansicht vergrößern und verkleinern Sie haben viele Zoom-Funktionen direkt hier unten. Okay. Und dann können Sie die Benutzeroberfläche direkt ein- und ausblenden. Sie können Konturen, Rahmenkonturen usw. anzeigen. Wir lernen, wie man die meisten dieser grundlegenden Tools verwendet, grundlegende Dinge, während wir uns darin zurechtfinden. Sie haben die Objektmerkmale, Sie haben die Textfunktionen, von denen wir im Eigenschaftenfenster hier eine ganze Menge haben, und dann haben Sie die Funktion „ Anordnung“. Hier geht es um die Anordnung in Schichten, welche zuerst kommt und welche an letzter Stelle Die Vektorfunktion, die Plug-ins, die Widgets und die Einstellungen. Sie können hier alles aktivieren oder deaktivieren, um die Einstellung zu ändern, was passiert oder was auf der Plattform angezeigt So kannst du von hier aus nach antiken Dingen suchen oder binden. Sie können das Thema auch vom dunklen in den hellen Modus oder von hell in den dunklen Modus ändern , oder Sie können dem Systemdesign folgen. Verwenden Sie auch diese Methode. Farbprofil, Tastaturlayout und in den Bibliotheken können Sie eine ganze hier aus und in den Bibliotheken können Sie eine ganze Reihe von Steuerelementen steuern. Es steht dir frei, die Bibliotheken zu besuchen und einem Konto zu helfen, was wir auch von hier aus gezeigt haben. Du kannst dich abmelden, du kannst dir die rechtlichen Hinweise, die Video-Tutorials und auch die Tastenkombinationen ansehen. Auf der Hilfeseite können Sie sich all diese Informationen von hier aus ansehen. Das ist also die erste Option. Der nächste Punkt ist diese Verschiebungsfunktion. Sie können auf dieses kleine Drop-down-Menü klicken und Ihre Inhalte oder Ihr Projekt verschieben . Du kannst Dinge skalieren , und wir werden uns im Detail ansehen , wie man sie benutzt. Danach haben wir den Rahmen, den Sie mit dem Buchstaben F aktivieren können, oder Sie haben den Abschnitt, Sie können einen Abschnitt erstellen, Sie können Scheiben erstellen. Wir werden lernen, wie man all diese auch im Detail zusammen mit ihren Abkürzungen benutzt . Als Nächstes haben Sie die Formen verschiedener Typen: Rechtecke, rechteckige Linien, Pfeile, Ellipsen und Polygone und Sie können bei Interesse Bilder und Videos mit ihren jeweiligen Abkürzungen platzieren Interesse Bilder und Videos mit ihren jeweiligen Du kannst weitermachen und all das erkunden. Und dann hier drüben, als Nächstes haben wir die Stiftwerkzeuge. Sie haben den Stift und den Bleistift je nachdem, was Sie verwenden möchten. Wir haben beide. Und dann ist das nächste die Textfunktion. Sie können klicken, um mit dem Schreiben zu beginnen. Sie können also einfach klicken und anfangen, Ihren Text zu schreiben, und Sie können ihn hier sehen, Ca. Sie können darauf doppelklicken, um die Möglichkeit zu haben, die Dinge zu ändern. Wenn du weitermachst. Okay, wir werden uns das alles im Detail ansehen, damit Sie sehen können, dass Sie die Funktionen zur Bearbeitung von damit Sie sehen können, dass Sie Designtexten haben können. Wir sprechen über all diese Funktionen, wie man einige davon verwendet, den Telefonstil, das Layering, den regulären Stil und den Feldstil, die Farbe, den Strich und die Effekte ändert Layering, den regulären Stil und den Feldstil, die Farbe, den Strich und die Effekte Wir werden uns das alles in diesem Tutorial im Detail Und dann hast du diese Ressourcenseite. Sie können alles auschecken. Sie können Plug-ins hinzufügen, können Komponenten hinzufügen, können Widgets hinzufügen, während Sie weitermachen. Wir schauen uns also im Detail an, wie man einige von ihnen benutzt, und dann haben Sie das Handwerkzeug für den Fall , dass Sie Dinge innerhalb der jeweiligen Kameras herumspielen möchten innerhalb der jeweiligen Kameras Sie wollen Dinge bewegen. Sie möchten auf ein Feature oder auf einen direkten Punkt zoomen . Das können Sie auch tun. Und dann kannst du hier Kommentare hinzufügen. Sie können jederzeit Kommentare hinzufügen, und jemand kann an diesem bestimmten Kommentar arbeiten. Sie können jemanden hinzufügen. Sie können das Hinzufügen-Zeichen verwenden, um einen bestimmten Mitarbeiter anzurufen, und Sie können mit dieser Person zusammenarbeiten Sie können ihm Anweisungen geben und er macht sich direkt an die Arbeit Wir werden uns also ansehen, wie mit Personen innerhalb von Figma zusammenarbeiten können, indem Kommentare und gemeinsame Wörter oder gemeinsame Aktionen hinzufügen, sodass Sie gleichzeitig an demselben Projekt arbeiten können gleichzeitig an demselben Projekt arbeiten Sagen wir also, färb das aus. In Ordnung. Es ist einfach eine normale Sache, nur ein normales Feature, oder? Sie können sehen, dass wir es hier sehen können. Also gebe ich nur eine Anweisung. Also, das sind die grundlegendsten Dinge. Hier drüben, auch du hast, wir können das überprüfen. Sobald Sie geklickt haben, sehen Sie sich jetzt den Kommentarbereich an. Jetzt, hier drüben, haben Sie Ihren Namen Spotlight Me , was zeigt , dass ich bei der Arbeit an diesem speziellen Frame niemanden anpasse. Und dann können Sie Ihre Dateien direkt von hier aus teilen, Sie können sie mit anderen teilen, Sie können Links erstellen und teilen, und Sie können den Personen, mit denen Sie das Dokument teilen, die jeweiligen Steuerelemente geben Personen, mit denen Sie das Dokument teilen, die , sodass Eigentümer dieses Links Sie können Links erstellen und teilen, und Sie können den Personen, mit denen Sie das Dokument teilen, die jeweiligen Steuerelemente geben, sodass Eigentümer dieses Links das Projekt ansehen oder bearbeiten können. Je nachdem, welche Art von Kontrolle Sie ihnen geben, können sie auf das Projekt zugreifen und es direkt bearbeiten. Alles klar? Du hast die Möglichkeit, die Community zu veröffentlichen , sodass die Leute deine Arbeit sehen , ansehen und sie dir auch Kommentare geben können. Das ist also die Kontrolle. Sie können sagen, dass jeder mit diesem Link dieses bestimmte Projekt ansehen oder bearbeiten kann. Okay? Also hier geht es ums Teilen. Sie können den Link kopieren und dann mit ihnen teilen, oder Sie können die E-Mail-Adresse der Person direkt hinzufügen. Ich kann zum Beispiel sagen, dass ich etwas hinzufügen möchte, und dann können Sie einfach weitermachen und einladen, und jetzt wird diese Nachricht gesendet, um diese Person einzuladen, an diesem Entwurf zu arbeiten. Wählen Sie ein bestimmtes Projekt aus und sagen Sie, wir möchten diese Person einladen, und sie wird die Einladung erhalten. Sie wurde eingeladen, die erste Klasse in Figma zu bearbeiten, das ist das Projekt, an dem wir gerade arbeiten Okay, das ist also die Nachricht , die Sie erhalten werden, sobald Sie die Einladung gesendet haben Das ist also die Botschaft, die Klasse , in der ich dich eingeladen habe, die erste Klasse von Figma zu bearbeiten , das ist das Projekt, das wir sind Sie können Figma also öffnen und auch weiter an dem Projekt arbeiten, weil Sie jetzt die Erlaubnis erteilen Um mit der Arbeit an dem Projekt zu beginnen. Sie können sehen, dass Sie den Entwicklungsmodus haben. Sie können diesen aktivieren und Sie können Ihren Prototyp jederzeit vorab abspielen, um die Ergebnisse direkt zu sehen. Wenn du darauf klickst, kannst du deinen Prototyp direkt präsentieren und in der Vorschau ansehen, um das Ergebnis deiner Arbeit zu sehen. Wir werden uns das im Detail ansehen, auch um zu verstehen, was es bedeutet oder wofür Sie es verwenden können. Jetzt haben wir die Zoom-Funktion. Sie können das um 100% zoomen. Sie können hinein- und herauszoomen und Sie können pixeln, und es ist in der Pixelvorschau bei Linealen, Layoutrastern usw. und vielen anderen Dingen, die wir behandeln und zeigen werden, wie man sie benutzt, in sehr detaillierter Form, während wir durch dieses Tutorial navigieren Und zu guter Letzt haben wir diese drei Punkte . Sehr, sehr wichtig. Ihre kürzlich geschlossenen Tabs werden hier angezeigt. Sie können über die drei Punkte auschecken. Schließlich haben Sie zu jedem beliebigen Zeitpunkt auch dieses P S. Wenn Sie sich an das Help Center wenden oder den Support kontaktieren möchten oder wenn Sie sich die Videos ansehen möchten oder ähnliches Damit ist dieser Kurs über das Erstellen einer Datei in Figma abgeschlossen, und dann der allgemeine Überblick über die Plattform der Ich hoffe dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in meiner nächsten Klasse zu sehen. 7. Das Eigenschaften-Panel: Hallo und willkommen zurück. In der letzten Lektion haben wir darüber gesprochen, wie man eine Datei erstellt und einen Überblick über die Plattform beim Erstellen von Dateien gegeben. Wir haben hier über einige der grundlegenden Tabs gesprochen, wie wir sie verwenden können, um unsere Erfahrung zu verbessern. In diesem Kurs werden wir uns also das Eigenschaftenfenster ansehen, das wir hier haben. Im Moment können wir von hier aus praktisch nichts tun , weil wir nichts auf unserer Arbeitsfläche haben , also das Eigenschaften-Panel , also das Eigenschaften-Panel. Abgesehen davon, dass Sie den Hintergrund und die Hintergrundfarbe ändern können , indem Sie einfach hierher kommen und darauf klicken, und wir können es in eine beliebige Farbe unserer Wahl ändern. Sie können also weitermachen und es in eine beliebige Farbe von U ändern. Und wenn Sie ein Kinderbett haben, können Sie es auch ganz vervollständigen. Und dann haben wir hier unten die Exportfunktion, die wir auch eingehen werden auf die wir auch eingehen werden, um mit diesem Tutorial fortzufahren. Aber lassen Sie mich das vorerst so machen, damit wir einen einfachen Hintergrund haben. Eine Sache, die Sie verstehen müssen , ist , dass dieses Eigenschaften-Panel eines der wichtigsten Dinge ist , die wir während unserer gesamten Erfahrung mit Figma verwenden werden Alles hängt davon ab, mit welcher Eigenschaft, mit welchem Element Sie es zu tun haben Dieses Eigenschaftenfenster wird sich ändern Nehmen wir zum Beispiel an, wenn Sie hier zu den Schichten kommen, und wir können einfach klicken und sagen wir, wir wählen diese Ellipse oder diesen Kreis Wenn Sie einen Kreis zeichnen möchten, müssen Sie die Umschalttaste gedrückt halten, und dann können Sie ganz einfach einen Kreis zeichnen Und wenn Sie einfach den Kreis zeichnen, können Sie sehen, dass das Eigenschaftenfenster jetzt geändert wurde. Nun wurden viele Dinge eingeführt, sodass Sie die Positionen dieses Kreises von der X-Achse zur Y-Achse und dann die Breite und Höhe ändern können dieses Kreises von der X-Achse zur Y-Achse . Sie können sie alle variieren. Selbst wenn Sie darauf klicken, können Sie die Anzahl erhöhen. Okay. Durch Klicken und Ziehen können Sie die Zahl entsprechend erhöhen oder verringern Auch wenn diese mit der Breite und Höhe verbunden sind, sind sie miteinander verknüpft, Sie können sie verknüpfen und Sie können sie individuell variieren , so dass Sie sehen können, ob Sie sie unterschiedlich variieren, die Form ändert sich entsprechend Ich bevorzuge es, wenn sie miteinander verknüpft sind, und lasse mich das in diesem Moment tun. Das ist also eines der Dinge. Sie können die Position ändern, Sie können auch die Position der Ebene ändern und Sie können das Feld ändern, was eines der wichtigsten Dinge ist. Sie können hier klicken und genau dieser Form , die Sie gerade hinzugefügt haben, eine andere Art von Färbung hinzufügen dieser Form , die Sie gerade hinzugefügt haben, eine andere Art von Färbung Nehmen wir an, wir können zu einem schönen Ort wechseln und wir können auswählen und ihm einfach eine sehr schöne Farbe geben Okay, sagen wir so etwas und wir können es rausklicken. Okay. Während wir immer noch die Form auswählen, haben wir noch andere Funktionen, wie zum Beispiel dort unten, Sie können einen Strich hinzufügen, indem Sie einfach auf diese Position klicken. Und du siehst jetzt, dass wir einen Strich hinzugefügt haben. Okay, Sie können die Position des Strichs ändern. Wir können es mittig machen, du kannst es draußen machen. In diesem Fall machen wir es also nach draußen. Aber weil es ein sehr kleiner Schlaganfall ist. Deshalb siehst du es nicht visuell. Ihr könnt die Größe auch vergrößern, wenn ihr herkommt, ihr könnt sie vergrößern und ihr könnt sehen dass ihr gerade dabei seid, die Größe zu erhöhen. Ich denke, so etwas ist ganz okay. Und wenn Sie möchten, können Sie auch die Farbe des Stricheffekts ändern . Aber klicken Sie einfach darauf. Du kannst es so etwas wie abhängig machen. Du kannst es so etwas wie das machen. Ich finde das nett. Also, du kannst einfach fliehen, um dem zu entkommen und du bist wieder auf demselben Grundstück. Sie haben andere Funktionen, mit denen Sie sich befassen können und mit denen Sie umgehen können. Sie können die Auswirkungen haben. Sie können klicken, um Effekte hinzuzufügen. Sie können dieser Form Schlagschatten hinzufügen. Sie können Schlagschatten hinzufügen, und Sie können sehen, dass Sie im Schatten einen Schlagschatten sehen können, oder Sie können einen Schlagschatten im Hintergrund sehen. In jedem Fall können Sie sehen, dass sich die Form in ihren Eigenschaften verändert. Nehmen wir an, wir haben einen Schlagschatten, und Sie können visuell sehen, dass wir hier einen kleinen Schlagschatten haben. Sie können also alle diese Funktionen entfernen indem Sie einfach auf dieses negative Zeichen klicken und „Entfernen“ auswählen. Sie können es dann für diese Augenfunktion aktivieren oder deaktivieren . Sie können es also aktivieren und deaktivieren. Sie können den Schlagschatten sehen, er ist ziemlich klein, aber er ist sichtbar. Das Gleiche hier drüben, Sie können diesen Strich nur mit diesem Zeichen aktivieren oder deaktivieren . Und hier unten hast du mehr Funktionen. Nehmen wir an, ich aktiviere das. Hier unten hast du mehr Funktionen. Sie können exportieren, wenn Sie interessiert sind, und exportieren, Sie haben ein anderes Format. Sie können dieses PNG standardmäßig verwenden, aber Sie können es in P, SVG und PDF exportieren. Dies ist sehr einfach und Sie können eine Vorschau anzeigen und sich die Vorschau dessen ansehen, was Sie gerade erstellt haben. Sie können exportieren. Dies ist ohne Hintergrund und Sie können es für andere Dokumente, Berichte oder alles , mit dem Sie arbeiten, verwenden . Das ist also sehr einfach. Und das ist ein Element von den vielen Elementen, die wir haben. Versuchen wir es mit einem anderen Element. Kommen wir zum Beispiel zu dem Text hier drüben und klicken Sie einfach. Sie können den Text aktivieren, indem Sie einfach auf den Tab T hier klicken, den Text, oder Sie können den Buchstaben T auf Ihrer Tastatur verwenden , um den Textbefehl zu starten. Du kannst also auf eine beliebige Stelle klicken und sagen wir, wir schreiben etwas wie Willkommen auf meinem Kanal, und du kannst sofort sehen, dass du, sobald du ausgewählt und du kannst sofort sehen, dass du, sobald du ausgewählt hast, alles auswählst. Abhängig von den Zählerelementen, die Sie haben, ändert sich der Effekt hier, die Eigenschaften hier ändern sich. Wie in diesem Text können Sie also sehen, dass Sie auch mit der Position umgehen können. Sie können mit der Position links oder rechts auf der X-Achse herumspielen . Sie können damit auf der Richtungsachse herumspielen, und Sie können auch mit der Drehung spielen, können es in einen beliebigen Winkel drehen. Das Etwas hier, Sie haben die Drehfunktion, aber Sie können an jedem beliebigen Punkt sehen, Sie können drehen. Lass mich das machen. Und du kannst dir die Ebene ansehen, welche Ebene, du kannst mit der Ebene herumspielen und sie entsprechend anordnen. Das ist die Opazität. Und dann haben Sie hier unten weitere grundlegende Textbearbeitungsfunktionen , z. B. können Sie den Telefonstil ändern Sie können verschiedene Arten von Telefonstilen sehen. Wenn Sie den Mauszeiger darüber bewegen, werden Sie feststellen, dass der Text im Telefonstil ändert, und Sie können die Telefongrößen Sie können die unterschiedliche Größe wählen. Wenn Sie möchten, können Sie selbst einfach direkt die Größe erhöhen. Es ist also sehr einfach. Also und dann hier unten haben Sie die anderen Funktionen, wie Sie die Zeilenhöhe hinzufügen können und das sind Zeilenabstand, Zeilenhöhe und Zeilenabstand in Bezug auf den Text Wenn Sie mehrere Texte haben, . Wenn Sie mehrere Texte haben, können Sie die Zeilenhöhe dazwischen hinzufügen, und das ist die Vertikale, das ist der Buchstabenabstand zwischen ihnen. Sie können auch hinzufügen. Und dann ist das der Absatzabstand. Sie können vielleicht zwei machen, die Breite des Absatzes, Sie können sie entsprechend vergrößern oder verkleinern. Und das ist automatische Höhe. Das ist durchweg eine feste Größe. Sie können das alles anpassen. Sie haben virtuelle Steuerungen. Sie können links, rechts und mittig ausrichten. Sie können hier alle Arten von Ausrichtungen vornehmen. Und Sie haben diese Ausrichtung oben unten in der Mitte. Das alles kannst du von hier aus machen. Und eines der wichtigsten Dinge, auf die Sie achten sollten , ist das Textgefühl. Sie können das von hier aus ändern, Sie können klicken und Sie können das Gefühl hier hinzufügen und Sie können die Farbe in eine beliebige Farbe unserer Wahl ändern . Strähnen Sie etwas wie dieses blau, und Sie können auch einen Strich hinzufügen, je nachdem, Sie können einen Strich hinzufügen und die Breite vergrößern, und Sie können die Farbe ändern, genau wie wir es in der anderen erklärt haben, richtig? Nehmen wir an, wir haben so etwas wie diese rote Farbe, und wir können es so haben. Und dann hast du auch die Effekte. Schlagschatten, Sie können Schlagschatten hinzufügen. Und ich kann sehen, dass Sie den Unterschied ohne und mit erkennen können . Lass mich das einfach machen. Das ist ohne, das ist mit Schlagschatten, und Sie können sehen, dass der Text ziemlich gut aussieht. Sie haben hier also eine Reihe von Steuerelementen. Eine weitere Sache, auf die Sie achten sollten , Sie haben hier andere Steuerungen. Sie können zum Beispiel einen Link dazu hinzufügen, Sie können daraus einen Link erstellen und Sie können daraus selbst eine Komponente erstellen. Wir werden im Laufe dieses Tutorials ausführlich über all das sprechen . Und eine Sache, die Sie auch beachten sollten , ist, dass Sie unabhängig von dem Element, mit dem Sie es zu tun haben, die aktivierten Eigenschaften hier immer noch finden können. Sie können „ Willkommen auf meinem Kanal“ sehen. Das ist der Text, den wir haben, und du kannst die Lippen sehen. Hier wird das gesamte Arrangement besprochen , wo sie hier sind und wie die Probleme mit der Position gelöst werden können. Damit ist dieses Tutorial über das Eigenschaften-Panel abgeschlossen, was es ist und wie man die grundlegenden Funktionen versteht. In Bezug auf das Hinzufügen einiger Elemente und das Herumspielen mit einigen ihrer Funktionen. Ich hoffe, dir hat dieses Video gefallen. Danke fürs Zuschauen und ich freue mich darauf , Sie in der nächsten Klasse zu sehen. 8. Schichtung von Elementen in Figma: In der letzten Klasse haben wir über die Grundlagen des Eigenschaftenfensters in Figma gesprochen die Grundlagen des Eigenschaftenfensters in Und in diesem Kurs werden wir über die Grundlagen der Ebenen sprechen Wann immer Sie also ein Projekt erstellt haben, während Ihrer gesamten Erfahrung mit Figma werden Sie während Ihrer gesamten Erfahrung mit Figma diese Ebenenfunktionen ziemlich oft verwenden , weil die meisten Dinge, die Sie arrangieren werden , die meisten Elemente, die Sie anordnen werden, hier angeordnet werden also sehr wichtig, die Anordnung hier ist also sehr wichtig, die Anordnung hier zu verstehen Das Erste, was Sie verstehen müssen , ist , dass wir Duplikate davon erstellen können , indem Sie die Optionstaste oder die alte Taste an Ihrem Fenster gedrückt halten oder die alte Taste an Ihrem Fenster Sie können einfach die Optionstaste auswählen und dann klicken und wir können ziehen und Sie können sehen, dass wir gerade ein Duplikat davon haben Sie können also jetzt sehen, dass wir LPS eins und LPS zwei haben. Das liegt daran, dass beide zwei verschiedene Dinge sind Und eine weitere Sache, die Sie wissen sollten, ist, dass die Position in Bezug auf die Schichtung sehr unterschiedlich Jedes Objekt oder jedes Element, das Sie hier oben haben, wird also jedes Element, das Sie hier oben haben, wird fokussiert oder verhalten sich oben auf diesem LPS-Objekt, weil es ganz oben steht, sogar in der Rangliste hier bei der Und Sie können sehen, dass dieser Text über allen steht. Wenn ich also zum Beispiel diese Lesta mitbringe, wähle ich diese aus und ändere die Farbe auf etwa Rot Und wenn ich versuche, das hier rüber zu bringen, kannst du sehen, dass es jetzt oben drauf ist Das liegt daran, dass diese zweite Ebene darüber liegt. Wir können also mit der rechten Maustaste klicken und es umbenennen, wenn Sie möchten. Wir können das umbenennen. Okay, nennen wir es den orangefarbenen Kreis. Und dann lassen Sie uns diesen zum Beispiel in den grünen Kreis umbenennen . Sagen wir also zum besseren Verständnis diesen grünen Kreis. Okay. Also können wir sehen, dass das der orange Kreis ist, das ist der grüne Kreis. Und wenn du versuchst, auch den Text mitzubringen, kannst du sehen, dass der Text über allen steht. liegt daran, dass seine Position zu diesem Zeitpunkt wirklich über allem steht . Sie können versuchen, sich anzupassen. Sie können sie ändern, indem Sie sie einfach ziehen. Wenn Sie beispielsweise Ihre Orange per Drag & Drop ziehen, können Sie sehen, dass sie unter dem Text steht, und Sie können die grüne Farbe auch nach oben ziehen, und Sie können sehen, dass sie ganz oben steht Das Arrangement ist also sehr, sehr einfach. Sie können es jederzeit anpassen , wenn Sie interessiert sind. Der Text kann also immer zurückkommen, weil wir ihn ganz oben haben wollen. Sie können jetzt sehen, dass wir ihn oben haben. Sie können von hier aus mit den grundlegenden Dingen herumspielen, aber das Arrangement ist wichtig. Wenn du verstehst, wie die Ebenen angeordnet sind, wird dir das die Arbeit sehr, sehr leicht machen. Sie müssen also auf eine ganze Reihe von Dingen achten. Also alles, was oben ist, ist oben. Alles, was sich darunter befindet , liegt wirklich darunter , wenn Sie sich den Layering-Prozess ansehen, haben Sie noch andere Dinge, die wir uns in demselben Panel ansehen Sie haben das Assets-Bedienfeld und wir haben das Seiten-Panel, dem Sie, wie gesagt, mehrere Seiten erstellen können Wir werden uns das alles im anderen Tutorial im Detail ansehen das alles im anderen Tutorial im Detail Und Sie können die Positionen von Elementen sperren. Sie können beispielsweise die Position dieses Textes mit nur diesem Klick sperren . bleibt also an dieser Position, und Sie können es direkt sperren, indem Sie einfach darauf klicken. Sie können diese Funktion auch verwenden , um es über das Bedienfeld auf der Leinwand zu aktivieren oder zu deaktivieren. Es wird also entweder sichtbar oder unsichtbar. Je nachdem, woran Sie gerade arbeiten, können Sie also immer einige dieser Funktionen haben und damit herumspielen. Okay, das ist der Abschluss dieses Kurses über die Grundlagen von Ebenen und das Verständnis der Schichtung in Bezug auf Anordnung der Elemente in Figma Ich hoffe, dir hat dieses Video gefallen. Danke fürs Zuschauen und wir sehen uns in der nächsten Klasse. 9. Hinzufügen und Anpassen von Frames: In der letzten Klasse haben wir über die Überlagerung von Elementen in Figma gesprochen , und in dieser Klasse werden wir über die Grundlagen von Frames und das Hinzufügen von Frames sprechen und in dieser Klasse werden wir über die Grundlagen von Frames und das Hinzufügen von Frames sprechen. Was sind nun Frames sind eigentlich die Elemente , denen wir Eigenschaften hinzufügen können , die uns helfen, Elemente und Eigenschaften innerhalb verschiedener Arten von Seiten zu trennen , okay? Wenn Sie eine Telefon-App erstellen, die verschiedenen Seiten , die Sie in dieser bestimmten App haben , durch Frames gekennzeichnet Die Anzahl der Frames , die wir haben, hängt also davon ab. Wenn Sie also zehn Seiten in einer bestimmten App haben, bedeutet das, dass Sie zehn Frames in dieser Hoffnung angeordnet haben. Im weiteren Verlauf werden wir lernen , wie man sie erstellt und wie man sie und ihre Eigenschaften miteinander verknüpft. Um zunächst einen einfachen Rahmen hinzuzufügen, können Sie bis hierher kommen und auf diese Rahmenfunktion klicken, oder Sie können den Buchstaben F verwenden. Sie können den Buchstaben F auf Ihrer Tastatur drücken , um das Rahmenwerkzeug zu aktivieren. Sie können also einfach eine beliebige Stelle auswählen, ziehen und schon können Sie Ihren Rahmen auswählen oder erstellen lassen. Das ist also 469 mal 3408 groß. Wir können es einfach veröffentlichen, und Sie können jetzt sehen , dass wir das als Rahmen haben Jetzt wird daraus ein Rahmen, ihr könnt sehen, dass automatisch sichergestellt wird, dass all diese Elemente jetzt darunter untergebracht sind. Ihr könnt das zusammenklappen und wieder zusammenklappen, und all diese Elemente befinden sich jetzt speziell unter diesem Objekt. Insbesondere Frames können also auch verwendet werden, um unsere Elemente zu kategorisieren, sodass wir genau wissen, welcher Teil dieser Elemente zu diesem Frame gehört und welcher Teil dieser Elemente auch zu diesen Frames gehört Also auch hier, wenn Sie sich bei der gewünschten Größe sicher sind, können Sie die Größe direkt am Rahmen anpassen, indem Sie ihn einfach mit der Maus bewegen, klicken und ziehen und bewegen, sodass Sie ihn an jede beliebige Größe anpassen können. Oder wenn Sie die Größe genau kennen, können Sie hierher kommen und die Größe entsprechend ändern. Sie können sehen, dass wir die Größe vergrößern oder verringern können , sowohl was die Höhe angeht, als auch in Bezug auf die Position in X und Y, Sie können mit der Position herumspielen. Und an jedem beliebigen Punkt können Sie darauf klicken und es bewegen. Wenn Sie jedoch die Größe einstellen , die Sie erstellen möchten, können Sie sie ganz einfach haben. Wenn Sie also zum Beispiel versuchen, mit der F-Taste zu erstellen, und Sie die Rahmenerstellung aktivieren, können Sie die Vorlagen sehen, die Ihnen die Figma gibt Wir haben also eine Reihe von voreingestellten Größen für Telefone, wenn Sie mit Telefonen zu tun haben, vielleicht, wenn Sie versuchen, eine Telefon-App zu entwickeln Sie können die verschiedenen Größen für iPhone 14 und 15 Pmax sehen . Du kannst sie sehen. Das ist die Größe. Das ist die Standardgröße für 15. Dies ist die Standardgröße für iPhone SE und Telefon H, Sie können sehen, dass dies die Standardgröße ist. Für Android, klein, ist das die Größe, Android groß, das ist die Größe. Sie können also einfach weitermachen und jemanden auswählen. Wenn Sie es auch mit Tablets zu tun haben, handelt es sich dabei um voreingestellte Größen, die Sie einfach auswählen können, je nachdem , was Sie erstellen möchten, wenn Sie die spezifische Größe nicht kennen. Wenn Sie es mit einem Desktop zu tun haben, können Sie feststellen, dass verschiedene Größen verwendet werden, wenn Sie MT Book oder können Sie feststellen, dass verschiedene Größen verwendet werden, wenn Sie MT Book oder TV oder Desktop oder so oder so oder Map Book Pro 14 oder so ähnlich Sie können also einfach die Option Präsentation neu erstellen auswählen, Sie können die verschiedenen Größen sehen Sie verwenden 16 mal neun, vier mal drei. Oh, Sie können sehen, ob Sie auch Uhren verwenden , ist eine Apple Watch. Und wenn Sie Formate für Papier erstellen möchten, können Sie sich die meisten davon A A 5 A 6 und Letter Größe sowie verschiedene soziale Medien ansehen A A 5 A 6 und Letter Größe . Sie können ein auswählen und Sie können das Papier auswählen lassen und Sie können sich die genauen Formate zuordnen lassen. Lassen Sie uns für diesen Fall also etwas Einfacheres wählen. Wählen wir Pon 14 plus aus, klicken Sie darauf und Sie können standardmäßig sehen, dass Figma uns diese Größe gerade als unsere Pon 14-Größe gegeben hat uns diese Größe gerade als unsere Pon 14-Größe gegeben Okay. Sie können also auf eigene Faust die Befehlstaste gedrückt halten und das Scrollrad an der Maus benutzen , um die Ansicht zu verkleinern, sodass Sie hier mehr Details sehen können . Mit dem Befehl, die Befehlstaste gedrückt halten und nach unten scrollen, können Sie die Größe reduzieren, genau wie oder vergrößern, wenn Sie nach oben scrollen, nach unten scrollen, Sie können diese Befehlstaste pan to mit verwenden Drücken Sie den Buchstaben H und verschieben Sie diese beiden Größen zur Seite. Sie können auch feststellen, dass es sich um Frames handelt, sodass Sie jederzeit die Flucht ergreifen können sodass Sie jederzeit die Flucht ergreifen können, um zum Auswahlwerkzeug zurückzukehren Sie wählen also einen beliebigen Frame aus. Sie können es duplizieren, indem Sie einfach den Befehl D verwenden , um einen bestimmten Frame zu duplizieren. Sie können aber auch die Wahltaste in Markierfenstern oder die Taste T gedrückt halten und dann auswählen und ziehen, und dann auswählen und ziehen um dieselbe Kopie dieses bestimmten Frames zu erstellen. Es ist also sehr einfach, das zu tun. Sie können denselben Rahmen auch kopieren und irgendwo einfügen. Lassen Sie uns nun die Befehlstaste gedrückt halten und das Ganze ein wenig eingrenzen, damit wir alles darin sehen können. Eine weitere Sache , die ich Ihnen zeigen möchte , ist, dass Sie Eigenschaften kopieren können. Sie können dies entsprechend ausrichten. Wenn Sie sie ausgerichtet haben, können Sie sie direkt ausrichten, indem sie hier direkt auswählen. Sie können hier unten sehen, dass Sie dieses Symbol haben, mit dem Sie sie vertikal ausrichten können. Wenn Sie darauf klicken, werden Sie sehen, dass sie gleichmäßig ausgerichtet sind. Sie haben die gleiche vertikale Ausrichtung. Und wenn Sie möchten, dass sie, wenn Sie sie getrennt haben, zum Beispiel ausgerichtet ist, und Sie möchten, dass sie vertikal ausgerichtet sind. Sie können sie alle auswählen. Ample, lass uns die Shift-Taste gedrückt halten . Und wir können die Befehlstaste drücken und nach unten scrollen, wir können zum Beispiel alles auswählen und dann können wir es ausrichten. Dadurch wird sichergestellt , dass sie vertikal ausgerichtet sind. Und wenn Sie sie horizontal ausrichten möchten, ist dies horizontal ausrichten. Wenn Sie sie vertikal ausrichten möchten, sodass dieselbe Größe und dieselbe Ebene haben, können Sie einfach hierher kommen und sehen, wie Sie die vertikale Mitte ausrichten. Sie können also mit nur einem Klick sehen, dass sie gleichmäßig ausgerichtet sind und dass sie in der vertikalen Mitte ausgerichtet sind. So geht es also im Grunde darum, wie man mit Elementen mit Rahmen umgeht, und wir spielen mit ihnen herum. Eine weitere Sache ist, dass Sie verstehen müssen , dass Elemente, die wir in einem bestimmten Rahmen haben , einfach sind Sie können sie einfach kopieren und auf verschiedene Rahmen legen. Okay. Also, wenn wir zum Beispiel diesen Rahmen haben, wenn Sie diesen Rahmen auswählen und wir diesen Text auswählen und einfach klicken und wir können ihn einfach einfügen. Lass uns etwas schreiben. Willkommen. Und wir sind willkommen. Das heißt, wenn Sie diesen Text auswählen und die Befehlstaste und die Optionstaste gedrückt halten, wird Ihnen genau die Verteilung angezeigt. Die Größe ist von links, von oben, von den Seiten, die Anordnung von den Seiten und von der rechten Seite und von unten. Das ist das Arrangement. Wenn Sie also diese Begrüßung kopieren möchten, kopieren Sie sie mit Command oder Control C auf Ihrer Tastatur, Sie kommen zum zweiten Frame. Sie können den Befehl V ausführen , um ihn einzufügen, und Sie können sehen, dass, wenn Sie die Wahltaste gedrückt halten, Sie sehen, dass er genau an der Stelle eingefügt wurde, an der Sie ihn aus der anderen Eigenschaft kopiert haben , direkt aus dem anderen Frame Und das Gleiche hier, Sie können es einfügen und es wird die gleiche Position beibehalten, wenn Sie weitermachen Eine weitere Sache, die wir in Bezug auf den Rahmen lernen können , ist, dass Sie, wenn Sie sich das ansehen , feststellen werden, dass jeder der iPhone-Rahmen, die wir haben, das ist iPhone 14 plus, Telefon 14 plus eins, zwei , drei, entsprechend angeordnet ist. Sie können sie umbenennen, wie wir es bereits erklärt haben. Sie können sie einfach doppelklicken und dann können Sie sie umbenennen, sodass Sie beispielsweise den ersten Bildschirm sehen und ihn dann erstellen können. Nein, das ist Bildschirm drei. Nehmen wir zum Beispiel Bildschirm drei an, und das ist Bildschirm eins, Bildschirm zwei, und das ist Bildschirm eins. C Doppelklicken Sie einfach und nennen Sie diesen Bildschirm eins. Sie können also sehen, dass die Begrüßung jetzt eine Untergruppe von Bildschirm drei ist, da dies ein Element unter diesem dritten Frame Dies ist ein Element unter Frame 2. Dies ist ein Gegenstand unter Rahmen. Aus einem, aus einem. Und dann haben Sie das, lassen Sie mich den Buchstaben H verwenden, und Sie können auf diesem kleinen Bild eins sehen, Sie können sehen, dass all diese Bilder unter diesem Rahmen untergebracht sind. Und in jedem Fall können Sie die Eigenschaften, die Elemente, zusammenklappen, sodass Sie aus Gründen der Übersichtlichkeit und einfacheren Zugriff auf andere Eigenschaften sehen können . Jetzt können Sie in jedem Frame , den Sie erstellt haben, sehen, dass Sie über diese Option Sobald Sie diesen Frame ausgewählt haben, können Sie diese Eigenschaften sehen. Dies sind die Rahmeneigenschaften , die Sie gerade erstellt haben. Und Sie können auch mit der Größe in Bezug auf die Position, Breite und Höhe herumspielen . Sie können mit einigen dieser Eigenschaften herumspielen, und Sie können sie von der Horizontalen umkehren und von Vertikalen zur Horizontalen oder zur Platine machen. Und Sie können mit dem Eckenradius herumspielen. Du kannst das benutzen, ich benutze das ziemlich oft. Denn wenn du herumspielst, kannst du sehen, dass du den Eckenradius vergrößern kannst. Und alles wird jetzt so, dass der Radius jetzt nicht mehr steil ist wie zuvor. Sie können also so viele Eigenschaften haben. Beim Drehwinkel haben Sie, wie wir bereits erklärt haben, die Eigenschaften , mit denen Sie sowohl mit der Irrotation als auch mit der Haptik herumspielen können. Sie können die Gefühlsfarbe ändern, Sie können die Gefühlsfarbe ändern indem Sie einfach darauf klicken, und Sie können die Farbe auswählen und entsprechend variieren. Okay. Also behandeln wir all diese grundlegenden Elemente, wie man Elemente hinzufügt und mit ihnen innerhalb von Frames im Detail umgeht . Aber im Moment haben Sie die Feldoption. Sie haben die Strichoption genau wie wir es zuvor erklärt haben. Sie haben die Sektenoption. Außerdem, wenn Sie dort Schlagschatten hinzufügen möchten, können Sie ziemlich viel sehen. Wir haben also auch diese anderen Funktionen. Wir haben die Marke als bereit für die Entwicklung und Benutzermaske und großartige Komponenten daraus gemacht. Damit ist dieser Kurs abgeschlossen, in dem es darum geht, Rahmen hinzuzufügen und sie auf unserer Leinwand entsprechend anzupassen. Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. Von 10. Hinzufügen von Raster und Leitfäden: Okay, in der letzten Klasse haben wir darüber gesprochen, wie man Rahmen in Figma hinzufügt und Rahmen in Figma hinzufügt und Und in diesem Kurs werden wir darüber sprechen, wie wir unseren Frames Raster und Hilfslinien hinzufügen Raster und Hilfslinien sind also wirklich sehr wichtig , damit wir die Übersicht behalten und sicherstellen können, dass wir beim Hinzufügen und Entfernen von Elementen innerhalb unserer Rahmen mit Präzision arbeiten beim Hinzufügen und Entfernen von Elementen innerhalb unserer Rahmen So können wir genau wissen, wie groß die einzelnen Seiten sind, und so weiter, wenn wir mit der Erstellung unserer Frames fortfahren Als Erstes können wir Raster hinzufügen , indem wir einfach auf einen bestimmten Rahmen Sie können dann zum Eigenschaftenfenster gehen und das Layoutraster hier sehen Sie können also einfach auf dieses Plot-Zeichen klicken, um ein Raster hinzuzufügen, und standardmäßig ist dies das Raster, das hinzugefügt wird Jetzt habe ich ein Raster darauf, und Sie können sehen, dass das Rasterlayout deutlich sichtbar ist. Du kannst es verstecken, wenn du willst. Sie können es direkt aus- oder einblenden, wie wir das für jedes Element erklärt haben . Wenn du mehr Eigenschaften dieses speziellen Grids haben oder weiter damit herumspielen möchtest, kannst du auf diese Punkte, diesen Seton, klicken Du kannst einfach klicken. Sie können einfach klicken und Sie können sehen, dass Sie mit dieser Dropdownliste mehrere Rastertypen haben. Das ist ein normales Raster. Wenn Sie ein Stützenraster haben möchten, können Sie darauf klicken und schon haben Sie dieses Stützenraster. Sie können 20 daraus machen, wenn Sie die Zahl haben möchten. Je nachdem, ob Sie 20 daraus machen, können Sie sehen, dass wir eine Zahl von 20 haben, und Sie können mit der Färbung herumspielen die Farbe in eine beliebige Farbe Ihrer Wahl ändern Im Moment kannst du sehen, dass wir diese Farbe haben, und du kannst zuschlagen und entkommen Und du hast noch andere Eigenschaften wie die Opazität. Im Moment sind es zehn, du kannst vielleicht zwei draus machen. Sorgen Sie also dafür, dass Ihre Elemente sichtbar sind. Sie können jetzt sehen, dass es zwei sind, aber Ihre Elemente sind sehr gut sichtbar Wenn du nicht möchtest, kannst du es auf vielleicht vier erhöhen, die Sichtbarkeit erhöhen, sodass du es sofort sehen kannst. Elemente sind sichtbar, aber auch die Raster sind sichtbar Sie haben hier unten also die Art des Gitters. Das ist ein Säulenraster. Sie können auf die Hälfte des anderen Rasters klicken und Sie können das rechte oder das zentrierte Raster verwenden, je nachdem, ob Sie mehr Abstand von rechts oder von links haben je nachdem möchten , je nachdem, es hängt alles von Ihnen ab und Sie können hier rüberkommen und sagen, gestreckt, quer verschoben. Es hängt also alles davon ab. Du kannst mit ihnen spielen. Nehmen wir jetzt an, wir wollen das linke Raster, und Sie können mit dem mit der anderen Seite der Trennung spielen. Sie können es vielleicht fünf sein lassen , dann wird die Breite jetzt kleiner. Und weniger dicker. Und wenn Sie möchten, können Sie es vielleicht sieben machen , um die Dicke zu erhöhen. Und der Offset ist auch jetzt auf Null gesetzt, Sie können hierher kommen und den Offset erhöhen. Wenn Sie sechs daraus machen, sehen Sie, dass der Offset erhöht wurde. Okay? Also je nachdem, was du am Rand haben willst. Wenn du einen größeren Offset am Rand haben willst, kannst du das wahrscheinlich vielleicht 15 machen. Okay, Sie können jetzt sehen, dass wir an den Rändern eine größere Störung haben . Okay, hier unten hast du die Nummer. Du kannst es erhöhen. Vielleicht, wenn wir fünf draus machen, können Sie jetzt sehen, dass Sie die Zahl erhöhen oder verringern können. Nehmen wir an, wir passen die Zahl 30 an, sodass Sie die Menge sehen können , da Sie sie jetzt dort erhöhen können. Jetzt können Sie ein anderes Rasterlayout hinzufügen. Wenn Sie interessiert sind, können Sie jederzeit darauf verzichten, und Sie können ein anderes Raster hinzufügen, indem auf dieses Pluszeichen klicken, und Sie können es ändern. Jetzt können Sie die Gutta hinzufügen. Wenn du willst, kannst du eins draus machen und du wirst sehen können, dass es jetzt viel größer ist Wenn du hineinzoomst, kannst du jetzt sehen, was du hast, die Trennung, das Muss, aber dann kannst du diese 20 haben. Ich denke, und jetzt finde ich, dass das gut ist. Jetzt können Sie ein anderes Raster hinzufügen, indem Sie einfach hierher kommen. Sie können dem entkommen und ein anderes Raster hinzufügen, indem Sie auf dieses Feld kommen und auf die Plus-Seite klicken. Sie können also weitere hinzufügen, sodass Sie auch hierher kommen und mit den Eigenschaften herumspielen können . Je nachdem, das ist ein Spaltenraster. Sie können es zu einem Zeilenraster machen und Sie können auch mit den Funktionen herumspielen. Sie können die verschiedenen Teile ändern. Das ist praktisch in Fällen , in denen Sie es versuchen, also machen wir es wahrscheinlich 15. Oh, 12. Also das ist manchmal praktisch , wenn Sie es mit dem Telefon zu tun haben und Ihre Elemente entsprechend anordnen möchten . Wenn Sie also diese einheitliche Größe haben, wird es für Sie sehr einfach, Ihre Elemente sehr schön anzuordnen . Und dann kannst du weitermachen und sie schälen. Die anderen Funktionen haben wir erklärt, und Sie können damit auch jedes beliebige Grid direkt aktivieren oder deaktivieren. Und Sie können jedes Raster entfernen , wenn Sie auf das negative Vorzeichen klicken. Nun, wenn Sie interessiert sind, können Sie das Gitter einfach entfernen. Eine weitere wichtige Funktion, die ich mit Ihnen teilen möchte und die Ihnen helfen kann, genau zu bleiben und den Abstand innerhalb Ihres Rahmens beizubehalten , sind die Hilfslinien. Die Hilfslinien können mit den Linealen angebracht werden, okay, mit den Linealen Sie können also zwischen den Linealen wechseln, um die Lineale anzuzeigen und sie auf jeder Art von Sigma-Leinwand zu zeigen , indem Sie einfach die Tastenkombination Shift F Shift R verwenden , um die Lineale an den Seiten und oben hier zu aktivieren , und Shift R wieder , und Shift Sie können das Lineal also mit Shift R verdoppeln und es ein- oder ausschalten Der Leitfaden, den Sie hier haben können, um Ihnen bei der Präzision zu helfen, ist, dass Sie zu den Rändern kommen und bis Ihre Achterbahn in dieses horizontale Schild Wenn Sie klicken und ziehen, können Sie sehen, dass Sie eine Linie haben, die Sie innerhalb der Leinwand verschieben können , um vielleicht den Startpunkt eines Elements zu definieren Wenn Sie wissen möchten, wie groß Sie sich gerade befinden, können Sie die Optionstaste auf Ihrer Tastatur gedrückt halten, und Sie können die T-Taste an Ihren Fenstern gedrückt halten und Sie können die Nummer des Stücks von links sehen. Und das Gleiche gilt auch, du kannst runterkommen. Klicken Sie erneut und Sie können eine weitere auf der rechten Seite platzieren Wenn Sie daran interessiert sind, können Sie nur der Übersichtlichkeit halber immer noch die Optionstaste gedrückt halten, um die Länge am anderen Rand zu definieren. Du kannst das Gleiche auch oben machen, um eine horizontale Hilfslinie zu haben, indem du einfach hier drüben klickst, und du kannst einfach ziehen und schon hast du sie. Nehmen wir an, wir halten das auch , um die genaue Position zu definieren. Sie können so viele hinzufügen, wie Sie möchten, je nachdem, was Sie erstellen möchten. Sie können verschiedene Elemente hinzufügen und eine bestimmte Größe definieren eine bestimmte Größe definieren , die Sie während des Hinzufügens hinzufügen möchten . Um also eine beliebige Hilfslinie aus einem Rahmen zu entfernen, können Sie sie einfach durchgehen, sie auswählen, anklicken und gedrückt halten Dann können Sie sie zurückziehen und schon haben Sie die Hilfslinie entfernt. Sie können es also sehen, entfernen Sie sie einfach, indem Sie sie einfach anklicken und ganz einfach zurückziehen Sie können sehen, dass Sie einfach alle entfernen müssen. Das sind also die Grundlagen für das Hinzufügen von Rastern und Hilfslinien, die uns bei der Akquisition in unserem FMS helfen Damit ist dieser Kurs über das Hinzufügen von Gittern und Hilfslinien zu unserem Rahmen innerhalb von Sigma abgeschlossen Gittern und Hilfslinien zu unserem Rahmen innerhalb von Sigma Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. Tschüss. 11. Formen hinzufügen und anpassen: In der letzten Klasse haben wir darüber gesprochen, wie wir unserer Leinwand Gitter und Hilfslinien hinzufügen können Und in diesem Kurs werden wir lernen, wie man Schafe, verschiedene Arten von Schafen, hinzufügt und sie entsprechend Lassen Sie uns nun damit beginnen , dies zu löschen. Lassen Sie uns also unser Pan-Tool mit dem Buchstaben H verwenden , um unsere Leinwand zu leeren, und dann können wir beginnen, verschiedene Schafe einzufügen Um nun Formen einzufügen, können Sie es auf der Kappe lassen, um zum Auswahlwerkzeug zurückzukehren Um Formen einzufügen, können Sie hier ganz nach oben gehen. Sie können sehen, dass Sie auf dieses Dropout klicken können und Sie haben eine Reihe verschiedener Formen Sie können mit einem Rechteck beginnen, das Sie mit dem Buchstaben R auslösen können, und Sie haben eine Linie mit dem Buchstaben L. Sie haben einen Pfeil mit dem Umschalt-Buchstaben L und so weiter Okay, Sie haben Lippen , ein Polygon und einen Stern, und Sie können Bilder und Videos auch auf derselben Leinwand platzieren , wenn Sie daran interessiert sind Beginnen wir also damit, etwas Einfaches wie ein Rechteck zu importieren etwas Einfaches wie ein Rechteck Und sobald wir auf das Dcgle geklickt haben, können Sie es direkt zeichnen , indem Sie es einfach so ziehen Sie können also feststellen, dass ich ein Rechteck zeichne, aber wenn ich die Umschalttaste gedrückt halte, wird es zu einem Es wird ein Quadrat daraus machen, bei dem sowohl die Länge als auch die Breite und die Höhe gleich sind. Wenn Sie also ein Quadrat erstellen möchten, ist es besser, während der Gleichung die Umschalttaste gedrückt während der Gleichung die Umschalttaste zu halten. Damit du jetzt sehen kannst, habe ich ein Quadrat. Aber wenn ich ein Rechteck zeichnen möchte, kann ich meine Hand mit der Umschalttaste heben, und Sie können jetzt sehen, dass ich eine beliebige Länge wählen kann . Aber nehmen wir an, ich nehme ein Quadrat dieser Länge, da Sie jetzt sehen können, dass ich gerade mein Quadrat gezeichnet habe. Und lassen Sie uns noch eins hinzufügen. Nehmen wir an, ich kann ein Polygon wie dieses zeichnen. Ich kann leicht zeichnen. Sie können auch eine andere Form zeichnen. Nehmen wir an, wir nehmen die Ellipse. Und wenn du auch zeichnest, entscheidest du dich für eine solche Ellipse Und wenn Sie einen perfekten Kreis wollen, können Sie die Schafttaste gedrückt halten So wird es ganz einfach zu einem perfekten Kreis. So fügen Sie nun verschiedene Formen ein oder zeichnen eine beliebige Form in die Leinwand. Wenn Sie nun eine der Formen der Elemente auswählen, die Sie gerade importiert oder eingefügt haben, können Sie sehen, dass die Eigenschaften hier angezeigt werden. Zum Beispiel die X-Position, Sie können hierher kommen und mit der Position im X herumspielen. Und in Y-Richtung können Sie sie direkt auf diese Weise variieren. Und Sie können die Breite und Höhe ändern , wenn Sie die Breite und Höhe ändern möchten, obwohl sie miteinander verbunden sind, sodass sie auf die gleiche Weise vergrößert oder verkleinert werden. Wenn Sie möchten, dass sie auf unterschiedliche Weise vergrößert oder verkleinert werden, müssen Sie diese Verknüpfung entfernen In diesem Fall können Sie also die Breite erhöhen. Okay, Sie können sehen, dass es jetzt die Breite von selbst erhöhen oder verringern kann , ohne die Höhe zu beeinflussen Sie können es jetzt sehen oder Sie können die Höhe erhöhen , ohne die Breite zu beeinflussen. Aber ich bevorzuge es immer , wenn es miteinander verknüpft ist, sodass wir eine einheitliche Erhöhung oder Verringerung erzielen können Lassen Sie mich das machen, um ein perfektes Quadrat zu haben. Eine weitere Sache, während Sie die Form immer noch auswählen, haben Sie die Möglichkeit, sie zu drehen . Sie können sie in einen beliebigen Winkel wenn Sie interessiert sind. Stimmt das? Lass mich das auch machen und dann kannst du mit dem Eckenradius spielen. Im Moment ist es scharf. Wenn Sie den Radius der Ecke verkleinern oder vergrößern oder etwas Kurvencharakter verleihen möchten. Sie können jetzt sehen, dass Sie der Ecke etwas Kurvenart hinzugefügt haben . Wenn Sie dem Eckenradius dieselbe Kurskurve hinzufügen möchten, können Sie alternativ Eckenradius dieselbe Kurskurve hinzufügen möchten, diese Punkte sehen, wenn Sie das Schiff auswählen. Wenn Sie eines davon auswählen, wählen Sie es aus, klicken Sie und ziehen Sie, und Sie können den Eckenradius auch manuell hinzufügen. Dementsprechend können Sie ihn vergrößern oder verkleinern. Dies ist eine weitere Möglichkeit, den Eckenradius hinzuzufügen. Okay, das ist also das. Hier unten haben Sie die Feldoption. Sie können dem eine andere Art von Feldfärbung hinzufügen. Sie können klicken und beliebige Farbe Ihrer Wahl auswählen Sie können frei navigieren und eine sehr schöne Farbe für sich selbst auswählen . Das ist eine Volltonfarbe. Wenn Sie eine Verlaufsfarbe wünschen, können Sie jederzeit darauf klicken. Jetzt können Sie sehen, dass Sie eine Verlaufsfarbe haben. Wenn Sie darauf klicken, können Sie den Farbverlauf von dieser Seite hinzufügen Farbverlauf von dieser Seite Mit dieser Funktion können Sie die Position des Farbverlaufs steuern . Okay, Sie können also die Position des Gradienten vergrößern oder verkleinern , sodass Sie sehen können. Und hier kannst du auch die Farbe ändern. Wenn Sie eine andere Farbe haben, wenn Sie eine andere Farbe möchten, können Sie auch wählen und Sie können sehen, dass sie sich entsprechend ändert. Also hier unten kannst du einen Strich hinzufügen, du kannst auf dieser Seite der Handlung zuschlagen. Um dem Ganzen einen Strich hinzuzufügen, können Sie sehen, ob ein hinzugefügter Strich es nach innen oder außen oder in die Mitte bringen kann. Lassen Sie uns den Strich jetzt innerhalb der Dicke des Strichs platzieren. Im Moment ist eins weniger holprig bis etwa 30, und Sie können die Hälfte davon bei 30 sehen, und Sie können darauf klicken, um die Färbung des Strichs zu ändern Nehmen wir zum Beispiel etwas wie Weiß, eine Art weiße Farbe. Sie können also sehen: Im Moment haben wir unseren Strich weiß. Und in jedem Fall können Sie in jeder dieser Eigenschaften sie von hier aus aktivieren oder deaktivieren, die Färbung und den Strich Sie können sie auf diese Weise aktivieren oder deaktivieren, und Sie können sie auch mithilfe der Minuszeichen entfernen, wie wir bereits erklärt haben Dann hast du andere Effekte. Sie können klicken, um den Schlagschatteneffekt hinzuzufügen. Sie können Schlagschatten hinzufügen, Sie können einen inneren Schatten hinzufügen, Sie können einen Ebenenschlag oder einen Taschenschlag hinzufügen. Sie können jeden von ihnen hinzufügen. Aber lassen Sie uns vorerst mit Schlagschatten beginnen. Alles klar? Und dann kannst du exportieren oder, falls du interessiert bist, was wir in einem späteren Kurs behandeln werden. Nun, wir haben dieser Eigenschaft zu dieser Form so viel hinzugefügt . Wenn Sie dieser Eigenschaft dieselbe oder eine ähnliche Eigenschaft hinzufügen möchten , gibt es eine einfachere Möglichkeit, dies in Figma zu tun Das Erste ist, dass du an die Spitze kommen kannst. Wenn Sie diese Form auswählen, können Sie nach oben gehen und hier auswählen. Sie können zur Bearbeitung kommen und Sie können ganz nach unten gehen und Eigenschaften hier kopieren, und Sie können dies auswählen und Sie können zurückgehen und dann zur Bearbeitung kommen und dann zu den Eigenschaften von Schädlingen gehen. Hier drüben. Sie können das mit dem Optionsbefehl C tun, können die Eigenschaften direkt einfügen, Sie können den Optionsbefehl V oder den Optionsbefehl C sehen , um einen Optionsbefehl V zum Einfügen zu kopieren. Und jetzt können Sie sehen, dass Sie diese Eigenschaften hinzugefügt oder in diese Eigenschaft kopiert haben ohne dass Sie diese neu einfärben und dann einige der hinzugefügten Funktionen hinzufügen müssen In jedem Fall haben Sie in jeder Form Zugriff, wenn Sie auf den Saft doppelklicken Das bedeutet, dass Sie Zugriff auf die Form haben. Du kannst ziemlich viel tun. Sie können zum Beispiel die Form ändern indem Sie einfach zu den Websites kommen. Sie können darauf klicken und das direkt so erweitern. Sie können auch hierher kommen, und Sie können darauf klicken und es erweitern und es in eine andere Form bringen, wenn Sie daran interessiert sind. Sie können sehen, Sie können es einfach variieren, indem Sie darauf klicken, dass Sie die Form erweitern oder ändern. Und wenn Sie möchten, können Sie eine weitere hinzufügen, Sie können einfach auswählen und damit herumspielen. Lassen Sie mich das tun, aber nur um Ihnen zu zeigen, dass Sie dadurch sehr viel Kontrolle darüber haben, was hier ist. Wenn Sie die Farbe des Feldes ändern möchten, können Sie sehen, ob Sie möchten , sodass Sie die Farbe des Feldes ändern können . Sie können es auswählen und dann in etwas wie Rot ändern. Also ich denke, das ist okay. Und du kannst rausklicken. Und wenn Sie die Farbe des Strichs ändern möchten, können Sie auch klicken und dann die Farbe des Strichs ändern, vielleicht in etwas wie Blau, dieses Blau. Und du kannst sofort sehen, sobald du eine Flucht hörst, du kannst diese Farbe haben. Also je nachdem, was du ändern möchtest. Wenn du dann aber auf eines der Sheats doppelklickst, hast du Zugriff auf dieses Blatt und kannst ganz einfach damit spielen Ich denke, damit ist dieser Kurs über das Hinzufügen von Sheats, das Herumspielen mit ihren Eigenschaften und das Anpassen der Sheats im Grunde abgeschlossen Sheats, das Herumspielen mit ihren Eigenschaften und . Also, ich hoffe, dir hat dieses Video gefallen. Danke fürs Zuschauen und ich freue mich darauf, dich in der nächsten Klasse zu sehen, oder? 12. Die Stift und Bleistift-Tools: In diesem Kurs lernen wir, wie man das Stift- und Bleistiftwerkzeug in Figma verwendet das Stift- und Bleistiftwerkzeug in Figma Zunächst können Sie hier nach oben kommen, zu den oberen Symbolen hier drüben, und Sie können Stift und Bleistift sehen Wenn Sie auf dieses Drop-down-Menü klicken, werden Stift und Bleistift angezeigt, die Sie mit dem Befehl mit dem Buchstaben P auf Ihrer Tastatur oder mit Shift P auslösen können Befehl mit dem Buchstaben P auf Ihrer Tastatur oder mit Shift P , um das Stiftwerkzeug zu aktivieren. Welches auch immer Sie sind , an welchem Sie arbeiten werden, Sie können es einfach mit den Tastenkombinationen auslösen Beginnen wir nun mit dem Stift, indem wir einfach auf den Buchstaben P klicken, oder wir können einfach auf P klicken, oder wir können einfach auf P klicken, und schon sind Sie im Stiftwerkzeug. Sie können also weitermachen und alles Ihrer Wahl schreiben und erstellen. Du kannst einfach weitermachen. Und wie du merkst, wenn du dich frei bewegst, bist du frei, du kannst dich in jeden beliebigen Winkel bewegen. Aber wenn Sie die Umschalttaste gedrückt halten, wird es auf vielleicht 45, 90 Grad, 45, 90 Grad oder so abgestellt. Das macht das Einrasten innerhalb dieser Funktionen sehr einfach. Nehmen wir an, wir haben etwa 45 Grad, ich klicke hier und dann halten wir immer noch dieselbe Umschalttaste, du kannst sehen, dass es mir automatisch sagt, dass ich an einem Punkt bin , an dem diese beiden gleich sind also kannst du auch klicken, und dann können wir wahrscheinlich hierher gehen, und bis du an diesem Punkt angelangt bist, zeigt es dir jetzt, dass du am selben Punkt bist und Standort. Sie können einfach darauf klicken und dann können Sie es endlich schließen, wenn Sie möchten. Wir können hier ausziehen. Und mach noch einen Klick und dann endlich bis zu diesem Punkt. Aber ich möchte, dass es hier abdeckt und es sind nur 45 Grad. Ich wollte das damals abdecken. Ich muss vielleicht die Schicht loslassen, dann kann ich einfach klicken und das übernehmen. Jetzt wird das perfekt, je nachdem, was ich will. Ich kann immer die Befehlstaste drücken, um das zu beenden. Und jetzt habe ich diese Form mit meiner eigenen Stecknadel gezeichnet. Wenn Sie eine bestimmte Form auswählen, die Sie gezeichnet haben, werden Sie auch ihre Eigenschaften hier sehen. Standardmäßig wird dazu ein Strich hinzugefügt. Und Sie können den Strich sehen. Wenn du hierher kommst, klickst und verlängerst du und du kannst sehen, dass der Strich existiert. Sie können sehen, dass er existiert. Und wenn du die Farbe ändern willst, kannst du die Farbe genauso ändern , wie wir es in der anderen Klasse gemacht haben, du kannst sie einfach so ändern. Eine weitere Sache, die Sie mit der Form, die Sie gerade erstellt haben, tun können , ist, dass Sie jederzeit darauf doppelklicken können. Sie können jederzeit auf die Innenseite doppelklicken , um innerhalb der Form zu sein, und Sie können einige Änderungen vornehmen Möglicherweise möchten Sie beispielsweise einige Punkte für die Bearbeitung hinzufügen Oder Sie möchten vielleicht die Form ändern. Sie können einfach klicken und die Form ändern. Wir können einfach klicken. Einfach so können Sie sehen, dass Sie Änderungen an der Form vornehmen können. Sie können es erweitern und ändern, wie Sie es möchten. Sie können einfach sehr einfach damit herumspielen. Und wenn Sie zum Beispiel einige Bereiche davon einfärben möchten , möchten Sie dem Ganzen ein gewisses Gefühl verleihen. Während du also noch im Bearbeitungsmodus bist, kannst du hierher kommen und auf diese Stifttasche klicken. Und sobald Sie darauf klicken, können Sie die Abschnitte entsprechend einfärben. Sie können diesen Abschnitt jetzt einfärben, indem Sie einfach darauf klicken. Standardmäßig wird die Standardfarbe im Inneren entfernt. Und du kannst hierher kommen, einfach klicken und du kannst jetzt die Färbung ändern Du kannst es vielleicht auf dieses Rot und eine Flucht ändern. Und wenn Sie damit fertig sind, können Sie weitermachen und fertig sagen, und jetzt haben Sie eine Form, die Sie mit Ihrem Stift erstellt haben , und sie enthält so viele Details. Wenn Sie nun das Bleistiftwerkzeug verwenden möchten, können Sie immer noch die Umschalttaste P verwenden , um es auszulösen, und Sie können hierher kommen und alles schreiben , was Sie wollen. Okay? Also kannst du kommen und sehen, dass dir das Figma standardmäßig hilft, alles zu streiten, was du hast Du kannst es dir jetzt ansehen und einfach etwas eintippen. Okay, Sie können also weitermachen und einfach hier eingeben, was Sie eingeben möchten. So können Sie gut und detailliert sehen, was Sie in dieser Ebene geschrieben haben , um all diese Ebenen anzuordnen, sodass Sie verstehen können, was das alles bedeutet. Aber im Moment kannst du das verwenden und du kannst es erstellen. Sie können innerhalb dieses Schiffes oder irgendwo anders schreiben, wie Sie möchten. Und wenn du fertig bist, kannst du immer noch einen Ausweg finden, und du kannst sehen, dass du jede dieser Funktionen auswählen kannst , die du geschrieben hast. Und Sie können auch Änderungen vornehmen, wenn Sie daran interessiert sind. Aber im Moment möchte ich keine davon haben, also kann ich sie alle auswählen und löschen, wenn ich sie löschen möchte Aber das sind die Grundlagen, wie Sie das Stift - und das Bleistiftwerkzeug auf Ihrer Leinwand verwenden können, um etwas Ihrer Wahl zu schreiben oder zu zeichnen . Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf , Sie in der nächsten Klasse zu sehen. 13. Boolesche Operationen + Zuweisung: Also, willkommen zurück. In diesem Kurs werden wir einige Grundlagen boolescher Operationen erlernen Okay? Bei booleschen Operationen werden wir also lernen, wie man eine Form mit einer anderen kombiniert , und wir werden wahrscheinlich manchmal lernen wie man eine Form von einer anderen trennt Also beginnen wir mit einem neuen Ich habe alles gelöscht, also werde ich einfach zwei Formen hinzufügen, mit denen wir das demonstrieren können Nehmen wir an, wir kommen hier zur Option Formen, zur Funktion „Sieben Formen“ und wählen etwas wie ein Rechteck aus und zeichnen etwas wie ein Rechteck Und wenn wir dieselbe kreisförmige Kante um den Rand haben wollen , können wir immer noch hierher kommen und dli und ziehen und schon haben wir eine kreisförmige Form wie Wir werden uns dafür entscheiden, die Feldfarbe so zu ändern so etwas in etwa gut ist Lassen Sie uns versuchen, eine weitere Form hinzuzufügen. Lass uns das hinzufügen. Wir zeichnen den Kreis, wie wir es zuvor gezeigt haben Sie können die Schafttaste gedrückt halten. Und du kannst einfach so einen perfekten Kreis zeichnen, oder? Also lassen Sie uns das Feld auch in so etwas ändern , können es einfach rausklicken. Nun, bei booleschen Operationen müssen Sie normalerweise zwei Dinge miteinander kombinieren Wenn wir also das Medikament und diese beiden Formen auswählen, werden Sie feststellen, dass dieses Symbol einfach angezeigt wird Es werden Boolesche Gruppen genannt. In diesem Fall werden Sie lernen, diese Elemente in verschiedenen Formen zu gruppieren Wenn du also auf dieses Drop-down-Menü klickst, siehst du, dass du die Auswahl vereinigen, subtrahieren, die Auswahl überschneiden und die Auswahl ausschließen kannst überschneiden und die Auswahl . Und dann haben wir die Auswahl reduziert . Okay? Also werden wir am Ende dieses Kurses über all das erfahren. Fangen wir jetzt mit dem Anfang an. Wählen wir unseren Kreis aus und ziehen ihn einfach auf diesen. Okay. Also fügen wir das hier einfach ein. Nun, wenn Sie alle auswählen, indem Sie sie einfach so auswählen, und Sie können zu den Edelmetallgruppen kommen, Sie können eine Union-Selektion durchführen, die diese Funktion und diese Funktion miteinander kombiniert , richtig Dies und das sind jetzt kombiniert. Wenn Sie nun auf jeden von ihnen zugreifen möchten, können Sie auf die Form doppelklicken, und Sie können sehen, dass Sie jetzt zwei Formen haben, jedoch mithilfe der booleschen Gruppen kombiniert werden Und Sie können sie frei bewegen und ihre Position ändern und austauschen, wenn Sie das möchten. Das ist also zusammen ein Goldbarren. Also kombinierst du einfach die beiden Formen miteinander. Jetzt kannst du das machen. Nehmen wir an, wir machen das bis zu diesem Punkt und dann ziehen wir sie mit Stahl und bewegen sie über sie, und dann können wir auswählen. Und jetzt wollen wir die Auswahl subtrahieren. Also subtrahieren wir die Auswahl. Dabei subtrahiere ich einfach diesen Teil, den kombinierten Abschnitt a, ich subtrahiere von diesem Teil Stimmt das? Also, wie bestätigen wir das? Wir können hier doppelklicken und Sie können sehen, dass der Kreis immer noch da ist, oder? Es ist immer noch da, aber es wurde subtrahiert, und Sie können die Subtraktion oder die Anordnung oder das Verhalten zwischen den beiden ändern Anordnung oder das Verhalten zwischen den , indem Sie sich einfach bewegen Aber momentan ist die Standardeinstellung, dass es subtrahiert wurde, und Sie können diese Funktion erweitern oder damit herumspielen , Aber jetzt ist es eine einzige Sache , die abgezogen wurde. Diese Form war davon abgezogen worden. Nun, eine weitere Sache, die wir bestätigen können, ist, also lasst uns das auch tun Seitdem wir die Subtraktion gesehen haben. Gehen wir noch einmal zurück, während wir beide auswählen, können wir zur Boulan-Operation zurückkehren, wir können sagen, die Auswahl überschneiden Jetzt wählen wir aus, was uns das gibt , ist der Schnittpunkt zwischen der Das ist also der Schnittpunkt zwischen den beiden. Also lass uns das tun, damit du verstehst, was ich zu sagen versuche. Okay, das ist also nur der Schnittpunkt , den es uns zwischen diesen beiden gegeben hat. Genau diesen Schnittpunkt hat es uns gegeben. Damit du die Nachricht verstehst. Das ist die Schnittmengenauswahl. Wir können erneut auswählen, und wir können die letzte Option ausführen, nämlich die Auswahl ausschließen Und was das bewirken wird, der Schnittpunkt zwischen diesen beiden Formen wird ausgeschlossen. Also lass uns das versuchen. Und Sie können sehen, dass der Schnittpunkt jetzt ausgeschlossen wurde. Sie können sich auch bewegen. Und wenn Sie doppelklicken, können Sie sich auch bewegen, um die Kreuzung zu ändern. Aber was Ihnen sagt , ist, dass sich diese beiden Formen an einem beliebigen Punkt überschneiden , der Abschnitt ist, der für Sie entfernt wird Es steht Ihnen frei, damit herumzuspielen, wie Sie es möchten, je nachdem , was Sie erstellen möchten Nun zur letzten Funktion, nämlich Abflachung der Auswahl, unabhängig davon, welche boolesche Operation Sie hier ausgewählt haben und Sie haben die Lösung Wenn Sie die Auswahl abflachen, wird sie jetzt in eine einzige Form umgewandelt Jetzt haben Sie also nur eine einzige Form , die sich genauso verhält wie die boolesche Operation, die boolesche Im Grunde sind das die Grundlagen, wie man den Boolean Operations Player mit Schiffen benutzt Boolean Operations Player mit und verschiedene Dinge hinzufügt Sie können also weitermachen und sie ausprobieren, wie Sie möchten, je nachdem, was Sie erstellen möchten, und je nach Ihrem Ziel können Sie einfach Subtraktion, Addition oder Schnittmenge oder so weiter machen oder Schnittmenge oder Und am Ende kannst du alles in ein einziges Schiff umwandeln Bevor wir diesen Kurs beenden, möchte ich Ihnen eine einfache Aufgabe geben die Sie selbst ausprobieren können, nur um zu demonstrieren, wie die Figma zur Erstellung der Bulon-Operationen verwendet Figma zur Erstellung der Bulon-Operationen Ich möchte, dass du das erstellst. Lassen Sie mich auf dem Buchstaben H herumschwenken. Also dieses Schiff. Ich möchte, dass du dieses Schiff mit der Booleschen Operation erstellst mit der Booleschen Das ist nur ein Dreieck und sind Kreise darüber, und wir verwenden die Booleschen Operationen, um es und wir verwenden die Booleschen Operationen Also versuchen Sie bitte so etwas zu erstellen, damit wir sehen können ob Sie es nicht haben, wenn Sie nicht die Möglichkeit dazu haben, wir werden es in der nächsten Klasse lösen Aber nur um das System in die Hände zu bekommen und zu versuchen , das zu tun, was wir tun, und zu versuchen, die Grundlagen zu lernen, möchte ich, dass du es versuchst, aber wir werden es trotzdem in der nächsten Klasse lösen. Okay? Also ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. Tschüss. 14. Lösung für die Aufgabe: In der letzten Klasse geben wir also eine einfache Aufgabe, wie wäre es , wenn Sie versuchen würden, mit den booleschen Operationen so etwas wie diese einfache Form zu erstellen mit den booleschen Operationen so etwas wie diese einfache Form In dieser Klasse werden wir es einfach reproduzieren, um zu sehen, wie wir es mit den booleschen Operationen schnell machen können mit den booleschen Um damit zu beginnen, kommst du einfach zu den Formen hier rüber und kannst auf eine beliebige Form klicken Im Moment können wir sehen, dass es sich um ein Rechteck handelt. Es ist ein Polygon, also können wir einfach weitermachen, auf ein Polygon klicken und Sie können einfach klicken und ziehen und wir können jetzt sehen , und Sie können einfach klicken und ziehen und dass wir ein Polygon erstellt haben Wir können es also auswählen, während wir das Polygon auswählen, wir können immer noch zurückkommen und das Feld in eine beliebige Farbe ändern, wir können es in eine beliebige Farbe ändern, nur um zu unterscheiden Wählen wir also so etwas aus. Und dann sind das kleine kleine Kreise, die wir haben. Um diese Kreise zu erstellen, können wir einfach zu ps kommen , klicken und die Umschalttaste gedrückt halten , um den Kreis zu erstellen, oder? Sie können sehen, dass wir gerade einen Kreis erstellt haben, und Sie können das Feld auch auf jede Farbe ändern , die dazu passt. Also lass uns etwas wie Rot nehmen. Ja. Ja, rot zur Unterscheidung und zum Ausklicken. Jetzt können wir das auswählen und mit Strg C und Strg C und Strg V kopieren und einfügen . Dann können wir sehen, dass wir sie dreimal erstellt haben Wir machen drei Kopien eins, zwei, drei, richtig? In jedem Fall können wir also jeden von ihnen ziehen und an eine bestimmte Position bringen. Ganz einfach, so etwas, ganz einfach, so etwas und ganz einfach, so etwas, nicht wahr? Also ich denke, wir brauchen dafür nur drei, oder? Also können wir so verkaufen und löschen. Also brauchen wir das nicht. Sobald wir diese drei Formen ausgerichtet oder miteinander kombiniert haben , werden wir jetzt die booleschen Operationen anwenden, wie Sie es in der vorherigen Klasse gezeigt haben. Also, wie macht man Um das zu tun, können wir eine Auswahl aller drei Merkmale, aller drei Formen treffen , und dann können wir hier zur Bullion-Gruppe übergehen und dann weitermachen und Untertracks Wir können also einfach auf Auswahl subtrahieren klicken und schon haben Sie Ihre Lösung fertig Alles wird genau so geschaffen , wie wir es haben Das ist also nur die grundlegende Lösung für unsere Aufgabe, kleine Aufgabe, die wir gerade in der vorherigen Klasse gegeben haben. Bitte machen Sie weiter und versuchen Sie herauszufinden, wie Sie mit den meisten dieser Funktionen herumspielen können , und sehen Sie, wie Sie die Dinge verschieben können und sehen Sie, wie Sie die Dinge weiterhin gemeinsam planen können. Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf , Sie in der nächsten Klasse zu sehen. 15. Verwenden der Ausrichtungstools: Okay, in diesem Kurs werden wir die Grundlagen der Ausrichtung in Figma erlernen der Ausrichtung in Figma Okay? Also ich habe diese Formen , an denen wir gearbeitet haben. Ich habe nur einige hinzugefügt, um einige der Anwendungen zu demonstrieren. Okay? Nehmen wir an, wir haben diese Formen verstreut und wir werden lernen, wie man die Ausrichtung der Formen innerhalb eines bestimmten Rahmens ausrichtet. Sie können also sehen, dass ich sie alle eingerahmt habe und dieser Teil aus dem Rahmen gerät. Dieser wird auch aus dem Rahmen gerissen. Wie stellen wir also mithilfe dieser Ausrichtungsfunktion sicher , dass sie ausgerichtet sind ? Das Erste, was Sie tun müssen, wenn Sie mit der Ausrichtung beginnen möchten, ist sicherzustellen , dass Sie alle Details oder alle Elemente auswählen , die Sie ausrichten möchten. In diesem Fall habe ich all diese Schiffe ausgewählt, und ich kann hierher kommen, Sie haben verschiedene Ausrichtungsoptionen. Sie können zum Beispiel links ausrichten und alles wird nach links ausgerichtet, oder Sie können mittig oder rechts ausrichten. Lassen Sie mich das machen und alles wird entsprechend diesem Feld ausgerichtet. Wohlgemerkt, entspricht dieser Box. Also Mitte links, es geht hin, es ist gerade links ausgerichtet. Und um die Mitte auszurichten, können Sie einfach auf „Mittig ausrichten“ klicken, und alles wird genau so auf die Mitte ausgerichtet . Lassen Sie mich das auch mit ControZ machen und Sie können nach rechts ausrichten und es wird genau so richtig ausgerichtet Okay, Sie können also sehen, dass jetzt alles richtig ausgerichtet ist dass jetzt alles richtig ausgerichtet Nun, eine andere Sache , die Sie tun können, ist diese vertikale Ausrichtung. Sie können auch eine horizontale Ausrichtung vornehmen. Sie können also oben nach oben ausrichten und alles wird nun gemäß diesem Feld nach oben ausgerichtet, und Sie können auch mittig ausrichten. Verwenden Sie die vertikale Funktion. Sie können sehen, dass jetzt alles ausgerichtet ist, und Sie können die Unterseite genauso ausrichten , wie wir es beim vertikalen Schild haben. Ein weiterer wichtiger Punkt, den Sie beachten sollten, ist, dass Sie zusätzlich zu dieser sehr einfachen horizontalen und vertikalen Ausrichtung einfachen horizontalen und vertikalen Ausrichtung auch die Punkte haben. Sie haben mehr Optionen, wenn Sie darauf klicken, Sie haben die Flut, dann haben Sie die Verteilung des vertikalen Abstands und dann haben Sie die Verteilung des horizontalen Abstands. Das können Sie mit allen Tastenkombinationen tun. Tastenkombinationen, Sie können sie verwenden. Beim Aufräumen wird sichergestellt , dass die Funktionen in vertikaler Richtung gleichmäßig verteilt aktiviert sind in vertikaler Richtung gleichmäßig verteilt aktiviert Sie können also an diesem rosafarbenen Schild eine pinke Linie erkennen , die in vertikaler Richtung angeordnet wurde Sie können dies also auch ändern, wenn Sie daran interessiert sind, wenn Sie den Mauszeiger über die rosa Farbe bewegen und Ihr Cursor sich in dieses vertikale Zeichen verwandelt Sie können klicken und ziehen und Sie können sehen, wie die rosa Farbe direkt angezeigt wird, und Sie können das Zeichen auch nach Belieben vergrößern oder verkleinern das Zeichen auch nach Belieben Das Tempo zwischen den Formen in vertikaler Richtung, richtig? Und das können Sie auch von hier aus tun. Das kannst du von überall aus machen, oder? Also lass mich das auch machen. Und dann können Sie im verteilten vertikalen Abstand auch umgekehrt vorgehen. Sie können sehen, dass sie im vertikalen Abstand gleichmäßig verteilt wurden , und Sie können dies auch im horizontalen Abstand tun . Sie wurden gleichmäßig im horizontalen Abstand verteilt. Damit ist dieser Kurs abgeschlossen es um die Grundlagen der Ausrichtung geht, also darum, wie man sich links, rechts und mittig und innerhalb dieser Schiffe , die wir gerade hinzugefügt haben, ausrichtet . Also bis zum nächsten Mal, danke fürs Zuschauen, und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. Tschüss. 16. Schaltflächen hinzufügen und anpassen: In diesem Kurs werden wir lernen, wie man Schaltflächen erstellt und sie sogar responsiv macht Um nun Schaltflächen zu erstellen, fügen wir zunächst so etwas wie einen Rahmen hinzu. Sie können also zum Rahmenbereich hier rüber kommen, den Sie auch mit dem Buchstaben F auslösen können. Sie können einfach klicken und lassen Sie uns einen beliebigen auswählen. Nehmen wir an, wir nehmen F 14, F 13 mini, diesen. Um also eine Schaltfläche hinzuzufügen, können Sie direkt zu den Formen hier kommen. Sie können klicken und ein Rechteck auswählen. Sie können einfach hier runterkommen und klicken und ziehen. Das ist jetzt also unser Button. Aber wie Sie wissen, haben die meisten Knöpfe kreisförmige Rottöne an den Seiten, sodass wir kreisförmige Rottöne hinzufügen können. Wenn wir zu diesem Ende kommen, können wir einfach hierher kommen, bis Ihr Cursor in dieses horizontale Zeichen verwandelt. Sie können klicken und Sie können die kreisförmige Natur erstellen. Sie können also sehen, dass wir die kreisförmigen Kanten haben. Sie können also die Färbung ändern. Du kannst einfach herkommen. Lass es uns in etwas wie Blau ändern. Und wir können diese Farbe auswählen und herausklicken, und jetzt haben wir unsere Schaltfläche erstellt. Als Nächstes können wir der Schaltfläche einen Text hinzufügen. Wir können das tun, indem wir hier zum Buchstaben T oder zur Textfunktion kommen , oder Sie können den Buchstaben T auf Ihrer Tastatur drücken , um die Textfunktion zu aktivieren oder auszulösen. Jetzt können wir hier drüben klicken und einfach alles Mögliche schreiben. Okay, fang an und wir können wählen. Wir können hier mit der Größe herumspielen. Lass uns etwa 40 draus machen, oder? Wir können also einen Fluchtweg finden, und wenn du willst, kannst du die beiden auf eine Linie bringen. Ihr könnt das also auswählen und das auswählen, indem die Shift-Taste gedrückt haltet, oder ihr könnt einfach beide zusammen auswählen. Und Sie können einfach weitermachen und sich auch Align Center und Align Center ansehen. Das ist jetzt also perfekt auf Ihre Schaltfläche ausgerichtet. Der Text ist jetzt perfekt auf Ihre Schaltfläche ausgerichtet. Das nächste ist, wenn Sie feststellen, dass es nicht reagiert. Was wir mit nicht responsiv meinen, ist, wenn wir darauf klicken und versuchen, das Startmenü so zu ändern, wir zum Beispiel versuchen, ein Duplikat davon zu erstellen. Wählen Sie und kommen Sie und D, Sie sind markiert, um ein Duplikat zu erstellen, können Sie einfach doppelklicken und Sie können „Los geht's“ sagen. Sie können sehen, dass es momentan nicht reagiert , da die Schaltfläche mit zunehmender Länge des Textes immer noch dort bleibt, wo sie ist. Um also eine erweiterte oder eine responsive Schaltfläche zu erstellen, müssen Sie nur beide auswählen, die Schaltfläche und den Text, mit der rechten Maustaste klicken und Gruppenauswahl sagen, und dann können Sie immer noch mit der rechten Maustaste klicken. Sie können die Umschalttaste A auf Ihrer Tastatur verwenden , damit sie reagiert. Das heißt, wenn ich darauf doppelklicke und statt zu starten, versuche ich, es zum Laufen zu bringen, schaue ich mir an, was passiert. Du kannst sehen, dass sich der Button auch ausdehnt, wenn ich versuche, mein rechtes Oberteil zu verlängern. Okay? Die Schaltfläche reagiert jetzt also auf der Grundlage dessen, was ich in die Schaltfläche geschrieben habe. Okay. Also, wenn ich beschließe, das ebenfalls zu ändern und einfach dieses Menü aufzurufen, es schnell zu einem Menü. Eine weitere Sache, die ich Ihnen zeigen möchte, ist, dass Sie immer noch die Schaltfläche auswählen , die wir gerade ausgewählt haben. Eine Sache, auf die Sie achten sollten , ist dieses automatische Layout. Im Moment sehen Sie, dass es sich um ein horizontales Layout handelt. Es wurde ein horizontales Layout ausgewählt. liegt daran, dass alles , was wir hier haben , horizontal ausgerichtet ist. Alles ist horizontal. Wenn wir etwas hinzufügen, wird es horizontal sein . Das Inkrementieren und Dekrementieren der Größe entspricht der Horizontalen, da sie anhand des Inhalts, den sie hat , automatisch erkannt wird Schauen wir uns an, wie das System automatisch erkennt, dass es vertikal Lassen Sie uns also grob gesagt eine weitere einfache Schaltfläche erstellen. Nehmen wir an, wir haben diese Schaltfläche, und wir kommen schnell hierher und passen die Seitenecken an und ändern das Feld in etwa rot. Und jetzt wollen wir einige Elemente hinzufügen, vielleicht sagen wir einen kleinen Kreis. Wir zeichnen es einfach und ändern die Farbe in etwas wie Blau. Richtig? Also so etwas, und wir vergrößern die Größe ein bisschen, oder? Nehmen wir an, wir vergrößern die Größe. Nun, was wir tun können, ist, das vielleicht noch ein paar Mal zu duplizieren . Vielleicht haben wir drei davon. Also können wir einfach ziehen und ablegen, ziehen und dann können wir ziehen und ablegen. So können wir alles auswählen, wie wir es zuvor getan haben, und wir kommen zur Ausrichtung. Wir können alles auf die Mitte ausrichten. Also ist jetzt alles richtig ausgerichtet. Während wir also immer noch alles auswählen, können wir Shift A drücken, um sicherzustellen, dass jetzt alles reagiert. Ihr könnt also sehen, wenn Mor Shift A macht, das Autolayout auf das vertikale Layout umgestellt wurde. B hat es erkannt, wie stark das Nehmen wir an, wir können das nicht duplizieren. Nehmen wir an, wir haben einige hinzugefügt , wir möchten dem etwas hinzufügen. Sie können zu dem Kreis kommen und sagen wir, wir erstellen einen weiteren Kreis aber diesmal in dieser Farbe. Wenn Sie ihn also zu dieser Funktion hinzufügen möchten, richten Sie ihn aus, um ihn anzupassen und darauf zu reagieren und zwar in vertikaler Richtung. Lassen Sie uns einfach herkommen und Sie können sehen, dass diese blaue Linie nur die Position anzeigt, an der nur die Position anzeigt, an der sie unseren Kreis bilden wird Sobald wir gegangen sind, lassen wir los, du kannst sehen, dass es zu unserem Kreis hinzugefügt wurde, oder? Also kannst du das auswählen und es uns irgendwie nach oben verschieben, damit wir alles sehen können. Nun, das ist die Pflicht der Werbung sie auf die Vertikale reagieren zu lassen. Also kannst du das machen, wie ich es will. Und du kannst darauf doppelklicken und es entfernen. Und dieselbe Schaltfläche wird auf das reagieren, was Sie hinzugefügt haben. In diesem Fall ist dies also sehr nützlich wenn Sie einige Symbole hinzufügen möchten. Zum Beispiel können Sie das einfach auswählen und verschieben, vielleicht wahrscheinlich hierher. Und sobald Sie loslassen, können Sie sehen die Taste gerade entsprechend angepasst hat. Lassen Sie uns diese Farbe ändern, damit sie sichtbar wird. In Ordnung, also machen wir es weiß. Ordnung, Sie können also sehen, fangen Sie hier an und das wird jetzt responsiv, wenn wir es hinzugefügt haben, und dieses wird auch responsiv, wenn wir es entfernt haben. Damit ist dieser Kurs abgeschlossen, in dem es darum geht Schaltflächen hinzuzufügen und sie mithilfe des automatischen Layouts responsiv zu machen, sowohl in horizontaler als auch in vertikaler Richtung. Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, dich in der nächsten Klasse zu sehen 17. Komponenten hinzufügen und anpassen: In diesem Kurs werden wir etwas über Komponenten lernen, wie man Komponenten hinzufügt, wie man Komponenten erstellt und sie in Sigma verwaltet Komponenten sind also ein spezifisches Verhalten , das Sie einer Gruppe von Elementen zuweisen können , für die Sie ein bestimmtes Verhalten haben können . Angenommen, ich habe diese Starttaste und plane, zehn oder 15 weitere Frames zu erstellen, und ich möchte, dass diese Starttaste in allen Frames enthalten ist. Wenn ich das nun zum Beispiel in verschiedene Frames einbinden soll , nehmen wir an, wir wählen diesen Frame und duplizieren ihn Nehmen wir an, wir haben diesen neuen Frame, und wir möchten, dass dieses Tab-Menü in all den entsprechenden Frames , die ich haben möchte, enthalten all den entsprechenden Frames , die ich haben möchte, Früher war es so, dass wir das auf unterschiedliche Weise tun konnten. Wir können das kopieren und wir können zu diesem Frame kommen und es einfügen. Und was jetzt passiert ist, wenn wir irgendwelche Funktionen ändern, hat das keinen Einfluss darauf. Ordnung. Also, wenn du dich dazu entscheidest, die Farbe zu ändern, hat das keinen Einfluss auf diese spezielle In Fällen, in denen ich es mit mehr als zehn bis 15 fünf Bildern zu tun mehr als zehn bis 15 fünf Bildern zu obwohl dieses Startmenü enthalten ist, kann es für mich sehr schwierig werden, Änderungen vorzunehmen Wenn ich ein bestimmtes ändere und ich möchte, dass es sich auf alle anderen auswirkt, wird es für mich sehr, sehr schwierig. Wie mache ich es also einfacher? Sie können es einfacher machen, indem Sie Komponenten aus der Reihe von Elementen erstellen , die Sie haben, oder zum Beispiel diese bestimmte Schaltfläche Lassen Sie mich das tun, oder lassen Sie mich diese auswählen und löschen. Und was ich tun kann , um eine Komponente zu erstellen ist, dass ich diesen speziellen Frame auswählen kann , den Sie hier sehen können, Frame eins. Und während du es auswählst, kannst du an die Spitze dieser Top-Männer kommen. Sie können sehen, wie Sie daraus Komponenten erstellen. Und das können Sie mit der Optionstaste und der Befehlstaste und dann mit der Taste tun. Es wird Ihnen helfen, Komponenten zu erstellen. Jetzt können wir darauf klicken und es wird automatisch zu einer Komponente. Sie können sehen, dass die Kanten gerade diese rosafarbene Farbe angenommen haben, und Sie können auch von hier aus sehen, dass dies jetzt die Farbe dieser Änderungen ist, und es hat dieses Diamantenzeichen, dass es sich jetzt um eine Komponente handelt. Das ist also ein Zeichen dafür , dass es sich jetzt eine Komponente handelt, eine Kombination aus all dem, und sie hat dieselbe einzelne Eigenschaft. Lassen Sie mich Ihnen zeigen, was Sie auch tun können , um diese Komponente zu verwalten. Nennen wir das also, lassen Sie uns das umbenennen , um es zur Hauptschaltfläche zu machen. Also kannst du diesen Hauptknopf nennen, oder? Und hier geh nicht rein. Und lass uns versuchen, das zu duplizieren, damit ich dir etwas zeigen kann. Selbst das Duplizieren allein reicht nicht aus. Sie können sehen, ob wir das dupliziert haben. Ich werde wahrscheinlich diese duplizierte Kopie haben wollen. Sie können sehen, dass es sich um eine duplizierte Komponente handelt. Es ist hier drüben. Sie können sehen, dass bei diesem die beiden Zeichen unterschiedlich sind. Das ist ein Weihrauchbestandteil und das ist ein Duplikat, das ist der Hauptbestandteil, das ist der Weihrauch, genau wie eine Kopie des Nun, was passiert, ist, wenn ich versuche, diese Weihrauchkomponente zu kopieren und zu diesem Rahmen komme und zu diesem Rahmen komme Wenn ich hier also etwas ändere, wirkt sich das nicht immer noch auf meine Hauptkomponente aus, nur um Ihnen zu zeigen, dass eine Kopie der Komponente nicht die Funktion erfüllen kann , die eine Hauptkomponente erfüllen kann Also lasst uns versuchen, das zu tun. Lassen Sie uns das ändern, und Sie können nichts sehen, es wird kein Effekt auf die Hauptkomponente gezeigt. Auch wenn es sich um eine Weihrauchkomponente handelt, die genau wie eine Kopie der Hauptkomponente Okay, also wenn ich eine Kopie davon mache. Also, wenn ich das mache, löschen wir das, und wenn ich eine Kopie davon mache, wähle ich vielleicht zum Beispiel, und ich dupliziere es und verschiebe es hierher. Okay. Und wahrscheinlich habe ich einen anderen Rahmen. Ich dupliziere das auch, ich dupliziere dieses Formular, also habe ich drei Frames damit. Also, wann immer ich etwas daran ändere , wird nichts passieren. Aber wenn ich zur Hauptkomponente zurückkehre, dieser hier, und etwas ändere, wirkt sich das auf den Rest der Komponente aus. Schau dir an, was passiert. Wenn ich also zur Hauptkomponente zurückkehre und dann diese Farbe in etwa Rot ändere und Sie können sehen, sich jetzt alles ändert und es den Effekt annimmt, dass ich es gerade in die Hauptkomponente eingefügt habe , die die Hauptkomponente ist. Und wenn ich beschließe, den Radius des äußeren Kreisradius zu ändern , wenn ich ihn ändere, wirkt sich das gleichermaßen auf die gesamte Komponente aus, den ganzen Körper, den ich in all den verschiedenen FMS habe. Nehmen wir also an, ich reduziere oder vergrößere diesen Eckenradius, wirkt sich das auf den Rest immer noch aus. Sie können sehen, ob ich hier etwas auswähle und hinzufüge, es wird sich auf die anderen auswirken. Sie können es sehr leicht sehen. So wird es für Sie sehr einfach , zu navigieren und zwischen verschiedenen Elementen eine Verbindung herzustellen, da Sie sie in den verschiedenen Frames haben , unabhängig davon, wie viele Verbindungen Sie haben Nachdem Sie also Komponenten erstellt haben, wird es für Sie sehr, sehr einfach, zwischen ihnen zu navigieren. Lassen Sie mich Ihnen nun zeigen, wie Sie ganz einfach Komponenten für die verschiedenen Elemente, auch für die verschiedenen Frames, hinzufügen können ganz einfach Komponenten für die verschiedenen Elemente, . Sie können hier auch jederzeit zu Assets kommen, iPhones, und Sie können hier die Hauptkomponente sehen , die Sie gerade erstellt haben Sie können es also ganz einfach hierher ziehen und dort ablegen. Sie können es ganz einfach per Drag-and-Drop an die gewünschte Stelle ziehen. Und wann immer Sie auch daran Änderungen vornehmen, wirkt sich dies auf das Ganze aus. Siehst du, sehr leicht. Ich habe das Ganze so beeinflusst, dass Änderungen an der Hauptkomponente sich definitiv auf die anderen auswirken werden. Okay. Im Grunde geht es also darum, Komponenten zu erstellen und sie in Figma zu verwalten Ich hoffe, dir gefällt dieses Video. In der nächsten Lektion werden wir uns Varianten ansehen, was Varianten sind und wie wir sie in Figma verwalten Also bis zum nächsten Mal, danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. 18. So erstellen und verwalten Sie Varianten: In der letzten Lektion haben wir darüber gesprochen, wie man benutzerdefinierte Komponenten hinzufügt. Und in diesem Kurs werden wir lernen, wie man Varianten erstellt. Bei Varianz bei Komponenten müssen Sie also dafür sorgen, dass die Eigenschaften dieser Komponente auf allen anderen Plattformen und bei allen anderen Schaltflächen , die Sie erstellen werden, gleich allen anderen Plattformen und bei allen anderen Schaltflächen , die Sie erstellen werden Aber bei Varianz steht es Ihnen frei, jetzt eine andere Version davon zu haben, und wenn Sie eine dieser Versionen automatisch ändern möchten, können Sie auswählen, welche der Varianten Sie erstellen möchten, und Sie können sie einfach ganz einfach erstellen Lassen Sie mich Ihnen nun ein Beispiel dafür geben wovon ich diesbezüglich spreche Lassen Sie uns zunächst versuchen, etwas anzupassen. Passen Sie das an. Lassen Sie mich das löschen, weil wir es nicht benötigen, und wir brauchen es im Moment auch nicht. Lassen Sie uns damit beginnen, dies anzupassen. es auswählen, können wir hier zum Eigenschaftenfenster gelangen. Das Erste ist, sagen wir, ich möchte eine Variante davon erstellen. Sie können sehen, indem Sie auswählen, Sie haben die Eigenschaften. Sie können Eigenschaften sehen, also können Sie auf dieses Pluszeichen klicken und schon haben Sie die verschiedenen Eigenschaften. Sie können sehen, wie neue Immobilien erstellt werden. Sie haben Varianten, Sie haben Edelmetalle, Sie haben Instanztausch und Text Für diesen Fall werden wir eine Variante erstellen. Also können wir einfach auf Variante klicken und wir können sehen, was wir hier haben. Der Name ist Eigenschaften und die Eigenschaft ist Standard. Ich habe es als Standard eingestellt. Die Eigenschaft ist hier standardmäßig eingestellt. Was wir also tun können, ist, dass dies die Hauptvariante ist, okay? Es ist ihre Namenseigenschaft und die Eigenschaft, die sie hat, ist Standard. Wir können uns also dafür entscheiden, dies umzubenennen , die Hauptvariante aufzurufen und die Eigenschaft wird standardmäßig verwendet. Wir können es standardmäßig beibehalten. Aber dann können wir ein Mittel erstellen, dass wir daraus eine Variante erstellen können , indem einfach zu diesem Grundstücksschild kommen, und wir können auf Variante hinzufügen klicken und schon haben wir diese zweite Variante. Jetzt wird alles unter diesem gestrichelten Rahmen eingeschlossen sein , so etwas wie ein Strichrahmen Ebenfalls. Es ist erweiterbar Sie können hierher kommen und Sie können darauf klicken und es erweitern, wenn Sie es erweitern möchten Deshalb sagen wir, es ist so etwas wie ein Armaturenbrettrahmen. Also, dieser, dieser zweite, lasst uns versuchen zu sehen, ob wir die Eigenschaften des zweiten ändern können . Ordnung, nehmen wir an , wir versuchen, diese Eigenschaft und die Eigenschaften dieser speziellen Schaltfläche zu ändern diese Eigenschaft und die Eigenschaften dieser speziellen Schaltfläche Wir können zum Beispiel entscheiden, diese Färbung zu entfernen, können uns dafür entscheiden, die Farbe zu entfernen, und wahrscheinlich können wir sie so hell machen Und dann können wir uns entscheiden, mit dieser Grenze zu spielen. Wir können uns also dafür entscheiden, den Rand mit dem Strich zu spielen, indem einfach den Strich hinzufügen und ihn wahrscheinlich auf unsere fünf ausdehnen , aber ich denke, das ist okay. Wir können also auf diesen Text doppelklicken und die Eigenschaften des Textes ändern, insbesondere die Farbe, insbesondere die Farbe des Textes, und ihn auswählen und ihn so rot machen lassen. Und dieses Symbol, das wir haben, wählen wir aus und ändern die Farbe auf wahrscheinlich diese rosafarbene Farbe In Ordnung, damit wir sehen können. Jetzt fangen wir mit dieser Farbe an, also können wir das nennen. Wir können darauf doppelklicken und zu den Eigenschaften gelangen. Jetzt ändern wir die Hauptvariante. Wir können diese Variante zwei nennen, aber wir können sie nennen. Nennen wir diese Gliederung zum Beispiel, weil sie sich von der Hauptgliederung unterscheidet , weil diese nur die Gliederung ist. Richtig? Deshalb möchte ich Ihnen jetzt zeigen, wie Sie diese beiden Varianten auf diese Schaltflächen anwenden können diese beiden Varianten auf diese , die Sie auf die beiden Frames verteilt haben . Wenn Sie also auswählen, wann Sie die Hauptkomponente dieser Schaltfläche auswählen, können Sie sehen, dass dieselben Eigenschaften angezeigt werden. Wenn Sie also diese bestimmte Schaltfläche auswählen, können Sie dies von der Haupttaste aus sehen. Oh, das ist der Name, den wir der Haupttaste gegeben haben. Das ist es, was erscheint, weil es ein Bestandteil davon ist. Es ist nur eine Kopie der Hauptkomponente. Sie können sehen, dass wir es so benannt haben, dass es sich um eine Schaltfläche handelt, und Sie können sehen, dass die Eigenschaften standardmäßig sind. Wenn Sie also auf dieses Drop-down-Menü klicken, sehen Sie die Schaltfläche „Gliederung“, die sich auf die Variante bezieht. Sobald Sie darauf klicken, können Sie jetzt sehen, dass Ihre Schaltfläche jetzt zu dieser Variante wechselt. Es ist also sehr, sehr praktisch in Fällen, in denen Sie dies nicht neu erstellen müssen und mehrere Frames haben , um nur verschiedene Varianten zu verwenden Wenn Sie also auch darüber hinwegkommen das andere ändern möchten, können Sie es einfach auswählen und die Gliederungskopie anzeigen Oder wenn Sie zu dieser Hauptvariante zurückkehren möchten, können Sie einfach auswählen. Es gibt einige Änderungen. Sie können auswählen, und Sie können runtergehen und einfach Standard sagen, und schon geht es zurück zum Hauptmenü. Okay. Das ist also im Grunde, wie man eine Variante hinzufügt und eine Variante erstellt und sie übergreifend verwaltet. Lassen Sie mich Ihnen nun eine weitere Instanz zeigen, die sehr, sehr wichtig ist und die Sie gerne verwenden können. Also sagen wir mal mit diesem. Sagen wir mit dieser Variante, dieser ersten. Ich möchte etwas ändern. Zum Beispiel gebe ich diesen . Ich gebe ihm einen anderen Namen. Ich nenne es Ikone und hier nenne ich es wahr. Und ich nenne es wahr. Und ich wähle diesen aus und komme hierher. Ich gebe ihm auch einen Icon-Namen. Aber dieses Mal nenne ich das falsch. Okay. Also, was ich versuche zu tun. Ich werde, während ich dieses auswähle, dieses Symbol löschen, dieses, was bedeutet, dass dieses ohne Symbol ist und dieses mit einem Symbol. Ich habe sie gerade definiert. Also wann immer ich darauf klicke, das ist jetzt der Name, der sich in ein Symbol geändert hat , aber vier. Und dann hat sich bei diesem auch der Name in ein Icon geändert , aber es stimmt. Wenn ich jetzt versuche, die Faration zu ändern, wähle ich vielleicht dieses und komme zur Haupttaste Sie können jetzt sehen, dass der Name in ein Symbol oder mit diesem Ein- und Ausschaltzeichen geändert wurde ein Symbol oder mit diesem Ein- und Ausschaltzeichen Wenn ich das mache, bringt es diese Variante zurück. Und wenn ich es ausschalte, wird es ohne das Symbol funktionieren, genau wie wir es gezeigt haben. Okay, es ist also sehr, sehr interessant. Wenn ich das auch auswähle und zu dieser Button-Variante zurückkehren möchte , kann ich das Icon einfach ausschalten, sodass es jetzt so wird. Das ist also nur möglich, weil ich die Befehle true und false hinzugefügt habe, okay? Also, wenn du darauf zurückkommst und versuchst, darauf zu klicken. In diesem Fall definiere ich die Eigenschaft als wahr, und in diesem Fall habe ich die Eigenschaft als falsch definiert. Das ist der einzige Grund, warum ich diese Schaltfläche mit zwei Varianten ein- und ausschalten kann diese Schaltfläche mit zwei Varianten ein- und ausschalten Also versteh einfach den Unterschied. Das heißt, wenn Sie irgendeinen Text verwenden, werden Sie nicht den gleichen Effekt erzielen das Problem mit dem Symbol ein- und ausschalten, Sie können sehen, diese Variante Wie Sie auch auf den Ebenen hier sehen können , entspricht dieses erste Symbol dem Wert Falsch, und in diesem einen Symbol entspricht es und in diesem einen Symbol zwei. Das ist der Unterschied Damit ist dieser Kurs abgeschlossen es darum geht, Varianten zu verstehen , wie man sie erstellt und wie man sie in Figma manipuliert Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. 19. Hinzufügen von Plugins: In diesem Kurs werden wir also lernen, wie man Plug-ins hinzufügt und ausführt. Plug-ins sind Elemente von Drittanbietern, die wir in Anwendungen integrieren können , die wir zu unserem Figma hinzufügen können , um unsere Benutzererfahrung zu verbessern Manchmal müssen Sie möglicherweise einige kostenlose Anwendungen von Drittanbietern verwenden , um unsere Inhalte in Figma zu erstellen Manchmal bei der Erstellung von Websites oder manchmal bei der Erstellung von Elementen Möglicherweise müssen wir ein oder zwei Komponenten oder Plug-ins hinzufügen , um eine bessere Benutzererfahrung zu erzielen. Es gibt also verschiedene Möglichkeiten, Plug-ins hinzuzufügen. Der einfachste und schnellste Weg, Plug-ins hinzuzufügen, besteht jedoch darin, zu diesem Hauptmenü zu wechseln. Sie können auf das Hauptmenü klicken und hier herunterkommen. Sie können die Plug-ins sehen. Du kannst den ganzen Weg hierher kommen. Du hast so viele Möglichkeiten. Sie können ein neues Plug-in-Port-Plugin aus einem Manifest erstellen oder Sie können sich die API-Dokumentation zu Plug-ins ansehen Sie können Konsul ein- oder ausblenden und so weiter. Aber dafür gehen wir hier zur Verwaltung von Plugins, und Sie haben die Möglichkeit, nach jeder Art von Plugging zu suchen, die Sie verwenden möchten Sie können hier sehen, dass wir Komponenten haben. Wir haben hier Plug-ins, wir haben Widgets hier. Also werden wir uns für Plug-ins entscheiden und können unsere Suche direkt hier durchführen. Also das erste, sagen wir, ich möchte diese animierten Bewegungen hinzufügen . Ich möchte animierte Bewegungen hinzufügen . Sie können einfach nach einem beliebigen Plugging suchen Sie können sehen, wie animierte Bilder eingesteckt werden, und Sie können einfach weitermachen Es wird jetzt animiertes Plugging geladen und du kannst es dir hier ansehen, oder? Sie müssen also nur auswählen, wo Sie das Plugin hinzufügen möchten , und schon können Sie es direkt hinzufügen Nehmen wir an, ich möchte das hinzufügen. Ich kann es einfach anklicken, ziehen und in meinen Rahmen einfügen. Und Sie können sehen, dass es zu meinem Rahmen hinzugefügt wurde, und ich kann die Größe ändern und es an einer beliebigen Stelle in meinem Rahmen platzieren Also vielleicht möchte ich es vielleicht irgendwo platzieren. Ja. Ich kann es einfach auswählen und Sie können sehen, dass ich dieses MOG eingefügt habe Und wann immer du das G auswählst, hast du immer noch seine Eigenschaften hier unten. Wenn Sie eine seiner Eigenschaften ändern möchten. Sie können auch klicken, um verschiedene Eigenschaften zu bearbeiten, und Sie können es abspielen, um auch eine Vorschau dessen zu erhalten, was es tut. Und du hast so viele Funktionen, was die Opazität angeht, kannst sie direkt von hier aus ändern Das ist also das erste Plugin. Sie können so viele Plugins haben, wie Sie möchten. Alles, was Sie brauchen, ist sicherzustellen, dass Sie wieder hier einstecken und zu den Plug-ins kommen. Das sind die beiden, die ich benutzt habe. Sie können viele hinzufügen. Lass uns zu vielen gehen. Man kann sagen, es gibt einen , der Content El heißt. Es ist auch sehr nett und interessant. Also kannst du einfach weitermachen und es auswählen und schon kannst du weitermachen und rennen. Und jetzt können Sie sehen, dass wir gerade die Inhalts-Testversion hinzugefügt haben. Wie verwenden wir also Inhalte? Es gibt verschiedene Funktionen, von der Werbung bis hin zum vollständigen Namen, dem Datum, der vollständigen Adresse, Telefonnummern, US-Währung und so weiter, für so viele Dinge, für die Sie diese Funktion verwenden können Und es hat den Effekt, den Effekt auf Text hinzuzufügen, den Effekt auf Bildern und den Effekt auf Symbolen hinzuzufügen Lassen Sie uns dann versuchen , ein Beispiel dafür zu worüber wir sprechen, wie Sie diese Inhaltstestversion verwenden können. Wenn wir zum Beispiel zu Schiffen kommen und versuchen, diese Ellipse hinzuzufügen, klicken und ziehen wir sie an eine beliebige Stelle Ich kann die Umschalttaste gedrückt halten, sodass wir einen perfekten Kreis haben Und sagen wir hier drinnen. Ich möchte ein Bild hinzufügen und habe es nicht, also kann ich so etwas wie diesen Avatar hinzufügen. Ich kann einfach mit nur einem Klick klicken , während ich dieses Schiff auswähle. Es wird das Bild von jemandem hinzugefügt. Und wenn du weiter klickst, werden die Bilder , die es im selben Schiff hat, ständig geändert . Also je nachdem, was Sie erstellen möchten. Sie können das genauso auswählen und Sie können es erstellen lassen. So fügt man das also hinzu. Wenn Sie auch Bilder hinzufügen möchten, wenn Sie verschiedene Bilder hinzufügen möchten, können Sie auch vorbeikommen und verschiedene Bildtypen verwenden. Sie können verschiedene Arten von Bildern verwenden und je nachdem, was Sie erstellen, mehrere Bilder sehen. Sie können das Häkchen verwenden und eines auswählen und dann einfach anwenden. Du kannst also ein Bild auswählen und es von hier aus einfach ändern, oder? Das Gleiche gilt für Icons. Sie können mehrere Symbole haben, normale fließende Symbole. Diese wurden von Microsoft erstellt. Sie haben auch fließende Symbole, die von Microsoft gefüllt wurden. Sie können also auf eines davon klicken und es werden mehrere Symbole angezeigt Natürlich können Sie während Ihrer gesamten Kreation in Figma mehrere Symbole sehen zumindest verwenden können , die Sie Sie können also einfach eines davon auswählen, jedes auswählen, es per Drag & Drop ziehen und es ganz einfach zu Ihren Kreationen hinzufügen Sie können es also auswählen und auch per Drag-and-Drop hierher ziehen. Ich habe diese Funktion für dich alleine, du kannst jede der Funktionen ändern während du immer noch das Symbol auswählst. Sie können jede ihrer Funktionen ändern. Während Sie immer noch die Symbole auswählen, können Sie von hier aus viele Dinge ändern Hier geht es um Plug-ins. Sie können jedes von ihnen manipulieren , an dem Sie interessiert sind, und Sie können einfach weitermachen und herausfinden, wie Sie andere Plug-ins finden und anpassen können , oder sie verwenden , um zu lernen, wie man sie benutzt, denn Plugins sind außergewöhnlich, wenn es darum geht, Professionalität und einfachen Zugriff und die Arbeit in Figma zu Professionalität und einfachen Zugriff und die Arbeit in Figma Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, dich in der nächsten Klasse zu sehen, aber 20. Designs aus Vorlagen erstellen: In diesem Kurs werden wir lernen, wie man einige Designs aus Vorlagen in Figma erstellt einige Designs aus Vorlagen in Figma Lassen Sie uns also damit beginnen, hier zum Home-Tab zurückzukehren. Ordnung. Also, wenn du einmal hier bist, kannst du herkommen, um die Community zu erkunden. Und Sie können sehen, dass es eine Reihe verschiedener Arten von Vorlagen gibt verschiedener Arten von Vorlagen die Sie von hier aus zugreifen können. Du kannst von hier aus direkt nach allem in der Community suchen , oder du kannst dich inspirieren lassen, was andere Leute geschaffen haben, Team versinkt und das System entworfen hat, visuelle Elemente Du kannst dir Entwicklungen, Icons und Barrierefreiheit, Web, Mobile und Were Frame ansehen Eine ganze Menge davon haben die Figma-Benutzer erstellt, und Sie können hier eine Menge Inspiration finden Sie können sogar hierher kommen und herausfinden, welche Handelsinstrumente an FDMA funktionieren Also einige der trendigen Kreationen von FDMA-Benutzern. Sie können die ganze Anzahl von ihnen sehen. Sie können also einfach auf eigene Faust direkt suchen. Sie können beispielsweise nach allem suchen. Lassen Sie uns versuchen, nach etwas Einfachem wie Trouble Up zu suchen , oder? Versuchen wir also, nach etwas wie Trouble Up zu suchen. Okay, also für diesen Kurs werden wir uns für etwas Einfaches entscheiden. Okay, wählen wir dieses Problem 2.0 aus. Sie können einfach klicken. Und es bringt dich dazu, dir das zu zeigen und du kannst einfach weitermachen und sagen, in Figma öffnen, du kannst einfach klicken und es wird das als neues Projekt in Figma öffnen Okay, sobald Sie es öffnen, werden Sie damit begrüßt werden Das erste ist, dass Sie das Hauptmenü haben, in dem Sie klicken und auswählen können, und Sie können zu diesem Punkt gelangen. Dies ist das Listenbild und dann ist dies die Detailseite. Das ist also die Detailseite mit einigen Dingen, die Sie ändern können. Um nun eine dieser Funktionen zu ändern, können Sie einfach darauf klicken und sie einfach ändern. Wenn Sie zum Beispiel darauf klicken, können Sie sehen dass wir über die Verwendung von Rahmen und Elementen gesprochen haben, wie man verschiedene Dinge hinzufügt all das übereinander legt Sobald Sie Elemente ausgewählt haben, z. B. wenn Sie dieses Bild ändern möchten, können Sie darauf klicken und das Bild auswählen Sie können das Bild hier sehen, Sie können darauf klicken und Sie können hierher kommen und sich das Bild auswählen ansehen. So können Sie zu dem Ort navigieren, an Sie Bilder in Ihrem System haben. In meinem eigenen Fall habe ich zum Beispiel dieses Figma-Tutorial, ich habe es in dieser Ressource Und ich kann jedes der Bilder entweder dieses oder dieses auswählen. Lass uns so etwas machen. Und mit nur einem Klick können Sie sehen, dass wir gerade das Bild geändert haben. Okay? Es steht dir also frei, jedes deiner Bilder zu verwenden. Sie können damit entkommen und sind jetzt wieder im Neuen. Sie können also jetzt sehen, dass wir das geändert haben. Sie können den Text auch ändern, aber doppelklicken Sie einfach auf den Text. Wie wir bereits erklärt haben, könnte dies das beste Abenteuer für Sie sein. Genießen Sie zum Beispiel Ihren Urlaub hier. Sie haben so viele Möglichkeiten. Sie können doppelklicken und von hier aus alles ändern. Sie können zum Beispiel die Größe des Textes ändern , oder? Sie können sehen, dass Sie die Textgröße ändern und den Telefonstil ändern können . Okay. Du kannst es fett machen. Sie können es nutzen. Sie haben so viele Funktionen wie auch Funktionen zur Textbearbeitung. Sie können die Füllung von dieser Farbe auf vielleicht rote Farbe ändern . Es ist also sehr einfach, einige dieser Elemente im Laufe der Zeit zu ändern und zu ändern. Eine andere Sache, mit der Sie herumspielen können , ist diese Schaltfläche. Sie können einfach auf die Schaltfläche klicken und Sie können eine Menge Dinge ändern. Auch von hier aus können Sie die Färbung ändern. Du kannst es so etwas machen. Ich kann sehen, und du siehst, dass wir sehen können , dass wir es ändern werden. Jetzt können Sie den Eckenradius auch von hier aus steuern. Wir haben über den Eckenradius gesprochen. Du kannst es kontrollieren. Und hier mit nur einem Doppelklick auf das Objekt. Sie können sehen, dass Sie darauf doppelklicken, und Sie können den Eckenradius nicht ändern, vergrößern oder verkleinern , wie Sie es möchten, oder? Sie können sehen, nehmen wir an, wir haben so etwas. Und Sie können auch den Text darin ändern , um jetzt zu beginnen. Melde dich jetzt an. Sie können also ziemlich viele Dinge tun. Sie können hier ziemlich viel ändern , was den Inhalt angeht. Sie können dies auch ändern und einfach klicken und das wurde mit dem Plugin hinzugefügt , das wir zuvor gezeigt haben. Mit den Plug-ins können Sie verschiedene Arten von Symbolen hinzufügen. Wenn Sie dies beispielsweise ändern möchten, möchten Sie vielleicht zu Plug-ins übergehen, wie wir bereits erklärt haben Sie können zu Plug-ins kommen und Sie können zu Public Content Real wechseln. Wir können feststellen, dass es sich um echte Inhalte handelt. Und Sie können sehen, dass Sie zu Icons kommen können Wenn Sie irgendein Symbol haben das Sie interessiert, lassen Sie uns dieses auswählen. Okay, Sie können also anhand dieser Symbole diejenigen auswählen, die Sie interessieren, Sie können einfach auswählen, zum Beispiel lassen Sie uns etwas wie dieses auswählen, und Sie können sehen, dass wir es gerade zu diesem bestimmten Symbol hinzugefügt haben , oder? Sie können die Befehlstaste gedrückt halten. Sie können das einfach ziehen. Nehmen wir an, wir ziehen das und Sie fügen es einfach hier ein. Wir können sehen, ob das gerade hinzugefügt wurde. Sie können es überall hinzufügen, wo Sie möchten. So bringen Sie also verschiedene Elemente ein und ändern sie entsprechend. Ich kann damit schließen und lassen Sie mich den Buchstaben H verwenden, um herumzuschwenken. So kann man also verschiedene Dinge anpassen. Sie können alles davon ändern. Wenn Sie daran interessiert sind, können Sie alles entsprechend ändern , wenn Sie daran interessiert sind. Damit ist dieser Kurs abgeschlossen, in dem es darum geht, wie eine Vorlage öffnen und alle Funktionen dieser Vorlage anpassen können. In der nächsten Klasse werden wir lernen, wie man ein bestimmtes UI-Design von Grund auf neu erstellt . Vielleicht replizieren wir das von Grund auf neu. Wir werden das von Grund auf neu erstellen und sehen, wie wir mit einigen Funktionen herumspielen können Also bis zum nächsten Mal, danke fürs Zuschauen und ich freue mich darauf, dich in der nächsten Klasse zu sehen, oder? 21. UI-Design aus Skatch erstellen: In diesem Kurs werden wir lernen, wie man ein UI-Design von Grund auf neu erstellt. Wir wählen einfach eine dieser Seiten und erstellen sie mit anderen Methoden, anderen Methoden. Sie können damit beginnen, einen Frame zu erstellen, sodass wir hier zu Frames kommen können. Wir können es nicht mit einem Buchstaben F steuern, sondern nur mit Rahmen. Und wie wir bereits zu Beginn des Tutorials gesagt haben, können wir eines davon auswählen. Also lass uns am 14. weitermachen. Lass uns das auffächern, und ich glaube, wir haben Glück, dass wir es in der gleichen Größe haben. Wir müssen also einfach doppelklicken und den Namen dieses bestimmten Frames ändern, ihn vielleicht so gestalten, dass er leicht zu bedienen ist. Also können wir weitermachen und verschiedene Funktionen hinzufügen, wie wir hier gesehen haben Das erste ist also, dass wir dieses Bild hinzufügen können. Wir können Bilder hinzufügen, die direkt zu diesem Ordner zurückkehren, und Sie können sie direkt selbst verwenden und jedes Bild per Drag & Drop direkt in den Rahmen ziehen. Ich kann gerade sehen, dass wir dieses Bild eingefügt haben. Sie können weitermachen und die Größe ändern, um die gesamten Verse zu stützen , die besagen, dass wir so karacsieren Und tragen Sie auch eine solche Größe. In Ordnung. Eine Sache, die wir feststellen können, ist, dass dieser unten diese Kurvenbeschaffenheit hat. Also können wir das tun. Wir können das auch replizieren, indem wir zur Kurvennatur kommen. Wir können das Bild auswählen und von hier aus das Kurvenmerkmal, den Eckenradius, ändern von hier aus das Kurvenmerkmal, den Eckenradius, Du kannst die Option „ Diesen Doppelklick hier auswählen“ ändern und vielleicht 25 machen und du kannst sehen, ob ein Eckenradius hinzugefügt wurde, aber es ist nicht so pixelig, also können wir ziehen und es viel sichtbarer machen Okay. Das ist eine Möglichkeit, es zu tun. Alternativ können wir zu den unabhängigen Ecken kommen. C einfach klicken. Und wenn Sie hier oben sehen, gibt es keine Ecke. Das ist also das oberste Schild. Die obere Taste in der unteren Ecke. Gehen wir also rüber und machen wir diese Null und machen wir auch diese eine Null. Okay. Sobald wir rausklicken, können Sie sehen, dass wir gerade das haben, mit den Ecken oben und den langsamen Kurven. Wir können also auch eine Alternative wählen, wir können die Ecken immer noch mit diesem Can-Track erstellen und Sie können das mit den Ecken machen , genau wie wir es zu Beginn dieses Tutorials gezeigt haben . Also haben wir das gerade erstellt. Der nächste ist, dass wir diesen Text hinzufügen können. Oh, wir können diese Elemente hinzufügen, dieses ist nur ein Rechteck mit so vielen Funktionen. Also können wir das Rechteck dazu hinzufügen. Sie können hier zu Formen kommen, klicken Sie auf ein Rechteck auswählen, und wir können einfach ein Rechteck auswählen und zeichnen. Dieses hat ebenfalls einige kreisförmige Enden, sodass wir zum Radius übergehen und einfach die Eckkanten vergrößern können. Wir können so etwas haben. Und diesmal können wir die Farbe auch auf reines Weiß umstellen. Okay, wir haben also so etwas. Aber es ist nicht alles. Wir brauchen einen Schlagschatten. Wir können wirksam geworden sein, bis wir diesen Schlagschatten haben. Und jetzt können wir sehen, dass wir unsere Elemente genau so haben , wie wir es hier haben. Jetzt, hier unten, können wir das anders hinzufügen , sodass wir diesen Text hinzufügen können. Der Text ist einfach. Sie können es einfach kopieren und einfügen. Also lass uns einfach kopieren und dann kommen wir einfach rüber. Nehmen wir an, wir fügen es damit hinzu, kommen zum Buchstaben T und wir können einfach klicken und etwas schreiben. Reisen. Details zum Beispiel, und dann können wir rausklicken und wir können es hier irgendwo anklicken und verschieben, und dann haben wir diesen edlen Text , den wir damit immer noch auslösen können. Und dann können wir auswählen. Okay, und wir können hier einen Text haben. Mir gefällt einfach, dass wir es da drüben haben. Sie können also einfach auf ein Textfeld klicken und Sie können verschiedene Dinge einfügen , die ich mithilfe der Eigenschaften ändere , verschiedene Eigenschaften Die nächste ist die letzte, um diese Schaltfläche hinzuzufügen, und wir haben gelernt, wie man Schaltflächen hinzufügt, indem hier einfach zu Formen kommen. Ihr könnt ein rotes Geflecht auswählen und wir können es so groß machen. Wenn Sie möchten, können Sie die Ansicht vergrößern, um die Details zu sehen , und Sie können den Briefkopf auch zum Schwenken verwenden den Briefkopf auch zum Schwenken Sie können dies also auswählen und wir können das ändern. Sie können die Größe ändern und Sie können auch entkommen. Sie können die Größe ändern und Sie können den Eckenradius von hier aus ändern, einfach so Und Sie können die Farbe von hier aus ändern. Sie können mehr Farben sehen. Sie können den Farbwähler verwenden und genau die Färbung auswählen , die wir hier haben Sie können dem also entkommen, es sei denn lösen den Text aus und wir sehen jetzt beitreten, kann einfach jetzt beitreten Und wir können das auswählen und fett formatieren, wir kommen und wir können alles auswählen, den Text auswählen, sowie die Schaltfläche, und dann können wir die Mitte sowohl horizontal als auch vertikal zentralisieren die Mitte sowohl horizontal als auch vertikal Und jetzt haben wir alles. Das nächste, was wir haben können, ist dieser Ort, der Stern als auch die beiden. Das kann also über das Symbol hinzugefügt werden. Dazu müssen wir also ein Plugin hinzufügen. Also, wie fügen wir ein Plugin hinzu, kommen Sie hierher und wir können nach einem Plugin namens Icon Scout Icon Scout suchen nach einem Plugin namens Icon Scout Icon Scout Sie können also einfach nach einem Symbol suchen Standardmäßig sehen Sie eine ganze Reihe verschiedener Plug-ins, die Ihnen Symbole geben können Aber für diese mündliche Rede werden wir den Icon Scout verwenden , diesen hier. So können Sie auf Klick, Klick auf und Erkunden sehen . Ich hab's. Sie müssen sich also anmelden. Sie können also einfach nach einem beliebigen Symbol suchen. So können wir zum Beispiel Rückwärtspfeil sagen. Nehmen wir an, wir suchen nach dem Zurückpfeil und wir können verschiedene Arten von Rückpfeilen sehen , die wir leicht verwenden können. Für diesen können Sie zum Beispiel diesen Zurückpfeil sehen, diesen, diesen. Lass uns versuchen, ihn so zu erstellen, dass wir verschiedene Arten von Rückpfeilen haben können. Wir haben das, also können wir weitermachen und das auch nutzen. Also lass uns das benutzen. Also lass uns das benutzen. Wir können es ziehen und ablegen. So können wir die Größe ändern. Lass uns die Größe ändern. Lassen Sie uns dem entkommen, lassen Sie uns die Größe ändern. Also lass uns die Größe ändern und es irgendwo hier platzieren. Also lass es uns irgendwo hier hinstellen. Und wir können die Färbung auch von hier aus ändern. Lass es uns so etwas wie Weiß machen. Ich glaube, das ist es. Du kannst so etwas haben, damit wir zurückziehen können. Du kannst also auch hier alles hinzufügen. Sie können diesen Text vor Ort und auf diesem Preisschild hinzufügen. Sie können also immer noch zum selben Plugin zurückkehren. Sie können also einfach nach einem Standort suchen. Okay, du suchst einfach nach einem Ortsschild. Und du kannst sie verschiedener Typen sehen. Sie können per Drag-and-Drop ziehen. Und Sie können die Größe direkt ändern. Sie können die Umschalttaste nach unten drücken , um die Größe perfekt zu ändern. Okay, weniger, wir ändern die Größe. Dann können wir nach den anderen suchen, Preisschild. Du kannst jederzeit zur Arbeit zurückkehren und weitermachen. Damit ist dieser Kurs abgeschlossen, in dem es darum geht, wie man ein neues Design von Grund auf neu erstellt. Okay, ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf , Sie in der nächsten Klasse zu sehen. 22. Einen interractive-Prototyp der App erstellen: In diesem Kurs lernen wir , wie man ein interaktives Design dieser UI-Anwendung erstellt ein interaktives Design dieser , die wir in Figma erstellen möchten Lassen Sie uns also zunächst versuchen, genau das zu etwas zu machen , mit dem wir interagieren und von einem Frame zum anderen wechseln können , indem einige Aktionen vom ersten Frame aus ausführen , die uns zum zweiten Frame führen könnten, und wir können das Verhalten jeder Aktion auf der Grundlage des Prototyps definieren jeder Aktion auf der Grundlage des Prototyps Der Prototyp ist also wie die Demonstration, wie die Anwendung, die Sie erstellen möchten , in der Realität aussehen wird. Und wir werden die Vorschau direkt hier mit diesem Symbol machen . Direkt. Um zu beginnen, beginnen wir hier mit dem ersten Frame. Fügen wir ein einfaches Symbol oder eine einfache Schaltfläche hinzu. Gehen wir zurück zum Auswahlmodus und wählen aus, ob wir eine einfache Schaltfläche hinzufügen möchten, und weniger, sie zu kopieren und einzufügen. Ja, lass es uns hierher verschieben. Und lassen Sie uns das in „Erste Schritte“ umbenennen . Lassen Sie uns dafür sorgen, dass es losgeht, und wir können hier etwas hinzufügen, um zu demonstrieren, welche Wirkung das hat, was Sie erstellen möchten. Nehmen wir an, wir fügen ein Bild hinzu, wir ziehen dieses Bild und fügen es darin ein. In Ordnung. Und Sie können sehen, dass es jetzt alles abgedeckt hat. Also lasst uns versuchen, es zu arrangieren und das zu Fall zu bringen. Also haben wir das und können es auch hier runterbringen, damit wir die anderen Funktionen behalten können. Aber dann können wir das Bild immer auswählen und wir können es hierher bringen, und wir können die Deckkraft reduzieren , sodass es gut sichtbar wird Die anderen Merkmale können nicht sichtbar werden, also nehmen wir es mit einer Deckkraft von zehn Das ist zu klein. Lass uns vielleicht 40 draus machen. Okay. Ich denke, das ist okay. Also können wir von hier aus sehen, wir können loslegen und uns mit diesem Ort verbinden. Aber dann fügen wir dem wahrscheinlich mein Logo hinzu. Wir können das Logo auch einfach per Drag & Drop ziehen, und wir können es auch skalieren, indem wir hierher kommen und es mit „Gefällt mir“ markieren und ziehen, damit wir es etwas kleiner machen können Halten Sie die Umschalttaste gedrückt, damit wir ein perfektes Arrangement haben, und dann können wir es einfach auswählen und zur Seite legen Wir können also etwas Text hinzufügen, vielleicht um zu signalisieren, dass hier etwas vor sich geht, aber ich denke, es ist okay Wenn du klickst, kommst du hierher. Und wenn Sie dann hier klicken, können Sie dieses Detail sehen. Also, wie machen wir das? Wie verknüpfen wir die Aktion, vielleicht auf deinem Handy, sodass du, wenn du auf „Los geht's“ klickst, zu diesem Frame weitergeleitet wirst. Und wenn du dann auf dieses Bild klickst, wirst du zu diesem Detail des Magazins weitergeleitet. Das erste, was Sie tun müssen, ist, mit einem Klick auf Erste Schritte zu beginnen, und Sie können hier zum Prototyp gelangen. Und dann kannst du weitermachen und hierher kommen. Sie können dieses Pluszeichen sehen. Okay. Also, wenn du auf das Pluszeichen klickst, kannst du auf das Pluszeichen klicken und du kannst einfach so beitreten, okay? Sie können also sehen, dass es einfach zur nächsten Aktion navigiert. Es ist mit der nächsten Brücke verbunden. Und wie passiert das? Ist es ein Klick? Sie können sehen, dass die Standardeinstellung beim Klicken ist. Sobald Sie also auf Erste Schritte klicken, werden Sie mit dem nächsten Frame verknüpft. Das ist eine Standardeinstellung, aber dann haben Sie noch andere Funktionen, z. B. können Sie es zu einer Eingabe mit der Maus oder mit gedrückter Maustaste oder mit gedrückter Maustaste oder mit der Maus machen . Oder nach einer Verzögerung auf Drac. Sie können eines davon auswählen, wenn Sie interessiert sind. Für diesen Kurs bleiben wir also einfach dran oder klicken, was die Standardeinstellung ist, und wir sorgen dafür, dass er zu dieser Seite navigiert. Wenn du eine andere Option hast, wie du weitermachen und aus Pre auswählen kannst, Overlays haben kannst, Swap-Overlays haben kannst oder so und die anderen Funktionen, kannst du weitermachen und entsprechend auswählen, wenn du daran kannst du weitermachen und entsprechend auswählen interessiert bist Und das ist die erste Option. Du hast es verlinkt. Danach wird es hier verlinkt. Als Nächstes können wir versuchen, einen Testlauf durchzuführen, und schauen wir uns an, wie sich die Aktion von diesem Frame zum nächsten entwickeln wird. Sie kennen den Übergang zwischen diesem Frame und dem nächsten. Wir werden es live testen , um zu sehen, wie es passieren wird. Wir können also damit beginnen, hier zum Testlauf zu kommen , zur Vorschau-Schaltfläche hier drüben, wo wir eine Vorschau des Prototyps anzeigen und sehen können , was auf unserem Handy passieren wird. Also können wir herkommen und klicken. Und dann haben wir es so auf diese Plattform gebracht, wie wir es haben. Und so können Sie weitermachen und klicken und loslegen, und wenn Sie klicken, können Sie sehen, dass es uns direkt zu diesem Punkt führt. Okay? Also wir können es sehen, indem wir einfach klicken und loslegen , wir sind hier, und genau das versuchen wir damit zu beweisen. Gehen wir also zurück zur Figma und fahren wir mit der Verlinkung fort oder machen wir die App als Ganzes interaktiv Als Nächstes möchte ich, dass wir dieses Bild mit der nächsten Folie verbinden Wenn also jemand auf dieses Bild klickt, wird es zum nächsten Bild weitergeleitet. Also können wir dieses Bild auswählen und dann zu diesem Pluszeichen kommen, und wir könnten einfach darauf klicken und es hinzufügen und verbinden, und es wird mit diesem verknüpft. Also, wie wird das sein? Also können wir auswählen oder einziehen. Weil Sie verschiedene Möglichkeiten haben. Du hast Instant, du hast dich aufgelöst, du hast einen klugen Kumpel. Also wähle ich Move In, wodurch dir hier die Vorschau angezeigt wird und du die Geschwindigkeit ändern kannst. Und die anderen Funktionen auch. Wenn Sie möchten, dass es sich von links nach rechts oder von rechts nach links bewegt , können Sie die Vorschau oder von oben nach unten oder von unten nach oben auswählen, wie Sie möchten. In diesem Fall werden wir also von rechts nach links fahren, und ich denke, wir können ein Update dazu sehen . Und dann sind wir fertig. Okay, wir können damit schließen und dann können wir versuchen, auch das zu testen, damit wir den Übergang vom ersten Bild zum letzten Bild sehen können . Also können wir einfach das erste Bild auswählen und hierher kommen. Und klicken Sie auf Start. Sobald Sie auf Erste Schritte klicken , sind wir an diesem Punkt angelangt. Und wenn Sie darauf geklickt haben, schauen Sie sich den Übergang an, der sehr schnell und sehr interessant ist. Wir werden dazu kommen. Kurz gesagt, so erstellen Sie ein interaktives UI-Design in Sigma und spielen Sie damit auf Ihrem Handy herum Damit Sie sehen können, haben wir die Vorschau sogar gezeigt , wie Sie es live auf Ihrem Handy sehen können, welche verschiedenen Aktionen Sie ausführen werden und welche verschiedenen Schritte und Klicks Sie und wie die Interaktion aussehen wird Ich hoffe, dir gefällt dieses Video. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. Tschüss, okay. 23. Designs teilen und exportieren: In der letzten Klasse haben wir darüber gesprochen, wie man ein interaktives UI-Design in Sigma erstellt Und in diesem Kurs werden wir darüber sprechen, wie wir unser Design exportieren oder mit Kollegen oder Freunden oder anderen teilen können, mit können, denen wir das Dokument teilen möchten Um also ein bestimmtes Design zu teilen, können Sie bis hierher zur Schaltfläche „Teilen“ oben rechts gehen . Sie können einfach darauf klicken und Sie können die Person direkt einladen, und Sie können die Person direkt einladen indem Sie ihre E-Mail-Adresse angeben, und Sie können einfach weitermachen und einladen. Ich kann jemanden einladen. Lassen Sie mich zum Beispiel Mentoring sehen, aber ich. Sobald Sie also die E-Mail-Adresse der Person eingegeben haben, können Sie auch die Erlaubnis ändern , die Sie dieser Person erteilen werden Zum Beispiel ist die aktuelle Erlaubnis so, dass er nur sehen kann, aber er kann darauf klicken und Sie können ihn auch zum Redakteur machen Zu genau diesem Projekt. Sie können also die Person einladen und sie wird eine E-Mail erhalten, in der sie aufgefordert wird, dieses spezielle Projekt zu kommentieren oder zu bearbeiten. Okay, sobald Sie sich in Ihr Gmail-Konto eingeloggt haben, können Sie sehen, dass wir nach dem Öffnen eine E-Mail von Figma erhalten haben Öffnen eine E-Mail von Figma Sie können einfach weitermachen und zum Öffnen klicken. Okay, gleichzeitig kannst du aufnehmen. Sie können das Projekt herunterladen, können jeden beliebigen Abschnitt des Projekts herunterladen, jeden beliebigen Rahmen herunterladen, indem Sie einfach den Rahmen auswählen, und Sie können zum Design zurückkehren, und Sie können hier runtergehen und Export sehen Wenn Sie auf Exportieren klicken, können Sie nicht definieren welches Format Sie verwenden möchten Sie können sehen, dass die Standardeinstellung PNG ist, aber Sie können je nach JPEG oder SVG von PDF wechseln. Lassen Sie mich JPEG verwenden, und ich kann einfach weitermachen und exportieren. Sie können sehen, dass die Standardeinstellung ebenfalls ein X ist, wodurch alles in Bezug auf die Qualität beibehalten wird . Wenn Sie jedoch ein sehr großes Projekt exportieren, ist es besser, sich für zwei X zu entscheiden , da dies in der Qualität beim Export weniger, aber bei der Vorschau vom anderen Ende eine hohe Qualität hätte aber bei der Vorschau vom anderen Ende eine hohe Qualität , vielleicht aus der Sicht Ihres Kunden. Wenn Sie hier fertig sind, können Sie sagen, das Menü exportieren und Sie können den Ort definieren, an den Sie es exportieren möchten. In meinem Fall möchte ich es zum Beispiel in das Still Figma-Projekt exportieren, und ich kann einfach weitermachen und dafür sorgen, dass das sicher Und das wird jetzt an diesem bestimmten Ort exportiert. Wenn Sie die gesamten Frames exportieren möchten, können Sie auf einen bestimmten Frame klicken und ihn auswählen. Halten Sie die Umschalttaste gedrückt und wählen Sie den zweiten Frame aus. Halten Sie die Umschalttaste gedrückt und wählen Sie das dritte Bild Dann können Sie weitermachen und hierher kommen und Exportieren sagen. Jetzt können Sie auch den gewünschten Standard definieren. O JPG, und ich kann sagen, exportiere die drei Ebenen. Und definiere den gleichen Ort. Zum Beispiel kann ich hier einen anderen Ordner erstellen und ihn Ausgabe nennen und auf Erstellen klicken. Und dann möchte ich alles an diesem Ort exportieren , damit ich sicher bin. Und im Moment wurde es exportiert, also schauen wir uns den Ordner an und schauen, was wir exportiert haben. Sie können sehen, dass wir alle drei Dateien exportiert haben , die wir haben. Wir können also einfach auf eine beliebige Datei klicken , um eine Vorschau dessen zu erhalten, was Sie gerade exportiert haben. Damit ist dieser Kurs abgeschlossen darum geht, wie Sie Ihr Projekt innerhalb von FGMA teilen und es sogar in verschiedenen Formaten auf Ihren Computer exportieren in verschiedenen Formaten auf Ihren Computer Ich hoffe, dir hat dieses Video gefallen. Danke fürs Zuschauen und ich freue mich darauf, Sie in der nächsten Klasse zu sehen. Warum? 24. Schlussbemerkung zum Kurs: Herzlichen Glückwunsch zum Abschluss dieses Kurses. Sie haben das Ende dieses Crashkurses Figma für Anfänger erreicht dieses Crashkurses Figma für Anfänger Während dieser Reise haben Sie ein umfassendes Verständnis von Figma und seinen Funktionen für UI-Designs erlangt ein umfassendes Verständnis von Figma und seinen Funktionen für UI-Designs Sie haben gelernt, in der Benutzeroberfläche zu navigieren, Elemente zu erstellen und zu manipulieren, Schnittstellenprototypen zu erstellen und Ihre Designs letztendlich mit der Welt zu teilen Wenn Sie sich von diesem Kurs verabschieden, denken Sie daran, dass Übung der Schlüssel ist. Je öfter Sie Figma verwenden, desto wohler und selbstbewusster werden Sie Probieren Sie die Figma-Community aus und erkunden Sie sie. Ich möchte Sie auffordern, im Projektbereich dieses Kurses nach einem einfachen Projekt zu suchen im Projektbereich dieses Kurses nach einem einfachen Projekt , mit dem Sie Ihre neu erworbenen Fähigkeiten ausprobieren und unter Beweis stellen Mit freundlichen Grüßen möchte ich Ihnen vielmals dafür danken , dass Sie bei mir waren, und wünsche Ihnen viel Glück bei Ihren weiteren Unternehmungen. Gestalte weiter.