Figma für digitales Marketing und Wachstum-Hacking [2022]

1. 1.1 Kurs-Einführung: Ich bin ein Abdruck. Willkommen, um mehr für digitales Marketing und Wachstum Hacking Cross zu füttern. Heute beginnen wir eine Reise in die Welt der effektiven Produktion und Erprobung von Kreativen und anderen Marketinggrafiken. Ich gehe seit mehr als 12 Jahren unbefüllt auf dem Markt, für eine sehr lange Zeit, träumte ich von einem Werkzeug, das die Modellerstellung automatisieren kann und trotzdem gute Flexibilität bietet. Und es gab kein solches Werkzeug. Klassische grafische Editoren bewusst zu ungeschickt. Und die Werkzeuge wie Canva waren ein Snack und so weiter haben keine nötige Art von Freiheit gegeben. Alle von ihnen, wo sie mit ihren Vorlagen beginnen sollen. Und eines Tages stieß ich auf Figma, und das erste Mal, als ich nicht alle seine Macht erkannte, dachte ich es nur als einen neuen, schnellen und guten webbasierten grafischen Editor. Und ich war damit zufrieden. Aber irgendwann später habe ich gelernt, wie man es komplexere Funktionen wie automatische Layout-Einschränkungen und Komponenten verwendet. Und an diesem Punkt wurde mir klar, dass dies C ist. Das ist das Werkzeug, das ich jahrelang hoffte. Ich habe mehr als 3000 Bonus für Ion und ein BTS von mir und 2020 erstellt. Und ich kenne sogar das Design. So können Sie das auch tun. Wir starten diesen Kurs mit Figma-Grundlagen und markieren die wichtigsten Werkzeuge für uns. Dann werden wir Automatisierungswerkzeuge wie Komponenten der Layouts und Einschränkungen an Beispielen einiger zufälliger Körper lernen . Nachdem wir ganze generische Banner erstellen und auf Google-Anzeigen verschoben, Facebook-Anzeigen auf Social-Media-Formate. Wir lernen einige Tipps, Tricks und Plug-Ins, Vorlagen, die Ihre Arbeit beschleunigen und automatisieren. Schließlich werden wir lernen, wie Wachstum Hacking Welt zu verwenden und testen Sie Ihre Hypothese und mit Tests durchgeführt und so weiter. Dieser Kurs wird Ihnen also eine solide Kompetenz im Design für digitales Marketing geben. Als Bonus zu diskutieren, Ich gebe Ihnen zwei gebrauchsfertige Vorlagen für Google-Anzeigen und Facebook-Anzeigen. Der Kurs ist in Kapitel, Abschnitte unterteilt. Jeder Abschnitt hat sein eigenes Thema und enthält zwei bis etwa Dutzend Lektionen. Lektionen in den ersten Abschnitten sind ziemlich einfach und ziemlich kurz. Vorwärtsunterricht werden Einzelgänger oder die Informationen komplizierter und brauchen mehr Zeit, um sie auf einem guten Niveau zu beschreiben. Einige Abschnitte verfügen über Quiz und Aufgaben, damit Sie sich selbst testen und die Lektionen zum Üben überarbeiten können. Für die meisten Abschnitte verwende ich die einzelne Figma-Datei, die so gestaltet ist, wie Sie nach mir wiederholen können. Und Sie haben immer einige Beispiele in der Spitze von u, frei, es zu benutzen, es zu ändern, mit irgendeinem seiner Rolle zu spielen, weil es nicht kurz ist, aber ich schlage vor, dass Sie bis zum Ende davon kommen. Und mein starker Rat ist, die ganze Praxis zu machen. In diesem Fall erhalten Sie den größten Wert aus Ihrem Lernen. Noch eine Sache, ein weiterer Hinweis aus dem Satz der Erziehung und wie menschliches Gehirn geht. Wenn Sie neue Informationen lernen und innerhalb einer Woche anwenden, werden Sie sich wahrscheinlich an diese Informationen erinnern sie in Ihre Fähigkeiten verwandeln. Wenn Sie dies nicht tun, werden Sie wahrscheinlich die meisten davon in ein paar Wochen, Monaten vergessen . Der beste Weg, um das Maximum des Kurses zu erhalten ist, wenn Sie während des Unterrichts Ihre eigenen Beispiele, Ihre eigenen Bilder für Ihren Job, geschäftlich oder für Ihr Hobby erstellen Ihre eigenen Bilder für Ihren Job, . Und jetzt starten wir unsere Autos und gehen zu den ersten Lektionen. Viel Glück und ich hoffe, Sie am Ende des Kurses zu sehen. 2. 2.1 2.1: Schauen wir uns an, wie man Figma-Konto erstellt. Eigentlich ist es ziemlich einfach. Du gehst einfach zu figma.com und wie du siehst, gibt es hier einen großen Anmelde-Button. Ich klicke darauf und ich sehe einige Optionen. Ich kann entweder Google-Konto verwenden oder ich kann meine E-Mail verwenden. Wenn Sie sich entscheiden, mit einem Google-Konto zu versenden, wird Ihr Figma-Konto mit Ihrem Google-Konto mit Ihrer E-Mail verbunden , die Sie in Ihrem Google-Konto verwenden. Der andere Weg ist, E-Mail zu benutzen, okay? Ich werde diesen temporären E-Mail-Service nutzen und werde mit dieser E-Mail ein Figma-Konto erstellen. Okay, ich erstelle, ich fügen Sie diese E-Mail und ich sagte ein zufälliges Passwort. Ok. Rasen als sieben Zeichen. Ok. Ok. - Mein Name. Welche Art von Arbeit mache ich? Ich mache eine Zeitschrift. Ich will die Figma-Mailingliste nicht genießen. Aber wenn Sie neu bei Figma sind, können Sie es wahrscheinlich abonnieren. Ok. Also muss ich mein Konto verifizieren. Ich kann hier gehen und sehen Sie die E-Mail von Figma, die besagt überprüfen in männlich. Okay, klicken Sie darauf und wo hier. Ich muss zum Beispiel mein erstes Team einstufen . Okay, und jetzt Figma, okay, und jetzt zeigt Figma mir diese Einladung, andere Mitarbeiter einzuladen. Dies ist für Sie gemacht, um ein Team von Grund auf neu zu erstellen. Und tatsächlich, wenn Sie zu vielen Menschen einladen, müssen Sie ein kostenpflichtiges Konto erstellen. Also ich bin eigentlich derzeit werden wir diesen Schritt überspringen. Und ich werde mit einem kostenlosen Konto beginnen. Ich sagte, fange an zu Rechenschaft. Und meine Figma fragt, ob ich einige Vorlagen verwenden oder eine leere Datei starten möchte, okay, ich werde eine Vorlage verwenden. Wie du dort siehst. Einige von ihnen. Ich habe ein paar leere Voreinstellungen. Wie auch immer, werde ich jetzt eine Datei erstellen, also werde ich einfach diese auswählen. Und wie Sie sehen, ist meine Akte geöffnet. Also, im Moment habe ich Figma-Konto, ich kann es benutzen. Ich habe ein paar Dateien hier drüben, also ist das ziemlich einfach. Ich hoffe, Sie werden es ohne Probleme erstellen. 3. 2.2 Web und App: Es gibt zwei Möglichkeiten, Figma zu verwenden. Sie können die US-Weboberfläche hinzufügen oder Sie können Figma up verwenden. Ich ziehe Figma vor. Und mal sehen, wie das jetzt funktioniert, verwenden Figma in meinem Browser. Das funktioniert gut, aber wenn ich viele verschiedene Tabs hier drüben habe, wird das überwältigend sein. Und manchmal kann es sogar langsam laufen weil verschiedene Registerkarten Ihren Computer viel laden können. Also in diesem Fall bevorzuge ich Figma auf. Eigentlich bevorzuge ich die Figma-App für immer. So sieht es aus. Es ist ziemlich ähnlich, dass wir hier haben. Alles ist auf dem Platz. Der Hauptvorteil ist jedoch, dass es sich um eine separate Anwendung auf Ihrem Desktop handelt. Und Sie können immer öffnen, einfach essen, und Sie werden sich auf Figma konzentrieren. Also lassen Sie uns sehen, wo die Anwendung zu finden ist. Sie können figma.com Schrägstrich Downloads eingeben. Und es gibt mehrere Akten hier drüben. Es gibt Desktop-Apps für Mac und Windows. Es gibt zwei Apps für Ihr Mobiltelefon für iOS und Android. Und das sind keine grafischen Editoren, sind Vorschau-Apps. Wenn Sie also mit mobilen Apps oder mobilen Bildschirmen arbeiten, wird diese App eine großartige Vorschau Ihres Designs direkt auf Ihrem Smartphone erstellen. Also brauchen wir diese Apps nicht, um Bewusstsein zu schaffen und für unsere Zeitschrift Pop Zwecke, es sei denn, Sie erstellen mobile Bildschirme und Schriftinstallatoren, es gibt eine Menge Geld in Figma, und wenn Sie sie verwalten möchten, können Sie laden Sie diese Installationsprogramme für Ihre Schriftarten herunter. Aber wenn Sie Desktop-App verwenden, ist dies nicht erforderlich. Also alle deine Schriften von figma, wir sind gleich da. Aber wenn Sie einige zusätzliche Schriftarten in Ihrem System hinzufügen, wird dies wie bei jedem anderen Programm auf Ihrem Computer laufen und müssen nur andere Schriftarten installieren, die Figma nicht hat. Sie müssen sie manuell in einem System installieren. So wie mit jeder anderen App für auf Ihrem Desktop. Okay, Also, nachdem Sie auf Download up klicken, erhalten Sie eine ZIP-Datei und Sie werden es installieren. Okay, also schlage ich vor, dass du das machst. Es ist praktischer, Figma mit Desktop-App zu verwenden. 4. 3.1 Figma Grundlegende Benutzeroberfläche: Ich bin ein Freund, da ich dieses Video-Feed aufgenommen, meine veränderte seine Schnittstelle illegal. Schauen wir uns an, was sich geändert hat. Es gibt zwei Änderungen in diesen Menüs. Zuvor war die Suche hier drüben und sie zog hierher. Also kann ich einige dünne und Gemeinschaft hier unten suchen. Und jetzt kann ich es klicken, um zur Community zu gelangen und nach verschiedenen Dingen zu suchen, nach Dateien und Plug-Ins zu suchen. Eigentlich ist der ganze Rest gleich. Es ist gerade jetzt mehr ist kleiner aussehen, umständlich als es vorher war. So können Sie zurück zu Ihrem Konto langwierig. Das ist also Gemeinschaft. Und wenn Sie zurückgehen möchten, können Sie entweder diesen Pfeil verwenden oder Sie können dieses Drop-down-Menü verwenden und zu Ihrem Konto gehen. Und das ist Essen. Der Rest des Videos ist für den Moment richtig. Also gehen wir und sehen uns die Lektion an. Nachdem Sie Figma-Konto registrieren, um Zugriff zu haben, um Fehler zu gehen. Der erste ist eigentlich Ihr grafischer Editor, in dem Sie Ihre Grafiken erstellen. Und der zweite ist Datei-Manager und Einstellungen. Schauen wir uns an, wie man zwischen ihnen und dem, was drin ist, navigiert. Beginnen wir also mit einem grafischen Editor. Moment sind wir im Browser, und ich werde eine meiner IR Dateien öffnen, zum Beispiel diese. Und jetzt, während es sich öffnet, gehe ich auf meinem Desktop zur Figma und gehe zu der Datei, mit der wir arbeiten werden. Das ist also ein grafischer Editor. Es gibt viele Menüs, wir werden alle von ihnen lernen. Und so sieht es im Browser aus. Das ist also ziemlich ähnlich, weil eigentlich Figma up Browser selbst ist. Das ist also sehr ähnlich und niedriger. Schauen wir uns an, wie Sie zwischen diesen beiden Abschnitten navigieren können. Diese gibt es einen Unterschied in einem Up- oder und im Browser. Wenn Sie also mit Figma up arbeiten, haben Sie direkten Zugriff auf Ihre Dateien und Einstellungen über diese oben. Es ist immer da. Und wenn ich darauf klicke, gehe ich zu den Einstellungen und gehe zu meinen Dateien kann Einheit und all das Zeug sein. Und wenn ich einige Dateien öffne, öffnen sie einfach in neuen Tabs. Das ist also ziemlich einfach und ich benutze gerne mehr, weil es ein wenig handlicher ist. Und wenn ich in den Browser gehe, bin ich jetzt in der Datei. Und jetzt will ich draussen. Und um Dateien zu meilen oder zu meinen Einstellungen zu gelangen. Dazu muss ich auf dieses Menü klicken und zurück zu Dateien klicken. Also, jetzt bin ich da, ich bin zurück zu meinen Dateien und Einstellungen und allem. Es gibt also den Unterschied zwischen Ihrem Up- und In-Browser. Ich denke, ich verstehe, warum dies so gemacht wird, weil, wenn Sie in Ihrem Figma nach oben gehen, Sie nur mit Figma weit gehen, wenn Sie in einem Browser sind. Es könnte viele andere Sachen geben. Also bevorzuge ich es, weil es ist, ich kann mich auf Figma konzentrieren. Und ich schlage vor, das gleiche zu tun. Von nun an werde ich nach Figma gehen und dorthin gehen. Okay, Wir werden viele verschiedene Lektionen in diesem grafischen Editor haben. Also in dieser Lektion werden wir unseren Dateimanager und den Satz behandeln. Also lasst uns von Anfang an gehen. Dies ist die Registerkarte Profil, und es gibt drei Registerkarten innerhalb der IT. Einstellungen, ich habe einige Einstellungen. Ich kann alles ändern. Sie können mein Profilbild einrichten. So weiter. Ich habe Plugins, diese Plugins in meinem Konto installiert. Und wenn ich einige Plug-Ins entwickeln möchte, wären sie hier, damit jeder Plug-Ins für Figma entwickeln kann. Und wenn mein Plug-in bereit ist, würde es nicht veröffentlicht werden, nachdem ich es veröffentlicht habe. Okay, und Teams, Figma als kollaboratives Werkzeug. Also hier sehen wir einige Dateien, die für andere Teams zugänglich sind. New wird es brauchen, wenn Sie mit den Teams tatsächlich gehen, okay, Haare und Benachrichtigungen. Wenn jemand aus Ihrem Team etwas tut, werden Sie hier Benachrichtigungen sehen. Und dann gibt es eine Suche. Sie können in Figma suchen. Okay? Also habe ich Sound-Dateien mit Fema für Marketing-Inhalte und ich kann innerhalb von Dateien suchen. Projekte sind Menschen. Dies ist praktisch, wenn Sie ein großes Konto und eine Menge von Mitarbeitern vor kurzem haben. Ich sehe die Dateien, die ich kürzlich hier verwendet habe. Dies war also die letzte und die NGO chronologische Verbindung. Okay. Ich kann diese ändern und ich kann eine Datei mit dieser Schaltfläche importieren. Manchmal applaudieren Leute Figma-Dateien, nicht mit Links zu Figma-Ressourcen, sondern mit dem Figma-Dateipunkt. Und wenn Sie diese Datei haben, können Sie sie direkt hier importieren. Und wenn Sie ein neues erstellen möchten, sollten Sie auf diesen Plus-Button klicken. Hier können Sie einige gelöschte Dateien sehen. Wenn Sie ein neues Team erstellen möchten, sollten Sie diese anklicken. Erstellen Sie einen neuen Team-Button auf der schlanken. Und lassen Sie uns sehen, was sich in der Community-Registerkarte befindet. Sie können nach verschiedenen gebrauchsfertigen Dateien suchen, die von anderen Personen erstellt wurden und die für Sie zur Verfügung stehen. Hier sind also zwei Arten von Inhalten. Die Dateien und die Plugins. Plugins sind einige Tools, mit denen Sie etwas extra tun können, etwas, das nicht mit Pigment selbst gebaut wird, aber diese Erweiterung kann Ihnen helfen, etwas anderes zu tun. Wir werden eine separate Lektion mit Plugins haben, zum Beispiel, diese Flagge und entfernt Hintergrund von Ihrem Major, so dass Sie es nicht manuell tun müssen und es funktioniert gut mit vielen Objekten, mit vielen Majors. Und es gibt viele verschiedene Plugins hier drüben. Sie sind dann Typ vier ist Pfähle. Also tatsächlich gibt es hier verschiedene Dateien. Und Sie können zu diesen Schaltflächen navigieren. Zum Beispiel möchte ich einige Symbole binden und ich sehe viele verschiedene Dateien damit, so dass ich unsere Verwandten nicht früh erstellen muss. Ich kann diese Pfade benutzen, etwas finden, das mir gefällt. Natürlich können Sie, wenn Sie möchten, Ihre eigenen Symbole erstellen. Aber wenn Sie kein sehr ernstes Projekt haben , bei dem Sie alles von Grund auf neu erstellen müssen. Sie können diese wahrscheinlich verwenden und Sie können alles ändern, was Sie in diesen Dateien wollen. Und die verschiedenen Arten der Dateien und Designsysteme sind sehr komplexe Dateien, Wireframes, sehr komplexe Dateien. Es ist zum Erstellen einiger Schnittstellen. Es gibt Illustrationen in verschiedenen Arten von Illustrationen, Menschen, Charaktere, nach Gründen, und so weiter. So Figma ist eine sehr mächtige wegen seiner Community, wegen all dieser Dateien, die Ihnen zur Verfügung stehen. Und das ist sehr einfach, sie in Ihren Projekten zu verwenden. Also eigentlich ist dies der gesamte Dateimanager und Satzschnittstelle. Ich denke, das ist nicht so schwierig. Und lassen Sie uns bewegen und sehen, was sich im grafischen Editor befindet. Und wir werden anfangen zu schaffen und Varnas bald. 5. 3.3 Leinwand: Die Leinwand befindet sich in der Mitte des Bildschirms. Es ist graues Rechteck entfernt. Sie können alle Ihre Objekte setzen. Sie können Ihre Texte Formen oder was auch immer Sie wollen. So, wie Sie diese in grauem Rechteck sehen, tatsächlich können Sie die Farbe hier ändern. Sie können sich wie diese Angelegenheit einstellen und offensichtlich ist es eine gute Lösung. Also können wir jede Karla so einstellen, wie Sie wollen. Ich denke, wir werden mit Grau bleiben und Canvas ist grenzenlos. Sie können hineinzoomen, verkleinern und es wird Ihnen folgen. Wenn Sie viele Objekte hier drüben setzen, wird es skaliert. So haben wir derzeit nicht viele von ihnen, also werden wir später umziehen und Sie werden sehen, dass Sie hier setzen können, was Sie wollen. 6. 3.4 Menü: Menü enthält alle Werkzeuge und Kommentare zu ihnen. Also schauen wir uns an, was drin ist. Manchmal ist es besser, die Suche zu verwenden, um ein Werkzeug zu finden da nicht alle Werkzeuge und Commons in den Kategorien zugewiesen sind, aber einige von ihnen sind. Also mal sehen, was haben wir hier? Wir haben zum Beispiel gesagt, wir wollen, ich weiß es nicht. Ich habe etwas. Eine sehen wir Zählkürzel? Die Forelle ist etwas. Siehst du? - Es? Es funktioniert. Es gibt viele Towson-Kommentare zu ihnen. So sehen wir ein Dateimenü, wir können etwas erstellen, sagen etwas hinzugefügt. Einige der Werkzeuge sind nur verfügbar, wenn Sie etwas auswählen, das hinzugefügt wurde. Natürlich müssen Sie etwas unterschreiben und dann können Sie diese Werkzeuge verwenden. Objekt anzeigen, Vektor. Sie können etwas Neues arrangieren, Sie können einige Plugins verwenden. Wir werden später Plug-Ins abdecken. Sie werden sehen, es gibt eine Menge von ihnen sind hier, aber wenn Sie starten, Ihr Plug-in wird leer sein, weil fjord, Sie werden eine von ihnen haben wollen, aber wir werden lernen, welche von ihnen sind nützlich für unsere Aufgaben. Beachten Sie, dass ich zu einem vereinbarten Schrumpfen Präferenzen und einige andere ging. Also eigentlich, wenn Sie nicht wissen, wo Sie ein Tool oder gemeinsame finden, aber wenn Sie sicher sind, dass das nicht in Figma da sein sollte, können Sie dieses Suchmenü verwenden. Und schauen wir uns eine Einstellung an, die für uns sehr nützlich ist , weil sie sehr nützlich ist, wenn Sie Balance schaffen. Es befindet sich in einem Vakuum. Und es steht Pixel Preview. Wir haben es aktiviert. Eigentlich finden Sie es genau hier sowie Sie sehen Pixel Preview 1 x oder deaktiviert oder x, wir werden ein x verwenden. Was bedeutet das? Figma ist ein Vektor-Editor und wenn Sie unerwünscht und zusammenstellen, sehen Sie alle Formen und Formen sind sehr schön. Aber wenn Sie die Pixelvorschau einstellen, wird es so sein. Warum ist es wichtig für uns? Denn wenn Sie Ihre Banner speichern und einige von ihnen sind ziemlich klein. Zum Beispiel, mobile Google-Banner, 300 mal 50 Pixel. Wenn Sie eine Menge Text dort drüben setzen, wird es so sein. Also lassen Sie es uns kopieren, diese Texte und machen es. So sehen Sie, dass es nicht lesbar ist, aber wenn Sie unerwünschte Schnäbel Vorschau, es ist perfekt. Wie Sie sehen, sind diese sehr nützlich für uns. Und denken Sie daran, dass alle diese Einstellungen nur auf die Datei angewendet werden , die Sie gerade gehen. Also habe ich zwei Akten hier drüben und sie sagten, und wir werden uns am Ende auf diese Akte bewerben. 7. 3.5 Tools: Es gibt einige häufig verwendete Werkzeuge in der Werkzeug-Panel zu Panel befindet sich hier drüben und mal sehen, äh, welche Werkzeuge haben wir? Diese Schalter zwischen zwei Werkzeugen sind zwei Morphen und verschieben und skalieren. Wir werden später ein Maßstabswerkzeug abdecken, da wir es viel verwenden werden. In Kürze. Mit dem Werkzeug „Skalieren“ können Sie diesen Text skalieren. Verzögerung. Diese und Verschiebungswerkzeug erlaubt Ihnen dies nicht und Sie sehen es als etwas anderes. Dann haben wir Rahmen. Hier können Sie einige Frames erstellen. Wir werden sie später auch abdecken. Und Rahmen ist der Hauptbaustein in Figma. Und wir werden sie viel benutzen. Du kannst etwas damit machen. Und Rahmen enthält einige andere Objekte, die Sie Rahmen in anderen Rahmen auf dem anderen setzen können wir später Slice Werkzeug sehen. Wenn Sie ein Bild von einigen zufälligen Fehler machen möchten, können Sie diese verwenden und exportieren, Sie werden auf der Option hier sehen, um es als Bild zu exportieren. Normalerweise verwenden die Leute das Slice-Werkzeug nicht so sehr. Dann sehen wir verschiedene Formen. Sie können verschiedene Formen hier drüben setzen, Sie können sie nicht ändern. Wir werden sie färben. Wenn Sie ein Bild mit dieser Option platzieren möchten, oder Sie können Bilder einfach per Drag & Drop in Figma, wie Sie es normalerweise tun. Dann gibt es einige Werkzeuge zum Zeichnen. Es gibt einen Stift und Bleistift. Und zeichnen Sie einige Kurven. Ändern Sie etwas, wie Sie möchten. Und wenn Sie möchten, können Sie etwas von Hand zeichnen. Es ist nur ein gewöhnlicher Bleistift. Lasst uns etwas zeichnen. Ja, Wow, wunderschön. Jetzt gibt es einen Text und wir werden ihn später auch behandeln, weil es viele Optionen gibt und wir alle von ihnen verwenden werden. Meistens alle von ihnen, weil wir schöne Banner bauen wollen. Und du kannst etwas ändern. Wir werden es geführt nennen, um Begriff zu legen. Und hier ist ein Handwerkzeug und ein gemeinsames Werkzeug. Wir decken sie auch später ab. 8. 3.6 Optionen: Optionsbereich ändert seinen Inhalt abhängig davon, welche Objekte gerade ausgewählt sind. Zum Beispiel gibt es momentan keine Objekte, die ich ausgewählt habe. Also sehe ich diese Speisekarte. Ich kann etwas mit dem gesamten Dateiduplizieren tun und kann umbenannt, gelöscht oder was auch immer tun. Ich will. Dies zeigt das Projekt, in dem sich meine Datei befindet. Aber wenn ich etwas auswähle, wird es sich ändern. Zum Beispiel wähle ich Texte aus. Sie sehen, es gibt einige Werkzeuge hier drüben. Und wenn ich dieses Bild auswähle, sehen Sie, dass es ein Etikett geändert. Wenn ich diese Form wähle, Es ist eine andere. Wenn ich diesen Rahmen auswähle, ändert sich auch er. So können Sie dieses Menü oder dieses Optionsfeld für den schnellen Zugriff auf einige Werkzeuge verwenden. Zum Beispiel, um eine Komponente zu erstellen. 9. 3.7 Ebenen: Dieses Panel befindet sich auf der linken Seite. Wenn Sie eine Komponente oder eine Gruppe erstellen, werden Objekte in sich selbst zu X-Formen, Bildern, was auch immer Sie dort platzieren, kombiniert . Und wie Sie die Schichten hier sehen können. Dies ist sehr nützlich, da Figma es Ihnen ermöglicht, so viele verschachtelte Ebenen zu erstellen , wie Sie möchten, und Sie können alle Ihre Objekte so anordnen, wie Sie möchten. Also schauen wir uns ein wenig an, wie es hier funktioniert. Es gibt verschiedene Ebenen und wie Sie sehen, gibt es verschiedene Symbole von ihnen. Ich kann zeigen, was drin ist. Dies ist ein Rahmensymbol. Und wo ist unser Rahmen? Es ist hier drüben. Das ist eine Aufheben der Gruppierung. Dieses Symbol eines gestrichelten Rechtecks bedeutet Gruppe, dass einige Objekte gruppiert sind und Sie sie als Gruppe verschieben können. Sie können etwas mit ihnen als Gruppe tun. Und hier sehen wir, dass sich die Gruppierung innerhalb eines Rahmens befindet. Hier können wir nur ein Bild sehen. Es ist fema länger und es hat Symbol eines Bildes. Wir haben ein paar Texte hier drüben, es ist Team. Und was sehen wir? Wir haben ein Rechteck, und wenn wir eine Form auswählen, hat es ein Symbol der Form. Und es gibt einige, tatsächlich gibt es einige andere Symbole. Lassen Sie mich es Ihnen zeigen. Zum Beispiel, auf dieser Seite, können wir dieses Symbol sehen. Dies bedeutet, dass es sich um ein Duplikat oder eine Kopie einer Komponente handelt. Und dieses Symbol bedeutet, dass es eine Komponente ist. Wenn wir diese ICANN sehen, wissen wir, dass es ein automatisches Layout gibt. Wir werden es später abdecken und wir können horizontale Rechtecke wie diese finden. Dies bedeutet, dass es sich um ein horizontales Auto-Layout handelt und dies ist ein Vektor, sehr vertikales Auto-Layout. Wie Sie sehen, zeigt Figma Ihnen genau, was sich in der Ebene befindet. Es ist also sehr leicht zu finden, wenn du etwas Sünde finden willst. Und es gibt einen Hack. Wie Sie sehen, gibt es eine große Datei, viele Objekte hier drüben, und das ist ziemlich verwirrend, um hier etwas zu suchen und zu finden. Und es gibt eine sehr schöne Abkürzung, die ich die ganze Zeit benutze. Es ist Option L oder Alt L an Fenstern und es werden alle Ebenen reduziert. Ausgewählt. Das hier. Lassen Sie mich es Ihnen nochmal zeigen. Zum Beispiel bin ich hier und ich benutze Option L, es kollabiert es. Und wenn ich nichts auswähle und darauf drücke, kollabiert es alles. Also ist es sehr nützlich, wenn Sie viele Objekte hier haben. Und wenn Sie einige Objekte hier neu anordnen, werden sie auch hier arrangiert. Lassen Sie uns zum Beispiel diese Gruppe setzen. Okay, lassen Sie uns ein paar neue Objekte erstellen. Und dieser hier, dieser hier. Lass es uns machen, lass es uns auch eine andere Farbe machen. Wie du siehst, sind sie hier drüben. Und wenn ich es so aussage, ist der Stern über der Ellipse. Aber wenn ich sie hier neu arrangiere, werden sie hier arrangiert. So können Sie es verwenden, wenn Sie einige Kreuzungsgegenstände haben. 10. 3.8-Designpanel: Dies ist der Ort, an dem Sie festlegen und alle Eigenschaften Ihrer Objekte ändern sehen. Dieses Menü befindet sich auf der rechten Seite. Einige der Optionen erscheinen fast jedes Mal. Objektausrichtungskoordinaten, gestrichelte Effekte und einige andere. Und einige von ihnen hängen von Ihrer Auswahl ab. Wenn Sie verschiedene Arten von Objekten, Texten, Rahmenformen auswählen , werden Sie hier verschiedene Optionen sehen. Zum Beispiel habe ich Text ausgewählt und wie Sie sehen, gibt es einige Textoptionen, Schriftfamilie, Ausrichtung, Spalte und einige andere. Alle diese Optionen sind ziemlich unkompliziert, aber einige von ihnen sind räuberisch. Kim, sie sind normalerweise in den Frames, im Auto-Layout, und das ist mehr für ihn. - Ja. Ok. Und Beschränkungen. Wir werden dies später abdecken, aber diese beiden Optionen ermöglichen es uns, eine Menge Manieren zu schaffen und es leicht zu machen. Und wie Sie sehen, gibt es hier zwei weitere Paneele. Wir sehen das Designpanel und unsere Prototypen und inspizieren Paneele. Eigentlich brauchen wir sie nicht, also decken wir sie überhaupt nicht ab, weil beide Platten benötigt werden. Wenn Sie eine Website und eine mobile App erstellen möchten und Ihr Design in Code umwandeln möchten. Aber zwei, wir werden Bonus erstellen oder wir brauchen das nicht, also werden wir einfach das Design-Panel verwenden. 11. 3.9 Kommentare und Mitteilungen: Solange Figma ein kollaboratives Werkzeug ist, können Sie Befehle, Essen, Tomaten für sich selbst überlassen . Und anstelle Ihrer Leinwand oder Ihres Kunsttafels. Und was ist ein anderer Name von Carl Woese verbirgt sich. Es ist so. Wenn Sie dieses Wort sehen, bedeutet dies Ihre Leinwand. Also, wie man einen Kommentar zu machen? Sie können diese Werkzeuge verwenden und einen Befehl für jemanden nur auf einen Kommentar machen. Ich bin einfach gegangen. Und jeder, der Zugriff auf diese Datei hat, sehen wir diesen Befehl. Und wenn ich jemanden besonders erwähnen möchte, werde ich bei verwenden, wie Sie in allen modernen Werkzeugen verwenden. Und Sie können Kommentare für Ihre Teamkollegen oder für sich selbst hinterlassen. Aber wenn Sie gemeinsam für sich selbst leben, wird es jeder in der Akte auch sehen. Zum Beispiel werde ich einen Kommentar für mich selbst hinterlassen, Niki, Dave se li, li's machen einige Witze um dieses Pferd nicht so langweilig zu machen. 12. 3.10 Seiten: Sie können Seiten verwenden, um einen Spaziergang zu organisieren. Die Seite ist eine separate Zeichenflächen in Ihrer Datei. Sie können sie verwenden, um einige Objekte zu trennen oder eine Immobilie zu kaufen. Ein Thema, zum Beispiel können Sie eine Seite für Google-Banner und eine andere Seite für Facebook Wireless erstellen. Wenn Sie so viele ausgeglichene schaffen, dass Figma langsam zu Fuß wird. Sie können Ihre Zeichenfläche in separate Seiten aufteilen und es wird schneller sein. Und wie Sie in dieser Datei sehen können, gibt es in unserer Arbeitsdatei viele Seiten. Wir verwenden Seite vier, ein separates Kapitel unseres Kurses. Also hier sind sie. Wenn Sie hier klicken, sehen Sie, dass sie wechseln. Und wenn Sie eine neue Seite erstellen möchten, sollten Sie auf dieses Plus klicken und neue Seite wird ankommen. Sie möchten es löschen, klicken Sie einfach mit der rechten Maustaste, duplizieren Sie es und löschen Sie es. Wenn Sie umbenennen möchten. Sie können dies hier tun oder einfach durch einen Doppelklick auf den Namen. Wie Sie sehen können, ist dies sehr nützlich und sehr praktisch, um Ihren Spaziergang in Seiten zu organisieren, weil Sie zum Beispiel einige Ihrer Dateien auf einer separaten Seite halten möchten, zum Beispiel Bibliothek hier. Es gibt nur einige Dateien, die ich in diesem Kurs verwende und ich möchte, dass sie irgendwo sind. Also habe ich gerade eine Patientenbibliothek erstellt und hier sind wir. Ich hoffe, Sie werden Freude an der Verwendung von Seiten in Ihren Projekten haben. 13. 4.1 Figma: Hallo, meine Freunde. In diesem Abschnitt werden wir sehen, wie man grundlegende Werkzeuge und Figma verwendet, diese Lektionen werden länger als vorherige, aber sie sind immer noch ziemlich einfach. Und wenn Sie bereits wissen, wie man Figma benutzt, können Sie sie wahrscheinlich überspringen. Aber wenn du willst, kannst du sie beobachten. Vielleicht wirst du etwas Neues lernen. Also, was wir hier sehen werden, werden wir sehen, wie Textebenen zu verwenden, welche Optionen verfügbar sind. Wir werden sehen, wie Carlos starke Schatten, Deckkraft, all das Zeug für Ihren Text, für Bilder, für Ihre Rahmen zu verwenden all das Zeug für Ihren Text, für Bilder, . Wir werden sehen, was ein Rahmen in Figma ist, das ist eine sehr wichtige Komponente. Das ist ein Baustein für alles. Wir werden sehen, wie man in Figma formt, welche von ihnen sind hier verfügbar? Wie man sie kombiniert, wie man sie neun, wie man einen von einem anderen ausschließt und so weiter. Wir werden hier ein wenig üben und wir werden sehen, wie Einschränkungen funktionieren. Und Figma, es gibt Ihnen die Möglichkeit, automatische Ausrichtung Ihrer Texte auf Ihrer Waage zu erstellen . Also werden wir weitermachen und später alles in jeder einzelnen Lektion sehen. Lass uns gehen und lernen, wie man all diese grundlegenden Dinge in Figma benutzt. 14. 4.2 Textebene: Von diesem Punkt werden wir unsere Walk-Datei verwenden, wo Sie Beispiele haben und Sie können bis zu mir wiederholen und lernen, wie man Dinge zu tun. Also lassen Sie uns dorthin gehen und die erste Stunde Lektion wird über Text sein. Hier ist unsere Seite fema Grundlagen, und hier drüben ist unser Spaziergang in der Gegend. Wir werden in diesen gestreiften Fehlern gehen, wo Sie einige Beispiele finden können. Und wir werden hier in dunkleren Bereichen gehen. In diesem Fall werden alle Beispiele, die wir stolz auf uns sein werden. Und jetzt lasst uns mit diesem Text herumspielen und sehen, was können wir unsere Kopie haben? Einige von ihnen hier sollten okay sein. Ich werde einen der Texte kopieren und sehen, was ich damit machen kann. Wie Sie sehen, hat es 36 Größe, also werde ich einen Kopierbefehl C, Befehl V oder Control C, Control V bei Windows machen Befehl V oder Control C, . Und mal sehen, welche Einstellungen ich habe? Ich habe den Text ausgewählt und ich sehe, dass es Schriftart ist, Roboto, fett. Es hat einige davon sagt Sedimente, wir werden sie abdecken und es gibt eine Menge anderer Einstellungen hier drüben. Also lasst uns die Größe ändern, um sein zu sein. Jetzt. Kopieren Sie es und ändern Sie sein Gewicht. Lass es uns leicht oder sogar dünn machen. Ok? Okay, ich kopiere diese Panzer und mache es Thromboemboli, leicht oder normal. Und ich werde den Abstand auf setzen, sagen wir, 15 hier ist es wahrscheinlich so etwas wie hier. Alles klar, kann diesen Text machen. Die Jahre. Wie Sie sehen, sieht das stilvoller aus. Einige Projekte für einige Etiketten, rote Linien. Ich kann die Schriftart ändern. Ich habe keine Ahnung, was die Schrift hier drüben ist. Vermutlich. Da steht „y-bar“. Lass es uns finden. Wie Sie sehen, gibt es viele Schriftarten. Jetzt sind wir hier und da ist es. Ein Moment mit den Schriftarten. Wenn Sie mit Ihrem Browser online gehen, müssen Sie keine Schriftarten auf Ihrem Laptop oder Ihrem Desktop installieren. Aber wenn Sie Figma-Anwendung verwenden, wird es einige Bindungen im Inneren haben. Aber wenn Sie einige Schriftarten verwenden, die fehlen, müssen Sie sie in das System installieren. Und danach wird Figma sie abholen und du kannst sie benutzen. Wo es passieren kann. Zum Beispiel laden Sie eine Projektdatei. Und Figma sagt, dass Sie Schriftarten fehlen und Pigma wird versuchen, es in eine andere Schriftart zu ersetzen. Und Sie können wählen, zu welcher Schriftart sie geändert werden soll, um sie zu ersetzen. Aber wenn Sie die ursprüngliche Schriftart haben möchten, müssen Sie sie nur herunterladen. Eigentlich ist es in allen anderen Programmen dasselbe, die Sie Schriftarten verwenden. Sie müssen die Schriftarten auf Ihrem Laptop installieren, um sie zu verwenden. Am Anfang können Sie Browser-Version verwenden, aber ich schlage vor, dass Sie das aufbrauchen. Es ist handlicher und es wird weniger einfallsreich für Ihren Computer sein. Denn wenn Sie einen Browser öffnen, gibt es normalerweise viele Tabs dort drüben. Und wenn Sie nur ein separates Programm für Figma verwenden, und es wird nur Ihre Figma-Dateien verarbeiten. Also lasst uns unseren Weg finden. Bindung. Sehr gut. Ja, also sind wir hier. Jetzt. Lassen Sie uns einige der Einstellungen sehen. Aus dem Unkraut, in Höhe und feste Größe. Fixiert. Ja. Wenn Sie solche Texte erstellen möchten, gibt es mehrere Möglichkeiten, dies zu tun. Zum Beispiel können Sie drücken Enter Server und mehrmals, und hier sind wir. Das ist kopieren und einfügen. Wir können uns ändern, zu diesem Zweck ändern, erlaubt mir sogar nicht, etwas zu wissen. Mal sehen, wir hatten unseren ursprünglichen Text und wir verwenden diese feste Breite und wir wollen es ändern. So sehen Sie, dass der Text folgt. Das ist ziemlich nützlich. Und wenn Sie eine feste Größe verwenden, ist in diesem Fall, wenn Sie etwas zusätzlichen Text eingeben möchten. Jetzt sehen Sie, dass ich es getippt habe, aber es geht unter. Und dieses blaue Rechteck zeigt die tatsächliche oder den Rahmen der Textebene. Und jetzt können Sie denken, dass es nicht wichtig ist, dass Tags darunter gehen. Aber wenn Sie einige andere Werkzeuge verwenden, wenn Sie diese Texte mit anderen Objekten kombinieren, wenn Sie sie ausrichten , wird dies ein Chaos machen. Deshalb verwende ich normalerweise feste Breite oder feste Höhe je nachdem, welches Verhalten ich diesen Text ausführen möchte. Lass uns weitermachen und einige von ihnen sehen. Sedimente. Okay, mal sehen, was wir hier haben? Wir haben diesen Satz. Es sagt Zeilenhöhe auf 100 und haben diese Einstellung, die Absätze Leerzeichen genannt wird. Und was ist der Unterschied? Der Unterschied ist, dass die Clienthöhe tatsächlich eine Höhe der Zeile Ihres Textes mit dem Leerzeichen ist . Und der Abstand zwischen den Linien ist so dünn. Setzen wir die Zeilenhöhe auf 200, Eins, 100. Und sagen wir, Leerzeichen zwischen den Zeilen, um diese Vektoren 0 zu senden. Und sie, anfangs war es ungleich Null in Richtung draußen. Und wie Sie sehen, ist es ein, weil wir hier mehr Platz hinzugefügt haben. Und das ist nur ein Beispiel für unsere Texte ohne den Satz. Und hier sind drei weitere Texte. Wie Sie sehen, haben sie eine feste Größe und unterschiedliche Ausrichtung. Und unten, Mitte und oben. Eigentlich gibt es hier noch viel mehr andere Einstellungen. Sie können Ihre Texte auf der Linie oder so gestrichen machen. Du kannst mit all den Dingen herumspielen. Wir werden sie jetzt nicht decken, weil es viele von ihnen gibt und wir sie nicht so sehr benutzen. Und das ist es mit den einfachsten Texteinstellungen. 15. 4.3 Fill, Farb, Strich, Schatten, Deckkraft: Betrachten wir nun Optionen wie Farbe, Gefühl, Schatten und andere. An dieser Stelle werden wir sie auf Text anwenden, aber später werden wir sehen, wie man sie mit verschiedenen Objekten benutzt. Also hier sind wir. Wir haben unseren Text und mal sehen, was wir damit machen können? Es ist sicher, vielleicht lassen Sie es uns machen , diese zu legen, wäre nützlich für uns, diese zu benutzen. Und wie Sie verstehen, haben wir das von der vorherigen Karla in diese hier geändert. Jetzt können wir jede Spalte für wollen setzen. Natürlich bleiben wir bei diesem hier. Okay, wie viel Kreideoption dann? Es macht diese Grenze. Und wir können es so machen. Und sie sind einige Einstellungen, zum Beispiel, oder durch eine Stadt wird transparent. Und das Set, und lassen Sie uns hier doppelklicken. Das macht deine Grenze draußen. Diese innen tatsächlich hat es alles zu molec gemacht. Machen wir es fünf. Und Unterschied draußen. Hier ist also die Schrift selbst und die schwarze ist ein angeborener. Aber wenn wir es hineinlegen, wird die ganze Breite des Leitbegriffs mit dem Wasser darin. Also, wenn er sieben sagt, slang diese Sets so. Okay, lasst uns hören. Und Zentrum ist eigentlich ihre Zentren. Also, wenn wir vier Pixel sagen, moderne vier Pixel streicheln zwei von ihnen gehen hinein und alle von ihnen gehen nach draußen. Offensichtlich, was haben wir auch hier? Machen Sie die Ecken mit den Einstellungen herum. Wir können gewellt machen. Es läuft so. Lassen Sie uns 20 und 20 setzen. Also ist es diese Basis in und tatsächlichen Bindestrichen. Sehen Sie in der Länge diese, können Sie mit diesen Einstellungen herumspielen. Und das sind eigentlich der Hauptsatz. Fast zeichnen mit, dass wir vielleicht verwenden wollen. Natürlich können wir die Farbe des Strichs ändern. Offensichtlich. Dann lass uns einen Schatten machen. Da. Einige Effekte hier drüben. Und wenn Sie auf den Plus-Button klicken, wird der erste und der Haupteffekt erscheinen, Es ist Schlagschatten, unsere Kinder, es gibt vier verschiedene Effekte hier drüben. Innerer Schatten. Schauen wir uns ein an und machen es sichtbarer. Nun, wahrscheinlich macht es , dass wir hier hören können. Jetzt ist es auffälliger. Wenn wir es verschwommener machen wollen, können wir das tun. So wie diese. Wir können mehrere Effekte verwenden und gleichzeitig, und gleichzeitig können wir Schatten werfen. Diese sahen, dass der Schatten nicht anders sein könnte. Unser innerer Schatten ist, dass Sie Ihren Mitarbeitern etwas Volumen hinzufügen. Und wenn Sie sagten, dass Sie Schatten fallen und verstehen, dass es sich über etwas eingibt. Es ist also der Schattensatz. Haben gesehen, dass wir es sehr machen können. Und Sie sehen, dass es hier mehrere Shape-Schatten gibt. Und lassen Sie uns wiederholen, wie man diesen Schatten macht und ihn macht. Paul. Ich weiß es nicht. Und und nicht mehr. 16. Und etwas, das diese hier so kennt. Einige dieser Kanten, unsere Texte liegen in höher. Einige andere Formulare können Sie natürlich einfach Schriftart und seinen Haupttext wie folgt eingeben. Standardmäßig. All das Gefühl ist so solide. Aber wenn Sie besitzen, können Sie einen Farbverlauf sogar erstellen. Wir sehen, zum Beispiel, radial ein Intervall wäre von hier nach dort. Und wie Sie sehen, geht es von schwarz zu transparent. Und wir wollen, dass dieses Ding blau und nicht transparent ist. Und der erste Indikator wird rot sein. Dünn Ähnlich wie das. So sehen Sie in diesem Farbverlaufstext. Und wenn wir wollen, können wir es mit einem Bild füllen. Hier. Wir sollten hier klicken und Bild auswählen. Standardmäßig zahlt es diese Stühle gemacht und wir können unsere eigenen hochladen. Lasst uns dieses Bild machen. Okay, und hier sind ein Satz davon. Nun füllt es das Bild mit der Skalierungsoption ist nicht verfügbar, es sind 100 Prozent. Wir können diese Kachel benutzen. Hier sehen Sie die Vorschau. Es ist wie Mosaik. Ich kann die Skala zum Beispiel auf diese ändern . Und in diesem Fall werden diese Decks so sein. Oder wir schaffen es. Das ist das Deck so spiegelartig. Und auf dem Bildschirm. Bringen wir ihn zurück. Wir können die Zuschneidemethode verwenden, um die Farben genau so anzupassen, wie wir wollen. Füße. Siehst du, es sieht hier nicht gut aus. Ich benutze diese Option fast nicht. Okay, also haben wir endlich etwas Ähnliches wie das Beispiel. Und Sie sehen die beiden, können wir verschiedene Effekte auf Text anwenden. Und tatsächlich können Sie dies auch mit verschiedenen Objekten tun. Zum Beispiel, wie Sie sehen, gibt es eine Form hier drüben würde bei Schlaganfall zu essen kontern. Wieder Schlagschatten, und so weiter. 16. 4.4 Frames: Sie können sich einen Rahmen als Container vorstellen. Es kann verschiedene andere Objekte im Inneren verursachen und hat seine eigenen Eigenschaften und Aussehen. Also lasst uns hierher ziehen und sehen, was wir tun können. Und mit den Rahmen. Um Rahmen zu erstellen, können wir diesen Werkzeugrahmen verwenden, indem Sie einfach F-Taste drücken. Und wenn wir irgendwo in den Rahmen klicken, erscheint, wenn wir es füllen wollen. Um nicht transparent zu sein und fügen Sie einfach diesen Plus-Button hinzu. Und standardmäßig füllt es sich mit weißem Kragen. Und standardmäßig ist die Größe des Rahmens 100 mal 100. So können wir es mit einigen anderen Farben füllen. Ich kann sie hier finden. Alles, was wir kommen wählen einige Farben, die zuvor verwendet wurden. Ich werde dieses Gelb auswählen. Oder wenn Sie die Farbe sehen möchten, die zuvor verwendet wurde, können Sie sie hier finden und nur um sie anzuwenden, versuchen Sie es hier anzuwenden. Wir können etwas in den Rahmen stecken. Zum Beispiel habe ich diesen Rahmen ausgewählt und jetzt werde ich Text-Werkzeug wählen. Ich drücke Team. Und dann klicke ich in den Rahmen. Und ich werde T, tn, tn eingeben. Ich kann es hier platzieren. Wenn ich will, werde ich die Größe ändern, sie so größer machen. Und wie Sie sehen und die neueste brennen, all diese Textebene ist innerhalb des Rahmens. Zum Beispiel, wenn Sie nur Buchstaben T verschieben wollen, müssen Sie es hier auswählen. Oder eine andere Möglichkeit besteht darin, darauf zu doppelklicken und es wird durch den Rahmen gehen. Die Auswahl wird hier gehen. Sie werden sehen, dass der Text ausgewählt ist. Und wenn ich es verschieben möchte, kann ich es mit der Tastatur bewegen. Du wirst sehen, was los ist. Ich habe sie verloren. Es liegt daran, dass unser Rahmen dieses Checkbox-Clip-Inhalt hat. Wenn ich das Kontrollkästchen deaktiviere, sehe ich, was sich außerhalb des Rahmens befindet. Wenn ich das überprüfe, sehe ich nur, was drin ist. Normalerweise verwenden wir dieses Set und eingeschaltet. Ich werde einfügen, legen Sie es zurück. Ok. Sounds Und ich tippte vor Abstrich Rahmen. Ok? Dies kann ich Bonder verwendet Schlaganfall zu fünf machen . Und wenn ich will, kann ich es transparent machen. Ich kann dieses Gefühl verstecken oder einfach entfernen. War besser ausblenden, denn wenn Sie es später einblenden möchten, können Sie es ohne die gleichen Operationen wieder tun. Wahrscheinlich haben Sie bemerkt, dass ich zum Beispiel diesen Rahmen ausgewählt habe . Dann habe ich Befehl C gedrückt, um es zu kopieren, und drücken Sie dann Befehl V, um es einzufügen. Und wie Sie sehen, die neue Ebene hier erschienen. Und auf der Leinwand sehe ich genau diese und den Ort, von dem ich sie kopiert habe. Wenn Sie also in Figma laufen, müssen Sie verstehen, wie das funktioniert, weil Sie manchmal das Objekt finden möchten, das Sie es einfügen, und Sie können es nicht tun. Und zum Beispiel, ich kopiere dieses und dann gehe ich an einen anderen Ort wie hier und füge es ein. Und in diesem Fall, wie Sie sehen, hat es es hier in der Mitte eingefügt. Weil Figma das versteht. Ja, ich bin von diesem Teil weggezogen und habe ihn irgendwo eingefügt, wo ich ihn sehen kann. Ok. Was haben wir hier? Wir haben einen Rahmen mit einigen Texten. Okay, lassen Sie uns einen anderen Rahmen erstellen. Lass es uns tausend machen, oder ich weiß nicht, 600 bis 600. Und wir werden es spüren. Jetzt werden wir etwas Text im Inneren hinzufügen. Es gibt mehrere Möglichkeiten, dies zu tun. Ich kann entweder hier klicken und etwas Text einfügen und machen und sein. Ok. Und eine andere Möglichkeit besteht darin, es hier einzufügen und es einfach in den Rahmen zu ziehen. Und wie Sie auf der linken Seite sehen, das Ebenenbedienfeld, gibt es einige Änderungen. Ich ziehe es hier rüber und geht außerhalb des Rahmens 55. Wenn ich es hierher ziehe, geht es in den Rahmen 55. Wenn ich es hierher ziehe, geht es in den Rahmen sechs zu eins. Okay, jetzt haben wir zwei Texte im Rahmen, und ich kann sie hier sehen. Sie können einen Rahmen in den Rahmen setzen. Lassen Sie uns das duplizieren. Und lassen Sie uns zum Beispiel diesen Rahmen darin platzieren. Wie Sie im Ebenenfenster sehen, gibt es einen Rahmen innerhalb eines Rahmens innerhalb eines Rahmens, weil unser all diese großen Objekte ein Rahmen selbst ist. Ok. Sie können spielen um ich nur und diese Objekte für Sie zu verstehen, wie Sie es ziehen können. Aber ich glaube, du bist es schon, du verstehst es wahrscheinlich schon. So können wir dieses Bild auswählen und es einfach in den Rahmen ziehen. Also eigentlich sind dies die Backgrundlagen des Rahmens. Wir werden sie in Zukunft viel mehr nutzen. Wir werden verschiedene Einstellungen mit ihnen verwenden. Und wie gesagt, Frame ist einer der wichtigsten, die entscheidenden Bausteine in Figma. Mit Rahmen können wir alles bauen, was wir wollen, und wir werden sie definitiv viel verwenden, um Grade Biomasse zu schaffen. 17. 4.5 Formen: Es gibt verschiedene Formen in fema und wir werden alle von ihnen abdecken. Also lass uns gehen und sehen, welche von ihnen Haare haben. Wie Sie sehen, ist das erste Rechteck. Also werde ich diese skalieren oder lügen und versuchen, Strahl zu zitieren. Es gibt dünn oder sogar ich werde sie von Grund auf neu erschaffen. Okay, es ist ein Rechteck, oder wenn ich erstelle, wird es 100 mal 100. Aber ich will es größer machen. Nehmen wir an, wenn ich diese sagte, 250 in Rollen wie diese, aber wenn ich diesen Knopf drücken, bedeutet dies, um das Verhältnis der Seiten zu sperren, wenn ich hier setzen, so dass Sie in dieser Werbeaktion sehen Okay. Ich schalte es aus und setze es, um diese Gelbe freizugeben. Ähnlich. Ich kann das Ausfüllen verwenden. Was können sie tun, um die gleiche Farbe zu verwenden? Ich kann dieses Rechteck verkaufen und die Farbe kopieren. Oder ich kann diese verwenden , um die Farbe von woanders zu erhöhen . Also, wenn Sie wollen, tatsächlich, wenn Sie bemerken, gibt es wie zoomen Sie hier, wenn Sie eine Farbauswahl verwenden. So ermöglicht es Ihnen, in der Spalte zu sein. Nun, es sehr genau zu verwenden. So zeigt es Ihnen das gesamte Dokument Pixel für Pixel. Ok? Und die andere Art, diese Farben zu verwenden, die ich vorher benutzt habe, okay, ich schicke sie hierher. Und jetzt möchte ich ein Rechteck erstellen. Ich kopiere das hier. Ich mag es, als Karriere zu erstellen und seine Größe zu ändern. Was sagt, habe ich? Ich schaffe es herum. Ok. Wenn ich will, kann ich einige der Ecken schaffen. Und um dies zu tun, muss ich hier klicken und du siehst dich dort für die Pixel an jedem von ihnen. Aber wenn ich zum Beispiel möchte, möchte ich dieses Rechteck auf diese Seite setzen und ich möchte Ecken links ein Quadrat sein und sein, und Ecken zu mir schreiben um. Auf diese Weise muss ich herausfinden, welche dieser Einstellungen zu jeder Ecke gehören. Hier drüben gibt es einen Hinweis. Dies ist die erste Ecke, die oben links, und es geht mit der rund um die Uhr. Also, wenn ich diese auf 0 ändern möchte und wenn ich Ihre untere linke Ecke ändern möchte, muss ich diese festlegen. Ok. Also, wie ich sagte, Okay, ich werde es an der Seite befestigen oder so etwas, okay, Alarme schickten sie zurück auf 0. Und alle anderen Optionen sind ziemlich ähnlich, dass wir vorher berührt haben. Das nächste Objektiv. Verschiedene Linien. Und ich kann das Linien-Werkzeug auswählen und die Linie zeichnen. Was haben wir von unserem Set ist, dass ich die Steigung der Linie einstellen kann. Ich setze es auf 0, um horizontal zu sein. Ich werde auf 90 Punkt gesetzt wird eine vertikale Linie sein. Bringen Sie sie zurück. Mit, Sie sehen, dass wir nicht die Höhe haben, weil es eine Linie ist. Es hat kein HIV. Es hat einen Schlaganfall. Wenn ich es kürzer machen will, werde ich 500 setzen. Und wenn ich es dicker machen will, muss ich die Einstellung verwenden. Lead sagte, es erklärte ihn und sogar bis 30, um alles zu sehen. Und mal sehen, wir haben eine Linie 530. Was haben wir sonst noch? Wenn ich will, kann ich einige der Ecken der Linie machen, kann um eigentlich nicht Ausländer sein, sondern Seiten der Linie. Um dies zu tun, muss ich auf die Zeile doppelklicken, um in den Punkteditor-Modus zu gehen. Ich kann jeden Dada bearbeiten. Jeder Punkt, zum Beispiel, verkauft diese. Und dann muss ich hierher gehen und es herumschaffen. So wie Sie es sehen, um zu verschiedenen Seiten der Linie, für eine, um eine von ihnen zu senden. Ich wähle keine Seite, keinen Punkt und nur die Quadrate in der Runde. Sicher, dass ich Pfeile setzen kann, die sie ein wenig später betrachten werden. Und das war's. Es gibt einige genug sagte Teens hier drüben, Striche, Sagen wir Dan und 10. Es wird auch P-V-T retten. Tim hier. Eigentlich, wenn wir sagen, dass es auf ein Pixel zutrifft, wird die Länge jedes Strichs gleich der Länge jedes Leerzeichens sein. Aber wegen des Schlaganfalls sehen wir solche. Kleine Räume und Striche sein. Also lassen Sie es auf ein Pixel setzen. Und wie Sie sehen, sind sie jetzt gleich. Aber als ich so dicker lief, geht es so, denn wie Sie tatsächlich das Ende der Zeile sehen, sagte das Ende der Zeile in 0s hier an dieser Stelle. Aber wenn ich diese Droge hinzufüge, geht es weiter. Und das gleiche mit jedem Raum. Lassen Sie uns so, wie Bayes Räume werden kleiner und die Gerichte und werden eine breitere entlang, dass. Also, wenn ich eine solche Linie von 30 Pixeln habe und wenn ich sie gleich machen möchte , muss ich so etwas einstellen. Eigentlich können Sie genau berechnen, welche Parameter hier zu sitzen, aber visuell die, fast das gleiche. Ok. Was hat mit kleinen Linien? Kopieren wir es einfügen. Lass uns das Geschirr entfernen. Ok. Wir können seine Farbe einstellen. Wieder. Es sagt nicht, d ist hier in der Feldoption ungesagt. Sie werden sehen, Latein passiert, weil die Linie und hat nicht das Gefühl Option. Es hat einen Strich und ich kann seine Farbe hier ändern oder orange machen. Okay, also denke ich, wir haben den ganzen Satz abgedeckt, den ich für jeden von ihnen will. Es ist offensichtlich, dass, wenn ich es zu dünn klingen lassen möchte, ähnlich wie diese 1, 2 sagte es falsch auf dem Loop-Tool. Also füllen Sie diese beiden Set und machen Sie es mir gut. Ja. Hier drüben und dicker machen. Haupt führen zu Ich weiß nicht, ob Sie eine ähnliche gelesen haben. Jetzt, Pfeile. Wie Sie gesehen haben, sind Pfeile, Brot ist ähnlich wie Länder tatsächlich, es tut das gleiche Objekt in Figma Materie. Der Einfachheit halber werden sie in den separaten Punkt graben. Dann das separate Werkzeug. Wenn wir einen Pfeil erstellen wollen, können wir diesen verwenden oder wir können. Drehen Sie jede oder eine beliebige Ausrichtung in Aero. Lassen Sie uns aus dem Menü tun, Lassen Sie uns nach unten zoomen. Senden Sie diese an 0. Schicken Sie die, um ihn zu sehen. Ok. Um Angst zu haben, zu verwenden, wenn ich einen Punkt wähle und dieses Tool verwende, ändere ich dies im Spiel. Ja, Plato offensichtlich. Eins, es gibt einen Nachteil mit Pfeilen in Figma, wie für mich, zentriert wieder zweizeiligen Pfeil. Und wenn ich will, dass diese Pfeilgewinne, die Seiten größer sind. Ich muss diesen Witz dicker schicken. Dieser Fall in den meisten Fällen, wenn ich diesen Job gleich verlassen möchte. Und um das zu machen, kann ich das nicht in der Figur machen. In diesem Fall. Ich muss es manuell zeichnen. Wählen Sie die Linie und um sie zu zeichnen. Okay, jeder Rang diese zum Beispiel. Aber das kann so einfach sein. Und ich mag diese Methode nicht, weil sie Metall ist und nur in Großbritannien ist. So präzises Werkzeug. Diese werden kaltes Bier genannt, diese Linie und um es so zu machen . Ja. Wie Sie sehen, kann ich das tun. Eigentlich habe ich den Winkel des Pfeils geändert. Es ist Roller 45 Grad. Ich habe es auf 30 gesetzt. Und jetzt kann ich all diese Zeilen zu einem Objekt kombinieren, kann diese boolesche Operation Union verwenden. Also vereinen ich die Auswahl und jetzt kann ich meinen Pfeil bekommen. Ok? In Ordnung, machen wir sie orange. Wenn Sie die Farbe verschiedener Objekte festlegen möchten, können Sie alle auswählen, wie ich es jetzt getan habe. Und es gibt ein Menü Auswahl Farben. Und ich werde zeigen über, ja, ich habe gesagt, Gefühl von einigen dieser Objekte zu lesen. Warum ich Samen und ich sehe nicht, dass die Leinwand. Aber wenn ich alle schwarzen Hommage Witze in Orange verwandeln will, sicher. Offensichtlich haben, diese Farbe zu verkaufen und ändern Sie es zu unserem orangefarbenen. Ja. Und jetzt sind sie gleich. Ich denke, wir sind fertig mit Pfeilen. Und bewegen wir diese Kreise. Wir haben Kreise und Ovale, oder ein hier und ein Ende und tun es von diesem großen Verkauf dieses Tool und senden Sie diese beiden, sagen wir 300. Die andere Möglichkeit besteht darin, ein Skalierungswerkzeug zu verwenden. Verwenden Sie das Skalierungswerkzeug. Ich ändere die Größe proportional. Wenn ich mein Move-Werkzeug verwende, wird es gehen Lang diese. Aber ich denke, ich bin mit der Größe zufrieden. Ok? Also eine Rolle S2, curl along und award Optionen tun, oder welche Optionen habe ich hier? Lassen Sie es uns kopieren und einfügen. Und wie Sie sehen, diese Wind hier drüben, und ich kann mich auf guten Pull it unterscheiden. Und das passiert. Sehen Sie sie Optionen nach diesen Punkt und machte dieses Segment-Tool neue Punkte hier drüben. Dieser ist für ein Datum der getropften. Und das hier ist dasselbe, was wir vorher nicht getan haben. Und dieser hier ermöglicht es Ihnen, so zu tun. Wir haben also drei verschiedene Objekte aus einem Kreis. Und lasst uns dasselbe mit den OLS machen. Also werde ich diese kopieren. Ok. Ich werde es machen oder rollen. Ok. Und für diese, Ich muss Sie sehen, ich habe das in die Mitte gezogen M nichts geändert. Aber wenn ich es gegen die Uhr ziehe, ländlich hoch. Und wenn ich will ja. Und wie man diesen Kreis macht, der an diesem Glied ist, tu das. Wer? Dieser Punkt hier drüben? Ja. Und wir haben diesen Kreis mit einem Loch darin. Gehen wir zu Polygonen. Dies ist ein weiteres Werkzeug, das wir hier haben. Und eine andere Form. Wenn wir ein Polygon erstellen, macht es ein Dreieck. Und es gibt mehrere Optionen. Setzen wir es auf Orange. Mein Standard, es macht die Form gleich mit gleichen Seiten. Es gibt mehrere Möglichkeiten von diesen als auch. Setzt die Menge der Winkel, und lassen Sie uns es auf m, Diese 1 und macht die Ecken um diese. Und wie Sie sehen, kann ich das mit diesen Punkten tun. Ich drehe diese und, und, und, und bekommen mehr und Verlust k. Lassen Sie uns dieses unterscheiden. Und wenn ich diese kenne, kann ich eine, eine andere Form bekommen, K. Und wenn du eine zufällige Form daraus bekommen willst, kannst du sie doppelklicken und diese Arme ziehen. Moment. Ok? Ja. Sie können wie diese tun oder Sie können einige Ursprünge hinzufügen sind hier sind wir. Eigentlich können Sie sogar das Verlegen solcher Formen machen. Ich kann sagen, dass ich das Polygon-Werkzeug verwende, das übereinstimmt. Was ist, wenn Sie komplexe Objekte erstellen möchten? Objekte wahrscheinlich werden Sie diese beiden verwenden. Und die letzte Form, die wir haben, ist wie Teer. Okay, lass uns ein paar Doris erschaffen und ihn umbringen und verkleinern. Und das ist die Menge der Winkel. Lass es uns so machen. Diese Männer sind nur 20 Prozent 80 Prozent. So können Sie jede Form erstellen, die Sie möchten. Okay, und natürlich kannst du das hier machen. Diese ändern ein bis zwei Ihrer Strahlen, und diese machen es rund. Also, wenn diese Werkzeug können Sie leicht erstellen, zum Beispiel, einen Stern Acht und für Ihre Balance. Also für diese Lead-Score über Lasst uns es das Gesetz machen. Ja, schärfer. Und dupliziere einfach diese gekoppelten Dimes. Fünf Sterne. Und wenn Sie sie machen möchten, bleiben Sie in der Linie, Sie können alle diese Formen auswählen. Wie Sie sehen, gibt es nicht zwei von ihnen, aber es gibt fünf Sterne hier drüben. Und Sie können dieses Werkzeug verwenden, anordnen und stören, verankern und verteilen Sie horizontalen Raum. In diesem Fall werden sie diese kennen und ich kann diese Basis einschicken, sie ändern. Nachdem Sie dieses Werkzeug angewendet haben. Horizontaler Raum in Horizontal verteilen, Verteilungsraum. Und Sie können sich immer dafür ändern oder sogar ist, und lassen Sie uns sie gelb machen. Also ist es jetzt Fünf-Sterne-Bewertung. Okay, das war's. Lesen Sie diesen Torus. Und nun wollen wir sehen, wie verschiedene Formen mit booleschen Operationen auf booleschen Gruppen kombiniert werden, um verschiedene Formen komplizierter Struktur zu erstellen. Also für diese, Lassen Sie uns ein Rechteck und Kreis erstellen ein Rechteck und . Ok? Und versuche, etwas aus ihnen zu machen. So wie du dich dort um verschiedene Formen siehst. Hier war der Unterschied. Die erste ist nur zwei Formen, eine und eine andere. Lassen Sie es uns kopieren und einfügen. Und eine andere Möglichkeit, sie zu organisieren, besteht darin, sie zu gruppieren. Ich kann mit der rechten Maustaste darauf klicken. Und eine Gruppe der Auswahl, wie Sie gesehen haben, gibt es in Gruppe hier drüben. Und diese Objekte sind in Gruppe organisiert. Die andere Möglichkeit besteht darin, diese Auswahl einzurahmen, um einen Rahmen aus zwei dieser Objekte zu erstellen. Ich kann mit der rechten Maustaste darauf klicken und Rahmenauswahl. Dieser Fall, dein Gehirn. Der Unterschied zwischen wuchs und Frames besteht darin, dass Frame mehr Einstellungen hat und Sie verschiedene Optionen wie Auto-Layout oder einige andere mit den Frames verwenden können . Und Gruppe ist nur Union, auch nicht eine Vereinigung ist nur eine Gruppe von Hundeobjekten. Und lasst uns zur Vereinigung übergehen. Diese. Und lassen Sie uns, wissen Sie, es zu diesem Ding ist tatsächlich über D getan, bevor wir diesen Pfeil erstellt haben. Jetzt machen wir es nochmal. Ich habe diesen Kreis und ein Rechteck vereint, und wie Sie sehen, gibt es ein Symbol, das seine neue Form darstellt. Und von diesem Punkt ist ein einzelnes Objekt. All diese Dinge enthalten zwei separate Objekte und ich kann den Kreis auswählen und ihn aussehen lassen. Ich kann das mit all diesen drei machen und wir antworten, aber nachdem ich sie aufgeklärt habe, kann ich damit tun. White In geht nicht und läuft einfach aus dem ZU vereinigen, dass, wenn Sie an einigen Objekten gelogen haben, verwenden Sie das Fehlschlagen, um die Farbe von ihnen zu ändern. Ok? Und lassen Sie C Methoden erreichen. Methoden. Müssen wir uns vereinigen, um einander zu schneiden? Wir müssen die Absicht zahlen, bei welcher dieser Formen oben ist und welche auf dem Dock arbeiten, die auf dem Boden ist. Wenn wir alle diese erlaubt die Werkzeuge verwenden, zum Beispiel, wenn ich von dieser Auswahl subtrahiere, sehen Sie, dass Ellipse oben ist. Wenn sie darauf klicken, wird das obere Element vom unteren Element subtrahiert. Und ich bekomme dieses Thema. Kopieren Sie es erneut. Und in diesem Fall werde ich ihre Reihenfolge ändern und es erneut tun. Und ich habe diese. Ok. Nun, lasst uns diese Ozeane benutzen. Und wenn ich einen von einem anderen ausschließen möchte, dann verkaufe ich sie und benutze dieses Tool. Und ich habe hier drüben ein Loch. Wie Sie sehen, gibt es viele boolesche Operationen, die Sie mit Ihren Formen verwenden können und alle diese Werkzeuge und immer Formen kombinieren können, die Sie erstellen können, formen, was immer Sie wollen. 18. 4.6 Frames vs. Formen: Wenn Sie ein Rechteck erstellen müssen, haben Sie immer die Wahl zwischen dem Erstellen einer Form oder eines Creighton-Rahmens. mich betrifft, sehe ich nur zwei Optionen zur Auswahl. Eine Form, kein Rahmen. Die erste ist, wenn Sie wissen, dass Sie boolesche Operationen mit Ihrem Rechteck verwenden werden, werden Sie etwas aus Weizen extrahieren und so weiter. Die zweite ist, wenn Sie sicher sind, dass dieses Rechteck nur ein Rechteck ohne Inhalt bleibt. Also, wenn Sie zum Beispiel eine Flasche erstellen wollten, aber n ist normalerweise ein Rechteck mit etwas Text im Inneren. In diesem Fall schlage ich Ihnen vor, einen Rahmen zu verwenden, weil Sie viel mehr Optionen haben werden. Verwenden eines Rahmens, der für die Shapes nicht verfügbar ist. Es gibt einige von ihnen, aber das Wichtigste ist wahrscheinlich Auto-Layout. Und diese Optionen ermöglicht es uns, all diese komplizierten Bonus und Minuten zu erstellen. Und das ist einer ihrer Hauptbaupunkte des gesamten Figma-Prozesses, den wir verwenden, um Balance Band so schnell zu erstellen. Wir werden es später natürlich abdecken. Aber im Moment schlage ich vor, dass Sie Rahmen anstelle von Formen verwenden , wenn Sie Rechtecke erstellen möchten, die Sam darin enthalten sind. Und mal sehen, wie das in der Praxis funktioniert. Also lassen Sie uns etwas, etwas, einige Rechtecke und einige Formen erstellen . Erstes Werkzeug und das Rechteck. Und ich werde es so machen. Und der zweite wird Rahmen sein. Ungefähr das Gleiche. Und jetzt möchte ich zum Beispiel eine Schaltfläche erstellen, oder was Taktstock ist, ist ein Rechteck mit einem Text darauf. Zum Beispiel, fügen Sie dies hinzu, um es in die Mitte zu legen, und ich werde es hier einfügen. Was ist der Unterschied? Der Unterschied ist, dass ich mehrere Optionen für den Rahmen verwenden kann. Und eines der wichtigsten ist das automatische Layout. Wir werden es später abdecken, aber mal sehen, wie es jetzt funktioniert. Lassen Sie uns also eine Gruppe dieser beiden Objekte machen, um sie mehr zu verwenden. Handlich, m und k. Und das wird von der Form sein, und das wird ein Begriff von Ferrari sein. Und lassen Sie uns ihnen die gleiche Farbe schicken. Zum Beispiel. Füllen Sie es mit Orange oder Gelb, und machen Sie dasselbe mit diesen. Okay, also haben wir zwei ähnliche Knöpfe. Was ist der Unterschied? Der Unterschied tritt auf, wenn wir etwas ändern wollen. Zum Beispiel möchten wir diesen Text ändern. Klicken Sie jetzt hier. Sehen Sie, okay, lassen Sie uns die hier jetzt mit Leck sühnen. Ok? Und wenn wir wollen, dass dieser Martin gut aussieht, müssen wir den Mann anpassen, nur um so etwas zu tun. Und dann, um so etwas zu wissen. Und dann müssen wir das Zentrum finden. Und es sieht so aus. Aber wenn wir den Rahmen verwenden und wir Auto-Layout verwenden, können wir ihn einfach eingeben. Und wie Sie in Zeilen dort sehen, passt es sich an unseren Text an. Und wir müssen nicht all diese Manipulationen machen. Manoa, wir werden dieses Tool viel benutzen, aber nur für den Moment werde ich Ihnen diese Informationen überlassen. 19. 4.7 Beschränkungen: Abhängigkeiten ist ein Satz in Piemont, mit dem Sie steuern können, wie Objekte , die sich innerhalb des Rahmens befinden, miteinander in Beziehung stehen, und das Verschieben und Ausrichten an den Rahmenrahmen. Schauen wir uns in der Praxis an und gehen Sie zu den Seitenbeschränkungen. Und hier sehen wir sie. Abhängigkeiten werden nur für Objekte ausgeführt, die sich innerhalb des Rahmens befinden. Zum Beispiel, hier ist ein Rahmen. Und Harris einige Objekte in, Objekt innen und wenn ich diesen Rahmen auswähle, der sich nicht befindet, und einige andere, und ein anderer Rahmen, sehe ich das Setup hier nicht, aber wenn ich etwas in ihm auswähle, sehe ich Einschränkungen -Menü. Schauen wir uns an, wie es funktioniert. Zum Beispiel haben wir dieses Bild innerhalb des Rahmens und wir haben Einschränkungen links oben. Was bedeutet das? Es bedeutet, dass dieses Bild an der linken und oberen Seite des Rahmens haftet. Wenn Sie die Größe des Rahmens selbst ändern, schauen wir uns an, wie er funktioniert. Und tun Lang diese und Bild ist an der gleichen Stelle. Aber wenn ich die Größe auf diese Seite ändere, folgt das Bild den Rändern, weil dies die obere und die linke Seite ist. Hier ist das Gegenteil. Unten rechts? Wenn ich diese Seite hier ändere, folgt es. Wenn ein hier ist, folgt es nicht. Und schauen wir uns das Zentrum an. Es heißt, Zentrum, Zentrum. Dies bedeutet, dass das Objekt, das Bild wird in der Mitte sein, nicht schauen, wo die Mitte ist. So ist es nur in der Mitte des Rahmens. Und wir können den Satz kombinieren. Zum Beispiel hat dieses Bild ein Recht und Wissenschaftler Einstellungen. Dies bedeutet, und Sie können diese gestrichelte blaue Linie sehen, die verschiedene Abhängigkeiten festgelegt zeigt. Also, wenn ich diesen Mörser bewege, folgt er nicht. Wenn ich das bewege, folgt es. Wenn wir etwas mit der vertikalen Größe tun, ist es in der Mitte, weil wir vertikale zentrierte Abhängigkeit haben. Also, wenn ich diese mag, ist es immer vertikal in der Mitte, aber es folgt dieser Seite nicht horizontal. Aber wenn ich diese Ecke gezogen werde, sehe ich, dass dieses Bild mir folgt. Ok? Und wir haben eine andere Option. Hier steht links und rechts, oben und unten. Wenn Sie hier klicken, wählen Sie links oder rechts aus. Wenn Sie links und rechts festlegen möchten, müssen Sie Befehlstaste oder Umschalttaste drücken und auf dieses Symbol klicken und Sie erhalten Ihre linken und rechten Einschränkungen. Was bedeutet das? Das bedeutet, dass, wenn wir die Größe des Rahmens ändern, das Objekt 2 den gleichen Abstand zwischen seinem Rahmen und dem Rahmen bleibt. Offensichtlich bedeutet dies, dass das Objekt selbst in der Größe geändert wird, kritisiert wird, wenn Sie die Größe des Rahmens ändern. Wie Sie sehen können, haben wir das gleiche Muster um dieses Bild herum. Aber das Bild selbst wird in der Größe geändert. Also diese Einschränkungen gesetzt und wir werden sie viel mit automatischem Layout verwenden. Wenn wir einige komplizierte Texte, Blasen erstellen oder einfach nur einige Objekte auf unsere Banner platzieren. Wir werden uns diese Summe ansehen, und das war's. Für unsere Einschränkungseinstellungen. 20. 4.8 Methoden zum Exportieren: Mal sehen, wie laden Sie die Datei herunter, die wir in Figma erstellen. Figma nennt es Export und wir werden zu unserer Google-Banner-Seite gehen und es als Beispiel verwenden. Wenn Sie also etwas exportieren möchten, um Ihre Dateien herunterzuladen, müssen Sie es auswählen und diesen Export-Button drücken. Wenn Sie ein Objekt auswählen, wird es exportiert. Iss einfach. Wenn Sie wie zwei von ihnen verkaufen, werden zwei Ebenen exportiert. Welche Möglichkeiten haben wir also? Sie können ein Format wählen, können wir ein Suffix hinzufügen. Zum Beispiel habe ich eine separate Version dieser Banner erstellt, und das ist meine Versionsnummer 4. In diesem Fall kann ich dieses Suffix hinzufügen, zum Beispiel V4. Und wenn ich die Dateien exportiere, wird jeder von ihnen ein Suffix v4 haben. Lasst uns sie retten. Also gehen wir, um diese Dateien mit V4 Suffix zu finden und zu sehen. Und wir können eine Skala ändern. Was wir herunterladen werden. Und wir können diese festen Größen verwenden, aber normalerweise benutze ich nur ein x und das war's. Dies ist also die wichtigsten Exportoptionen in Figma. Und die Alternativen verwenden Plugins. Wir werden sie später abdecken. Es gibt zwei Plugins, mit denen Sie Ihre Bilder komprimieren können. Dies sind winzige Bildkompression. Wir werden es ausführen und es wird unsere Bilder zu etwas kleinerem komprimieren. Und es gibt ein Plugin Add-Kompressor, der speziell für Google-Banner entwickelt wurde. Lass es uns finden. Es ist bei Kompressor. Und es wird zeigen, welche dieser Banner größer als 150 Kilobyte sind. Und es wird versuchen, sie zu komprimieren, um diese Grenze zu passen. Okay, es wird einige Zeit laden. Und wie gesagt, wir werden eine separate Lektion über Plugins haben, wo wir sehen können, wie man es benutzt. Und es gibt auch Möglichkeit, Ausgabe-Perfekte haben einige Bilder, die größer als 150 Kilobyte sind, und wir können sie komprimieren. Dies ist ein Zähler, und das zeigt, wie viele Majors wir pro Monat kostenlos komprimieren können. Also habe ich nur in Dateien komprimiert. Und wenn ich die Taste „Komprimieren“ drücke, geht dieser Zähler nach oben. Okay, ich will es benutzen. Es komprimiert die Bilder, die größer als 150 Kilobyte sind. Wie Sie sehen, berührt es diese Formate nicht. Es berührte nur sagte ihnen, dass viel größer. Wir können unsere Bilder herunterladen. Es erstellt ein Archiv und ich kann es herunterladen. Standardmäßig wird es Google-Anzeigen genannt. Und sehen Sie in dieser Kurve. Und wir sehen alle unsere Bilder hier, und alle von ihnen sind unter 150 Kilobyte. Wenn Sie also das Limit von 500 Bonus pro Monat nicht überschreiten, können Sie es kostenlos verwenden. Und es gibt eine Sache, die du wissen musst. Es komprimiert nicht alle Dateien, wenn sie zu groß sind. Also, wenn die Quelldatei mehr ist als, ich weiß nicht, ein Megabyte, zwei Megabyte. Es wird es nicht auf diese Ebene komprimieren. Normalerweise sehe ich es nicht in Google-Banner, aber es gibt einige Werbesysteme. Ich bin auf Werbeplattformen, auf denen wir auch Dateigrößenbeschränkungen haben. Und sie erlauben zu applaudieren, passen große Bilder als diese. Für dieses Plugin kann nicht seine Arbeit für die größeren Bilder auf diese Weise tun, 1020 mal mehr als 150 Kilobyte. Aber denn wir werden balancieren, es funktioniert in der Regel gut. Wir haben drei verschiedene Möglichkeiten gesehen, um unsere Dateien in Plugins zu exportieren. Und tatsächlich gibt es noch viel mehr solche Plug-Ins da drüben. Und es gibt eine Standard-Möglichkeit, unsere Majors direkt von fema herunterzuladen. 21. 5.1 Autolayout in Figma: Dies ist eines der wichtigsten Werkzeuge, die wir in Figma verwenden werden, um unser Gleichgewicht aufzubauen. Dies ist, warum Pigment ist sehr gut für Marketing, für die Schaffung einer Menge Balance tot, die verschiedene Größen ernähren, wie Sie aus seinem Namen vorstellen können, diese Funktion automatisiert Komponieren Elemente oder Objekte automatisch. Dies setzt automatisches Layout, Auto-Layout, mit anderen Worten, bis erlaubt hält den Abstand zwischen verschiedenen Objekten innerhalb des Rahmens. In einem Fall, wenn die Objekte selbst ihre Größe oder Position ändern oder der Rahmen seine Größe und Position ändert. Dies wird häufig verwendet, wenn Sie viele verschiedene Bannergrößen haben und Sie beispielsweise Text an einer Stelle festlegen und überall ohne Unterbrechung ersetzt werden möchten. Die Banner, beide Ausbruch in Texten Ebenen. Und wenn du willst, dass alles gut aussieht. Und das ist der Fall, wenn es besser zu sehen ist. Also lassen Sie uns auf die Seite Figma Auto Layout bewegen. Hier ist es. Und wir haben ein paar Dinge hier drüben. Wir haben einige Komponenten. Unsere grundlegenden Komponenten, die wir für diese verwenden wollen, sagen wir Banner. Wir haben einige Logger, wir haben ein Bild, und wir werden Texten gegenüberstehen. Gut lebt für 900 Dollar Buch. Jetzt, RK. Zum Beispiel möchten wir ein Banner von einiger Größe erstellen. Das hier ist 600 mal 600. Also, was machen wir? Wir schaffen einen Rahmen. Wir sagten, es wird 600 bis 600 weiß sein. Wie Sie sehen können, ist es wegen dieser Streifen nicht gerade weiß. Dies ist Layout-Raster, das wir verwenden, um unsere Beispiele auszurichten und in Bereichen zu gehen. Und das bedeutet, dass, wenn Sie ein wenig dunkelgrau sehen, alle Objekte ebenfalls dunkler sind. Deshalb ist dieser Rahmen nicht ganz weiß. Aber wenn Sie es bewegen, zum Beispiel hier im Zahnfleisch weiß. Also denke ich, du verstehst das. Okay, also wie machen wir Amarna, das können wir. Wählen Sie unsere Objekte, Unternehmen bezahlt sie und verschieben Sie sie hierher. Ich kopiere, füge den Text ein und füge ihn hier ein. Und wenn ich möchte, dass dieser Knopf aussieht, aber ich muss alles mit meinen Händen organisieren. Zum Beispiel, zeilen Sie diese und sprechen Sie diese. Okay, ich kann das tun, aber wenn ich etwas ändern will oder ein dünnes will lange danach. Ok? Und der andere Weg, dies zu tun, ist das automatische Layout zu verwenden. Ok? Ich kopiere diesen Rahmen direkt hier, und ich muss nur auf dieses Symbol klicken, um das automatische Layout hinzuzufügen. Mein Inhalt hat seine Größe geändert werden LEA zu einem Raum genannt, all diese Objekte schmerzen. Und wie Sie sehen, ändert sich dieser Rahmen seine Größe entsprechend dem Raum, den alle diese Objekte einnehmen. Was, was ist das, wie man es benutzt? Zum Beispiel wissen wir nicht die genaue Größe des Banners, das wir erstellen wollten. Wir erschaffen nur ein paar zufällige Sachen. Schauen wir uns also den Satz des automatischen Layouts an. Wir können Objekte innerhalb des automatischen Layouts unterschiedlich ausrichten und wir können verschiedene Polsteroptionen einstellen. Zum Beispiel verwende ich 1909, Wie Sie sehen, haben alle Seiten das gleiche Muster. Ich will Luke. Es ist 100 und wir sagten 90, sagen wir 100 und wahrscheinlich wird etwas Ähnliches haben. Nun, kann dies nach links ausrichten. Und wie ich sehe , , haben diese Objekte ein kleines Muster von oben und unten und einen größeren Abstand zwischen ihnen. Also werde ich oben und unten Polsterung diese machen. Und es gibt hier eine Einstellung, die den Raum zwischen Objekten steuert. Ich werde es auf setzen, sagen wir vier dort. Ja, jetzt sieht es fast gleich aus, aber eigentlich habe ich diesen Bilderfinger und deshalb ist es etwas anders. Jetzt schauen wir mal, was ich tun kann. Wir haben mit Auto-Layout, eigentlich gibt es zwei Symbole dieses Rahmens. Und für vertikales und horizontales Auto-Layout, wenn wir vertikales Auto-Layout setzen, ist das Symbol wie folgt. Ein Rechteck auf der Oberseite eines anderen. Und wenn wir horizontale automatische Layout verwenden, wird es später wie folgt aussehen. Wir haben 22 Quadrate, zwei Rechtecke, eines nahe beieinander. Und hier haben wir ein horizontales Auto-Layout und sein Symbol ist so. So werden Objekte horizontal verteilt. Ok? Und hier sind einige Beispiele, die Ihnen dies zeigen. Sagen wir, wir wollen dieses Bild größer machen. Wie Sie hier sehen, wird ein Bild einfach größer und nichts ändert sich. Es geht über das Banner hinaus. Aber wenn wir Auto-Layout verwenden und dann entscheiden wir uns, dieses Bild zu ändern. Wie Sie sehen, diese Bewegungen mit uns. Ok? Nehmen wir an, wir wollen mit diesen Varna fixiert machen. Lass es uns so machen. Also dupliziere ich und, und wir werden einige andere Optionen sehen. Alles klar, jetzt ist es 631 Pixel breit und ich will, dass es 600 ist. Ja. Also in diesem Fall muss ich diese Optionen des Rahmens betrachten, diese 100 Inhalte oder fixiert, und diese Ausrichtungen, Ich werde feste Breite verwenden. Und wie Sie sehen, haben sich diese Optionen geändert. Es war so grau, weil die Höhe immer noch automatisch ist, wird immer noch automatisch eingestellt und das ist Meno. Also, jetzt kann ich es ändern. Ich habe es auf 600 eingestellt. Und jetzt sehe ich, dass meine Objekte näher an der rechten Seite sind und ich möchte, dass sie in der Mitte sind. Also werde ich es einrichten. Eigentlich kann ich seine Position wegen der Begnadigung nicht ändern. Und wenn ich hier sagte, wenn ich sagte, dieser Teil in vielleicht 80 Integral, seien Sie näher an der Mitte. Wenn ich also die Größe oder Breite dieses Rahmens änderte, ließ es weniger Platz für die Polsterung. Und deshalb ließ ich all diese Objekte bewegen, sie bewegten sich näher an die rechte Seite. In diesem Fall müssen Sie berechnen, welche Polsterung Sie machen können. Alles gibt es eine andere Option, Sie können es auf 0, auf 0 setzen. Und solange Sie eine feste Breite des Rahmens haben. Jetzt können Sie so tun und alle Objekte wurden zentriert. Aber wie Sie sehen, unterscheidet es sich immer noch von diesem Bild, in dem das Symbol und alle anderen Objekte nach links ausgerichtet sind. Also will ich es wieder tun. Und eigentlich muss ich etwas Polsterung einstellen, um sie in der Mitte zu sein, wahrscheinlich so etwas. Aber wenn ich die Größe ändere, sehen Sie, dass mein Rahmen nicht mit mir passt, weil ich eine feste Breite dieses Rahmens eingestellt habe. Ok. Lassen Sie uns auch die Höhe fixieren. Denn in der Regel haben wir einige Standard-Bannergrößen. Zum Beispiel möchten wir ein Quadrat erstellen, 1600 mal 600. In diesem Fall verwende ich diese feste Einstellung und setze sie auch auf 600. Also ist es, es hat funktioniert, aber es sieht nicht gut aus. Auf mich. Ich möchte Raum zwischen Objekten kleiner machen. Linien, tun Sie es. Ich habe das auf 20 gesetzt. Okay, jetzt sieht es besser aus. Ich möchte alle diese Operationen manuell durchführen. Du verstehst nur, dass es nicht sehr praktisch ist. Ich zentrierte alles manuell hier. Und wie Sie verstehen, haben wir das bereits getan. Wenn ich mit automatischem Layout auf meine Objekte zentrieren möchte, muss ich nur dies drücken und alle Objekte und y und sie in der Mitte zentrieren, Es ist wegen dieser Polsterung. Wenn wir es auf 0 setzen, wird alles in Ordnung. Ok? Mal sehen, wie das mit Text funktioniert. Also hatten wir dieses schöne Banner und wir beschlossen, etwas Text hinzuzufügen. Und wir haben ein was heute hinzugefügt. Wie Sie verstehen, wenn wir dies mit unserem Auto-Layout tun, wird alles in Ordnung sein. Ich werde dieses kopieren, wenn wir die Breite festgelegt haben. Wir kopieren diesen, wo wir in HARQ-Inhalt gesetzt haben. So werden wir besser verstehen, wie das funktioniert. Okay, ich muss den Text hinzufügen. Sagen wir, ich will nur auf einer Linie sein. Wie Sie verstehen, alles skaliert mit meinem Text, okay, hier haben wir feste Breite, wir haben das bereits gesehen. Und hier ist ein horizontales Auto-Layout Beispiel eins, um auch ein horizontales Banner zu machen. Und in diesem Fall können wir horizontales Layout verwenden. Lassen Sie uns kopieren fügen Sie diesen Rahmen hier und installieren statt dieses vertikalen Auto-Layout, werden wir horizontal anwenden. Und hier sehen wir oder gehen mit unserem Banner. Dieser Text hat äußere Breite Option, so können wir Enter verwenden, um neue Linien zu erstellen und dass unsere Umgebung schöner wird. Und wie wir sehen, muss dieses Bild gleich sein. Nun, ich mache es kleiner. Und in diesem Fall werden wir die Objekte vertikal im Auto-Layout zentrieren. Im Vergleich zu diesem, wahrscheinlich müssen wir ihm zu so etwas verzeihen. Und wie Sie verstehen, kann ich mit all diesen Dingen manipulieren. Ich kann feste Höhe, feste Breite machen. So können Sie mit diesen Einstellungen herumspielen. Alles geht damit. Ja, es funktioniert. Also im Allgemeinen, wie verwenden wir diese Auto-Layout? Sie verstehen, dass all diese Frames in der Größe geändert werden. Nachdem Sie etwas mit Ihren Objekten gemacht haben, ändern Sie die Größe Ihres Bildes, fügen Sie etwas Text hinzu usw. Und wie man es benutzt, während wir feste Bannergrößen haben. Eigentlich verwenden wir diese Einstellungen, nicht für das Banner selbst, denn natürlich haben wir unsere feste Größe für unsere Brenner. Aber wenn wir eine Banane erstellen, gibt es da drüben einen Text, wie hier. Und wir wollen, vielleicht wollen wir es ändern. Und in diesem Fall, wenn wir Auto-Layout in diesem Text verwenden und wir einige Hintergrundfarbe verwenden, füllen einige aus. Wir werden alle Texte schön skalieren und wir werden es ein wenig später sehen. 22. 5.2 Nestete Autolacken: Und nun schauen wir uns verschachtelte äußere Layouts an. Wir haben es für einen Frame verwendet, aber tatsächlich können wir Auto-Layouts zwischen oder zwischen verschiedenen Frames kombinieren und verwenden. So können wir kompliziertere Strukturen schaffen. Zum Beispiel möchten wir ein Bündel wie dieses erstellen, wo wir diese haben, sagen wir Logo. Wir haben ein Bild und wir haben den Text. Also haben wir ein äußeres Layout, innerhalb des automatischen Layouts. Das ist also das automatische Layout des Textes und dieses Symbols, dann dieser Rahmen, eigentlich ist dies Auto-Layout. Wir können diesen längeren Luke mitbringen, so. Also ist es jetzt besser zu sehen. Und all diese drei Objekte, der Logger, dieses Bild und diese Texte, ich als Teile eines großen Rahmens verwendet habe und es hat sein eigenes Auto-Layout. Okay, machen wir es mit unseren Händen. Wir haben unser Icon, wir haben den Text. Lassen Sie uns kopieren sie einfügen, wird dieses Pluszeichen löschen und wir werden ein Logo von diesen Objekten machen. Und wenn ich gedrückt habe, drücken Sie Common Z, wie Sie sehen, Ich habe zwei Objekte ausgewählt und sie sind nicht im gleichen Rahmen. Aber es ist immer noch kann. Klicken Sie auf diese Schaltfläche. Und der neue Rahmen erschien, der zwei diese Objekte enthält. Und ich kann erstellen, ich kann einige Optionen festlegen. Zum Beispiel möchte ich so sein. Und das ist gut für mich und ich will, dass es orange oder vielleicht gelb ist. Ich möchte die Farbe dieser Spalte auswählen. Okay? Also hier haben wir dieses Logo. Und dann haben wir, zum Beispiel, lassen Sie uns diesen Rahmen kopieren und eine längere ersetzen. Und ziehen Sie einfach hier rüber. Und es geht in die Binärdatei. Und jetzt die Option, eine andere Sache, die Sie über das automatische Layout wissen müssen. Sie können die Themen, die Objekte innerhalb des Rahmens verschieben . Und sie werden sein, sie werden ihre Positionen wechseln. Zum Beispiel wähle ich diesen Text aus und drücke den Pfeil nach oben. Sie sehen, dass sie ihre Position aufgrund des äußeren Layouts geändert haben , das in diesem Frame implementiert wurde. Das funktioniert so. Und wenn ich das Protokoll entferne, sieht alles so aus, wie wir es wollten. Und eigentlich hatten wir hier noch mehr Text. Ich kopiere diesen Text einfach und füge ihn ein. Statt dem hier. Ich wähle einfach den Rahmen aus und füge den Text ein, damit du siehst, was vor sich geht und was los ist. Und ich lösche das hier. Und jetzt sieht es diesem Brenner ähnlicher aus. So können Sie verschachteltes Auto-Layout, äußeres Layout innerhalb, äußeres Layout innerhalb des automatischen Layouts verwenden. Okay, wir schaffen Gewalt von einigen, einer anderen Farbe. Also lassen Sie uns etwas Ähnliches zu all diesen Bündeln, die wir hier haben. Ich werde kopieren fügen Sie diese ein und ich werde sein Gefühl inline diese. Okay, ich werde etwas Grenze hinzufügen. Das ist Schlaganfall. Und wenn Sie Boni erstellen, wichtig zu verstehen, dass der Schlaganfall sein kann irgendwie über das Banner gehen. Und in diesem Fall stellen Sie sicher, dass Sie innerhalb Option verwenden. Wenn Sie in diesem Fall einen Rahmen gesagt haben, wird die Größe Ihres gesamten Banners beim Exportieren nicht geändert. Es war zu viel. Wahrscheinlich waren es drei oder vier Stunden. Okay. Ich denke, wir haben viel Gabapentin hier drüben so dass wir einrichten können , sieht ähnlicher aus. Nun lassen Sie uns einen weiteren Raum zwischen den Objekten setzen. Jetzt möchten wir, dass unser Login so aussieht. Wie Sie sehen, ist der Text hier mehr zentriert. Wie geht es? Zum Beispiel können wir. Legen Sie den Abstand zwischen dem Symbol und dem Text wird es kleiner auf 30 Jahre. Und wir können und schreiben bezahlt in 13 so. Und wie ich sehe, ist Varna zentriert, also haben wir es fast so eingestellt. Eigentlich gibt es Unterschiede in den Größen. Es liegt daran, dass das Bild eine andere Größe hat. Ich kann es hier einstellen. Und diese beiden, diese Banner sind fast die gleichen Unterschiede in den Farben. Und lassen Sie uns etwas zu unserem Logotext hinzufügen. Zum Beispiel. Geben Sie heute ein. Und wie Sie sehen, geht alles damit. Und jetzt wollen wir, dass diese heute unter dem Text stehen, unter dem Logger. Also, wie man das macht? Wir werden den Logger-Text dazu für 900 nehmen. Okay? Und wir nehmen heute Text ist nur kleiner Schriftart. Okay? Und wir wollen sie kombinieren, damit ich mich heute nach rechts ausrichten werde . Dann wähle ich beide Ebenen aus und klicke auf das äußere Layout. So sehen Sie heute geht nach links. Es ist Standard, aber ich möchte, dass es auf der rechten Seite ist. Zum Beispiel habe ich es so eingestellt. Okay, und jetzt möchte ich ein Logo daraus erstellen. Und von dort kann ich dieses Symbol haben. Ich wähle beide Objekte aus und klicke auf Automatisches Layout. Wieder. Danach haben wir einen neuen Rahmen und wir können ihn einfüllen. Lassen Sie uns die gleichen Farben verwenden, die an einem Beispiel. Und wie wir sehen, ist es immer noch nicht so schön. Und der Anfänger, wir ändern die. Die Position unserer längeren Arkane geht hier. Und wahrscheinlich wollen wir Platz wiederum über NADH. Also setzen Sie es auf 30 oder senden Sie diese an Sie. Und wie Sie sehen, ist dieses Symbol zu klein, um die gesamte Höhe zu füllen, und wir werden es einfach skalieren. Zum Beispiel möchten wir es am Anfang vertikal zentriert ausrichten. Aber um zu verstehen, dass dieses Logo zu klein für uns ist, so können wir es einfach anpassen und machen es ein, wenn wir in Winger die ganzen Logos so machen . Und ich denke, wir können weniger Platz zwischen den Entwicklern und heute nutzen , damit wir es einstellen können. Die sind sogar dazu, okay? Jetzt ist es besser. Und jetzt lassen Sie uns diese Logger zu unserer Varna hinzufügen, kopieren und einfügen. Barna. Und ich werde hier ersetzen und länger darauf hingewiesen, diese. Und hier sind wir. Jetzt können wir leicht etwas Text ändern. Zum Beispiel möchten wir dies heute durch Limited angebotene Text ersetzen . Und es funktioniert gut. Wir müssen nicht viele tun, nur danach. Und lasst uns das länger machen. Nicht mehr interessant. Um dies zu tun, lassen Sie uns eine Ecke dieses Rahmens herum machen, wird oben rechts Ecke machen. Also wird es hier sein, sagen 40. Okay, also haben wir unsere längere Zeit hier drüben. Und um Sie besser zu verstehen, wie wir mit all diesen äußeren Layouts gehen werden. Hier sind einige Beispiele von Google Barnes. Und wie Sie als Set sehen, wird das automatische Layout nicht für die ganze Banane selbst so verwendet, sondern es wurde zum Beispiel für diese Textbibel verwendet. Und wenn ich hier einen Text ändere, folgt er einfach neuen Größen. Und wie du verstehst, kann ich diesen Text ändern und die ganze Band sieht immer noch schön aus. Im Allgemeinen ermöglicht es Ihnen das automatische Layout, Ihren Rahmen einstellbar zu machen und sich mit Ihren Objekten innerhalb dieses Rahmens zu bewegen. Und das ist sehr praktisch, um solche Texte Blasen wie diese zu erstellen. Dies ist sehr praktisch, um einige Schaltflächen zu erstellen, die dem Text folgen und so weiter. Also haben wir die grundlegende Verwendung dieses Auto-Layouts abgedeckt und dann werden wir sie immer wieder verwenden, um unsere schöne Balance zu schaffen. Ich hoffe, Sie genießen es. 23. 6.1 Einleitung von Komponenten: Komponenten sind in Figma sehr wichtig. Und in der Tat ist dies einer der Hauptgründe, warum wir in Figma gehen und warum wir es für unsere Marketingzwecke wählen , weil Komponenten es uns erlauben, viele und Männer in Gewalt zu schaffen und sie zu duplizieren, um Änderungen schnell vorzunehmen, , um Änderungen in vielen Formaten oder Banner vorzunehmen. Wir werden sehen, wie man in wenigen Minuten mehr als 24 Monate Banner in Google erstellt, wie man verschiedene Banner für Facebook erstellt? Wie man sie multipliziert und das Hauptungleichgewicht für AB-Tests erzeugt. Nehmen wir an, Sie haben eine Menge Anleihen geschaffen. Zum Beispiel 20 oder 30 oder 60 von ihnen. Und dann Ihre Verbündeten auf die haben Sie um Logo applaudiert , dass Sie ein anderes hochladen sollten? In diesem Fall müssen Sie viel Zeit verbringen , wenn Sie Photoshop oder so etwas verwenden. Aber Sie werden es in Sekunden tun, wenn Sie Figma verwenden und nur Ihr Logo in eine einzelne Komponente hochladen müssen. Und es gilt für alle Ihre Dateien, wenn Sie möchten, wenn Sie sie richtig erstellen. Und jetzt werden wir sehen, wie Komponenten funktionieren, und dann werden wir sehen, wie man sie verwendet, um all diese Vorlagen zu erstellen, um all diese Dateien zu machen, die Ihnen so viel Zeit sparen. Lass uns gehen und sehen, wie es geht. 24. 6.2 Einzelne Komponente: Vor allem, was in Figma-Komponente kompetent ist, ist ein Rahmen, der Eigenschaften, Farbe, Größe, einige Einstellungen hat . Und wenn Sie einen Korpus aus diesem Rahmen machen, haben die Doppler-Tore die gleiche Farbe, Größe und die anderen. Es ist offensichtlich, dass der Unterschied zwischen Komponente mit seinen Duplikaten und nur eine regelmäßige Objekte unregelmäßigen Rahmen mit diesem Polizist ist, ist, dass, wenn Sie eine Eigenschaft des Unternehmens ändern und zum Beispiel, seine Farbe, sein Gefühl, seine -Größe, werden seine Kopien alle diese Änderungen ebenfalls anwenden. Und wie benutzen wir es? Zum Beispiel haben Sie einen Tippfehler gemacht und möchten den Text bei allen Banner ändern. Und zum Beispiel, Sie erstellen Google-Banner, es gibt 36 Seiten. Und wenn Sie keine Komponenten verwenden, müssen Sie diesen Typ bei jedem einzelnen Banner korrigieren, also 36 Mal. Und dann möchten Sie etwas ändern, um ein Synonym zu verwenden , nur um den Text zu ändern, so dass Sie es wieder tun müssen. Und wenn Sie Komponenten verwenden, können Sie es einmal setzen und dann mehrmals auf alle Ihre Banner wiederverwenden. Und danach, wenn Sie eine Änderung an einer Komponente vornehmen, wird sie auf alle Kopien angewendet. Und zum Beispiel möchten Sie einen neuen Satz von Saldo erstellen. Zum Beispiel möchten wir AB-Tests machen, und Sie möchten AB testen, sagen wir den Text Ihres Saldos. So erstellen Sie zum Beispiel eine neue Datei. Und du änderst einfach die Texte und alles andere ist eingestellt. Oder Sie möchten den Hintergrund oder das Bild ändern oder den Text Ihres Buttons ausgleichen? Sie kopieren, ändern Sie es einmal und alle Ihre Banner Asset. Also tatsächlich erstellen Sie eine Reihe von Bananen für AB-Test und vielleicht in fünf Sekunden manchmal. So müssen Sie nur den Text ändern oder was auch immer Sie ändern möchten und laden Sie alle Ihre Banner herunter. Das war's. Und jetzt werden wir gehen und sehen, wie das in der Praxis von einfacheren Komponenten bis hin zu komplexeren funktioniert. Lassen Sie uns auf die Seite gehen, die Figma-Komponenten genannt wird hier drüben. Und hier haben wir einige Komponenten oder K. Was haben wir? Eigentlich haben wir zwei Ellipsen. Und lasst uns Kern PM. Ok? Und lassen Sie uns eine Komponente aus einer von acht machen. Okay, es gibt einige Texte, die erklären, wie das funktioniert. Ich werde hier eine Komponente erstellen. Und um dies zu tun, können Sie auf dieses Symbol Komponente erstellen klicken. Sie können mit der rechten Maustaste auf das Objekt klicken und dort suchen, wo es sich um Komponente erstellen handelt, oder eine Verknüpfung verwenden. Was sich geändert hat, ist, dass Sie sehen, dass dies eine Ellipse ist, es hat dieses Symbol. Und wenn ich eine Komponente erstellt und Lippen ging in den Rahmen, so Komponente ist immer ein Rahmen. Und dieser Rahmen hat dieses spezifische Symbol und lila Farbe. All sein Korpus hat auch eine violette Farbe. Also jetzt, wenn wir ein paar Duplikate machen, kopiere ich das und dieses Gericht hat dieses Symbol. Alle Duplikate haben das gleiche Symbol. Also offensichtlich, wenn ich nur zwei Ellipsen hier drüben haben muss, zwei Kreise, wenn ich die Spalte ändere , wird das nichts beeinflussen. Aber wenn ich eine Farbe auf dieser Farbe ändere, wird all sein Korpus diese Farbe auch anwenden. Okay, damit wir verschiedene Dinge ändern können. Zum Beispiel können wir diesen so lassen, wie er ist. Okay, machen wir hier noch eine Komponente. Also haben wir ein Exemplar. Jetzt haben wir diese Kopie und wir werden sie noch ein paar Mal einfügen. Ich wähle diese aus. Manchmal, wo, wenn Sie viele Komponenten haben, funktioniert es ein wenig langsamer, aber immer noch funktioniert. Okay, lassen wir die, die erste, so wie sie ist, und ändern etwas in diesen. Ich werde es größer machen. Ich werde diese eine orange machen. Ich werde das Gleiche machen. Es läuft übergeordneter. Und ich werde einen Schatten daraus ziehen. Lass es uns sichtbarer machen. Ok, so etwas. Und jetzt werde ich die anfängliche Komponente ändern und sehen, wie sich das ändert. Ich bewarb mich. Hier. Unsere erste von allen, werde ich die Farbe meiner Lippen ändern. Und sein ganzes Korpus. Ändern Sie die Farben außer dieser, der orangefarbenen. Denn wenn ich eine Eigenschaft auf der Kopie der Unternehmenskomponente ändere, sage ich Figma, Hey, ich möchte, dass dies eine Kopie einer Firma ist, aber ich möchte etwas ändern. Und wenn ich dieses Ding in der ursprünglichen Komponente in der ursprünglichen Firma ändere, dass es hier nicht angewendet wird, aber nicht alle von ihnen. Zum Beispiel, wenn ich die Größe ändere, sehen Sie, dass sich die große ändert. Aber es ist immer noch größer als alle anderen Kopien. Wenn ich es fast transparent mache, gilt es für alle außer dem orangefarbenen Endspiel. Zum Beispiel werde ich hier einige Effekte anwenden. Sagen wir, es wird Schatten sein. Wieder. Ich werde es rot machen. 2020. Wie Sie sehen, wurde es auf den ganzen Korpus außer diesem angewendet, weil es bereits seinen eigenen Schatten hat. Wie Sie verstehen, gibt es viel Platz, um verschiedene Dinge mit all diesen Komponenten zu erstellen. Und Sie können sogar einige Eigenschaften, seine Farben und Form oder was auch immer ändern . Lassen Sie uns eine Textkomponente machen. Ich kopiere einfach diesen Text und ich mache ihn Komponente. Dann mache ich ein paar Duplikate. Ich werde das hier machen und dasselbe tun, was ich dir zuvor gezeigt habe. Ich werde diese Kopien anordnen und jetzt vertikal im Abstand verwenden. Ok. Ich sagte, es sind 250. Wie Sie sehen, ist dies auch Rahmen. Wenn ich also die Textfarbe ändern möchte, muss ich in den Rahmen gehen und seine Textebene auswählen. In diesem Fall kann ich die Farbe ändern, was ich will. Aber wenn ich die Fülloption des Rahmens selbst ändere. Offensichtlich wird der Rahmen weiß. Okay, ich werde es unsichtbar machen. Und jetzt kann ich ein paar Dinge hier ändern. Zum Beispiel werde ich diese Schriftgröße ändern. Ich werde die Schriftart selbst ändern. Und lassen Sie es uns auf etwas anderes setzen. Ok? Ich mag die nicht. Und das ist Vorurteil ähnlich, sagen wir in Ton B. Und dieser Pumpen sogar Times New Roman. So wird es anders aussehen. Okay, ich werde die Farbe ändern und so weiter und verstehen, ob eine Änderung oder all diese Eigenschaften hier drüben, einige von ihnen verändert werden und ihr Korpus. Und noch einmal erinnere ich Sie daran, dass Sie diese Auswahlfarboption verwenden können, um die Farbe zu ändern, nicht innerhalb des Rahmens zu gehen. Also wähle ich es nennt sich Frame. Und ich verstehe, dass der Col zum Text gehört und ich kann ihn ändern, nicht tiefer hineingehen. Ok. Damit ich unser Gesetz ändern kann. Ich kann den Rahmen skalieren ist Sie verstehen alles ist gut und fing an, diesen Rahmen zu akzeptieren, dass ich alle Radio geändert, wo ich die Größe des Radius geändert. So funktioniert der Text fast die gleiche wie alles andere, außer wir haben getan, um hier füllen Option zu verwenden. So funktioniert Texte wie alles andere. Und es gibt eine andere Option, die wir uns bewusst sein sollten , wenn wir über Textkomponenten sprechen. Wenn Sie den Text, die Textkomponente, erstellen, sollten Sie sehen, welche Optionen. Stellen Sie hier aus der Breite, äußeren Höhe oder was auch immer. Denn wenn Sie den Text ändern, wenn, zum Beispiel, lassen Sie uns eine Kopie erstellen. Und wir werden einen anderen Text schreiben. Wie du siehst. Wegen der festen Höhe geht alles so. Wenn ich das benutze, hier sind meine Daten. Und es gibt noch eine wichtige Sache, wenn Sie mit den Textkomponenten gehen. Es empfiehlt sich, das automatische Layout zu verwenden. Denn wenn Sie etwas Text ändern, werde ich eine neue Komponente erstellen. Und ich werde hier das automatische Layout benutzen. Zum Beispiel möchte ich etwas länger erstellen und dort das automatische Layout verwenden. Ok, und lassen Sie uns diese in mehr mit automatischem Layout kombinieren. Und lassen Sie uns diese in längerem automatischem Layout kombinieren. Und was passiert und was passiert, wenn ich diesen Text ändern möchte? Und du siehst ihn? Und was passiert, wenn ich diesen Text ändern möchte? Ok? Also denke ich, Sie sehen den Unterschied, weil diese Komponente das automatische Layout verwendet. So ändert die Komponente selbst ihre Größe nach dem Text. Und hier ändert sich in diesem Fall die Änderung des Textes. Wie Sie sehen, hat der Text diese mit Van, die Komponente hat die gleiche Breite wie zuvor, weil sie kein automatisches Layout hat, nicht dem Text folgt. Deshalb ist Auto-Layout in Figma so wichtig. Wenden wir es hier an. Und wie wir sehen, wird alles viel besser. Das sind also die grundlegendsten Dinge über die Komponenten. Und wir werden weitermachen und sehen, wie man sie auf kompliziertere Weise benutzt. 25. 6.3 Komponenten und Autolayout: Schauen wir uns das automatische Layout und die Komponenten an. Wieder einmal, denn dies ist ein sehr wichtiges Thema. Okay, also lasst uns einen kompetenten machen, um ein automatisches Layout zu verwenden. Wir haben einige Beispieltext ist eine Komponente. Ok. Ich werde eine neue Komponente daraus machen. Ich werde lehren, wie man alles Gewebe macht, wie man es etwas später macht. Jetzt mache ich sein Duplikat. Ich werde diesen Text kopieren, ist nur ein Text. Und ich habe ein Bild. Ok? Das war's. Wir haben drei Objekte und wir wollen sie kombinieren. Ich kopiere sie, füge sie ein und füge sie hier ein. Jetzt werde ich diese Auswahl einrahmen. Dies ist jetzt ein neuer Frame und fügen Sie Auto-Layout hinzu. Und lassen Sie uns es kompetent machen, es Minderjährigen ähnlicher aussehen zu lassen. Ok. Ok. Lassen Sie uns auch diese Auswahl einrahmen. Matt, ohne das automatische Layout zu verwenden, wollte ich hier nur eine Hintergrundfarbe machen, wie diese, okay? Und jetzt möchte ich diesen Text ändern, ein Textbeispiel, und ich will Marx. Und das war's. Wie Sie sehen, auch wenn ich diese Option verwende. Aber ich will noch eine Zeile des Textes. Nun, wie Sie verstehen, solange wir kein automatisches Layout hier auf diesem Rahmen verwenden oder ein dünnes, ist gerade ein Chaos. Und hier sind wir, alles funktioniert gut. Und wie gesagt, werden wir Suchprotokolle verwenden, solche Komponenten an anderen Varnas. Also lassen Sie uns hinzufügen, zum Beispiel, die Suche. Lassen Sie uns den Film und halbtransparent und die Grenzen Ecken machen. 250. Und wir könnten, könnten solche Objekte in unsere Lernenden einfügen. Es wird jetzt ein Chaos machen, aber es könnte so aussehen. Zum Beispiel. Wenn ich den Text ändere. Stellen Sie sich vor, Sie haben eine Menge solcher Gewalt wie diese. Lass es uns etwas heller machen. Sieh dir das an. Das hier. Und machen Sie das mehr oder weniger transparent. Und Hoffnungen, ich werde es hier setzen. Und ich möchte dieses Bild nur ein bisschen besser ersetzen. Also nenne ich es das hier. Eigentlich sind es natürlich nicht mehr Leben, sondern in etwas, das wir hier in diesen Akten haben. Also werde ich hier ein Bild platzieren. Ok? Ok. Und lassen Sie uns Einschränkungen verwenden. Ich werde in dieser Mitte vertikal und sehen, was passiert, wenn ich die Größe des Bildes ändern werde. Wie Sie sehen, ist es hier immer noch senkrecht. Dies ist, wie wir Einschränkungen verwenden und deshalb verwenden wir Einschränkungen. Wie Sie sehen, können wir, wenn wir Komponenten mit automatischen Layouts kombinieren, solche Bumbles erstellen, die wir in unseren Brennern verwenden. Und alles funktioniert, okay, wenn wir den Text ändern, passt er sich an. Und so erstellen wir in wenigen Minuten viele Banner in Figma. 26. 6.4 Nested: Sehen wir uns nun die verschachtelten Komponenten an. Wie verwenden Sie Kommentare innerhalb von Komponenten? Also lasst uns hier gehen. Hier haben wir diese verschachtelten Komponenten und was sehen wir hier? Wir haben ein Symbol und wir wollen zwei Versionen von Loggern mit diesem Symbol machen und dann diese Logos irgendwo auf verschiedenen Unbalance verwenden. In diesem Fall, wenn wir das Symbol ändern, wird es in den Loggern geändert und es wird an allen Orten geändert werden , wo wir Duplikate dieser Logos basieren. Also werde ich kopieren, fügen Sie dieses Symbol ein. Dann mache ich es zu einer Komponente und erstelle ein Duplikat einer Komponente. Jetzt werde ich ein weiteres Duplikat erstellen und diese Logos erstellen. Nehmen wir an, dass dies log als mehr Leben für immer ist. Ok? Also brauche ich etwas für AIM. Ich werde es fühlen und ich werde etwas Text einfügen. Wir sagen, Leben vorbei, okay, es ist innerhalb von Frame sechs bis sieben. Und ich werde Auto-Layout darauf anwenden. Ok? Jetzt möchte ich etwas Polsterung hinzufügen, sagen wir, orange zu sein. Vielleicht 20, oder sogar weniger. Ich möchte, dass das die gleiche Größe hat. Okay, es sieht so aus, als wäre es das Gleiche. Und ich werde ein Moped von den Seiten hinzufügen. Sagen wir, ich setze es auf 14. Ok? Und ich will eine Ecke machen. Ich klicke auf dieses Symbol und dieses zweite wird um o. Nein. Ich möchte die Farbe meines Logos senden. Um das zu tun. Ich klicke hier und du verwendest einen Kernel up Becher. Und großartig. Also werde ich nur eine Komponente aus diesem ganzen Logo erstellen. Machen wir es zur Komponente. Und jetzt möchte ich ein anderes schaffen waren nicht ein längeres quadratisches oder vertikales. Ich werde dieses Symbol verwenden. Dann ich und einige sind unbekannter Rahmen. Und nutzen Sie unser totales Gefühl. Änderung setzt einige Bursitis Problem seitlich alle transparent. Und jetzt werde ich diesen Text einfach kopieren. Und das sieht aus wie ein Rahmen, weil es ein automatisches Layout hat. Okay, ich kopiere diesen Text hier drüben und ich werde das Layout in Richtung vertikal ändern. Dann wird R die Mittenausrichtung verwenden. Jetzt möchte ich mehr Platz zwischen diesen beiden Objekten hinzufügen und ich werde wahrscheinlich und weniger Platz in hier drüben Hauptmahlzeit, es ist ein 230. Und lasst uns diese Ecken um Maine machen, diese zu legen. Okay, sieht so gleich aus. Und jetzt mache ich diese längere Komponente und gewinne. Wenn ich will, kann ich es zu einem Quadrat machen. Zum Beispiel brauche ich ein Rechteck und ich brauche ein Quadrat. In diesem Fall verwenden wir feste Höhe und Breite. Das wird es sein, okay. 422. Ok, und lassen Sie uns diesen Text kleiner machen. Und in diesem Fall können wir den Raum zwischen diesen Objekten und größer machen. Sieht aus, richtig zu wissen. Oh, okay, jetzt haben wir zwei Komponenten von Loggern und wir können sie überall einfügen und den Bonus. Und für den Fall, dass wir diesen Artikel ändern möchten. Ok? Und wir fügen den Korpus dieser längsten Duplikate ein. Okay, und jetzt möchte ich eine Farbe unserer Handfläche in Orange ändern. So wie Sie überall in ekelhaft verstehen. Das Hauptthema dieser Lektion ist also, dass wir verschachtelte Komponenten verwenden können. So können wir Komponenten und Unterkomponenten innerhalb von Unternehmen einsetzen. Dies ist sehr praktisch, wenn Sie einige komplizierte Themen erstellen möchten. Wenn Sie einige kleine Objekte in einigen größeren Objekten verwenden möchten, so dass es mit unseren verschachtelten Komponenten sehen. Gehen wir zu einer anderen Lektion. 27. 6.5 Entstehung, Restore und Finde Komponenten: Jetzt haben wir eine sehr kurze Lektion. Manchmal müssen Sie die Verbindung zwischen Kopien Ihres Unternehmens und der ursprünglichen Komponente aufheben . Zum Beispiel, Newgrange in einem Unternehmen und dann verwenden Sie es ein paar Mal und irgendwo, Sie wollen nur, dass diese Objekte platziert werden oder was Sie wollen. Und Sie wollen nicht, dass es mit der ursprünglichen Firma verwandt ist, die Sie nur reparieren wollen und genau so aussehen, wie es gerade ist. Sie müssen also die Verbindung zwischen ihnen brechen. Sie können dies mit einem Kommentar tun. Es heißt trennungsinstanz. Also haben wir eine Komponente und wir haben isst Kopie. wir sicher, dass ja, es ist eine Kopie dieser Komponente. Und wenn ich es ändere, wird es natürlich hier drüben ändern. Und ich möchte, dass diese Kopie es von diesen Komponenten getrennt wird. Also klicke ich einfach mit der rechten Maustaste darauf und klicke auf Instanz lösen. Wie Sie sehen, Es ist nicht mehr eine Kopie einer Komponente. Also kann ich mit diesen wollen und meine Kopie ist nicht mehr betroffen. Sie können diese also verwenden, wenn Sie einige Änderungen vornehmen möchten oder eine neue Komponente erstellen möchten, z. B. haben Sie diese und möchten eine andere Komponente basierend auf diesen erstellen, müssen sie jedoch zuerst lösen. Ich löse das ab. Zum Beispiel mache ich das und ich möchte es mehr Rechteck machen. Okay, so wie diese, und ich will runde Ecken. Und jetzt und ich klicke auf Komponenten erstellen. Also habe ich zwei getrennte Komponenten. Und ich konnte es erst tun, nachdem ich diese Kopie von ihrer ursprünglichen Komponente gelöst habe. Und jetzt sehen wir, was passiert, wenn ich eine Kopie einer Komponente habe, aber ich habe die ursprüngliche Komponente gelöscht. Also lasst uns eine neue Komponente machen. Hier drüben. Machen Sie es zu einer Firma, dann mache ich ein Duplikat. Okay, und jetzt lösche ich das hier. Jetzt möchte ich, dass die anfängliche Komponente wiederhergestellt wird. Eigentlich gibt es eine Option dafür. Wenn ich bei dieser Firma verkaufen und es gibt eine Taste wiederherstellen Komponente, wie Sie sehen, gibt es einen Teppich erstellen. Und ich sehe diese Schaltfläche und diese Kopie nicht, weil diese Komponente nicht gelöscht wird. Aber diese Firma und hat nicht es ist dieses Duplikat, hat nicht seine Komponenten. Deshalb kann ich es wiederherstellen. Eigentlich wurde es restauriert. Und andere dünne, zum Beispiel, habe ich diesen Kern PIM und lassen Sie uns noch einen machen. Und ich füge es irgendwo ein. Und ich habe ein großes Projekt und ich erinnere mich nicht wirklich, wo meine ursprüngliche Komponente ist? In diesem Fall kann ich die Anfangskomponente finden, indem ich auf dieses Symbol klicke. Es ist ein Symbol über Komponenten. Also werde ich klicken und gehen Sie zu den Hauptkomponenten sind, Ich bin hier. Das ist ziemlich nützlich. Wann bewältigen Sie größere Komponenten von einer Seite zu einer anderen? Das funktioniert immer noch. Aber danach sind Sie auf der Suche nach dem anfänglichen kompetenten, Sie können es finden. Klicken Sie einfach darauf und gehen Sie zu ihrer Hauptkomponente. Und zum Beispiel, wenn ich hier eine Hauptkomponente lösche, dann gehen sie zu einer anderen Seite. Und ich möchte Komponente wiederherstellen. Es wurde wiederhergestellt und mein Fokus geht genau hier, wo sich die ursprüngliche Komponente befindet. Es ist also ziemlich nützlich. 28. 6.6 Komponentenbibliothek: Eins, mein Hinweis auf Komponenten. Wenn Sie viele von ihnen verwenden, ist es schwierig zu finden, wo Sie die eine oder andere Komponente platzieren. Für diesen Fall sollten Sie also besser eine Komponentenbibliothek oder Systemsteuerung verwenden oder wie auch immer Sie es nennen, es ist irgendwo, wo Sie alle Ihre Komponenten erstellen und wenn Sie neue Komponenten benötigen, fügen Sie sie ganz zusammen. Und in diesem Fall, wenn Sie etwas ändern müssen, wissen Sie immer, wohin Sie gehen sollen. Sie wissen immer, dass alle Ihre ersten Unternehmen, Ich füge den Ort hinzu. Wenn Sie verschachtelte Komponenten verwenden, empfiehlt es sich, alle Komponenten zusammen zu speichern. Zum Beispiel haben Sie Ihre kleineren Komponenten komplett organisiert und Sie haben einige große Begleitung, die diese kleinen verwenden. Und Sie verwenden diese größeren Komponenten auch irgendwo am Ort. Also, selbst wenn Sie ändern eine kleine sind größere Ionen, Sie werden alles zusammen haben und in diesem Fall, Sie werden nicht leiden auf der Suche nach Komponenten, wie Sie etwas ändern müssen , und Sie wissen genau, wo sie sind. Schauen wir uns also einige Beispiele an. Wir werden zu den Lektionen gehen, die wir noch nicht gesetzlich gemacht haben. Aber schauen wir uns das an. Zum Beispiel ist dies ein Panel für Google-Brenner und dies ist ein Bedienfeld, in dem wir unsere Komponenten haben. Und wie Sie all diese Dinge sehen, sind dies Komponenten, die diese verwenden. Wie ich bereits sagte, diese kleinen Komponenten und das sind große Unternehmen, die diese verwenden. Zum Beispiel. Ich werde hier etwas ändern. Und all die Veränderungen, die hier gesehen werden. Und er hatte den ganzen Bonus. Und das ist eine gute Möglichkeit, Ihre Dateien, Ihre Komponenten zu organisieren und Ihre Objekte zu bewältigen, werden Sie es auch verwenden. 29. 6.7 Components: Es gibt einen Fehler in Figma, der auftritt, wenn Sie viele Komponenten mit automatischem Layout a verwenden . Ich gehe zu einer anderen Datei, intelligenten Banner für Google-Anzeigen, und wir werden diese Datei später aufrufen. Aber im Moment möchte ich dir nur diesen Fehler zeigen. Schau dir diese Banner an. Es gibt Textblasen auf ihnen, und wie Sie sehen, sehen sie nicht gut aus. Und wenn ich hierher gehe und diese Manieren sehe, sind sie, okay, aber eigentlich, diese Banner auf der rechten Seite sind Duplikate dieser Banner auf der linken Seite. Das ist also ein Bug. Und wie Sie hier sehen, habe ich es bereits behoben, also sieht es in Ordnung aus und es gibt eine sehr einfache Lösung dieses Bugs. Wenn Figma aus irgendeinem Grund Ihre Komponenten mit Auto-Layout bricht und es umgekehrt ist, dass es hier drüben einen Fehler gibt. Etwas ist kaputt. Sie müssen diese äußeren Layouts ändern, um dort etwas zu ändern, um sie zu ändern. Also wird Figma alles neu berechnen und dann kommen wir in den normalen Zustand. Der einfachste Weg, dies zu tun, besteht darin, eine Komponente zu ändern , die in diesen Blasen platziert ist, so dass alles geändert wird. Also gehe ich zu den Einstellungen, wo wir die Texte haben , die zu diesen Blasen gehen und ich werde ein Leerzeichen hinzufügen und dann entfernen. Und so berechnet Figma all diese Panzerblasen neu. Und wenn wir sie ansehen, sollten sie jetzt nach diesen Änderungen in Ordnung sein, also gehe ich zurück zu den Banner und sehe, dass Textblasen jetzt in Ordnung sind. Also habe ich zwei Versionen mit normal. Danke Bummeln. Und dieser hier ist immer noch kaputt. Also gehe ich zurück zu den Einstellungen und ändere einen Text für diese Variante. Und, und entfernen Sie wieder Raum und gehen Sie zurück und sehen, was passiert ist. Also alles ist jetzt in Ordnung, also wenn Sie einen solchen Fehler haben, wenn Sie viele Komponenten mit automatischem Layout haben, deren visuelle ungebrochen. Verwenden Sie in diesem Fall diesen Tipp, um diesen Fehler zu beheben und genießen Sie Ihre Dateien. 30. 7.1 Banner: In diesem Abschnitt werden wir lernen, wie man tatsächliche Bananen zu erstellen, lernen, wie man Schaltflächen verwendet, wie man nach Gründen erstellt, wie man Text Menschen hinzufügt, wie man einige Objekte, Elemente in Bündel hinzufügt , wie man sie kombiniert, und wie man Komponenten, äußere Layouts, alles zusammen in Ihrem Bonus verwendet. Lassen Sie uns also gehen und sehen, wie Sie Ihre Arbeit schneller erledigen können. 31. 7.2 Knopf: Knöpfe Wir werden anfangen, vom ersten Element zu lernen. Es ist nach unten auf es ist Ihr Aufruf zum Aktionselement an Ihrem grenzenlosen ist das Element, wo die Leute normalerweise clique, auch es ist ein einzelnes Bild. Wir werden schauen, wie Banner auf zwei Arten erstellt werden, formlose Texte und einen Rahmen plus Text, der bereits in diesen abgedeckt ist. Aber lass es uns noch einmal tun. Was über Anna Taktstock ist, ist in der Regel ein Rechteck mit einem Text darin. So können wir ein Rechteck aus Form oder aus einem Rahmen erstellen. Lassen Sie uns das erste aus der Form erstellen. Ich kopiere einfach dieses Rechteck einfügen. Und kopieren fügen Sie diese Textschaltfläche wird sagen, melden Sie sich heute. Ok. Jetzt schaffe ich es allein, er zu sein. Ok? So etwas. Um es zu einem einzigen Element zu machen, werden wir eine Gruppe daraus erstellen. Und lasst uns es umdrehen, um es schöner zu machen. Und jetzt sieht es aus wie ein Knopf. Ok? Jetzt ist der zweite Weg die Verwendung von Textrahmen. Okay, lassen Sie uns kopieren, fügen Sie den Text ein. Und jetzt werde ich diese Auswahl einrahmen. So erstelle ich einen Rahmen um diese Texte. Ok? Jetzt werde ich Auto-Layout hinzufügen, denn wie gesagt, es ist immer besser, ein automatisches Layout um den Text herum zu haben, besonders wenn Sie Schaltflächen erstellen. Also fügen wir ein paar Ausfüllungen hinzu, machen es gelb, und wir fügen das hinzu. Okay, wir werden uns mit dem Problem ändern. Ich komme zu spät, um es zu lernen. Wenn 2050 oder so etwas. Und lasst uns wieder Ecken in uns machen. Wahrscheinlich 20. Ja, sieht fast gleich aus. Ok. Jetzt fügen wir einen Strich hinzu. Ich mache alle Schritte mit diesem einzelnen Element. Aber du wirst all das haben. Als Beispiel. Ich füge Schlaganfall hinzu und setze ihn auf, sagen wir fünf, vielleicht. Okay, das ist ein Berg. Und wenn ich will, kann ich es Komponente machen. Also werde ich diesen Knopf mehrmals wiederverwenden. Okay, hier sind wir. Halt die Klappe Ich mag das nicht, sind in grauer Farbe des Textes. Es ist nicht sehr bewusst, also werde ich es dunkler machen. Oder wenn Sie wollen, können Sie es einige von etwas Farbe machen. Zum Beispiel, wie diese. Es hängt von Ihrem Stil, Stil des Projekts ab. Wo du deine Berge zum Beispiel erstellst, würde es diese nicht anwenden. Also, jetzt haben wir einen Knopf, der Quicken. Wir können mehrere Male wiederverwenden. Und wie Sie sich erinnern, den Unterschied zwischen diesen Tasten und diesen Tasten, die eine verstümmelte Form? Ok. Lassen Sie uns es unserer ähnlicher machen. Ok. Hast du gesehen, was passiert ist? Ich habe eine Gruppe, keinen Rahmen. Deshalb wurde er, wenn ich einen Strich angewendet habe, nicht nur auf die Form, sondern auch auf den Text angewendet. Deshalb muss ich mein Rechteck und meinen Schlaganfall auswählen, um zu essen. Weil ich keinen Strich auf meiner Schrift will. Und ich muss die Spalte meines Textes ändern. Ich werde die benutzen. Carlos wähle zwei aus. Ok. Sieht fast gleich aus. Laktose drei? Ja. Was ist der Unterschied? Und lassen Sie uns es auch Komponente machen. Der Unterschied ist, dass, wenn ich diesen Text heute leider ändern muss, ich dies in automatische Breite ändern muss, aber sehen Sie, was passiert? Also muss ich Go auswählen, um es breiter zu machen. Und zum Beispiel, dann habe ich beschlossen, dass es schlecht ist, diesen Text in zwei Zeilen zu haben. Ich muss sagen, wie dieses Rechteck diejenigen und gewinnen. Und ich muss so etwas tun. Das ist nicht so. Und wenn ich Biotin habe, den Rahmen, kann ich alles tun, was ich will, und es wird mir folgen. Dies ist also der Unterschied beim Erstellen von Schaltflächen mit Formen und mit Frames. Ich schlage vor, dass Sie immer Rahmen dafür verwenden. 32. 7.3 Füllung/Hintergrund: Hinterer Boden. Und das ist sehr wichtig Stück Ihrer Banner weil diese Caches Aufmerksamkeit auf Urbana, diese Sätze ihrer Farbe Satz von Ihrem Banner. Und lassen Sie uns sehen, wie man es erstellt, um es in mehreren Banner zu verwenden. Okay, zum Beispiel, wir werden zwei minus 600 mal sechshundertsechshundertvierzig mal 408 hier haben. Und wir wollen etwas für sie schaffen. Um zu verstehen, welche Größe der Komponente für den Hintergrund benötigen wir? Wir müssen uns den größten Knopf ansehen und das wird tatsächlich hier haben, diese sind sogar zu groß. Wir könnten Komponentenform Hintergrund kleiner erstellen, weil unsere Banner entlang dieser Woche. Aber ich erstelle es normalerweise größer, weil ich nicht weiß, welche Größe ich in Zukunft verwenden werde oder ob ich ein paar voreingestellte Banner habe. In diesem Fall weiß ich bereits, dass auch diese nicht so groß sind. Wenn, zum Beispiel, Ich benutze Facebook minus, wo wir Dimension der Geschichte minus als 1000, A2 von 1000. Weg. So wie das hier. Also offensichtlich, wenn ich ein Banner wie dieses habe und ich einen Hintergrund verwenden möchte, muss ich erstellen. Ich bin Background Komponente, mindestens 100.920, weil in der anderen Weise, diese Boden wird zu klein sein. Okay, So wählen Sie eine Größe für die Hintergrundkomponente. Und jetzt lasst uns zum Anfang gehen und unseren Bonus erstellen. Das sind sechshundert und sechshundert. Füllen wir es mit etwas und ein anderer wird diese ausrichten. Ok? Und jetzt wollen wir etwas Hintergrund hinzufügen, um mit einer Komponente zu essen. Ok? Ich werde eine Komponente erstellen, mit der er erraten wird. Es wird 640 sein. Das wird also 600 sein. Körpervoreingenommenheit und Armut sind okay. Und ich werde dazu führen, dass der IT-Firmenname nicht umläuft. Und danach kann ich ein Bild hier drüben kopieren. Ich werde dieses Bild von anrufen. Mein Prim hat eine Komponente und benutze sie hier. Okay, und ich kann es so skalieren, dass es meiner Größe entspricht. Sie können Ihr Bild in den Hintergrund verschieben, wie Sie möchten. Ich werde es so lassen. Ok? Und jetzt, wenn ich diese On-Boden-Komponente in meine Banner einfüge, bin ich gemahlen, um ihre Corporate als auch. Sente Farbe k zu tun. nun lasst uns den Hintergrund hier ändern. Sieh mal, ob es sich hier beim Bonus ändert. Also gehe ich auf die Bibliotheksseite und kopiere ein anderes Bild und füge es in meine Hintergrundkomponente ein. So, wie Sie sehen, funktioniert alles. Und was haben wir sonst noch? Wenn ich etwas Text oder Bilder zu meinem Minus hinzufüge, wie hier, möchte ich wahrscheinlich, dass dieser Hintergrund zum Beispiel verschwommen wird. So kann ich meinem Bauteil einen weiteren Rahmen hinzufügen , Vt. Und das ist und ich kleben es auf die Oberseite. Und jetzt kann ich es versagen und es halbtransparent machen. Anki und ich haben einige Effekte wie hier zum Beispiel, und Ben Bodengesetz. Und wie Sie dieses Bild sehen, weil ein wenig verschwommen. Also kann ich es auf 30 setzen, oder vielleicht ist es vielleicht zu viel dafür. Und wenn Sie möchten, wird dieser Hintergrund verschwommen. Sie können verschiedene Effekte auf oberirdische Ebene anwenden, um hier etwas zu tun. Aber ich denke, das sind die hauptsächlich verwendeten Effekte, wenn Sie Hintergründe erstellen. So können Sie sie benutzen. Und lassen Sie uns noch einmal überarbeiten. Normalerweise haben Sie einige Größen von denen, die Sie erstellen möchten. Sie möchten also Manieren für Google erstellen oder ein Facebook erstellen. Und Sie kennen bereits die Größen all Ihrer Banner. Wenn Sie es wissen, wählen Sie die größte, die größte Dimension und machen Hintergrundkomponente als Quadrat mit Seite gleich der größten Dimension Ihrer Waage. In diesem Fall können Sie diesen Hintergrund bei allen Ihren Banner verwenden und ohne Qualität zu verlieren. Okay, das ist es mit Hintergründen. Und wir werden eine separate Lektion darüber haben, wo Sie schöne Burgerplätze, schöne Bilder, Muster und andere Dinge für Ihren Hintergrund finden können. Wir decken es später ab. 33. 7.4 Item, Person: Artikel oder Person. Manchmal möchten Sie einen Gegenstand oder eine Person oder beide zu Ihren Trauern hinzufügen. Und schauen wir uns an, wie es geht. So erstellen Sie diese Komponenten. Wir haben zwei Beispiele. Für die Zukunft. Wir werden einen Bonus für einige zufällige Verwendung von Kohle-Instrumenten-Shop erstellen. Okay, so in der Regel sind diese Gegenstände nicht so groß, der Bonus, also das ist, warum ich in der Regel ist es genug, um eine Komponente 600 von 600 zu erstellen, eigentlich genau hier würde sehr kleinen Bonus haben, nicht sehr klein, aber nicht so groß. Deshalb haben wir eine kleine Komponente für den Artikel erstellt. Aber in meinem Beispiel werde ich sechshundert und sechshundert und wieder erschaffen. Wenn Sie also ein großes Element oder ein Objekt haben, können Sie es auch in Ihren Facebook-Story-Banner verwenden. Okay, also habe ich einen Rahmen erstellt und ich werde ihn Komponente machen. Okay, jetzt werde ich es benennen. Normalerweise verwende ich keine Schrägstriche in den Namen der Dateien, da diese verwendet werden, um separate Ordner zu erstellen, wenn Sie viele Dateien in Figma exportieren. Wir wollen das bedecken, aber ich benutze einfach keine Schrägstriche als Trennzeichen. Ich benutze so etwas anderes. Ich meine, wenn Sie wissen, was Sie tun, wenn Sie eine Menge Dateien exportieren und Sie wollen, dass sie in separaten Ordnern platziert werden. Verwenden Sie in diesem Fall die Schrägstriche, um Ihre Dateien herunterzuladen und Ihre Layer zu benennen. Aber ich werde es wie diese Person verlassen. Und ich habe zwei Bilder, die ich in meine Seeleute verschwenden möchte, dieses Mädchen und dieser Kopf fällt. Wie Sie sehen, haben beide Bilder einen transparenten Hintergrund. Dies ist sehr wichtig, weil wir diese Bilder und das Banner verwenden werden. Also müssen wir einen transparenten Hintergrund haben. Wir werden eine separate Lektion über Plugins und andere Dienste haben. Und einige von ihnen ermöglichen es Ihnen, Bilder mit transparenten Hintergründen zu erstellen. Also, wenn Sie wissen, wo Sie diese Bilder finden, keine Sorge, wir werden dies abdecken, wie Sie sie erstellen. Und natürlich können Sie solche Maßnahmen aus der Bildersuche bei Google oder einigen Stockbildern herunterladen , wie Sie möchten. Also für jetzt habe ich nur dieses Bild und ich werde das kopieren und es in diese einfügen. Ok. Okay, ich werde es kleiner machen. Und hier wir jetzt nicht so sein, ich werde es transparent machen. Und jetzt werde ich, ich werde kochen, um diese zu kleben. Und ich werde Kopien von diesen in mein drahtloses K einfügen. Stellen Sie sicher, dass sie den Boden Ihrer Gewalt berühren. Wenn Sie wissen, dass Sie wahrscheinlich Menschen in ein Minus einfügen, wenn Sie eine Hommage einfügen ist nicht nicht, das sind nicht schneiden Sie es und die Unterseite. In diesem Fall können Sie Ihre Komponenten in der Mitte platzieren, was auch immer Sie wollen. Aber wie Sie sehen, sieht das bei Menschen nicht gut aus. Wenn diese Leute nicht Platz hier in ihrer vollen Höhe oder k sind . Also haben wir diese, Ich mag das nicht sehr, weil es nicht sehr Kontrast ist und diese gehen, sieht nicht gut aus diesem Hintergrund. Also werde ich hier gehen und meine finden, lassen Sie uns diese Ebene oder Ebene nennen und es weniger transparent machen. Ich setze es jetzt auf 30 Jahre. Es ist besser. Ich mag es mehr. Es wurde mehr Kontrast. Und jetzt, sagen wir, dass wir eine Reihe von Scheunen erstellt und in Google oder Facebook hochgeladen wurden. Und jetzt möchten Sie ein weiteres Banner erstellen und Sie beschlossen, diesen Kopf Schriftarten anstelle des Mädchens zu setzen. Und in diesem Fall kopiere ich dieses Bild hier, und ich habe meine Element-Personenkomponente. Ich muss nur die Mädchenschicht unsichtbar machen. Und das Gerät ist fällig. So, machen einige Bilder unsichtbar nur, wenn Sie erwarten, dass wir, dass Sie sie später verwenden, diese Banner. Aber wenn Sie verstehen, dass Sie diese Mädchen Bild ein Mal verwenden , und Sie wollen wiederholt, in diesem Fall, eine bessere löschen diese Ebene, weil, wenn Sie eine Menge von Kopien dieser Ebenen haben, Gig betreibt alle von ihnen und es wird nur zu Fuß langsam. Zum Beispiel, wenn Sie diese Banner und die Ukraine sie immer und immer wieder haben, in einigen, irgendwann, können Sie feststellen, dass Ihre Artikelkomponente eingestellt werden kann und 20 verschiedene Bilder. Und selbst wenn sie HIV-positiv sind, sind sie unsichtbar. Figma geht mit allen, wenn Sie etwas tun, wenn Sie nach oben skalieren, skalieren, und dies wird den gesamten Prozess erheblich verlangsamen. Also, wenn Sie diese und diese Minus nicht mehr brauchen, setzen Sie und löschen Sie dieses Labor. Und normalerweise erstelle ich, wenn ich das mache , eine neue Datei. Also dupliziere ich die Datei und mache alle Änderungen und die Kopie. In diesem Fall habe ich alle meine Banner in meiner Bibliothek und ich werde alle Versionen haben. Und wenn ich mit dem Ziel zu den Banner zurückkehren möchte, muss ich in diesem Fall nur diese Datei öffnen und das war's. Also, jetzt wissen wir, wie es geht. Und für dieses Bild werde ich meinen Hintergrund zurücksetzen, weil diese Kopfhörer weiß sind und ich könnte oder eine andere Farbrampen verwenden. Oder diese, diese, zum Beispiel, diese Protokolle besser. Oder ich mache es einfach transparenter. Wieder, eigentlich, ich mag Sie sollten es wahrscheinlich hier drüben für diese Banner setzen. Aber wenn Sie nichts in Ihre Vorlage ändern möchten , verwenden Sie diese einfach. Und das sind hübsche Inhalte. Ok? Also überlegten wir, wie man verschiedene Hauptpunkte einfügt, Menschen zu Bewusstsein, wie man es mit Komponenten zu machen. Und fahren wir mit der nächsten Lektion fort. 34. 7.5 Logo: Logo. Normalerweise möchten Sie einige Login auf Ihre Bananen setzen, um sie Brenda zu machen, sobald niedrige Kuh, ist es besser, es in Figma zu tun. Zum Beispiel werden wir bereits eine Variante auf längere haben, in der Regel die Rennsumme. Wenn nicht, müssen Sie es erstellen. Es ist eine E-Mail mit einem transparenten Hintergrund. Es ist besser, eine Nebenansicht Majors für Anwälte zu verwenden. Und wir wissen, dass in der späteren werden wir ein Werkzeug verwenden wir uns der längsten. Normalerweise ist es nützlich. Horizontale Logger und vertikale Logger. Sicherlich ist dieser eine horizontale Unterkante. Lassen Sie uns also ein quadratisches Protokoll erstellen. Sofort. Um dies zu tun, lassen Sie uns einen Rahmen erstellen. Sparen wir fünfhundertfünfhundert. Und lassen Sie uns es für jetzt fühlen und kopieren Sie diese Protokolle in diesen Rahmen. Lass es uns schön und lang machen. Und wir werden dieses Bild in diesen Rahmen setzen. Das sind 8 Meter. Und k integral. Und darüber hinaus, dass man diese lernt, sieht man, dass hier etwas ist. Und du kannst zwei Dinge tun. Am einfachsten ist es, dieses Bild zu schneiden, Sie wählen es aus. Und es gibt ein Crop E-Mail Tool wie dieses und drücken Sie die Eingabetaste, das ist es. Du hast deinen Namen hier drüben. Und wir wollen dieses Bild verwenden, auch dieses Symbol. Und dieser Fall, also machen wir es davon, dass diese tatsächlich die Zeit beschneiden können . Okay. Und das war's. Nein, es ist mehr. Es ist einfacher zu bedienen. Das hier. Okay. Zum Beispiel erstellen wir ein solches Logo. Und danach können wir transparent machen, um das Ausfüllen zu entfernen. Okay, also haben wir Platz oder länger. Und sagen wir, wir wollen ein horizontales Logo mit einem exakten Verhältnis erstellen. Zum Beispiel vier zu eins. Und wir werden einen Rahmen für 100 mal 100 K alle schaffen , lassen Sie es uns verdoppeln. 800 und tschüss 200. Ok, und lassen Sie uns kopieren, fügen Sie diese in längere. Es ist hier drüben. Und passen wir ein Bild an, wenn Sie die Größe anpassen. Wir werden IT-Unternehmen machen, und wir werden es all diese nennen und es vorerst füllen. Aber richten Sie unser Bild aus, okay. Jetzt können wir die Füllung entfernen und so haben wir unsere beiden Logos und tatsächlich können Sie sie in ihrer Zukunft verwenden. Wenn du willst. Sie können diese Wörter in Zeilen in einer Schule über ein Logon machen. Offensichtlich musst du die beschneiden. Wieder einmal, Amen zwei Mal, um ein perfektes was und was klingt getrennt zu haben und sie eins und übereinander, eins auf der Oberseite des anderen zu kleben . Und wie Sie sehen, wenn wir Logger in der Einheit verwenden, wollen in der Regel Ebene diese zwei Füße und in Hintergründen haben. So wollen wir in diesem Fall zum Beispiel zu lange AS 200 von 200 und 400 von hundert, zweihundertzweihundertvierhundertbio 100 erstellen AS 200 von 200 und 400 von hundert, zweihundertzweihundertvierhundert zweihundertzweihundertvierhundert zweihundertzweihundertvierhundert . Okay, also diese Art nur Logger. Und wir können diese Logos in unseren Komponenten verwenden. Und diese Unternehmen sind auch Protokolle, aber genau diese Größe. Okay. Wahrscheinlich habe ich dieses Symbol außerhalb des Logos verschoben. Ja. Also muss ich mich bewegen und vec k. und jetzt, wenn ich dieses Logo kopiere, werde ich es tun. Das ist, ich werde es ihr und ihm um 200 K länger nennen und ich werde diese länger in meine 200 x 200 bewegen , OK. Und jetzt werde ich es tun, um diese auszurichten. Und jetzt machen wir es wieder kompetent. Wie Sie sehen, verwenden wir verschachtelte Komponenten und ich werde es halbtransparent machen. Zum Beispiel wissen 50 Prozent diese tatsächlich. Ich werde das fetale und halbtransparent machen, also möchte ich nicht, dass mein Logo transparent ist, ich möchte nur, dass sein Hintergrund transparent ist. Und ich werde Ecke um Ecken hinzufügen. Okay, damit ich diese Logos benutzen kann, meine Partner. Und ich werde dasselbe mit einer horizontalen Schnecke machen. Ich werde meine länger hineinkleben und Füße, die Größe. Danach werde ich diesen Namen nennen. Und ich werde das Gefühl halbtransparent machen und ich werde Ecken machen. Vielleicht ist es zu viel. Das ist auf k, k wie diese. Und ich werde diese länger auf seine tatsächliche Größe umbenennen, 800 und um 200 ist es jetzt okay und ich werde die horizontale Logo-Komponente machen. Wie Sie jetzt sehen, habe ich zwei Komponenten. Alle Logos, die ich auf meiner Waage verwenden kann, und ich habe halbtransparent durch Boden für sie gemacht. Also, wenn ich sie auf einem Hintergrund platzieren möchte, der laut ist, wo bunt oder sehr kontrastierend, diese semi-transparenten aber Boden speichert mein Logo von B und nicht behandelbar. Und ich kann sie auf jeden Minderjährigen setzen, dass sie Logger auf ihnen lesbar sein werden. Und lassen Sie uns eine Variante dieser horizontalen länger sein Bein diese mit einer runden Ecke machen. So wird dieses Logo oben links auf den Banner passen, weil es normalerweise leer ist von einigen technischen Icons, die von Google oder einer anderen Werbeplattform hinzugefügt. So ist dies der perfekte Ort, um Ihr Logo zu setzen. Okay, ich werde diesen Logger kopieren. Ich habe es berührt, weil ich meine neue Komponente erstellen möchte. Also, jetzt bekomme ich meine Ecken zurück auf 0 herum. Und ich werde diese Corona zum Regen bringen. Und danach werde ich den Rahmen umbenennen, zum Beispiel oben links. Und danach mache ich IT-Komponente und Gewinn. Also jetzt habe ich drei Logger für verschiedene Situationen. Wenn ich ein anderes erstellen möchte, zum Beispiel für die untere linke Ecke, wissen Sie, wie es geht. Okay? So gehen wir mit Loggern um. Wenn Sie kein Protokoll des transparenten Hintergrunds haben, müssen Sie nur das verwenden, was Sie haben. Aber manchmal ist es besser zu erstellen, um eine neue länger zu zeichnen. Sie können es in Figma tun, indem Sie Bild und eine Schriftart kombinieren, oder Sie können es in Photoshop oder wo auch immer Sie verwenden. Also, wenn Sie Logger mit transparentem Hintergrund haben, Es ist immer besser, als wenn Sie es nicht tun. Das war's mit Logos. Gehen wir zur nächsten Lektion. 35. 7.6 Text: Text. Dies ist ein sehr wichtiger Text. Dies ist, wo wichtiger Punkt, weil Alibaba wird Text wahrscheinlich haben. Mal sehen, wie es besser ist, Texte auf Ihren Banner zu erstellen. Natürlich werden wir auch Komponenten verwenden und Auto-Layout verwenden. Also jetzt mein Vorschlag ist, solche Texte Blasen zu verwenden, weil wir, wenn wir sie verwenden, werden sie universell und wir können verschiedene Hintergründe, verschiedene Bilder verwenden , und der Text wird an allen von ihnen lesbar sein. Wenn Sie sie nicht verwenden, wird es ziemlich schwierig, den Text zu setzen, die richtige Farbe zu setzen, um die richtige Transparenz und die richtige Position des Textes zu sagen. Denn wenn Sie einen komplizierten Hintergrund haben, müssen Sie einen Text an jedem Banner anpassen. Vermeiden Sie das. Wir werden diese ein Tags Blasen erstellen, die so aussehen und alles wird in Ordnung sein. Also fangen wir an. Wir werden einen Text von zwei Pfaden, eine Überschrift und die Beschreibung verwenden. Einige Projekte erfordern mehr Texte, einige von ihnen benötigen weniger Tags. Aber lassen Sie uns an diese beiden Komponenten halten, weil es normalerweise genug ist , um so alle Ihre Informationen zu platzieren und zu vermeiden, dass zu viel Text zu einem Minus. Also werden wir zuerst einige Texte erstellen. Danke, dass du gut bist. Und wir werden über den Perimysiumgebrauch schreiben. Benutzer. Bemeinte mehr. Wir zentrieren diesen Text, machen ihn lila. Ja. Wir werden es mutig machen. Oder sogar Beleg. Ja, da fett und seine Größe war so 26. Okay, gehen wir zurück und bleiben bei 36. Okay, Jetzt werden wir diese Auswahl Rahmen und Layout und fügen Teiche der Stange wird es mit 50 Prozent Transparenz füllen und machen meine Pronomen sind 20. Okay, wahrscheinlich hat dieser hier verschiedene Möglichkeiten des Musters. Schauen wir mal, es sind 20 und 30. Also lasst uns dasselbe tun, um leer zu sein. Okay, jetzt sehen sie ähnlich aus. Alle K und machen wir es zu einer Komponente. Habe ich darauf geklickt? Okay, und ich werde es Schlagzeile nennen. Jetzt werde ich mit der vorherigen Komponente erstellen und beschreiben. Ich werde diese Instanz lösen, und ich werde den Text ersetzen. Ich werde es kopieren, um es schneller zu tun. Ok. Das ist, es. Sieht gleich aus, aber das einzige, was wir haben, um Text nach links auszurichten. Wieder sieht es jetzt ähnlich aus. Und wir werden es auch Komponente machen und wir werden es umbenennen, um zu tun ist Korruption. Okay, und wir können das in unseren Umgebungen verwenden. Okay, schauen wir mal, wie es geht. Ich kopiere diese Lernenden, wähle zwei von ihnen aus und bewege mich. Ja, ich habe zwei Exemplare. Okay, und jetzt lege ich Duplikate meiner Textkomponenten in die Partner. Ich füge diese Überschrift ein und ich werde die Beschreibung wahrscheinlich einfügen. Ich muss es auf 70 Prozent Stein setzen , aber sogar 75. Okay, jetzt in der Fledermaus und lassen Sie uns diese Objekte kombinieren. Ich schicke die Schlagzeile unserem Zentrum, dann gibt es Korruption. Ok? Ich werde hier drüben mitmachen und es kleiner machen. Und du siehst, dass das Mädchen hinter dem Text steht und ich möchte vor dem Text stehen. Deshalb ziehe ich das einfach nach oben, um über Beschreibung zu sein. Und okay, es ist davor auf meiner Leinwand. Und jetzt werde ich einfügen kopieren. Sowohl diese Komponenten andere Brenner und diese Banner. Ich werde, okay, ich werde dasselbe tun wie bei meinem Beispiel. Ich werde die Überschrift senden und ich werde in der Beschreibung auf der linken Seite setzen. Und das, und es ist wie sicher ist es, Okay, Ich werde es gekoppelte Pixel nach links bewegen und ich werde Mädchen vor dem Text tragen, ich k sieht gleich aus. Und wenn Sie einen Bonus erstellen und diese Texte Blasen und Sie einbetten, um Einschränkungen zu verwenden, weil, wenn Sie einige Texte ändern, Lassen Sie uns schauen, wie es funktioniert. Ich habe diese Überschrift zentriert, also befindet sie sich in der Mitte, in der Mitte dieses Banner. Und das werde ich, und es sind Einschränkungen. Schau dir seine Einschränkungen an. Sie sind links und oben. Okay, jetzt werde ich es, und ein paar Texte hier und sehen, was vor sich geht. Die Bibel ist mehr nach rechts jetzt, weil es an der linken Ecke klebt, um dieses Verhalten dh Strom zu vermeiden. Also dieser Text und ich werden Einschränkungen dieser ändern. Danke bumble in die Mitte. Und jetzt werde ich hier mehr Text hinzufügen, oder k. und wie Sie den Unterschied zwischen zwei dieser Schlagzeilen sehen, bleibt dieser hier in der Mitte. Das hier geht nach rechts. Deshalb müssen wir es überprüfen. Und wir müssen unsere Einschränkungen festlegen, wenn wir diese Texte verwenden, Bibel an unseren Brennern. Aber wie Sie sehen, diese, danke Bubble ist immer noch nicht gut aussehen. Wenn ich etwas Text hinzufüge, werde ich dies hier in die nächste Zeile setzen. Und jetzt siehst du, dass das nicht gut aussieht. Sie überlagert diese und es sieht nicht professionell aus. Okay, zwei oder mehr, dies ist die beste Methode ist es, eine einzelne Textblase zu verwenden , die all diesen Text enthält. Um das zu tun. Sie müssen neue Komponenten auf erstellen. Ich werde diese beiden Komponenten verwenden. Zeigen Sie Ihnen, wie Sie dies tun. Jetzt mit diesen beiden Komponenten, okay? Ich werde sie lösen. Ok? Jetzt haben wir nur zwei Frames, werden die Füllung entfernen. Ich werde die Begnadigung für beide bewegen. Und jetzt werde ich einen einzigen Rahmen erstellen, der zwei ist und Texte, Überschrift und Beschreibung enthält . Eigentlich kann ich jetzt eine Komponente erstellen und der Rahmen wird automatisch erstellt. Also erstelle ich einfach eine Komponente aus ihnen und ich werde es benennen. Text, Bumble, unser k. Jetzt muss ich nur noch den Satz bearbeiten. Ich werde Auto-Layout hinzufügen. Und jetzt lassen Sie uns diese Distanz reduzieren , um für die dazwischen zu wissen. Ich werde es spüren. Ich werde Verzeihung hinzufügen? Zentrieren Sie diese Elemente in allen lassen Sie uns sagen 30. Ich werde um Ecken zu senden 30. Und für unser Modell sieht es in Ordnung aus. Wenn wir also Cij Bibles kreieren, sehen sie viel besser aus, weil sie die einzelnen Elemente sind. Und wenn wir einen Text ändern, sieht diese Panzerblase gut aus. Egal was, in der Tat ändern wir uns. Okay, bewegen wir uns länger von hier in die Mitte. Ok. Lass es in der Ecke sein. Oh, okay. Und wir werden seinen Hintergrund auf halbtransparent setzen, auf 75. Und wir werden auf diesen Begriff beschränkt, oben und Mitte setzen. Ok? Und ich kopiere Paste Dolche Bumble nach hier. Ok? Ich werde es schaffen, hier zu sein. Und ich werde Einschränkung links und vertikal zentrieren. Jetzt will ich, dass das Mädchen vor sich steht. Und die Textblase. Jetzt gehört es und gut. Und wie Sie wahrscheinlich verstehen, wenn ich einige Textzeile und meine Überschrift hinzufüge, verstehe, dass es nicht von hier geht, weil ich die Komponente berührt hatte und ich hier drüben setzen und texten sollte. Also, wie Sie den Text bumbles sehen, sehen Sie, okay, ich muss nur gehen und gehen. Und diese Brenner auf der Oberseite des Tanks Hummel sein. So können Sie tatsächlich Komponenten wie diese erstellen. Aber ich schlage vor, See hier im Beispiel zu tun, getrennte Komponenten für die Blasen zu haben denn wenn wir Gewalt in verschiedenen Formen erzeugen, jetzt werden wir die gleiche Überschrift und die gleiche Beschreibung verwenden, aber wir werden verwenden mehrere Texte Blasen, die wir sie verwenden werden. Wir können es hier sehen. So können Sie verschiedene Texte Blasen sehen, wie diese und so und so. Und sie, ich bin aus einzelnen Textkomponenten gemacht. Also ist es besser, so zu tun wie ich es hier und am Beispiel oder in anderen Bezirken getan habe. Und lassen Sie uns wiederholen, ich werde diesen Text kopieren. Benennen Sie die Länge. Diese. Verschieben Sie es hierher. Jetzt werde ich diese Textkomponente machen. Jetzt kopiere ich diesen Text einfügen. Ich werde es hierher bringen. Und ich werde es sagen und es Komponente machen. Jetzt mache ich ein Duplikat der Komponente und füge sie in meine Blase ein. Und ich entferne diesen Text. Jetzt dupliziere ich meine Schlagzeile. Ich verschiebe und kopiere diese Bumble und die vorherige. Ok? Also jetzt habe ich zwei separate Komponenten, die ich an meiner Textblase verwendet habe. Ich muss nur das äußere Layout anwenden. Ich bin mir nicht sicher, warum es aus irgendeinem Grund kaputt war. Ok. Verstehen Sie. Ich muss hier das automatische Layout anwenden. Wie Sie sich erinnern, sagte ich Ihnen, äh, wenn Sie einen Text erstellen, der woanders verwendet wird, ist es immer eine gute Lösung, Auto-Layout auf diesen Text anzuwenden. Also, wie Sie hier sehen, als ich hin und her tat, habe ich vergessen, zu diesem Layer Layout zu pflügen. Also im Moment habe ich den Text dieser Größe und meinen Rahmen dieser Seiten. Wenn ich diesem Text eine weitere Zeile hinzufüge, wirkt sich dies nicht auf meine Textblase aus, da Textblase das automatische Layout des Rahmens und nicht auf den darin enthaltenen Text verwendet . Die sehr einfache Lösung besteht also darin, meinem Frame ein automatisches Layout hinzuzufügen. So wird dieser Rahmen größer. E zwei wird die gleiche Größe wie der Text haben und alles wird bei meiner Textblase in Ordnung gehen. Okay, also hier sind wir. Und unser wird Auto-Layout auf meine Beschreibungen anwenden. Nun, tatsächlich wird es angewendet. Als ich mich änderte, ich aus irgendeinem Grund das automatische Layout in meiner Überschrift gebrochen. Jetzt kann ich diese rote Linie wieder anrufen und ich kann schon beschreiben. So haben wir es mit einem langen Weg gemacht, aber jetzt verstehen wir den Unterschied von mehreren Ansätzen der erstellen und dieser Text Blasen können Sie zuvor erstellte Objekte verwenden, zuvor erstellte Langhanteln. Sie können sie lösen und Kopien machen, oder Sie können alles von Grund auf neu machen , wie ich es hier am Beispiel getan habe. Und wie auch immer, Sie werden Ihre Textblasen erstellen und vergessen Sie nicht, Auto-Layout zu verwenden. Und in diesem Fall wird es Ihnen gut gehen. Das ist es also mit der Verwendung von Text zu unserem Bonus. Und lasst uns zur nächsten Lektion übergehen. 36. 7.7 Galtes Banner: Lassen Sie uns endlich unsere ganzen Banner mit all diesen Unternehmen erstellen, die wir zuvor erstellt haben. Also lasst uns hier gehen und lasst uns fünf verschiedene Banner für verschiedene Werbesysteme erstellen . Die erste ist sechshundert und sechshundert. Füllen wir es aus. Ok. Die zweite ist 798 mal neunmal GA. Ein anderer ist 970 mal 251 mehr, 160 mal sechshundertzweihundert, vierzig mal 400. Okay, also haben wir 51 uns. Füllen wir sie mit etwas. Wir werden einen Hintergrund erstellen. Wie Sie sehen, ist die größte Dimension dieser Banner 970. Also lassen Sie uns einen Hintergrund von sagen, 1000 von 1000 erstellen. So 1000 von 1000. Wir werden es füllen. Und lassen Sie uns ein Bild hinzufügen. Ich kopiere ein Bild aus diesem Rahmen. Ich habe es bereits, und ich werde es hier einfügen. So wie Sie verstehen, Sie besser, die große, eine wichtige Quelle Ihrer Hintergründe haben , um die gute Qualität zu haben. Rk. Und ich werde eine Komponente aus diesem Rahmen erstellen. Ok? Und klicken Sie auf OK, und nennen wir es die Tinte. Jetzt kopiere ich eingefügt und lege seine Kopie in mein Minus ein. Eigentlich muss ich all diese Banner umbenennen weil ich nicht weiß, welche von ihnen erreicht wird. Und ich werde das tun. Und das ist wahrscheinlich 600 mal 600. Oh, okay. Jetzt werde ich senden, wird diesen Hintergrund in diese Ebene verschieben. Ich werde diesen Hintergrund in diese Ebene verschieben. Und jetzt kann ich es skalieren. Zum Beispiel. Diese k kopieren fügen Sie es und fügen Sie es in den nächsten Läufer. Und ich werde es auch skalieren . Ok. Okay, jetzt habe ich alle Brenner mit Hintergrund gefüllt. Jetzt erstelle ich Textblasen. Ich werde zwei Texte erstellen und daraus Dinge blasen lassen. Das hier, das habe ich, das hier. Jetzt mache ich es zu einer Komponente und mache es Komponente. Jetzt erstelle ich eine Komponente aus Io, kopiere sie, weil ich möchte, dass diese Komponenten als Satz sein. Und ich frage mich, dass diese ein Bestandteil der Textblase sind. Es wird so aussehen. Anzeigen des Layouts. Ich werde etwas ausfüllen. Ich werde etwas Teil hinzufügen, einige Ecken und etwas Bindung. Ok. Und ich werde zentrieren. Die Elemente von R werden dies wieder an 75 senden. Und wie ich sehe, habe ich Knöpfe hier drüben platziert, weil ich will, dass sie auf meinem Barnabas erscheinen, als wären es diese Hummeln. Also, das ist, warum ich Barbel rechten Knopf jetzt erstellen. Und dann werde ich es in meine Hummeln einfügen. Also werde ich, okay, ich werde Button erstellen. Hier. Ist es. Wie Sie verstehen können, ist dies Text. Ok. Ich werde es von Grund auf neu erstellen, um es dir zu zeigen. Okay, sie hat jetzt einen Text erstellt und ihn weiß gemacht. Jetzt kann ich Komponente daraus jetzt erstellen. Also umrahmen diese Noten meine Texte. Es war nicht und höflich. Ok. Es wird angewendet. Jetzt füge ich Auto-Layout hinzu und einige schlechte in. Ich habe eine grüne Farbe gesetzt. Ich füge Schlaganfall hinzu. Setzen wir es auf vielleicht fünf. Und lassen Sie uns den Strich auf Weiß setzen. Okay, jetzt lasst uns eine runde Ecken machen, wahrscheinlich so etwas. Ich habe K und wir müssen mehr in die Wissenschaft hinzufügen. Hauptsächlich waren es 40. Es sieht ähnlich Zahl Ich denke, es geht breiter Schlaganfall. Wahrscheinlich waren es sechs Pixel. Okay, jetzt habe ich meinen Shop Now Button. Ich kann das entfernen. Also habe ich zwei Texte. Ich habe Knopf und ich werde Knopf in diese Panzer einfügen, die Bibel. Okay, in geht da weiter, weil ich Auto-Layout habe. Vielleicht werde ich weniger Platz brauchen, um es nicht so groß zu machen. Und ich denke, jetzt ist es okay. Aber ich möchte mehrere und Hummeln erstellen. Also dupliziere ich das hier. Okay, und ich habe das Blatt gestorben. Jetzt mache ich es vertikal und erstelle eine Komponente und Gewinn. Also werde ich es vertikal nennen. Und ich nenne das eine Marmorfliese. Jetzt werden wir, basierend darauf, in meine Banner stolpert. Ich verwende das hier und füge es hier ein. Machen Sie es kleiner, so. Und duplizieren. Und ich werde es hier setzen. Diese Barna. Und vergessen Sie nicht, Einschränkungen zu setzen. Hier drüben. Und hier drüben sagte ich zu zentrieren. Und wahrscheinlich kann ich diese Bumble in diese Boehner einfügen. Ich werde es kleiner machen. Und ich werde die Bumble benutzen. Dieses Grabbanner. Ich werde eine horizontale Version verwenden. Mm-hm. Ok. Ich habe diese Textblase. Sollte, sollte es nicht oben sein. Es ist in der Ich habe diese Textblase in die Band, in diese vertikalen Banner. Deshalb sehe ich es hier nicht. Ich habe es an den falschen Ort gebracht, also werde ich es ziehen und gleich hier setzen. Okay, jetzt ist es sichtbar. Und die andere Sache, die wir hier benutzen können, ist, und dann weiß ich , dass ich ein Mädchen setzen werde und eigentlich habe ich keinen Platz für sie hier. In diesem Fall kann ich die Schaltfläche sichtbar machen und den Text hier senden. Und ich kann den Button direkt in mein Banner kopieren und einfügen , um sich außerhalb der Textblase zu befinden. Oder machen Sie es kleiner und lassen Sie es hier, zum Beispiel. Und jetzt lassen Sie uns eine Vorschau dieser Banner in Pixel. Vorschau. Ich sagte ein x und setze die Skala auf 100. So werden diese Banner aussehen. Nachdem wir sie heruntergeladen haben. Ich bin in Ordnung mit all diesen Banner, außer diesem. Ich denke, das sind zwei Pixel. Der Text ist nicht lesbar. Und deshalb möchte ich eine separate Textblase für dieses Banner erstellen. Und ich werde es auf einem sehr vertikalen Banner verwenden. Kopieren Sie diese. Ich löse sie ab. Und ich werde den Text ändern. Also werde ich den Text vertikal machen. Und ich werde jedes Wort aus der nächsten Zeile hier machen. Und wahrscheinlich so etwas hier. Einige Sünde, dies und ich werden diesen Knopf etwas kleiner machen , k. und jetzt mache ich diese Hummelkomponente, und ich werde es sehr vertikal nennen. Okay, jetzt kopiere ich es und gehe zu meinem Varner. Kleben Sie es hier. Wie Sie sehen, sieht das viel besser aus. Der Text ist lesbar Mitglied nicht perfekt, aber lesbar genug für unsere Zwecke. Also habe ich gerade gelöscht, dieses Ding ist aus dem Banner sprudelt. Sehr wichtiger Hinweis ist, dass, da wir den Text in der Überschrift und die Beschreibung von diesem Punkt geändert haben, wenn ich den Text hier an meinen Komponenten ändere, hier nicht betroffen ist. Also ich Diese Texte, und wie Sie sehen, wurde es zu diesen beiden Murmeln hinzugefügt und es wurde nicht direkt hier hinzugefügt, weil ich diesen Text vorher geändert. Also, wenn ich diese Worte zu diesem Text hinzufügen möchte, muss ich es hier manuell machen. Jetzt bringe ich ihn zurück. Okay, was brauchen wir noch? Wir müssen Mädchen oder einen Gegenstand einfügen. Also werde ich einfügen, um dies zu kopieren. Sicher werde ich kopieren Paste nicht diese Komponenten und laden, ich habe einen Wechselrichterstrom, den wir hier erstellt haben. Ist es. Es ist hier drüben, ja. Nein, ist es. Ja, hier drüben, richtig? Und die Person hier. Ich löse sie ab. Und ich erstelle eine neue Komponente aus diesem Array. Okay, jetzt werde ich und Mädchen Bild einfügen. Ich kopiere es und füge es hier und mache es sichtbar. Temporär und das Ausfüllen. Jetzt werde ich weitermachen. Das Mädchen hat es ihnen gesagt. Ok. Ich denke, das ist okay. Und ich mache sie größer. K. Jetzt entferne ich das Gefühl und mache es unsichtbar. Das ist also unsere Komponente, die wir verwenden können, unsere Banner. Eine kleinere, gut dupliziert und einfügen, wo immer wir wollen. Und K, ich werde es da reinlegen. Aber wie Sie sehen, ist dies keine sehr gute Qualität. Sie geht geht in diesen Brenner. Und ich sagte auch Beschränkungen für diese Majors. Ich setze das hier ein. Hier. Wir werden in der Mitte und genau hier setzen. Und genau hier mit Martin und Zentrum. Okay, und wir haben das letzte getan und kleben es auf den Boden. Das ist auch der Boden. Okay, jetzt haben wir Majors alles raus. Größen. Wir müssen Logger auch in unseren Bonus einfügen. Also werde ich diese auch kopieren, bereits erstellt und die vorherige Lektion. Also werde ich einfach acht benutzen. Ich löse diese Instanz erstellen Komponente wieder von ihr. Und wie Sie sich erinnern, das ist, dass wir sind, bis das Logo erstellt wurde, eine runde Ecke. Also füge ich diesen Logger zu meinem Bass hinzu. Normalerweise fügen wir den Logger in kleiner Größe ein, aber um es richtig zu machen, ist es besser, 100 Zoom und Pixel Preview zu verwenden. In diesem Fall, wann neigt dazu, wenn der Logger lesbar ist, weil wir manchmal zwei kleine Logger erstellen und sie bei kleinen Größen nicht lesbar sind. Deshalb sind wir immer noch live Pixel Preview eingeschaltet. Und K wird es kleiner machen und ich werde das bewegen. Hier. Ich verlege das Mädchen. Ich denke, es ist okay. Nun, das basiert auf all diesen Brennern. Wir sind angeführt Smoothies wandern ein wenig. Dieser kleine Platz. Linke Seite war ein Pixel. Also habe ich Logger überhaupt eingefügt. Meine Mom. Eigentlich haben wir können wir auf unsere Werbesysteme hochladen. Wenn du willst. Sie können einfach alle auswählen. Und es sollte innen sein, denn wenn Sie es in der Mitte oder außerhalb tun, wird es die Größe der Banner ändern. Und wenn Sie sie auf Google, Facebook und andere Werbeplattformen hochladen , erhalten Sie einen Fehler. Setzen wir es also auf vier Pixel, und lassen Sie uns zum Beispiel eine Farbe auf unsere violette Farbe setzen . Jetzt haben wir unsere Band im Radio. Und nur um den längsten Namen überprüfen zu müssen, ist, sie zu bewegen. 12 Pixel. Weil ich jetzt älter bin. Und wir haben es nicht gezählt, als wir unsere Logos eingefügt haben. Also, jetzt denke ich, wir sind bereit, Brenner Zone als 100% herunterladen. Und ich denke, das sind sie. Ok. Und wie Sie verstehen und streicheln, um dies, aus irgendeinem Grund, Lassen Sie uns bewegen. Ich habe diesen Strich zu diesem Rahmen hinzugefügt, weil er nicht in diesen Brennern ist, also muss ich ihn hier verschieben. Jetzt ist es drinnen, okay? Denn wenn wir einen Rahmen außerhalb der Varna lassen und dann versuchen wir, alle diese Dateien zu exportieren. In diesem Fall würden der Rahmen der Band und der Rahmen des Mädchens von mehreren separaten Dateien ausgenutzt werden. Und wir wollen das nicht, und ich möchte das auch länger und ein wenig bewegen. Ok. Ich habe keinen Logger ausgewählt, sondern nur ein Bild ausgewählt. Ok. Jetzt denke ich, dass wir gut sind. Und jetzt kann ich all diese Banner auswählen, die ich erstellt habe und sie zum Experten exportieren. Ich muss hier klicken. Und ich kann das jetzt mit diesem Button exportieren. Und wenn ich möchte, kann ich ein Suffix hinzufügen, und das wird am Ende der Dateinamen hinzugefügt. Normalerweise habe ich eine Version meiner Scheunen. Denn wenn Sie viele Banner erstellen, werden Sie viele von ihnen haben und mit der Zeit wird es schwierig sein, sich unter ihnen zu orientieren. Und in diesem Fall beende ich diese Version eins, Version zwei, und es wird zu allen Banner hinzugefügt werden. Ich kann zwischen verschiedenen Formaten wählen. Verwenden Sie wirklich GIF oder JPEG. Und Sie können Ihre Dateien exportieren. Okay, also haben wir tatsächlich unsere ersten Banner erstellt, und jetzt werden wir weitermachen und sehen, was wir sonst noch tun können, um unsere Arbeit besser, schneller und effizienter zu gestalten. 37. 7.8 Bedienfeld: Lassen Sie uns unsere Dateien schöner aussehen , weil wir viele Komponenten hinzugefügt haben und sie nicht gut aussehen. Manchmal. Zum Beispiel haben wir sie hier drüben hinzugefügt und jetzt ist es ein Chaos. Und wir können einige schöne und logische Bedienfelder wie diese erstellen. Und wenn Sie es betrachten, verstehen Sie, dass dies eine Landzunge ist, das ist Beschreibung und so weiter. Um dies zu tun, werden wir auch Komponenten und äußere Layouts verwenden. Eigentlich werden wir nur alle unsere Komponenten duplizieren und sie in solche Rahmen mit den Titeln jedes Punktes setzen . Also lasst uns den ersten erstellen. Ich werde das erste erstellen und sehen, wie es aussieht. Ich werde erstellen und sein Rahmen und k so etwas zu sein , wird es fühlen. Und jetzt kopiere ich meine Bodenkomponente k, und ich werde Auto-Layout auf diesen Rahmen anwenden. Ich schicke das zur Begnadigung, bis 30. Ich schicke das hier. Und ich werde etwas Text hinzufügen. Setzen Sie den Boden zurück. Und ich beende diesen Text in, okay, in diesen Rahmen. Wie Sie sehen, geht dies nicht so , wie wir wollen, also werden wir die Richtung des automatischen Layouts ändern. Jetzt werde ich diese Trennzeichen hinzufügen. Es ist nur eine Linie. Ich erstelle eine Zeile, ich setze sie auf 0, ich setze sie ein. Und jetzt sollten Ton, vielleicht 10, vielleicht acht Pixel wahrscheinlich so etwas sein. Ich werde etwas Farbe hinzufügen. Nun, ich werde das hier benutzen. Ok. Ich bin gut damit. Und ich füge es auch in diesen Rahmen ein. Nun sagte ich den Abstand zwischen den Objekten, die vorher benannt werden sollen, hauptsächlich 15. Ja, ich verkaufe das. Und noch eine Sache mit dieser Linie, ich will, dass acht mit herum und K so sein. Und jetzt werde ich einfach die Füllfarbe ändern. Machen Sie es gelb, vielleicht 20 Prozent, so etwas. Ok. Und ich werde einige abgerundete Ecken hinzufügen. So und ich werde seine Farbe ändern sind die gleichen, dass in Richtung der Linie. Und ändern Sie einfach diese Farbe. Hier sind wir jetzt, Ich werde solche Komponenten für alle unsere Forams aller unserer Komponenten k dupliziert erstellen . Jetzt lösche ich den Hintergrund und ich werde mein Überschriftenzeichen dort stützen. Ich werde es Komponente machen. Also löse ich es zuerst und mache dann IT-Komponente. Ich benutze Hotkeys, um dies schnell zu tun. Ok. Ich werde all die Hintergründe auf diese Carolina setzen. 15 Prozent. Ok. So wie das. Lungen besser als das. Gelbe Spalte, Satz und Hintergrund. Und ich werde schreiben und Zeile. Ok. Jetzt sterbe ich betrügen und mache eine kompetente Arme. Und ich werde schreiben, Geben Sie und Tode. Korruption. Stellen Sie dann die Einstellung für ein Element vor. Und wie Sie sehen, gibt es dieses gestrichelte Rechteck um das Bild. Und das wird auch schaffen, sagen wir auch eins. Ich kann diese benutzen. Kopieren Sie es. Okay, und diese, ich werde diesen Text kopieren. Okay, jetzt möchte ich einen gestrichelten Rahmen hinzufügen, um zu verstehen, wo, wo sind die Grenzen meines Elements oder Personenkomponente zu Komponente. Wieder, wie mache ich das? Ich weiß, dass die Größe dieser Komponente 600 mal 600 ist. Also werde ich einfach einen anderen Rahmen hinzufügen und ihn darüber legen und die Grenzen machen. Also muss ich einen Rahmen erstellen, sechshundert und sechshundert. Okay, und jetzt werde ich einen Schlaganfall hinzufügen. Sag Dreh. Ich werde die Farbe ändern. Eins. Und ich werde Striche machen. Langfristig. Ja, so etwas. Und ich werde diese Einstellung draußen verwenden. Das bedeutet also, dass ich mein Rechteck habe, 600 mal 600 in diesen Rändern, so dass es keine Teile des Originalbildes abdeckt. Aber wenn ich dieses Rechteck in diesen Rahmen einfüge, wird es, Es wird nicht oben auf dem Bild sein, weil es tatsächlich könnte, aber in diesem Fall sollte es sein, es wäre innerhalb des Bildrahmens selbst. So tun wir es, es würde erscheinen und das Gleichgewicht würde erscheinen, das Gleichgewicht. In anderen Fällen haben wir das. Also, jetzt wollen wir keines dieser Verhaltensweisen. Eigentlich können wir es in den Rahmen mit Artikel Nummer eins tun, und dann verschieben Sie es hier, um die Mitte zu finden. So wie das. Aber wie Sie verstehen, sehe ich, wenn ich diese Clip-Komponente verwende, die Grenze nicht. Sofort. Es schneidet Inhalt ab. Wenn ich es deaktiviere, ist der Körper sichtbar. Und wenn ich diesen Rahmen irgendwo in Varna einfüge, erscheint er mit einer Grenze. Deshalb muss ich einen anderen Rahmen erstellen , der sowohl Rahmen als auch den Gegenstand enthält. So. Ich erstelle einen anderen Rahmen, 600 x 600 K und ich werde diesen Rahmen mit wandern über sie setzen und ihn so bewegen. Ich deaktiviere diese Option. Ich verlege die Person hierher. Machen Sie es. Die sind so, ja. Und jetzt haben wir diesen Rahmen und können ihn so in unser Menü ziehen . Okay, also hier sind wir. Also im Moment haben wir unseren Artikel, da wir nicht so geformt wurden, wie wir es vorher hatten, und wir werden einen gestrichelten Rand haben und nichts ist kaputt. Also habe ich wieder eine Komponente für ein Element oder eine Person erstellt. Und dann habe ich einen separaten Rahmen mit einem Rand um diese 600 x 600 Quadratmeter erstellt. Und ich habe beide Schichten in einen anderen Rahmen gesteckt. Und ich habe diesen Rahmen in diese Kontrolle gebracht. Also in diesem Fall sehe ich diese schöne Speisekarte und das ist sehr demonstrieren IV. Also werde ich noch ein paar Steuerelemente hinzufügen , eine für länger. Und jetzt für Knopf. Okay, lassen Sie uns hier ein Logo setzen. Lass es uns noch einmal machen. Also habe ich ein horizontales Logo. Ich habe es hier gesteckt. Dann weiß ich es. Und jeder 400 mal 100 füge ich einen anderen Rahmen für 100 hinzu. 100. Ok. Ich füge einen Strich hinzu. Eines Tages war er vorher, ich erinnere mich nicht. Vielleicht lüge ich diese ich benutze diese Option draußen und ich ändere die Farbe auf diese. Ja. Ich füge etwas Weiß als meine Kurse hinzu. Ich füge hier auch ein paar abgerundete Ecken hinzu. Jetzt werde ich diesen Rahmen bewegen , diesen. Ok? Jetzt sind die Füße, jetzt passen sie zusammen. Und jetzt wähle ich beide aus. Und unsere Zielauswahl, ich kann das duplizieren. Also jetzt habe ich diesen Rahmen, der unseren Logger enthält. Ich werde es Komponente und den Rahmen mit einer Grenze machen. Damit ich das in meine Kontrolle bringen kann. Wie Sie sehen, ist diese Linie nicht an der Stelle. Ich kann es auswählen und drücken Sie nach oben auf meinem Kambodscha und in geht so. Sie können dies in den Frames verwenden und wo Sie, wo Sie Auto-Layout verwenden. Es ist also ziemlich nützlich. Okay, und wir haben Button, ich werde Einfügen Taste kopieren, eine neue erstellen, machen es, dass ich es zu einer Komponente machen und sie hier einfügen soll. Und ich werde drücken und Pfeil nach unten. Okay, wir haben einen Knopf. Also haben wir unsere, alle, unsere Kontrollen. Und jetzt werde ich alle diese Komponenten auswählen und diese Auswahl einrahmen. Ich werde unseren Willen und unser äußeres Layout sichtbar machen. Jetzt ist dies eine organisierte unter richtig. Ich werde das schicken, sagen wir zu einem T und ich werde vielleicht 100 Polsterung hinzufügen. Machen wir es weniger, vielleicht auf 60. Ok. Ich denke, es sieht gut aus. Und wenn wir wieder Bug Boden für diesen ganzen Block auf ein Bild setzen wollen, in diesem Fall müssen wir diese Bild-Option verkaufen. Und dann muss ich ein Bild wählen, zum Beispiel werden wir dieses verwenden. Und es gibt hier einige Möglichkeiten. Wir können das 100 oder sogar zu 100 Prozent kacheln. Es wird also so aussehen. Ok. Es gibt eine Sache, die ich hier nicht mag, ist, dass all diese Formen, diese Registerkarte Aufmerksamkeit von diesen Elementen und der Text ist nicht so gut lesbar. Also, was können wir tun? Ich habe es hier getan und das Beispiel können wir Unschärfe zu diesen Elementen hinzufügen. Also muss ich alle Rahmen darin auswählen, seinen Rahmen 96. Ich wähle alle diese Steuerelemente aus. Und jetzt füge ich einen Effekt im Erdgeschoss hinzu. Und ich setze es auf, sagen wir 25 und fügte einfach einen Verlust hinzu. Jetzt sieht es aus wie ein Glas und alle Texte sind lesbar. Prader? Nun, noch eine Sache. Wenn wir unsere Komponenten für Texte erstellt haben, wissen wir, dass wir sie in Zukunft für Textblasen verwenden werden. Deshalb lassen Sie uns die Tags Blasen erstellen. Ich möchte sie jetzt erstellen, wir haben es bereits mehrmals getan, drei von ihnen. Nun, die älteren Menschen in diesem Text, es ist nicht, dass wir wollten und gehen weg. Und jetzt stellen wir uns vor, dass wir gerade diese Blasen aus unseren Komponenten erstellt haben. In diesem Fall werde ich diese Auswahl einrahmen und ein anderes Bedienfeld für sie erstellen , indem ich vollständig ausfüllte und verwende. Nehmen wir an, dass wir einige Gradienten verwenden werden. Wir werden diese Plug-Ins später abdecken. Lasst es uns einfach so lassen. Dies ist also ein separates Bedienfeld, wo wir einige Unternehmen haben , die verwenden und andere Komponenten wie verschachtelte Komponenten. Denn wenn wir Varnas spät erstellen, Es ist besser, alle diese Textbibel an einem Ort zu haben. Es ist einfach zu navigieren. Und zum Beispiel, wenn wir verstehen, dass wir keinen Rahmen, eine Komponente, eine Textblase für einige, für einige unserer Banner haben, können wir es direkt hier erstellen. Und wir wissen, dass es hier zum Beispiel gehen wird, wollen wir, ich weiß nicht, diese Elemente mit einem anderen Weg kombinieren. Zum Beispiel wollen wir Taste und Beschreibung kombinieren und sie trennen. Ich muss diese Textblase zuerst lösen. Jetzt möchte ich über und Beschreibung auswählen. Ich habe diese Auswahl gerahmt und ich erstelle ein äußeres Layout für sie und mache es horizontal. Zum Beispiel möchte ich diese Texte barbel, ich werde nennen, es ist nicht bumble. Horizontal zu ich weiß es nicht. Und machen Sie IT-Unternehmen. Also in diesem Fall habe ich eine andere Panzer Bibel und ich weiß, wo es ist und wo ich es kopieren und alles ist in Ordnung. Natürlich, wenn ich diesen Marmor aus einem Bilayer verwende, geändert, es ist schlecht in ich werde mehr Polsterung an den Seiten hinzufügen. Sogar jetzt sieht es nicht so gut aus. Aber zum Beispiel möchte ich, dass ein Text hier so ist. Und jetzt, wie Sie sehen, sieht es OK aus und Sie können solche Blase in Ihrem Bonus verwenden. Lassen Sie uns also den ganzen Abschnitt überarbeiten. Wenn wir Banner erstellen wollen, müssen wir wissen, welche Komponenten wir dafür verwenden werden. Für sie. Wir werden Schaltflächen verwenden, die Texte, Blasen und Hintergrundbilder verwenden. Bilder mit Menschen, mit Objekten, mit unseren Waren oder so. Und wir kombinieren alle diese Objekte in Komponenten, dann ist es eine gute Praxis, alle diese Komponenten in Steuerungen zu platzieren, in einer Systemsteuerung. Und wie bei diesen weniger als und danach werden wir die Komponenten erstellen und unsere Verzerrung in diesem Fall verwenden. Und am Ende haben wir all diese Komponenten an einem Ort. Wir können hier etwas ändern und wir können eine Menge erstellen, viele Banner dort drüben und alles ist klar. Das ist also eine gute Übung für Sie. Ich hoffe, dass Sie es genießen werden und Sie werden es verwenden. 38. 8.1 Google Banners Einführung: Und es wurde schließlich auf Google Voreingenommenheit verschoben. Und in diesem Abschnitt werden wir lernen, wie Sie sie erstellen, wie Google Display-Anzeigen erstellen, wie Google ansprechende Display-Anzeigen erstellen will Firenze zu tun, wie zwei ist sie. Wir werden lernen, wie Sie 20 Prozent des Textes bei Ihrer Banner Beschränkung vermeiden können. Wie man vertikale, murmelte Bananen erstellt. So führen Sie A B-Tests auf Ihren verschiedenen Wireless-Geräten durch. Also lasst uns gehen und sehen, wie man Google-Banner zum Üben erstellt. 39. 8.2 Google Display-Anzeigen: Google-Guthaben, bekannt als Google Display-Anzeigen. Schauen wir uns an, wie man mit unserem Wissen viel Balance schafft. Zuerst werden wir ein Bedienfeld erstellen, um all diese Komponenten in unseren Banner zu verwenden. Will hat es schon vorher getan. Also wollen wir eine Wiederholung, wir werden einfach dieses Bedienfeld verwenden, das ich vorher erstellt habe. Und wir werden all diese Komponenten in diesen Bonus verwenden. Also lasst uns anfangen, ein A-Minus und eine niedrige Kuh in NGOs zu erstellen. Wir haben 23 verschiedene Formate hier und wir werden alle erstellen. So zu tun, werden diese viele Rechtecke aller notwendigen Größe machen. Wir können die Magnolia oder eine nach dem anderen mit Frame Tool erstellen. Beginnen und enden Sie mit 200 von 200. Und mehr als von einem zum anderen. Aber um es einfacher zu machen, habe ich voreingestellte Frames und die Bibliotheksseite erstellt, und ich werde sie kopieren und in unseren Arbeitsbereich hier einfügen. Also ich k Jetzt haben wir alle diese 23 Formate dann entsprechend ihren Größen benannt. So können wir unser Minus schaffen. Okay, und zuerst fügen wir den Hintergrund hinzu. Wird eine Komponente übertragen und diese Komponente in unseren Sprachgebrauch kopieren. In jetzt haben wir alle Banner Feld mit unserem Hintergrund. Und lassen Sie uns etwas anderes hinzufügen. Wir fangen damit an. Fangen wir mit länger an. Dies ist länger für reaktionsschnell wie wenn diese eine länger oder unsere regelmäßigen Display-Anzeigen für unsere Partner. Und das ist fügen Sie es ein. Also jetzt sind wir mit den längsten fertig und wir werden tatsächliche Weltvorschau diese Logos erstellen , um zu sehen, ob sie in unserem 100% in Ordnung aussehen, um mit der Pixel-Vorschau zu skalieren. Sagen wir also 100%. Und ich drehte auf rosa einige Vorschau. Und schauen wir uns alle unsere Formate dieser Arbeit hier an. Fangen wir mit dem Kleinsten an. Eigentlich gibt es Logger nicht gut fließt, aber vielleicht ist es unter der rechtlichen Bedeutung. Also wahrscheinlich ist dies die kleinste Größe, die wir verwenden können, ohne Qualität zu verlieren, wird 24 Pixel Höhe. Also wahrscheinlich müssen wir diese Logos von diesen beiden Läufern entfernen , denn wenn ich diese Variante einfüge, braucht es zu viel Platz. Wir haben keinen Platz für unsere Word-Tags, Baumol oder Bilder. Also entferne ich das längste von diesen Banner und schauen wir uns andere Formate an. Das hier ist auch zu klein, aber ich werde genug Platz und dieses Banner haben. Und wahrscheinlich haben wir genug Platz und diese kleinen. Also werde ich diese Lingo Longus machen. Und ich denke, wenn gut mit all diesen Lamas, vielleicht auch diese beiden kleinen, also ersetze ich sie durch, allein zu sein. Okay, löschen. Okay, jetzt haben wir alle Logos und ihre Plätze und wir können unsere Textblasen hinzufügen. Ich habe Logger zuerst beendet, weil ich wissen möchte, wo mein Logo ist, bevor ich Textblase dort drüben einfüge. Es wird schneller sein. Oh, das ja, es sieht gut aus bei 100%, der Text ist wenig. Es ist nicht so Stimmung vielleicht in Slido Pixel. Lassen Sie uns also versuchen, die Schriftart oder weniger fett auf Wrangler zu setzen und sehen, was bei 100% passiert. Es ist immer noch nicht sehr flink genug, also lassen Sie uns etwas Qualitätsvertrauen hinzufügen. Mein Krankenwagen macht es schwarz. Ok. Es ist besser bekannt, aber es ist immer noch nicht zuverlässig genug. Okay, in diesem Fall können wir es etwas reduzieren. Also werden wir diese Weise mit auf LI-Tags verlassen, bumble ohne Bild. Und weil die kleinere Mama nicht lesbar ist. Okay, hier ist es. Und ich werde verschiedene Symbole für andere Banos verwenden. Vertikaler Marmor. Für eine vertikale Bar Besitzer, gibt es drei von ihnen. Das hier, das hier. Das hier. Wir werden unsere horizontalen Murmeln zu unserer Horizontalen hinzufügen. Formate. Ich werde diese zuerst graben und wir verwenden es in drei Formaten. Es ist eigentlich bei vier von ihnen. Oh, okay. Und jetzt werden wir und die horizontale verbale sagte der Rest der Formate hilft. Ich werde diese kopieren, danke, murmeln horizontal und fügen Sie sie in die Formeln ein. Und wie Sie sehen, sind diese Hummeln zu groß für diese mobilen Formate. Also werde ich nur Text ohne Martin oder K. Ich werde auf Überschrift und einen Knopf leben , und ich werde Beschreibung unsichtbar machen. In diesem Fall. Ich habe Platz für diese Bibel. In anderen Fall, der Hausbesitzer eine Variable und tatsächlich beschlossen, diesen Logger als auch zu entfernen, weil es besser ohne es sein wird. Und wir können unsere Dankesblase zentrieren und es sieht gut aus. Also runter mit den Etiketten, Bibeln, und gehen wir zu unserem jungen Mädchen. Und dann müssen wir den Artikelnamen acht Personen-Komponente finden und es in alle Formate einfügen, außer einigen von ihnen, die wir beschlossen haben, ohne diese Person zu leben. Richtig. Und jetzt sind wir fertig mit Basis 10 Person zu unserem Wahnsinn. Und eigentlich sind wir bereit und wir können all diese Banner herunterladen und sie auf Google-Anzeigen hochladen. Und lassen Sie uns alles überprüfen. Wieder mal. Ich sagte, 100% skalieren und schauen, wenn alles gut aussieht. Okay, die Logger kleinen blauen Bereich, sogar jetzt, aber ich denke, es ist okay. Und wir können diese Banner in Google-Anzeigen platzieren. Und wahrscheinlich Leute, wir werden verstehen, was wir wollen. Vielleicht werde ich diese Biomarker machen und da sein, weil Text zu klein ist. Normalerweise habe ich versucht, mehr Raum zwischen Grenzen und Marmor zu lassen, aber der Text ist wirklich klein, also werden wir den ganzen Raum einnehmen, den wir haben. Aber wir werden nicht lesbar minus, okay? Sieht so aus, als wäre alles lesbar. Und jetzt noch eine Sache ist es, Einschränkungen für die Zukunft zu setzen. Und weil wir eine Vorlage erstellt haben und wir nicht jedes Mal so viel Zeit verbringen wollen , dass wir diese Banner erstellen möchten und wir diese Vorlage erstellen, dann ändern wir etwas und wir erhalten eine neue Version dieser Banner. Damit es funktioniert, müssen wir Einschränkungen für alle unsere Tags, Blasen und für unser ganzes Bild festlegen . Und unsere Komponenten. Eigentlich sind Bildkomponenten nicht so wichtig. Und weil wenn Sie hier alles richtig auf der Komponente basieren, und wenn Ihre Majors nichts überschreiten, wird alles in Ordnung sein, aber Tags, Bibeln und definitiv ihre Position ändern, wenn wir unsere Einschränkungen nicht verwenden. Also Objektiv und gehen Sie hier und setzen Sie unsere Einschränkungen. Es wird mehr Zeit Zentrum sein. Das wird nicht ganz oben in der Mitte sein. Dies wird auch oben in der Mitte führen. Das ist Tops und reist herum. Und dann werden wir, wir werden so K sein, Diese werden ups sein. Und das werden pum, pum, pum, pum, linke Mitte sein. Diese werden auch die linke Mitte sein. Diese werden auch in der Mitte gelassen. Eigentlich können wir es 25 machen und wie zu sein ist. Diese werden ganz oben in der Mitte sein. Ist es in der Mitte? Ja. Dope-Zentrum. Oben mittig, oben in der Mitte. Also alle vertikalen Formate haben Ausrichtung oben in der Mitte, weil wir wollen, dass diese Bumbles dieses Zentrum vertikal beneiden. Wenn wir Samson und diese Banner hinzufügen, und wir verwenden normalerweise linke Mitte oder rechten Cent. Also hier ist links, Mitte, hier ist von einem männlichen linken Zentrum, rechts Mitte. Diese werden in der Mitte liegen. Also schaue ich mir nur an, welche Elemente ich nicht mit meinem Text Baumol überlagern möchte. Zum Beispiel möchte ich bei diesem Bild nicht, dass das Mädchen mit der Textblase überlagert wird. Deshalb habe ich gesagt, richtige Zwangslage. Das heißt, wenn ich einen Text ändere, dieser Abstand zwischen dem Rahmen und bleibt dieser Abstand zwischen dem Rahmen unddem Rand der Bibel gleich. Und in diesem Fall, wenn ich etwas Text hinzufüge, wird MyText Bumble nach links gehen und es will das Mädchen überlagern. Deshalb benutze ich diese Einschränkungen und diesen Fall und es gibt einen so großen Unterschied, aber wir werden sagen, dass es direkt von links kommt und weil es näher am Lager ist als an den Mädchen, also wollen wir nicht, dass es mit Lager verwirrt. K von diesen wird nicht veer. Links verschickt. Das bleibt verschickt. Dies wird geschehen, sagen wir den großen Unterschied, lassen Sie uns setzen, in Ordnung, Mitte. Und es geht wahrscheinlich als Mädchen. Wenn wir das Mädchen überlagern, sieht es nicht so gut aus. Aber wenn wir mit einem Logo überlagern, wird das Logo völlig unlesbar sein. Also änderte ich meine Meinung und stellte es auf die linke Mitte. Ok. Ich schicke die nach links, denselben Terror auch. Und diese beiden linken Mitte auch. Okay, und meine kleinen Formate werden auch eine linke Seite haben. Ok. Diese sagte Art seltsam links Santa und diese haben, weil Jains Zentrum, Zentrum. Oh, okay. Also jetzt setzen wir alle Einschränkungen für unsere Texte bumbles und diese Bergarbeiter, Luke Staude K, um sie hochzuladen. Es gibt noch eine Sache, die wir tun können. Wir können diesen Banner etwas Wasser hinzufügen. Und tatsächlich gibt es hier etwas wandern, aber wir können es auf 20 Pixel setzen und es schaffen. Ok. Ich mache es violett. Ist es? Ja, das ist das Gleiche. Also haben wir ein Warner's erschaffen. Lass es uns ein wenig transparent machen. Okay, und setzen Sie es auf drei bis vier Pixel. So ist der Körper bei allen Formaten deutlich sichtbar. Und wir können diese Seeleute benutzen. Sieht es hier in Ordnung aus? Nicht so schlimm. Ich glaube, das ist es. Ok. Und lassen Sie uns alle diese Frames exportieren und die X-Taste drücken. Und sagen wir, spielt sie in diesem Ordner und drücken Sie Speichern. Aber Figma sagt mir, dass ich Varnas mit solchen Namen bereits in diesem Ordner habe. Also lassen Sie uns so tun, als wäre dies meine zweite Version unserer Dateien. Alles lassen Sie uns tatsächlich machen es die zweite Version, Lasst uns etwas ändern. Hier. Zum Beispiel möchte ich meine Überschrift ändern. Ich möchte BI Premium Musikinstrument schreiben. Nun, das ist ihre Sicht auf die Brenner. Wie gesagt, wenn ich diese Decks erstellt, Blase ein geändert einen Text vertikal zu sein. Und deshalb hat sich der Text in diesen Murmeln nicht geändert. Also muss ich es manuell ändern. Ich gehe zu meinen Tags und Bumbles und ich suche nach diesem. Und ich werde den Text malleolus ändern, so werden wir BI schreiben, Premium-Musikinstrumente von k. nun wollen wir sie Bonus noch einmal überprüfen. Okay, ich denke, wir sind gut. Die einzige Sache ist, dass, wie ich sehe, unsere Grenze den Logger überlagert. Also möchte ich, dass ein Logger ein wenig mehr Abstand auf der linken Seite hat. Also werde ich es erstellen und zu meiner Logo-Komponente gehen. Und ich werde das Bild etwas kleiner machen. Und ich werde es mehr nach rechts setzen. Okay, ich denke, das wird alles in Ordnung sein. Und jetzt lasst uns den Vektor R1 von anderen bekommen. Und jetzt sehe ich, dass meine Grenzen kein Logo überlagern. Also bin ich gut mit diesen Banner. Und lassen Sie uns sie exportieren. Und das ist die zweite Version meiner Minderjährigen. Also werde ich dieses Suffix ops V2 hinzufügen und exportieren. Ich exportiere dieses Guthaben in denselben Ordner wie zuvor für dieses Beispiel. Aber normalerweise erstelle ich separate Ordner, einen Ordner für Version 1, 1 Ordner für Version 2 und so weiter. Aber dieses Beispiel ist speichern Sie alle diese Dateien, schreiben Sie sie. Und wie ich bereits sagte, wenn ich verschiedene Versionen meiner Banner erstelle, erstelle ich separate Figma-Dateien. In diesem Fall habe ich verschiedene Dateien meiner Banner in meiner Bibliothek. Und ich kann immer zurückgehen und sehen, was ich vorher erschaffen habe. Und ich kann es wiederverwenden, ändern oder duplizieren. Und so erstelle ich jetzt ein Duplikat meines Stapels. Es ist ziemlich groß. Deshalb dauert es einige Zeit, um es zu duplizieren und Sie müssen eine Weile warten. Ok. Es steht also ein Copia und wenn es eine Datei mit meinem Bonus wäre, würde ich es v2 nennen. Es würde sagen, Läufer für Google für ein Projekt, Version zwei. Es hängt also davon ab, wie Sie Ihre Dateien benennen. Also, das ist essen mit unserem Google-Bonus. Wir haben sie alle erschaffen. Und in der nächsten Lektion werden wir schauen, wie Sie einige Tipps zu einigen der Formate verwenden. Und dann werden wir die Antwort von Display-Anzeigen für Google sehen. 40. 8.3 Vertical: Tiefen für vertikalen Bonus. Wir haben bereits einen speziellen Text Blasen für sie mit jedem Wort aus einer neuen Zeile gemacht. Also diese Blasen langsam, schauen Sie sich vertikale vier Monate an, weil wir sie größer machen können. Es gibt noch andere Tiefen. Wenn Sie beispielsweise zu viel freien Speicherplatz an Ihren vertikalen Balken haben, können Sie Element oder Person duplizieren und es größer und halbtransparent machen. In diesem Fall wird es wie eine Art von Reflexion Ihres Artikels aussehen und manchmal sieht es gut aus. Lassen Sie mich Ihnen das zeigen. Eigentlich wird dies an diesem Beispiel gemacht. Es sieht also so aus, wie eine Art Reflexion. Und um es zu tun, müssen Sie nur Ihre Person Element Schicht duplizieren, nehmen Sie die, die hinter ist, machen Sie es so oder sogar Vene. Und es gibt eine Person. Ok? Wir werden es so platzieren und es machen, sagen wir 25 oder 35, so etwas. Diese fügen diesen Banner etwas Dynamik hinzu und sie sehen nicht so aus, als gäbe es jetzt zu viel Freiraum und wir wussten nicht, wie wir es füllen sollen. Und schauen wir uns an, wie es mit einem anderen funktioniert. Zum Beispiel das Kopfhörertelefon. Für einen Kopfhörer wollen wir wahrscheinlich, dass er so weniger transparent ist. Okay, also funktioniert es auch, aber mit dem Kopfhörer und es gibt zu viel Platz in der Mitte, ich bin wahrscheinlich, wir wollen sie ein wenig bewegen, so etwas. Eigentlich kann ich das gleiche mit einigen horizontalen oder Formaten tun, aber normalerweise sind sie mit dem Inhalt beschäftigt. Und diese Periodenräume erscheinen im vertikalen Gleichgewicht. Okay, lassen Sie uns unser Mädchen wieder auf die Brenner setzen . Ok. Es gibt eine Nonce und gehen, Mal sehen. Das ist ein anderes Bild. Und wie ich bereits gesagt habe, Sie wetten, löschen Sie diese ungenutzten Bilder aus Ihren Komponenten. Wenn Sie nur eine Datei für einen einzelnen Satz von Banner für eine einzelne Version haben und sie immer ersetzen. Denn wenn Sie unsichtbare Bilder hinzufügen, machen Sie sie unsichtbar. Sie werden immer noch von Figma verarbeitet. Es verlangsamt Ihre Akte. Und in unserem Fall lasse ich sie einfach fallen, um dir zu zeigen, wie das funktioniert. Okay, dann, und es gibt noch einen Tipp für radikalen Bonus. Manchmal sehen die Knöpfe auf ihnen zu klein aus, wie auf diesen gewann den Fall. Sie können einfach die Schaltfläche aus der Textblase Beispiel verschieben, legen Sie sie separat. Und ich werde es zentrieren. Und ich werde so etwas kleiner machen . Und ich mache Button in diesem sichtbar. Es sieht also in Ordnung aus, aber die Taste ist, wenn Ihre Uhr Sie in einer 100-prozentigen Skala gewesen. So können Sie das gleiche mit einigen dieser Bonus tun. Dies sind also einige Tipps für vertikale Banner für Google-Anzeigen. 41. 8.4 Mobile Banner: Tiefen von oben. Und hier sind einige Tipps über Balance als auch. Ich nenne mobile Bananen drei Formate, 320 mal 100, 320 mal 50 und 300 mal 500. Letztes wird in der Regel in mobilen Apps platziert. Also hier sind diese vier Monate. Und was können wir mit ihnen machen? Eine Option ist es, weniger Text auf ihnen zu erstellen bereits getan. Also haben wir die Beschreibung aus den Texten Blasen verschoben. Und jetzt sind diese Banner lesbar genug. Aber es gibt einen weiteren Hinweis, den ich noch nicht gezeigt habe. Und Google ermöglicht es Ihnen, doppelte Bilder für diese 34 Monate zu applaudieren weil sie bei hochauflösenden Displays moderner Smartphones besser aussehen werden. So können Sie tatsächlich doppelte Größe Banos erstellen. Es, sie werden seit Familie 40 durch 200 sein. Ein anderer wird 440 von 100 sein, oder 600 mal 100. Okay, also können Sie diese drei Formate verwenden, aber es gibt eine wichtige Notiz. Sie können Dennys Majors nicht applaudieren. Drei, diese Bilder über Google Ads Editor. Sie wissen wahrscheinlich, dass wir hinzufügen Editor ist eine Software, die Sie auf Ihrem Desktop zu einer Parade installieren, werden wir einige effizienter hinzufügen. So zählen Sie, laden Sie diese doppelte Größe die Majors über dieses Tool, Sie müssen zu Ihrem Web-Interface gehen und öffnen Sie Ihre Anzeigen, die App, und laden Sie Ihre Bilder direkt dort. Also in diesem Fall werden sie finden und Sie werden Ihre Bilder mit einer viel besseren Auflösung für moderne Smartphones haben . Das sind also Tiefen für Ihren mobilen Bonus. 42. 8.5 A/B: Das Tolle an der Verwendung von Komponenten in Figma ist, dass Sie sie beliebig kombinieren können , damit Sie so viele Banner erstellen können, wie Sie wollen. Es gibt zwei Hauptvarianten, um Bonus für AB-Tests zu flechten. Die erste ist, P Ihre ursprüngliche Datei aufrufen, etwas ändern und neue virtuelle Balance erstellen oder alles erstellen und, und eine sehr neue Variante Bonds erhalten. Die andere Möglichkeit besteht darin, eine Vorlage zu erstellen, in der Sie einige Elemente Ihrer Bananen testen können. Von Anfang an. Wir werden beide Methoden abdecken und schauen wir uns sie an. Der erste ist sehr einfach. Wenn Sie also Ihre Bananen erstellen, rufen Sie einfach PEA an oder duplizieren Sie Ihre Datei. Du öffnest einen neuen, benennst ihn mit der neuen Version und änderst deinen Bonus in was immer du willst. Für den Fall, dass Sie es haben. Du hast eingereicht. Hoffnungen. Und ich werde zum Beispiel von V3 erstellen . Ich habe die Version am Anfang der Datei gesetzt, damit sie hier besser sichtbar ist. Okay, also habe ich diese Datei erstellt und jetzt verstehe , dass die Änderungen, die ich die Listendatei machen werde, ich sie immer darin finden kann. Dies ist sehr nützlich, denn wenn Sie eine einzelne Datei wiederverwenden, wird es schwierig sein, einige Versionen wiederherzustellen, die Sie vor einiger Zeit erstellt haben. Mein Vorschlag ist also, wenn Sie einen anderen Satz von Wireless erstellen, erstellen Sie immer eine neue Datei für sie. Und Sie werden nur eine Menge Dateien in Ihrem Figma-Konto haben. Aber es ist in Ordnung. Der Vorteil dieser Methode ist, dass Sie Ihre Datei immer finden und sehen, was ihre Änderung etwas war, wenn Sie brauchen. Und wenn Sie immer wieder eine einzelne Geldstrafe ändern, wollen Sie das tun können. Ok? Und die andere Möglichkeit, einen B-Test durchzuführen, besteht darin als Satz von Bonus mit verschiedenen Elementen jetzt in einer Vorlage zu erstellen. Schauen wir uns an, wie man das macht. Ich werde die Vorlage für Google-Anzeigen öffnen und Sie haben auch eine Kopie. Und wie Sie hier können, gibt es einige potenzielle Panel und es gibt drei Versionen von Texten. So ist diese Vorlage verantwortlich für eine, B, C, Prüfung von verschiedenen Texten wie bei Ihrer Bio. Also gehen Sie hier einfach das Bedienfeld und es sagt, geben Sie die Landzunge ein und Typ von LNB, geben Sie die Schlagzeilen ein, sehen Sie. Und Sie können hier Ihre Schlagzeilen und die Stellenbeschreibungen schreiben. Aber der Spitzenanteil wird für alle Volumina gleich sein. Also, wenn du etwas ändern willst, ersetze ich ein Mädchen geboren. Xing geht zu allen Buttons und dann habe ich all diese Formate. Ich will sie nicht und führe AB-Tests mit ihnen durch. Der Vorteil dieser Methode ist, dass sie bereits für einen schlechten Geschmack voreingestellt ist. Und ein paar kontinentale Kalbsscheunen, einige dünn oder wie ein Text. Weil es eine gute Möglichkeit ist, etwas auf den verlassenen, aber nicht die ganzen verschiedenen Flaschen zu testen . Vor allem, wenn Sie Ihre Kampagnen für eine lange Zeit ausführen. Mein Vorschlag ist großartig und sehr unterschiedliche Banner am Anfang, sie können völlig anders sein, um zu verstehen , welche von ihnen besser für Ihr Publikum funktionieren wird. Aber wenn Sie sie finden, danach ist es besser, einige Elemente Ihres Bonus zu erstellen, um bessere Ergebnisse zu erzielen. Denn wenn Sie alles ändern, was Sie wollen, in der Lage zu wissen, was genau brachte Ihnen die Ergebnisse. Okay, das sind also zwei Varianten, zwei Möglichkeiten, um Ihre AB-Tests durchzuführen. Sie können sie kombinieren, wenn Sie wollen. Sie können Ihre eigene Vorlage erstellen, zum Beispiel mit verschiedenen Hintergrund-Majors, für verschiedene Varianten und so weiter. So kannst du sowieso damit herumspielen. Sie haben Zugriff auf unsere Akte über Figma aus der Wissenschaft. Sie haben Zugriff auf diese Datei und zählen und sehen, wie sie funktioniert. Eigentlich werden wir es näher an diesem separaten weniger als K betrachten, einen großen Bonus erstellen und wir werden zur nächsten Lektion übergehen. 43. 8.6 Google Responsive Banner: Responsive Display-Anzeigen. Wir kamen zu einem der wichtigsten Formate der Online-Werbung gerade jetzt ist responsive Display-Anzeigen von Google als das Gegenteil zu unserer ursprünglichen Bindung von Display-Anzeigen. Und Google hat ein Format erstellt, das automatischer verwendet werden kann. Und sie kombinieren verschiedene Größen von Bildern und Texten, um die besten Plätze in ihrem Inventar zu ernähren. Und Google kombiniert verschiedene Varianten von Bildern, Texte, um die Slots im Inventar zu füttern. Und es kann besser aussehen als nur diese Bündel, weil es sich an den Seiteninhalt anpassen kann, an den Inhalt der Platzierung, wo wir platzieren, platziert Ihre Varnas. Zu diesem Zweck haben sie reaktionsschnelle Display-Anzeigen erstellt. Und was musst du erschaffen? Sie können Bilder mit diesen Verhältnissen und zwei Logos mit diesen Verhältnissen hochladen. Und Sie schreiben Ihre Schlagzeilen und Beschreibungen. Und Google wird alles kombinieren, um die besten Ergebnisse zu erzielen. Es gibt eine Regel, dass Sie nicht mehr als 20 Prozent der Texte auf diese Bilder setzen können. So Texte, Texte müssen weniger als 20% dieser Bilder abdecken, einschließlich Logo auf diesen Majors. Ich meine, dass Sie so viel Text haben können, wie Sie wollen, an diesen Logos. Dies sind Dateien, ein separates Logo-Dateien, die Sie Google Ads als separate Dateien hochladen. Aber wenn Sie zu diesen Bildern gehen und Sie Ihr Logo auf diese Reste setzen, zählen diese Logos insgesamt 20 Prozent Grenze für das gesamte Bild. Also werden wir diese beiden Formate haben. Ich beginne zum Beispiel mit sechshundertsechshundertneunundneunzig, irgendwie 55 mal 500. Oder Sie können es verdoppeln und zum Beispiel einhundert, zehnhundertzwanzig in 1020 und 1, 0, 0, 0, 0, 0, 0, 90, zehn mal 100 erstellen zum Beispiel einhundert, zehnhundertzwanzig in 1020 und 1, 0, 0, 0, 0, 0, . Und das werden größere Dateien sein, aber ich werde diese kleineren Versionen erstellen und sie werden sechs mal 600 gehen. Und ich werde alle Komponenten verwenden, die wir zuvor in unseren Display-Anzeigen verwendet haben. So sind die meisten der Hintergrund auf, dass und fügen Sie es in meinen Partner. Nun, kümmert sich, welche zwei Füße? Ok. Skalieren-Werkzeug. Und ich werde alle Elemente kopieren, wie ich es vorher getan habe. Also kopiere ich diese Komponenten einfach von hier aus, weil ich sie bereits skaliert habe und wir keine Zeit damit verbringen müssen, zu betrachten, wie ich all diese Elemente skaliere. Also kopiere ich sie einfach. Diese Ion das gleiche Element, das ich zuvor hatte. Nun, es gibt eine weitere Sache, die Sie wissen sollten und Lastkähne verspottet, wenn Display-Anzeigen ist , dass Google nicht erlaubt, Schaltflächen auf diesen Bonus zu verwenden, manchmal geben Moderation und unwohl, aber in der Regel tun sie nicht. Deshalb habe ich Knöpfe unsichtbar gemacht. Und diese Etiketten, Bibeln. Also diese Tasten sollten Moderation leicht Rätsel. Und wenn ich Buttons hier lasse, wird Google wahrscheinlich diese Bilder ablehnen. Also tatsächlich, hier haben wir unsere Dateien und wir können sie in unseren Google-Anzeigen verwenden. Es gibt zwei weitere wichtige Dinge. Eine ist, wie Sie 20% des Textwerkzeugs vergeben und eine andere ist, wie Sie vermeiden Zuschneiden Ihres Bildes. Und Google sagt, dass es nicht bis zu 5% Ihres Bonus von jeder Seite. So zu tun, um dies zu kontrollieren, Ich habe solche Rechtecke erstellt, die 50 Prozent von jeder Seite. Und Sie verstehen, wenn Sie einige wichtige Informationen in diese Bereiche einfügen und sie könnten geschnitten werden. Und um sie zu erstellen, können Sie Rechtecke erstellen. Also, wenn ich diese Bindung habe, 955 mal 500, und Sie müssen ein Rechteck erstellen, vertikales Rechteck, das 50 Prozent dieser Breite ist. Eigentlich weiß ich nicht, wie breit es ist, also werde ich diese Felder verwenden, um es zu berechnen. Also habe ich gerade 955 geteilt durch 20 basiert, so dass es 5% sein wird. Und Figma berechnet das für mich. Und ich habe 500 hier, weil ich weiß, dass die Höhe meines Varna 500 ist. Jetzt ändere ich die Füllung von Volumenkörper zu Bild. Und ich bin glücklich mit diesen Stühlen. Ich ändere es einfach in Kachel. Vielleicht setzen wir es auf 75 Prozent und machen es 35 Prozent der Kapazität. Nun, ich kopiere es auch und ich lege es über die Bindung auf diese und diese. Jetzt kann es alle diese Rechtecke bekommen und sie vereinen. Also habe ich diese Union und habe diesen Rahmen, wo ich überprüfen kann , ob meine Banos Füße 5% beschneiden. Als ich diese Datei erstellt habe, verstand ich, dass mein niedrigerer Graph beschnitten wurde. Also war diese Ikone irgendwo hier und ich habe es einfach nach rechts verschoben. Jetzt ist es wieder und der Logger wird von diesen 50 Prozent beschnitten. Ich werde diese Vereinigung einfach von Quadrat eins kopieren und sie einfügen oder sagen. Okay, es wurde von hier geklebt. Na ja, okay. Nun, stellen Sie es oben. Also jetzt sehe ich, welcher Bereich von Google begrapscht werden würde. 44. 8.7 Die 20 % der Text: Google hat eine Regel, die Sie nur für Ihr ansprechendes Display gemacht haben. Anzeigen sollten nicht mehr als 20 Prozent des Textes enthalten. Das bedeutet, dass Sie, wenn Sie ein Bild für Ihre reaktionsfähigen Display-Anzeigen haben, sicherstellen müssen, dass nicht mehr als 20 Prozent jedes Bereichs mit dem Text gefärbt werden. Wenn Sie also ein Bild für reaktionsschnelle Display-Anzeigen haben, müssen Sie sicherstellen, dass Text nicht mehr als 20 Prozent der Fläche eines Quadrats abdeckt . Und mal sehen, wie man das in Figma überprüft. Und ich habe eine andere Aufgabe. Ich will nachsehen. Wenn ich 20% des Textes befolge. Okay, ich werde die Boehner kleben und ich werde den folgenden Weg benutzen. Ich werde jeden mit Gier bedecken. Also werde ich mit dem einverstanden sein. Und das wird fünf mal fünf Zellen sein. Also muss ich berechnen, wie viele Zellen den Text bedeckt haben. Und wenn ich unter 20 Prozent sein will, sollten Texte nicht mehr als fünf Zellen sein. Fünf Zellen sind also etwa 20 Prozent dieses Engpass-Quadrats. Also werde ich zuerst das Gitter erstellen. Ich werde zwei Rechteck-Formen erstellen. Und solange dies 5, 600 mal 600 ist, weiß ich, dass ich Rechtecke alle 120 mal 121 Fünftel dieser Dimensionen haben sollte . Derjenige, den ich diese Formen vereinen. Also, jetzt habe ich ein solches Bild. Jetzt werde ich es als Bild exportieren. Okay, ich werde es auf diese älteren setzen, eigentlich die, die besser ist, Ihre Akte vor Experten zu nennen. Es wird sein, wir werden nur g, sechshundert, sechshundert von 600%. Schach oder Käfig. Und der Exponent diese Dateien, so wird es, hat einen verständlichen Namen und jetzt werde ich einen anderen Frame erstellen, 600 mal 600. Okay, ich werde es füllen oder einen Moment, und ich setze diese alle Bona in diesen Rahmen auf K. Ich fühle mich jetzt tatsächlich vor dem Ausfüllen, ich muss einen anderen Rahmen erstellen, wie wir es in einigen früheren Lektionen getan haben. Mir geht es gut, und noch ein Rahmen, sechshundert und ich werde es mit meiner Verwandlung füllen. Wir verwenden E-Mail und Senden. Und ich weiß, dass dies ein Fünftel der Gewalt sein sollte. Also werde ich mit Conduit für Skala bekommen , weil ich es bereits als 5 Prozent meiner ersten Barnett erstellt habe. Und ich lege diese in den Rahmen und mache sie halbtransparent. Das hier. Okay, jetzt kann ich zählen, wie viele Zellen Texte enthalten, 123456789. Das ist also zu viel. Ich verstehe, dass dieses Bild mehr als 20 Prozent des Textes enthält. Deshalb muss ich diese skalieren. Ich werde Blogger skalieren. Und das Kind nur ganz, kleiner zu machen. Nun, eigentlich kann ich es an diesem Punkt nicht tun, also muss ich es bei meinen Unbekannten tun. Ok? Und ich muss diese Texte auch skalieren, wahrscheinlich auf die Wissenschaft, die jetzt ist, es ist 12345. Es ist, ich denke, es ist immer noch mehr, als ich brauche, aber nicht so sehr. Vielleicht werde ich das auch ein wenig kleiner und kleiner machen, weil ich einen Namen des Shops als separates Feld als Antwort haben werde. Display-Anzeigen und Google gibt es dieses spezielle Feld, um einen Firmennamen dort zu setzen. Also denke ich, ich bin okay mit diesem beschrifteten Ende. Wenn ich die Zellen zähle, wird es wahrscheinlich eins sein, vielleicht zwei oder drei. Wahrscheinlich wird es über fünf volle Zellen mit dem Text gefüllt sein. Okay, und wir können dasselbe mit diesem Bild machen. Also zuerst werde ich meine Zellen erschaffen. Sie werden 55 durch fünf geteilt. Und ich weiß, dass es 120 ist. Nein, nein, es ist keine 120. Es ist es sollte eine unbegründet sein, weil die Höhen von, weil es 10 ist, 500 Pixel. Also werde ich dasselbe tun, wie ich es vorher getan habe. Ich werde auch eine Gier für diese horizontalen Bänder schaffen. Nein, dir macht dieses Bild nichts aus. Wir benennen ihn um 500 in sein Tn um. Wir werden wählen. Ja, danke. Ok. Und jetzt erstelle ich einen Roman der Rahmen und nur Rahmen Ihr Auswahlwerkzeug wird schnell sein. Und ich schaffe ein Nicken, dass ich weiß, dass ich es wieder tun werde und Auswahl. Dies wird also auf der Hauptseite auf der gleichen Größe sein. Du wirst über meins hinauskommen. Und ich, Elite. Warum? Gerade gemacht E-Mail von ihnen züchten diese Kachel, es wurde gesendet und um es ein Prozent sichtbar zu machen. Also lasst uns die Zellen zählen. 1, 2, 3, 4, 5, 6, wahrscheinlich mehr als fünf im Allgemeinen, wenn es schwierig ist, diese Zellen zu zählen, können Sie v zu 50 Prozent machen und jetzt gibt es zehn von 10100, so dass der Text nicht mehr als 20 Zellen sein sollte. Sie sind also irgendwie Kollegen. Es ist 1, 4 oder 7 Labor für Jugendliche, 17, 20, 21, 22, 23, 24, wahrscheinlich etwa 24. Es ist also immer noch mehr, als wir wollen. So werde ich jetzt reduzieren die Größe der Scheune Ball LD ins Spiel mit diesen wird nicht in, dass bleiben der Arm der Ideen, die länger und Leto als auch. Also werde ich wahrscheinlich unsere 20% -Regel füttern, wenn ich die Zellen wiederzähle. Okay, Also in dieser Lektion haben wir gelernt, wie man eine Majors für Google responsive Anzeigen erstellt und wie man überprüft, ob etwas Wichtiges zugeschnitten wird oder von Google zugeschnitten werden könnte. Und diese 50 Prozent auf jeder Seite. Und wir lernten, wie man lesen kann, um zu verstehen, ob unser Text der Regel von 20 Prozent Text folgt, alle Anrufe. Also, dieser Sitz und lasst uns zu einer anderen Lektion gehen. 45. 8.8 Google Ads Template: Als Bonus auf diesen Kurs, und geben Sie den Zugriff auf zwei Dateien, auf zwei Vorlagen, die Ihnen helfen, Google-Banner und Facebook-Bonus in einer Skala zu erstellen. Also verkaufe ich diese Vorlagen für 79, 99 jeweils. Ich habe beschlossen, sie zu diesem Kurs hinzuzufügen, weil ich dir beibringe, wie man so dünn erstellt , also gebe ich sie dir einfach als Beispiele und sie sind ziemlich gut und du kannst sie jetzt benutzen. So können Sie viele Banner für Ihre Google Ads, für Ihre Facebook-Anzeigen erstellen , auch ohne den ganzen Diskurs, weil diese Vorlagen dies bereits tun. Aber natürlich sind wir hier, um zu lernen und wir mussten verstehen, wie das funktioniert. Und Sie können dort einige Änderungen vornehmen und Sie können diese Dateien verwenden und wiederverwenden. Also lass uns sehen, was drin ist. Hoffe, Sie werden diese Dateien auch genießen und wahrscheinlich werden Sie es für Ihre Bedürfnisse ändern. Gehen wir zu der Datei mit Google-Banner und sehen, was dort vor sich geht. Also habe ich diese Datei öffnet Madonna von Google-Anzeigen, und es gibt drei Seiten hier drüben. Es gibt eine Seite mit Anweisungen, wie man es benutzt. Und schauen wir uns das an. Es gibt ein paar Kameras. Beachten Sie, dass wir diese Dateien verkaufen und so einige Tipps, wie man all diese verwendet, wie man Figma benutzt. Es gibt mehrere Anweisungen, werde ich, verschiedene Arten von erholt, die meisten von ihnen in tiefer. Und es gibt einige Tipps, wie Sie diese Datei verwenden, um den Bonus zu erstellen. Es gibt also einige Tipps und einige Erklärungen. Will wird von verschiedenen Bereichen der Dateien erfasst. Also lassen Sie uns zu tatsächlichen Seiten mit unserem Minus gehen, es gibt zwei Seiten übrig, Whiners und responsive Anzeigen. Also gehen wir auf die Banner Seite. Wir haben mehrere Fehler. Ich habe Einstellungen, wir haben Blasen, Textblasen für drei Versionen von Texten. Und wir haben einen Rahmen mit all unseren Brennern, wo wir sie betrachten können, überprüfen, ob alles in Ordnung ist und downloaden, wenn wir mit diesen Banner in Ordnung sind. Also schauen wir uns genauer an. Wir haben also drei verschiedene Schlagzeilen und drei verschiedene Beschreibungen. Und wir haben einen Gegenstand oder eine Person wird Knopf haben. Wir haben hier drüben soziale Beweise, loggen und binden Boden. So können wir im Allgemeinen drei Sätze von ausgewogenen mit verschiedenen Texten erstellen. Wir haben diese Linien, die 500 Pixel messen. Sie befinden sich hier, um zu zeigen, welche Breite der Texte bei Bonus gut aussehen wird. Solange diese Texte äußere Breite Option haben. Ohne dieses Lineal wissen wir nicht, welche Breite gut sein wird, und ob es zu groß sein wird , machen wir es zum Beispiel so. So übersteigt es 500 Pixel viel. So werden diese murmeln für die erste Version zu groß. Und wie wir sehen, das ist nicht anders gut sieht nicht gut aus. So werden wir maritimen und zurück. Sie können dies auch in Ihren Dateien verwenden. Sie müssen nur messen und verstehen, welche, wenn Sie in der Lage sind , in Ihrem Lehrbuch Murmeln zu verwenden, so dass diese Texte Blasen und sehr groß. Sie überschreiten also nicht die Banner oder so etwas. Du kannst es in tun. Sie können nur mehrere Beispiele machen und verstehen, was mit ihnen zu tun ist. Zum Beispiel, genau hier, wenn Sie bemerken, dass diese Texte etwas größer sind als dieser. Also habe ich diese Texte erstellt, dann einige Text-Blasen, dann skalierte sie ein wenig nach unten und füge sie in die Banner ein. Dann habe ich verstanden, dass dies das Maximum ist. Damit kann ich ein Ich habe das verstanden. Ich möchte keinen Text verwenden, der breiter ist. Und ich sagte für Hunderte, große Quelle für als Herrscher als Beispiel. Okay, also kann ich drei verschiedene Texte verwenden, ich kann drei verschiedene Beschreibungen verwenden. Und das war's. Hier drüben gibt es zwei soziale Beweise. Wir haben sie in unseren vorherigen Lektionen nicht gemacht, aber Sie können etwas Ähnliches tun damit Banner sie besser aussehen, um besser zu konvertieren. Das sieht also folgendermaßen aus. Diese Etiketten und gehen Sie zu den Banos und fügen Sie hinzu, fügen Sie einfach einige soziale Beweise zu ihnen. So können Sie beliebige Komponenten herstellen, die Sie mögen. Sie können Social Proof hinzufügen, Sie können einige Kommentare hinzufügen, einige Bewertungen, oder was auch immer Sie wollen. So können Sie eine solche Datei verwenden, um zu erstellen. Zum Beispiel, AB-Test und Banner mit drei Versionen von Texten. Oder Sie können etwas Ähnliches erstellen. Sie werden verschiedene Gegenstände oder Personen sind so, wie Sie verschiedene Hintergründe gesagt. Also natürlich verwendet diese Datei den gleichen Hintergrund für alle unsere Eltern, aber Sie sind in der Lage, alles zu erstellen, was Sie wollen. Okay, jetzt sind wir mit unseren Display-Anzeigen fertig, mit unseren Modellen. Schauen wir uns reaktionsschnelle Display-Anzeigen an. Was haben wir hier? Also tatsächlich haben wir diese. Davon habe ich schon mal erzählt. Wir testen nicht nur drei Tags, sondern testen drei verschiedene Hintergründe. Wenn Sie eine Majors für responsive Display-Anzeigen verwenden, ist es sehr wichtig, welche Majors Sie verwenden, da es sich nicht nur um Banner handelt, sondern um verschiedene Kombinationen von Banner und Texten. Und es gibt weniger Text und die, auf diesen Banner, denn es gibt eine Begrenzung von 20% der Texte auf sie. Deshalb sind Bilder für reaktionsschnelle Bananen wichtiger als bei gewöhnlichen Bananen. Okay, was haben wir sonst noch hier? Wir haben drei Texte, drei Schlagzeilen und Beschreibungen. Ein Artikel oder eine Person hat ein Logo, um unsere Bilder zu markieren. Habe Ära mit Tags, Blasen. Dann haben wir einen speziellen Bereich für Logos. Sie können ein quadratisches Protokoll hinzufügen, Alles in Ordnung hier, und ein horizontales Logo direkt hier. Und danach erhalten Sie vier verschiedene Versionen von Longus in verschiedenen Farben. Natürlich können Sie diese Farben ändern, wenn Sie benötigen. Also am Ende haben Sie diese Menge an verschiedenen Bildern und Logos und das sind transparente Logos. Ich bevorzuge sie, weil sie zu jeder Vorlage passen , die Google in den responsiven Anzeigen verwendet. Wir haben diese Überprüfung, die zeigt, wie Google bis zu 50 Prozent von jeder Seite Ihrer Banner schneiden kann. Und wir verstehen, dass hier alles gut aussieht und unsere Logos nicht geschnitten sind und unsere Textblasen werden nicht von diesen 5% Rechtecken gefangen. So sieht es aus wie diese Texte. Ein Blick, okay? So können Sie diese Vorlagen für Ihre Banner verwenden. Und Sie können Ihre eigenen Vorlagen erstellen, in denen Sie alles testen können, was Sie wollen. Du kannst alles setzen, was du willst. Beispielsweise können Sie einige Komponenten hinzufügen, um zu überprüfen, ob Ihre Textfelder 20 Prozent Regel. Eigentlich, als ich diese Datei oder diese Version der Datei erstellt habe , gab es zunächst keine Regel von 20 Prozent Text in Google. Diese Regel war nur in Facebook. Deshalb enthält diese Version keinen Check für 20 Prozent Texte. Aber ich habe es zu den nächsten Versionen hinzugefügt. Aber Sie können sich selbst trainieren und es selbst tun, allein. Also haben wir es in unseren vorherigen Lektionen gemacht. Okay, das war's also. Wie Sie sehen, wenn Sie verstehen, will hier weitergehen, es sieht nicht so kompliziert aus, aber wenn Sie sich diese zum ersten Mal ansehen, scheint es ein Chaos. Es scheint sehr kompliziert zu sein. Aber eigentlich, wenn du es alleine machst oder wenn du nur verstehst, wie das funktioniert, ist das nicht so schwierig und ich werde dir zeigen, wie ich die Majors hier drüben organisiert habe. Dies ist also die anfängliche Bildkomponente und Sie müssen Ihren Hintergrund in diesen Rahmen einfügen. Dann schneidet dieser Rahmen dieses Bildes auf die Größe von 1280 x 720. Und dann schafft es diese beiden Varianten dieses Hintergrunds. Und Sie können tatsächlich eine Position ändern, wenn Sie benötigen, zum Beispiel, lassen Sie uns dieses Dollarzeichen in die Mitte verschieben. Und wie Sie sehen, sind alle diese Banner betroffen und diese Hintergrundänderungen. Nachdem ich einige Änderungen hier vorgenommen habe, wenn ich möchte, kann ich hier drüben etwas Bug Ground Blue hinzufügen oder was auch immer. Ich möchte diese Banner für mich besser aussehen lassen, um meine Ziele und alle Texte zu passen und gehen aus diesen Texten Blasen, so dass Sie sehen können, dass alles funktioniert. Ok? Ich habe diese Banner mit einem Mädchen absichtlich gemacht, um Ihnen zu zeigen, dass Sie sogar mehrere Zeichen an Ihren Bündeln verwenden können, vor allem für diese, habe ich zwei Versionen von jedem dieser Banner mit einer Person oder einem Gegenstand und ohne sie erstellt . So können Sie jede Version dieser Dateien verwenden, die Sie wollen. Also denke ich, wir sind mit unserer Template-Datei fertig. Es steht Ihnen frei, es zu benutzen. Sie können es an Ihre Bedürfnisse anpassen. Also geh und probiere es aus. 46. 9.1 Facebook und Instagram: Und jetzt werden wir lernen, wie man Balance für Instagram und Facebook schafft. Wie Sie wissen, können Sie Anzeigen für Facebook und Instagram von einem und dem Manager und deren gängige Größen und gängige Praktiken für Instagram und Facebook platzieren . In diesem Abschnitt werden wir lernen, wie man all diese Banner erstellt. Wir werden lernen, wie man minus vier Geschichten einstuft. Wir werden einige Tipps für Geschichten haben. Wir werden sehen, wie man mit 20 Prozent Textregel umgeht, die immer noch zu Fuß in und Facebook ist, trotzdem sagt es, dass diese Regel im Jahr 2021 verschwunden ist. Wir müssen immer noch über diese Regel nachdenken. Und schließlich werden wir überprüfen, wie man eine Bolus-Datei mit einer Facebook-ausgewogenen Teamplatte verwendet. Also lasst uns gehen und sehen, wie man wiederverwendbare Bonus auf die Praxis zu schaffen. 47. 9.2 Facebook und Banners: Mal sehen, wie man Biomasse für Facebook und Instagram erstellt. Wo die Seite Facebook-Bonus. Wie wir wissen, erstellen wir meine Liste für Facebook und Instagram mit den gleichen Formaten, so dass wir sie nur Facebook-Banner nennen, und wir verstehen, dass Sie sie und Instagram auch verwenden können. Also, was haben wir hier? Wir haben ein Bedienfeld, fast das gleiche wie für Google, kaufte uns mit einigen Änderungen, einigen Blasen, und tatsächlich mehrere Formate. Ich möchte ein neues Bedienfeld für Facebook oder für diese Lektion erstellen, weil ich es bereits erstellt habe und wir es mehrmals gemacht haben. Also werde ich nur Komponenten von diesem Bedienfeld verwenden. Wie Sie sehen, gibt es Hintergrund mit unten Effekt. Es ist auf 20 eingestellt. Okay, ich glaube, ich bin gut mit 2. Und wir haben eine Schlagzeile. Wir haben eine Beschreibung, wir haben eine Person an einem Logo, haben Geschichten, Pfeile. Das ist ein Element, vier Geschichten. Dieses Element motiviert Menschen, die Story nach oben zu streichen , damit Sie mehr Ergebnisse aus Ihrer Werbung erhalten. Wir werden eine separate Lektion haben, wie man verschiedene Arten dieser Pfeile erstellt. Und wir fügten diesem Virus einige soziale Beweise hinzu. Also diese Bilder, und wir haben zwei Panzer, die Blasen, wie Sie sehen, gibt es keinen Button Overhead, weil Facebook nicht erlaubt, dass Ihre Bilder Tasten auf ihnen haben. Wenn Sie Bilder mit Schaltflächen auf erstellen und sie in Facebook applaudieren, kann es Ihre Anzeigen ablehnen oder sogar Ihr Konto einschränken. Also besser, das nicht zu tun. Denn Facebook hat seine eigenen Buttons um Ihre Bilder, wenn Facebook zeigt Ihnen Anzeigen und wir haben einige Social Proof und wir haben mehrere Formate hier drüben. Wie Sie sehen, gibt es viele von ihnen, aber es gibt zwei Hauptoptionen für meine Invarianten für Facebook-Banner. Dies ist ein Store-Format wie dieses und ein Newsfeed. Sie können verschiedene Majors in Ihrem News-Feed verwenden, aber die häufigste ist diese, SQL. Aber wenn Sie möchten, können Sie solche Bilder verwenden. Zum Beispiel. Horizontaler oder vertikaler, aber nicht so symmetrisch wie Geschichten. Und wir werden uns auf das Hauptformat konzentrieren, auf das quadratische. Wenn Sie psi-Formate verwenden, werden Sie auf jeden Fall verstehen, wie Sie sie nach diesen Lektionen erstellen. Also, was haben wir hier? Eigentlich müssen wir vier Monate einplanen. Warum ist das so, weil Facebook Ihre Anzeigen in verschiedenen Placements platziert. Einige von ihnen Newsfeed, einige von ihnen sind Geschichten. Und die rechte Spalte in Facebook auf Desktop-Version von Facebook-Website, wenn Menschen es von den Desktop-Browsern verwenden. Also lassen Sie uns sehen, was ist der Unterschied zu Facebook und Business-Website gehen. Und so sieht ein Bild auf Facebook News-Feed und zeigte für mobile. Aber wie Sie sehen, ist das Bild ziemlich groß und es wird deutlich sichtbar sein, auch wenn Sie dort einige kleine Elemente setzen. Aber lassen Sie uns wählen Facebook rechte Spalte. Und hier ist es. Das ist also viel kleineres Bild. Also, wenn Sie hier kleine Elemente von Texten oder so einfügen, werden sie nicht so gut lesbar sein. Also, was werden wir tun? Wir erstellen ein anderes Bild mit einem größeren Text. Wie Sie sehen, hat dieses Bild keine Beschreibung auf der Überschrift und es hat kein Logo. Also lassen Sie uns diese Minus aus unseren Komponenten erstellen. Ich erstelle einen Rahmen von 180 Pixeln. Platz eins. Füllen Sie es vorerst aus. Okay, ich kopiere meinen Hintergrund hier eingefügt. Ok? Wir werden hier ein längeres Fenster hinzufügen. Kopieren Sie unser horizontales Logo in diese Ecke, stellen Sie sicher, dass es eingefügt ist, okay, denn ich werde später mehr zu diesem Bild hinzufügen. Und es hat es hier nicht getan, aber ich werde es bei unserer Lektion tun. Ok. Ich werde Textblase hinzufügen. Das hier. Machen Sie es kleiner. Ich werde wahrscheinlich länger, kleiner als auch. Ich werde es später tun. Ok. Werde ich. Und ich füge einige soziale Beweis, soziale Beweis horizontale Komponente. Ich füge es ein. Und ich denke, ich bin damit einverstanden. Bevor ich eine Komponente aus diesem Banner erstelle, werde ich sie umbenennen. So Ton sei Facebook. Zehnhundert und achtzig, zweitausend achtzehn. Vielleicht war's das. Und ich dupliziere das hier. Und bevor es kompetent, weil ich das gleiche für die richtige Spalte verwenden werde. Nun, ich meine diese Komponente. Jetzt meine ich diese Komponente und die gefaltete, ich neu gemacht, benennen Sie es in rechte Spalte K, machen IT-Komponente. Wie gesagt, diese Texte wollten die sichtbaren und die richtigen Spalten. Also werde ich einfach die Beschreibung verstecken und diese Überschrift größer machen. Okay, also denke ich, dass ich gut damit bin. Und lassen Sie uns eine Geschichte erstellen und einen Rahmen erstellen. Größe. Fühle es. Geh aus meinem eigenen Hintergrund. Ich kann es so ausdrücken, oder ich kann zentrieren. Es, wird diese Textblase verwenden. Und die andere. noch nicht sicher über die Größe, also werde ich es jetzt einfach so machen. Die beste Person hier. Zentrieren wir diese und machen wir sie größer. Okay, vielleicht sogar so. Ok. Und ich wollte Stern 18 hinzufügen. Soziale Beweis horizontal und legen Sie es hier. Vielleicht habe ich sie sogar gleich breit gemacht. Es gibt eine Sache, die ich nicht mag in der Sternebewertung ist, Sie sehen, das ist mehr schwarz und das ist mehr grau, eine Schriftfarbe. Also werde ich die Schrift dieser beiden Komponenten leichter machen. Es zuerst, ich werde okay, kann so tun, diesen Text erschreckend und Farbwählerverwenden Farbwähler um in Ordnung. Wir können überprüfen, ob es die gleiche Farbe hat. Nur sieben siebenundvierzig. Siebenundvierzig. Schauen wir uns seine sechsundvierzig, sechsundvierzig, fast. So können wir diesen Text von diesem Kaliber machen, aber eigentlich würde ich diese Sternstile auch in der gleichen Farbe umranden lassen, so dass ich Auswahlfarbe verwenden kann. Ich habe Stil hier angewendet, weil ich dies tolerieren aus einer anderen Datei kopiert habe, aber ich nehme an, dass dies alles in Ordnung hier ist. Und ich werde mich in diesem Stil lösen und die Farbe rangieren. War siebenundvierzig. Siebenundvierzig, siebenundvierzig. Jetzt sehen sie gleich aus. Wenn Sie einige Elemente aus anderen Dateien kopieren. Professionelle Designer verwenden in der Regel die Stile, so dass Sie hier nicht nur Farben haben, sondern auch Stile haben. Das war also etwas Stil und es wurde auf diese Elemente angewendet. Aber ich will nicht, dass die Stile hier sind, also habe ich sie nicht angefasst und einfach benutzt, was ich will. Ich will auch diesen Stil inhaftieren. Also habe ich diese sozialen Beweis gemacht, um in diesem gleichen Stil und die gleichen Farben, die ich in meinem Text verwendet, ist gut. Und wieder einmal habe ich diesen Speicher nicht erstellt und von Grund auf habe ich ihn aus einer anderen Datei verwendet, die von irgendeinem Design erstellt wurde. In diesem Entwurf habe ich Stile auf diese Sterne angewendet, bis alle seine Objekte. Ich habe nicht nur Farben gesehen, ich habe Stile hier drüben gesehen, aber jetzt sehen sie gleich aus. Aber ich denke, dass etwas davon nicht zentriert ist. Das hier oder das hier. Ok? Und jetzt mache ich sie gleich. Okay, jetzt bin ich mit dieser Sternebewertung bei meiner Geschichte zufrieden. Was ist noch übrig? Und ich werde diese Sterne benutzen, die Leute motivieren, unsere Geschichte nach oben zu streichen und sie einfach von hier zu kopieren. Sie können verschiedene Indikatoren tun, wenn Sie möchten, nicht nur diese Pfeile, Sie können erstellen, was Sie wollen. Also lassen Sie uns noch einmal überprüfen, was haben wir hier gemacht? So haben wir drei Varianten von Banner erstellt, 14 Geschichten, eine für Newsfeed und 14 rechte Spalte auf der Facebook-Website. Wir haben diese Formate nicht kopiert. Du kannst es selbst machen, wenn du willst. In einigen Fällen sehen diese Formate besser aus, wenn Sie spezielle Bilder haben , die besser zu den Seiten gelangen. Aber normalerweise benutze ich dieses quadratische Format. Es ist universeller. Und wie Sie wahrscheinlich aus dem letzten Jahr wissen, können Sie Facebook wählen, welches Bild Sie bei jedem Format, bei jeder Platzierung oder Facebook setzen möchten . So können Sie diese in alle Formate hochladen. Dann können Sie diese Bild zwei Geschichten anwenden und dann Ihr angewendet dieses Bild für Ihre rechte Spalte. In diesem Fall haben Sie also ein einzelnes Add, ein einzelnes Anzeigenexemplar, das alle Placements abdeckt und alle gut aussehen wird. Und wenn ein Ort Ihre Anzeigen, zum Beispiel, vor zwei Jahren, Sie wissen, dass es nur eine Größe von Bildern in der Anzeige, bei einer Anzeigenkopie, mussten Sie verschiedene Anzeigen für verschiedene Platzierungen erstellen und Sie musste separate Anzeigensets erstellen , z. B. eine Anzeigengruppe für oder sogar eine Kampagne für Story, andere Kampagne für den Newsfeed. So mussten Sie manchmal entsprechende Bilder zu verschiedenen Anzeigengruppen von Kampagnen setzen, dann mussten Sie einige Platzierungen deaktivieren. Sie wollten also nicht, dass ein Bild für den News-Feed der rechten Spalte in den Geschichten angezeigt wird, weil es nicht gut aussieht. Aber jetzt haben Sie die Kontrolle über all diese Elemente und Sie können eine einzelne Anzeige erstellen und all diese drei Bilder in diese Anzeige applaudieren. Also denke ich, das ist viel praktischer als vorher. Eigentlich ist es das mit der Erstellung unserer grundlegenden Bilder von Facebook-Banner. In der nächsten Lektion werden wir einige weitere Themen dazu behandeln. 48. 9.3 Geschichten Vorschau: Mal sehen, wie man für mindestens Dick Vorschau für Geschichten erstellt. Also hier sind wir. Und das ist ein Rahmen, den wir hier verwenden werden. Eigentlich wollen wir darüber nachdenken, wie man es in Details erstellt. Wenn Sie sehen, gibt es viele verschiedene Elemente und wir hören ihre Namen als Tags. Es gibt einige Elemente von Pfeilen, von einigen Kreis von Punkten auf allem. Und es gibt einige Komponenten, die ich hier verwendet habe, die Sie ändern können. Also, wenn Sie wollen, können Sie Ihr Logo hier und Ihren Instagram-Benutzernamen setzen. Dies ist also eine Vorschau für Instagram. Aber es sieht fast gleich aus in Facebook mit den kleinen Unterschieden. Wie Sie sehen, gibt es hier eine Komponente. Wie Sie sehen, gibt es hier eine Komponente und Sie können ihren Namen ändern, was Sie wollen, und es wird zur Vorschau gehen. Stattdessen. Name, okay? Und wenn du willst, kannst du hier ein Logo ändern. Sie müssen nur die längste Komponente binden und dieses Bild durch etwas anderes ersetzen. Zum Beispiel habe ich ein anderes Bild hinzugefügt und ich mache es sichtbar. Von diesem Punkt an, das sind die Kader, meine schnellere Vorschau. Also denke ich, das ist ziemlich einfach. Sehen wir uns an, wie man es benutzt. Sie müssen nur eine Kopie Ihres Geschäfts Banner Nähen hier zu erstellen und wir haben vergessen, es zu nennen und machen es Komponente IN Namen in, von dort. Und nennen Sie es in B. Okay, so. Und ich mache es zur Komponente. Ich werde es duplizieren und hierher bringen. Also muss ich diese Instagram-Benutzeroberfläche über dieses Banner setzen , um zu verstehen, wie es im wirklichen Leben aussehen wird. Also dafür werde ich einen Rahmen erstellen, der sowohl diese Bonnie als auch Duplikate und diese Instagram enthält , die dies verwenden. Also habe ich gerade diese Auswahl gerahmt. Also jetzt habe ich einen Rahmen und ich kann dieses Ding duplizieren und es in diesen Rahmen einfügen. Jetzt sehen Sie, dass ich zwei Schichten hier drüben habe. Ich muss sie nur Wärmegröße machen, okay? So wie das hier. So. Jetzt sehen Sie, dass dieser längerer perfekter Sound hier nicht gut aussieht. Und ich glaube nicht, dass es einen guten Platz für diese Logan gibt, dieses Banner. Wahrscheinlich, wenn wir eine quadratische Version erstellen, können wir sie irgendwo hier platzieren oder wir können es in den Hintergrund stellen, zum Beispiel, so etwas, aber nicht hier. Eigentlich. Lass es uns sagen und den Vogelboden und sehen, wie es aussehen wird. Mir geht's gut. Ich gehe zu My Stories Brenner und lösche diese länger von hier. Jetzt lassen Sie uns eine Kopie davon länger machen. Benötigen Sie dieses Bild. Ich will. Duplizieren Sie die Komponente der länger, die ich verwenden werde. Hier drüben. Bewegen Sie es nach außen und lassen Sie nur das Symbol. Also werde ich auf dieses Bild wie diese klicken und IT-Management machen kann ich es in meine K legen diese? Ich mache, dass es nicht verweilt. Das ist also meine längere und wahrscheinlich möchteich möchte sichtbar leben. Okay, ich werde mich bewegen, dieses Bild, zeigt einen Schreib, so etwas. Ich werde hier drüben murmeln hinzufügen. Und lassen Sie es uns auf 30 setzen. Okay, ich bin gut damit. So, wie Sie sehen, haben wir diese Komponente eines längeren hinzugefügt. Und das sieht im gleichen Stil mit einem längeren aber wir müssen es nicht direkt auf das Maryland setzen , weil ich glaube nicht, dass es hier bewegen wird. Und lassen Sie uns in der Vorschau sehen, ich denke, das ist OK. So, jetzt verstehen Sie, wie Sie diese Story-Review verwenden und Sie werden wissen, wie Ungleichgewicht wird, bevor es aussehen. Pamela ist sie auf die Facebook-Ads-Schnittstelle. 49. 9.4 20% der Text (2021): Es gibt eine Regel und Facebook, es erlaubt Ihnen, nur 20 Prozent der Texte auf Ihrem Bild zu setzen. Das bedeutet, dass nur 20 Prozent der Bildfläche des Quadrats Text enthalten sollten. Tatsächlich im Jahr 2020 sagte Facebook, dass diese Regel nicht anwendbar ist. Leute auf dem Markt sagen, dass diese Regel nicht vollständig verschwunden ist. Es gab einige Experimente, die zeigen, dass immer noch, wenn Sie eine Menge Text bei einem Creatives Favors Buch verwenden wird ihre Reichweite verringern. Also denke ich, dass es besser ist, diese Regel zu befolgen, vor allem bei deinen Geschichten und an Einheiten Feet Formate. Manchmal ist es schwierig, diese Regel an Ihren rechten Spaltenbildern zu vermeiden , wenn Sie einige Texte dort einfügen möchten und Sie möchten, dass sie immer noch sichtbar ist, weil Bilder in der rechten Spalte ziemlich klein sind. Aber für Geschichten und News-Feed, empfehle ich Ihnen, diese Regel zu folgen, wie es vorher war. Und wir haben einige Tipps und Techniken, wie man berechnen kann, welche Menge an Texten. Und haben wir eine von ihnen, die Sie in der Google-Banner Lektion gesehen haben und eine andere ist genau hier. Mal sehen, wie man das berechnet. Lassen Sie uns sehen, ob unsere Majors folgen, dass 20 Prozent der Texte in Facebook herrschen. Okay, also haben wir mehrere Werkzeuge dafür. Fangen wir von Anfang an an. Wir haben einige Banner und wir wollen berechnen, ob sie mit 20% der Texte Joule in Ordnung sind. Die erste Methode besteht also darin, diese Gier zu erstellen und zu zählen, wie viele Zellen den Text enthalten. Also, wenn ich ein quadratisches Logo habe und ich fünf mal fünf Gitter habe, so sind es insgesamt 25 Quadrate. Also 20 Prozent sind 1 Fünftel von ihnen. Wenn ich also Tags auf fünf oder weniger Karrieren habe, bin ich in Ordnung mit der Regel. Und Sie haben den Text ist mehr als auf fünf Zellen. Also in diesem Fall, so müssen wir die Menge des Textes zu verringern. Dies ist nicht genau so, wie Facebook es betreibt. Sie verwenden maschinelles Lernen für diese, aber mehrere Jahre und gehen Facebook hatte das gleiche Werkzeug zu verstehen, wenn Sie Bild-Feeds, diese Regel und der Anfang, Lassen Sie uns unser Banner duplizieren. Und jetzt lassen Sie uns dieses Gitter beenden. Wie macht man es? Ich habe das untere Quadrat, eine dieser Dimensionen. Also möchte ich ein kleines Quadrat erstellen, das 1 Fünftel dieser Länge ist. Also, wenn dies 1000080 Meilen Quadrat sollte unser erstellen ein Rechteck. Ich weiß es nicht, aber ich kann es hier berechnen. Ich habe nur 1080 durch fünf geteilt und es sagt mir, es ist 216. Ok? Also habe ich es so ausgedrückt. Ich dupliziere dieses Bild. Sicherlich ist das noch nicht Englisch, aber wir werden eins schaffen. Ich wähle beide aus und vereinige sie. Jetzt ist dies ein einzelnes Objekt. Jetzt exportiere ich das als Bild. Ich kann Andrew-Format verwenden, aber eigentlich ist es nicht so wichtig, weil wir es ohnehin als halbtransparentes Bild verwenden werden. Aber vorerst werde ich diese exportieren. Und eigentlich ist es besser, es mit einem verständlichen Weg zu benennen. Zum Beispiel habe ich es hier verwendet, wird Schach 1081000080 sein, und ich exportiere dieses Bild, bevor es verwendet wird. Wie Sie wahrscheinlich verstehen, müssen wir einen Rahmen über unserer Komponente und sogar einen weiteren Rahmen erstellen. Jetzt haben wir diesen Rahmen in einem Rahmen innerhalb eines Rahmens, aber wir brauchen ein anderes Verhalten. Wir werden es so ausdrücken. Also jetzt sind diese Rahmen an der gleichen Stelle. Umschlag legen Sie diese über unsere Banner-Komponente. Das werden also unsere Stühle sein. Einvernehmlich. Lesen Sie einfach. Jetzt mache ich die Füllung und sichtbar und fülle sie mit meinem Bild, das ich gerade hochgeladen habe. Okay, jetzt muss ich eine andere Option setzen. Es wird Fliesen sein und es wird ein 100 Prozent sein. Also jetzt sehen Sie, dass ich fünf mal fünf Gitter habe. Jetzt mache ich es halbtransparent und ich zähle, ich kann zählen, wie viele Zellen und mache die Hälfte unter dem Text. Also, wenn ich hier zähle, können wir es wahrscheinlich um eine Zelle bis 2,534 zählen. Also denke ich, es gab eine folgt der Regel. Und ich kann sogar die Panzer zu einem machen also kann ich hierher gehen und diese Dinge skalieren, die Bibel, um sie größer zu machen. Und ich denke, wir sind gut mit der Reihe. Lassen Sie uns einen anderen Weg sehen, oder Quadrat minus Ich erstelle ein Duplikat dieser Schleifen. Okay, und wenn ich einen quadratischen Knopf habe, habe ich eine einfachere Lösung. Ich muss nur hinzufügen. Diese Rahmen, zufällige Auswahl. Zufällige Auswahl wieder, 30 Frames. Jetzt fülle ich es aus. Und jetzt verwende ich das Standardbild oder das Fill-In. Eigentlich ist dies das Schachbild, also ist das gut für mich, aber wie Sie sehen, passt es nicht zu meiner Größe. Also muss ich Tile Option wählen. Und jetzt muss ich verstehen, welche Skala festgelegt werden soll. Ich werde diese Formel für Sie überlassen. Wenn Ihre Website zum Beispiel 1, 0, 0, 0, 0, 0, 0, 0 und 80 ist zum Beispiel 1, 0, 0, 0, , müssen Sie sie mit 1,25 multiplizieren und es wird Ihre Skala sein. Also habe ich nur auf diese und wie Sie sehen, ich habe fünf mal fünf Dimension. Ich werde es halbtransparent machen. Und wir haben es, es sei denn. Und jetzt kann ich zählen, wie viele Zellen auch unter dem Text sind. Also überlasse ich dir diese Formel. Aber diese Spaziergänge auf den Foursquare Bildern, denn wenn Sie dieses Rechteck-Bild haben, müssen Sie diese Art von Zelle erstellen. Also lasst es uns tun. Ich werde in dieser Dateirahmenauswahlduplizieren dieser Dateirahmenauswahl . Rahmenauswahl. Jetzt bin ich all das und diese drauf. Und was haben wir? Eigentlich müssen wir dasselbe schaffen, wie wir es hier beim ersten Beispiel getan haben. Und jetzt werden wir ein Rechteck mit Seiten mit ist 1000 erstellen und teilen Sie es durch fünf. Und die Höhe ist 1920 geteilt durch fünf. Also hier ist es. Jetzt mache ich beide ein einzelnes Objekt und x Pub sie. Also, jetzt verwenden wir es im Feld in all diesen Namen. Und verwenden Sie Option mit 100 Prozent. Jetzt machen wir es halbtransparent. Wir können es Gier nennen. So können wir jetzt zählen, wie viele Zellen den Text enthalten. 123, vielleicht vier, vielleicht fünf, tut mir leid, ich denke, das ist okay. Diese Art ist okay. Und wir haben eine andere Variante der Schaffung eines Objekts, das uns hilft, wenn unser Bonus zu verstehen. Befolgen Sie die Regel. Dies ist, um ein einzelnes Rechteck zu erstellen und zu sehen, ob der Text in diesem Rechteck platziert wird. Schauen wir uns das Beispiel an. Wir haben ein Banner auf 1080 von 100 Tausend 350 Pixel. Es ist so. Und Sie müssen berechnen, welche Seiten dieses Rahmens wir brauchen, um diese Regel zu verfolgen? Also muss ich hier drüben etwas Mathematik machen. Wir wissen, dass das Verhältnis der Bindung 1080 von 1, 0, 0, 0, 3, 100, 51,25 beträgt. Wenn wir eine Leihstelle nennen. Also B ist die kürzere. Also a gleich b multipliziert mit 1,25. Und aus dem anderen Teil wissen wir, dass das Quadrat dieses Rechtecks, ein multipliziert mit B, nicht ein Fünftel des Quadrats unserer gesamten Banane sein sollte. Also sind es diese. Und wir haben ein System von Gleichungen. Wenn wir es lösen, bekommen wir, dass a gleich 600 4 und b gleich 400, 83 ungefähr. Und wenn wir ein Rechteck bekommen, und wenn wir sein Quadrat überprüfen, ist es fast das gleiche mit 1 Fünftel der ganzen Banane. So können wir diesen Rahmen erstellen und wir können, lassen Sie es uns schaffen. Erstellen Sie einen neuen Rahmen. Es ist für Hunderte, 38 minus 604. Jetzt mache ich als Schlaganfall, sagen wir, 20 und 21, okay, 20 ist okay. Und ich werde es in der Mitte meines Rahmens schaffen. Ok? Jetzt will ich, eigentlich kann ich diese schwarz lassen, aber ich will es so bunt machen. Mach es bunt. Ich werde Angular fill in verwenden, und ich werde andere Farben verwenden. Also muss ich noch mehr Punkte hinzufügen. Und diese Gradienten. Ein paar dünne Linien. Und dieses Spektrum. So wird n bunt, so etwas. Okay, jetzt habe ich einen Rahmen, um zumindest wahrscheinlich diesen Text zu sehen. Und diese Bindung ist in Ordnung, weil fast der ganze Text in das Banner fließt und ein Allel übrig ist, aber hier ist viel Platz. Wahrscheinlich ist diese Band in Ordnung. Und was haben wir sonst noch? Und wir haben verschiedene Formate und wissen nicht , welche Formate und welche Textgrößen wir im Voraus haben? Wir wissen, dass wir auf, nachdem wir den Bonus erstellt weil Lehrbuchblasen unterschiedliche Form haben können. Also lassen Sie uns dieses Beispiel sehen. Zum Beispiel haben wir diese sehr horizontale Art von Tags Blase. Und wir verstehen, dass dieser Rahmen uns nicht hilft, ihn sehr zu berechnen. In diesem Fall müssen wir einen anderen Rahmen erstellen, der horizontaler sein wird, aber immer noch 1 Fünftel seines Quadrats nehmen wird. Wenn Sie diese Frames erstellen. Für mehrere Bonus verstehen Sie, dass Sie die Größe des Rahmens für jede Größe des Banners berechnen müssen. Und es ist nicht so einfach, wie Sie sehen, wir müssen dieses Gleichungssystem lösen. Und ich glaube nicht, dass du es ständig machen willst. Also für diese habe ich eine Google-Tabelle erstellt, die diese für Sie berechnet. Schauen wir uns an, wie es funktioniert. Jetzt haben Sie diese Datei und wenn Sie sie verwenden möchten, müssen Sie eine Kopie machen, weil Sie v auf der Achse haben. Also mache ich eine Kopie dieser Datei. Ich habe es nur auf meine Fahrt gesteckt. Und die Kopie wird erstellt. Jetzt kann ich es benutzen. Also, was sehe ich hier? Ich sehe einige Spalten und einige Zeilen, die Spalten, einige Einstellungen für Ihre Käufer-Software Rechtecke und die Zeilen sind für jede Größe von Gewalt. Ich habe mehrere Formate für Facebook- und Google-Banner erstellt. Und Sie können berechnete Seiten von Rechtecken bereits binden. Und Sie können hier Ihre Rechteck-Breite und Höhe erhalten. Wenn Sie also ein Banner dieser Größe haben, haben Sie ein Rechteck dieser Seiten, um ein Rechteck zu erhalten , das 20% dieser Quadrate bedeckt. Gehen wir zu der Datei und sehen, wie es funktioniert. Zum Beispiel werden wir eine Geschichte verwenden. Es ist 483 mal 859. Also werde ich hier PMI Story-Banner nennen . Und ich werde einen Rahmen, Rahmen, diese Auswahl hinzufügen. Dann kopiere ich diesen Rahmen nach hier. Und ich wollte zu meiner Größe passen. Es ist meine 859. Ok. Das ist also der Rahmen. Wie Sie sehen, folgt die Form dieses Rahmens nicht dem Text und es ist nicht wirklich leicht zu verstehen, ob dieser Text die Regel ist. Speziell dafür habe ich einige weitere Spalten erstellt, mit denen Sie ein Verhältnis Ihres Rechtecks festlegen neue Proportionen erhalten können. Zum Beispiel. Ich möchte, dass dieses Verhältnis weniger vertikal ist, also werde ich es auf 1 setzen. Hier, 1.3. Es zeigt es, ohne okay. Das ist okay. Also habe ich 730 auf von 565. Ok. Hoffnungen. Okay, und diese füttern meinen Text viel besser. Und jetzt verstehe ich, dass all dieser Text in den Rahmen geht. Und ich verstehe, dass es der Regel von 20% der Texte auf dem Bonus folgt. So können Sie diese Datei einfach verwenden. Sie können ein beliebiges Verhältnis von Seiten Ihres Rechtecks hier festlegen und Sie erhalten Ihre Seiten sind Rechtecke. Diese Vanna-Format. Ich denke, das ist ziemlich einfach. Ich habe dir noch viel mehr Reihen hier gelassen, damit du damit herumspielen und diese Datei benutzen kannst. Ok? Im Allgemeinen wissen wir, dass Facebook eine Regel von 20% der Texte hat. Tatsächlich sagt Facebook, dass es es es annulliert. Aber jetzt sagen sogar viele Facebook-Dokumente, dass diese Regel immer noch gilt. Und wie Leute vom Markt sagen, das ist die Regel nicht vollständig gegangen. Deshalb möchte ich überprüfen, ob unsere Majors dieser Regel folgen. Und es ist besser, es zu tun, bevor wir diese Bilder auf Facebook hochladen. Das hier ist so zeitaufwändig und wir haben hier zwei Möglichkeiten, es zu tun. Auf. Die erste ist, diese und Gier zu machen und zu verstehen, wie viele Zellen den Text enthalten, wir haben zwei Möglichkeiten, es zu tun, aber ich bevorzuge dieses, weil es universell ist. Und wenn wir kleine Rechtecke erstellen, um es in Form unseres BATNA-Quadrats minus zu verwenden , haben wir ein weiteres, um die Standard-Ausfülloption zu verwenden. Und diese Koeffizienten zu verwenden, um zu verstehen, wir skaliert, um für den Titel dieses Bildes zu setzen. Und wir haben eine weitere Möglichkeit, einen einzelnen Rahmen zu erstellen und visuell zu verstehen, ob unser Text der Regel folgt. Also denke ich, Sie werden mit jeder dieser Varianten gut sein. Und Sie sollten verstehen, dass Sie nicht jedes Mal alle diese Frames erstellen müssen. Denn zum Beispiel, wenn Sie diese Formate für Geschichten oder News-Feed oder rechte Spalte bei Facebook haben , werden Sie in der Regel diese Formen verwenden, diese Größen von Banner immer und immer wieder. Und das bedeutet, dass Sie eine Komponente erstellen können, die diese Bilder verwendet, dass wir diese Raster verwenden und Sie es nicht immer und immer wieder erstellen müssen. Sie müssen es nur einmal erstellen und es dann in Ihren Dateien wiederverwenden, wenn Sie es brauchen. Und wenn Sie diese Art von Rahmen erstellen, wahrscheinlich müssen Sie nur das Verhältnis des Rahmens anpassen und Sie haben diese Google-Tabelle, um es zu tun. Also ich denke, wir sind gut mit dieser Regel und lassen Sie uns zu einer anderen weniger als über Facebook-Anzeigen. 50. 9.5 Geschichten Stories: Sehen wir uns nun an, wie Sie Story-Marker erstellen, mit denen Sie Personen motivieren können, Ihre Story-Anzeigen nach oben zu streichen. Also gehen wir hier und sehen uns unsere drei Beispiele an. Wir haben diese, die wir vorher in unserer Balance verwendet haben. Also lassen Sie uns sehen, wie man so dünn erstellt. Eigentlich ist das ziemlich einfach. Es gibt nur drei United-Löwen oder eine andere Größe oder ich habe gerade eine von diesen erstellt. Okay, lasst uns das Hauptset online. Und all diese. Okay, und wir werden die auch herumbauen. Ich wähle diesen Punkt aus und verwende die Verknüpfungsoption. So sieht das ähnlich aus, vielleicht ist es uns, also lassen Sie es dicker machen als nur kopieren Sie es einfügen. Machen Sie es kleiner. Kopieren-eingefügt. Und machen Sie es kleiner. Vielleicht sogar so. Das ist also eine etwas andere Form. Jetzt werde ich es weiß machen. Ich werde etwas Transparenz hinzufügen. Ich werde etwas Schatten hinzufügen. Und jetzt sehen sie sich sehr ähnlich aus. Und einen inneren Schatten. Und ich werde in einen Fetzen von zwei weißen setzen. Okay, jetzt sieht das ähnlich aus wie wir vorher hatten. Wenn ich will, kann ich diese Formen vereinen und ich habe diese Pfeile. Ok? Lassen Sie uns nun bewegen und sehen, wie man andere Motivatoren, zum Beispiel solche Bodenstationen, schafft . Okay, und mal sehen, wie sie Barnum sehen. Schauen wir uns an, wie man es erstellt. Wie Sie sehen, sind dies Stücke von Kreisen. Also muss ich eine Ellipse erstellen. Ich werde sagen, es total, sagen wir 100. Wahrscheinlich ist es nicht genug. Ich werde es einfach global auf diese skalieren. Jetzt müssen wir diese Bögen aus diesen Kreisen erstellen. Also muss ich die finden. Ja, hier haben wir es auf diese gesetzt und ich schicke diese dünn. Ok. Jetzt kopiere ich eingefügt und skaliere es nach unten. Ich werde es etwas dicker machen. Okay, jetzt kopiere ich es und mache es kleiner und mache es dicker. Einige dieser Fälle möchte ich dies wahrscheinlich kleiner machen, näher an den inneren, dann an einen anderen wahrscheinlich, um es wieder kleiner zu machen. Und machen diese dünn, machen sie diese kleinen Ding oder zwei. Es ist zu dick und jetzt ist es besser. Also wieder, ich kann es weiß, halbtransparent machen. Ich kann diesen Schlaganfall vereinen. Ich möchte es bewegen, weiß machen und halbtransparent machen. Und ich werde etwas Schatten hinzufügen und es einfach standardmäßig belassen. Also, jetzt sehen diese Dinge ähnlich, auch diese ich bin und ich kann eine Komponente mit diesem einfachen Streichen nach oben Text erstellen. Für diese werde ich nur Text verwenden , weil ich das ziehe. Ich benutze eine Schrift oder Steinsalz, wie Sie sehen. Sie können es auch verwenden. Und ich werde diesen Pfeil erstellen. Ich kann hier gehen und einen Pfeilwählen einen Pfeil und ihn dicker machen. Ok? Jetzt gehe ich in den Bearbeitungsmodus und setze es auf Kurven. Diese. Jeder beinte dies und seine einfachste. Okay, ich muss nur einen Rahmen erstellen. All diese Dinge. Auf unsere Auswahl. Ich werde seine Farbe zu lila ändern. Ich werde etwas Schatten hinzufügen. Und ich werde Spalte diesen Schatten zu breit ändern und seine Transparenz auf 25 für Fettleibigkeit auf 75 setzen . Ok? Jetzt sieht es so aus. Wenn Sie möchten, können Sie eine Form dieses Pfeils für einen anderen ändern, der Beispiel so aussehen soll . Ok? Und wie Sie verstehen, können Sie Komponente aus diesem Rahmen erstellen und es bei Ihren Geschichten verwenden. So wie Sie verstehen, können Sie so viele dieser Motivatoren erstellen, wie Sie wollen. Und in der Regel sehen sie gut aus auf Ihre Geschichten und sie motivieren Menschen, Ihre Banner zu streichen, nach oben zu streichen. Also benutze sie, erstelle deine eigenen und erreichten große Sitare. 51. 9.6 Facebook Carousel Anzeigen: Lassen Sie uns sehen, wie Facebook-Karussell Anzeigen zu erstellen. Eigentlich ist das ziemlich einfach. Wir müssen nur mehrere verschiedene Banner erstellen. Ändern Sie die Elemente direkt bei jeder Kopie. Zum Beispiel habe ich diese und diese, das sind nur drei separate Komponenten. Sie gehören nicht zur Verhandlung. Und ich habe einige Produkte sind nur ein Bild des Produkts einfügen. Ich füge hier einen Text hinzu und ich kann meine Überfälle dadurch bekommen. Wenn ich es zuerst erstelle, mache ich nur Länge davon. Ich wähle diese Barner aus, die ich erstellt habe. Ich kopiere das eingefügte Beispiel 2 hier, und ich löse diese Komponente. Und ich mache es zu einer Komponente und Gewinn. Also lasst uns Sache, dass dies unsere vierte Akte ist. Und jetzt muss ich nur alle Texte und Bilder ändern, die ich will. Wie Sie verstehen, bleibt die allgemeine Vorlage gleich, sieht aber dieser sehr ähnlich aus. Aber wenn Sie einen Text für ein anderes Produkt ändern müssen, für ein anderes Angebot, können Sie es einfach tun und dieses Banner. Also im Allgemeinen, wenn Sie Karussellanzeigen erstellen müssen, schlage ich vor, dass Sie keine sehr komplizierten Vorlagen erstellen , mit denen Sie alle Dateien zusammen erstellen können. Angela empfiehlt Ihnen, Komponenten für solche Dinge wie Hintergrund, Logo zum Beispiel, diese Blase Hintergrund zu erstellen . Und wenn Sie Texte und Bilder ändern müssen, tun Sie es einfach in jeder Kopie. Erstellen Sie also so viele Kopien, wie Sie möchten, aber erstellen Sie keine einzelne Komponente, die auf andere angewendet wird. Ich denke, das ist zu kompliziert für Karussellanzeigen, denn wenn Sie sie erstellen, haben Sie normalerweise verschiedene Produkte. Es gibt verschiedene Texte von Samson und von diesem Punkt wollen Sie nicht für alles Komponenten erstellen. Sie müssen also nur Komponenten für Ihren Hintergrund, für Ihr Logo, für diesen Hintergrund erstellen , und das war's. Und alles, was von einer Kante zur anderen geändert wird. Du hast gerade viele von ihnen gesagt. Aber das bedeutet nicht, dass es Ihnen keine Zeit spart. Es spart Ihnen viel Zeit beim Vergleich zu erstellen und Karussell Anzeigen in Photoshop oder in Canva oder was auch immer. Denn trotzdem, wenn Sie Hintergrund ändern möchten, ein Logo, etwas, das Sie Komponenten verwenden können. Und selbst wenn Sie Text oder Bilder Ihres Produkts ändern möchten, ist dies viel einfacher in Figma als Photoshop oder Leinwand zu tun. Und schließlich haben Sie alle diese Banner insgesamt und Sie sehen alle von ihnen und Sie können sich vorstellen, wie sie auf die Karussellwerbung aussehen werden. Sehen wir es mit den Karussellanzeigen, gehen Sie und erstellen Sie sie. 52. 9.7 Facebook-Anzeigen Vorlage: Gehen wir zur Dateivorlage für unsere Facebook-Anzeigen. Ich werde es in meiner Bibliothek öffnen. Hier ist also intelligente Biomasse für Facebook-Anzeigen. Und diese Datei ähnelt dem Vater, wie wir früher nach Google-Bananen gesucht haben. Das ist eine Deckung. Dies sind einige Dinge, wie man Banner verwendet, wie man genau diese Größe für Banner verwendet. Etwas ist das gleiche wie bei Google, etwas ist anders. Also lasst uns auf unserer Seite mit einem Bonus gehen. Also, was haben wir hier? Wir haben eine Systemsteuerung auf, die eine Schlagzeilen, eine Beschreibung, einige persönliche Artikel Pfeile für die Geschichten verwendet . Diese longus und Instagram Benutzername für Geschichten Vorschau. Und wir haben Textblasen. Dann legen wir unsere Hintergründe fest. Dies sieht ähnlich wie die Einstellungen aus, die wir für die Reaktion von Display-Anzeigen von Google hatten. Wir setzen Hintergrundbild hier. Dann sagten wir Unschärfe, wenn wir es brauchen, dann passen wir dieses Bild an, zwei verschiedene Größen unserer Banos. Und dann verwenden wir diese Bilder für Hintergründe, für unsere Banner. Wir haben hier eine Story-Vorschau, und wir haben einige Dinge, um 20 Prozent der Textbeschränkungen zu vermeiden. Es gibt einige Rechtecke, die Gitter sind. Und ich habe diese Schachgier, halbtransparente Shows Raster, um die Bereiche zu zeigen wo Partner nicht sichtbar sein könnten oder könnte überlagert werden oder so, denn dies ist nur eine Vorschau für Instagram-Geschichten, aber Facebook und Instagram und Zweiphasenwechsel oder vielmehr oft, und es ist besser zu verstehen, dass diese Seiten, diese Teile der Banner, nicht sicher sind, wichtige Informationen dort zu setzen. Und wir können Varnas von hier herunterladen. Und wir haben eine andere Seite, wo wir ein, B, C Test und wir haben verschiedene Bilder, verschiedene Texte. Also die vorherige, wir bekommen in vier verschiedenen Banner. Also hier haben wir vier mal drei mal drei, es sind 36 verschiedene Banner. Und wir können sie alle verwenden, wenn wir wollen, oder wir können einfach wählen, welche Größen wir für unsere Werbung bekommen wollen und sie verwenden. Okay, also wahrscheinlich ist das alles mit der Datei und du kannst sie benutzen. Sie können hier alles ändern. Sie können ihre Komponenten verwenden, um eigene Vorlagen für Ihre eigene Werbung zu erstellen. Also geh und probiere es aus. Ich bin sicher, dass Sie eine tolle Werbung haben werden. 53. 10.1 Einführung in die sozialen Medien: Solange Sie Markt sind, wie Sie wahrscheinlich nicht nur mit Werbung, sondern mit einigen sozialen Medien zu tun . In diesem Abschnitt werden wir sehen, wie Sie Ihre Profilbilder erstellen, wie Sie Ihre Cover Majors für verschiedene soziale Netzwerke, für verschiedene Plattformen einstufen , wie Sie es schnell verwenden können. Und wir werden sehen, wie Sie Ihre Beiträge für Instagram, für Pinterest oder was auch immer in Figma gestalten können. Und wie Sie Zeit sparen, wenn Sie es immer und immer wieder tun. Also gehen wir und sehen, wie man mit Social-Media-Kreativen geht, wie man mit Social-Media-Grafiken hier in Figma arbeitet. 54. 10.2 Deckel, Profilbilder: Nun schauen wir uns an, wie Sie Cower-Seiten, Profilseiten für Ihre sozialen Profile erstellen, okay, dafür werden wir mehrere Komponenten erstellen. Dieses Bild ist ein Hauptbild und dieses ist quadratisch, ein Logo für Ihre Profilbilder. Vor allem, wie man dieses Lager zu schaffen? Das ist sehr einfach. Wir haben dieses Logo, hatten dieses Logo vorher und einfach neu erstellen, essen. Aber wenn Sie sehen, habe ich all diese Vorschauen erstellt und viele Logos sind da und sie sind wie um Logos beschnitten. Also, wenn ich gerade dieses Logo von Google oder Facebook genommen habe, erinnere ich mich nicht. Ja, von diesem Schritt, wie Sie scheinen, ist dieser perfekte Klang sehr nah an den Grenzen dieses Loggers. Und wenn ich es auf den Kreis schneiden will, war es nicht lange. Gut. Also diese habe ich diese längsten, kleiner gemacht. Lassen Sie mich Ihnen diese nochmal zeigen. Ich kann zu Google Banos gehen und ich bekomme das länger. Kopieren Sie es und fügen Sie es hier ein. Jetzt schauen wir mal, wie es auf meinen Profilbildern gesehen wird, wie Sie sehen, es ist beschnitten, damit ich es nicht mag. So besondere Liebe für diese. Ich habe am längsten, kleiner gemacht. Also werde ich mich verstecken. Es gibt zwei längste und ich habe dieses getan, ich füge dieses gerade jetzt ein, also mache ich es wieder unsichtbar. Und ich muss das Logo kleiner machen, um unsere so Calls in Profilbildern passen zu können. Okay, und ich habe dieses Titelbild. Und wie Sie verstehen und verwenden diese Kohlenstoffbild überhaupt, meine Cover für verschiedene soziale Netzwerke und für einige Beiträge für soziale Netzwerke. Und ich habe diese beiden eingefügt, all die vier Monate, die wir haben. Hier finden Sie einige Beschreibungen, einige Bilder, die Ihnen zeigen, wie es auf sozialen Netzwerken aussieht. So können Sie verstehen, wie das funktioniert. Dies ist für Facebook, für Instagram, Twitter, LinkedIn und Pinterest. Ich habe keine Geschichten gepostet, so etwas, weil wir eine separate Lektion für sie tatsächlich haben, wenn Sie Geschichten erstellen, normalerweise möchten Sie sie einzigartig erstellen. Und diese Seite ist mehr für die Aktualisierung Ihrer sozialen Netzwerk-Seiten. Sie haben ein neues Logo, Sie haben nur ein neues von etwas, das Sie Ihr Coverbild einfügen möchten und Sie können es hier tun. Also, wenn Sie diese Bilder in LinkedIn gesehen haben, sind sehr breit. In diesem Fall sehe ich die Buchstaben nicht, ich sehe den Titel nicht. Und wahrscheinlich, wenn Sie LinkedIn verwenden, müssen Sie ein separates Bild dafür sehr lang erstellen. Lass es uns tun. Also werde ich ein separates Cover erstellen, ein sehr breites Bild, wie für LinkedIn. Eigentlich muss ich nicht das ganze Bild machen, warum sie nur Dinge in eine andere Komposition setzen müssen . Also löse ich diese Instanz. Ich mache das längeres, kleineres, kleineres Werkzeug. Und ich werde es in meine LinkedIn einfügen und dasselbe mit den allen weißen Bildern machen. So können wir viele verschiedene Profilbilder und Coverbilder für alle sozialen Netzwerke erstellen . Und wenn Sie nur diese zwei oder drei Komponenten ändern, können Sie alle Majors für Ihre sozialen Netzwerke, für Ihre Konten aus dieser Datei herunterladen . Um es noch praktischer zu machen, passen Sie es an. Ich würde diese Dinge Komponenten machen und einen besonderen Platz für seine Kopien machen, wo ich sie alle herunterladen kann. Also mache ich jedes ihrer sozialen Netzwerke zu einer Komponente. Dann erstelle ich ein Duplikat und lege es einfach irgendwo hier hin. Und wenn ich sie brauche, wähle ich sie einfach aus und ich kann sie einfach exportieren, wenn ich es von hier aus mache. Wie Sie verstehen, wähle ich anders aus als ein Rahmen, aber ich möchte nur Bildrahmen auswählen. Deshalb mache ich jede von ihnen Komponente und ich setze es, Es ist Duplikat an einem separaten Ort wie diesem. Nachdem Sie diese Wanderung beendet haben, haben Sie alle Ihre Bilder für Ihre sozialen Netzwerke bereit und Sie können sie leicht ändern, wenn Sie in wenigen Minuten benötigen. 55. 10.3 Social-Media-Posts: Mal sehen, wie man Beiträge für soziale Medien erstellt. Also hier haben wir eine Akte und wir haben ein paar Dinge hier drüben. Wir haben eine Bibliothek mit den Bildern, die wir für Beispiele von Außenposten verwenden werden. Und wir haben mehrere Logger für verschiedene Ecken der Pfosten auf den Bildern. Und wir haben tatsächlich Stunde. So werden wir Beiträge für Instagram und Pinterest für ein Beispiel erstellen, M&E Ansatz, Beiträge für soziale Medien in Figma zu machen, ist es, einige grundlegende Vorlage zu erstellen und dann immer wieder zu verwenden. Fügen Sie einige neue eindeutige Informationen hinzu. Zum Beispiel, einige Majors, einige Titel. Wie hier haben wir die gleiche Vorlage für das Produkt, das wir zeigen möchten. Und wenn wir ein neues Produkt bewerben müssen, fügen wir einfach sein Bild hinzu, fügen einige Texte hinzu, und unser Beitrag ist fertig. Wie Sie sehen, gibt es mehrere verschiedene Beiträge, die gleich aussehen, aber ich benutze verschiedene Techniken, wenn ich sie erstellt habe. Also schauen wir nach innen. Wie Sie sehen, besteht dieses Banner aus der Hintergrund-Emission, diese gelben Blob von einigen Texten, Bild und Lager. Wenn ich also einen neuen Beitrag erstelle und einfach den vorherigen kopiere und das Produkt ändere, ändere den Titel und diesen Text. Wenn ich brauche. Was ist der Unterschied zwischen all diesen Beiträgen? Wie Sie sehen, ist das Gelb der weiteste Hintergrund von allem. Und dieses Banner, der erste Hintergrund ist der blaue, also ist Gelb oben drauf. Und das Gleiche hier. Das Gelb ist dahinter, ein hier ist das Blau dahinter. Und was für ein Unterschied? Der Unterschied besteht darin, dass ich, als ich diese Dateien erstellt habe, Hintergrundmaskierung verwendet habe. Also benutze ich Maske für den Hintergrund. Und wenn ich diesen Hintergrund hierher schiebe, lass mich ihn so finden. Also und wenn ich diese benutze, benutze ich diesen Blob, um oben im Hintergrund zu sein. Und wie Sie Symbol, Boden ist auf seiner vollen Größe. Warum haben sie es getan? Und was ist der Unterschied? Dieser Unterschied kommt, wenn Sie einige Objekte wie dieses Produkt hinter oder vor Ihrem gelben Blob setzen möchten. Solange dieses Bild ist mein gelber Blob nur Maske. Eigentlich gibt es hier keinen Blob. Ich habe nur einen gelben Hintergrund von all dem Banner und ich benutze ein Bild davon. Das bedeutet, dass ich mein Bild derKopfhörer nicht hinter den gelben Hintergrundbringen kann Kopfhörer nicht hinter den gelben Hintergrund denn Gelb ist hier der schönste Teil des Bodens. Und wenn der Winkel hier ist, sehe ich, dass der ferne Hintergrund ein blauer ist. So ist der gelbe Vektor-Blob vor dem blauen. Und das bedeutet, dass ich kann, ich kann meine Kopfhörer zurücksetzen. Wenn ich will. Ich kann es hierher bringen. Und wie Sie es sehen Spiel vor unserem Blob. Mal sehen, wie man dieses Gleichgewicht schafft. Beginnen wir mit dem einfachsten. Von diesem, kopiere ich es. Stellen Sie sicher, dass ich es von Grund auf schaffe. Also erstelle ich einen neuen Rahmen. Ich werde meinen Blob von hier kopieren. Also habe ich diesen gelben Blob. Legen Sie es hier. Und Sie sehen, dass es einen Effekt des inneren Schattens gibt. Wenn ich es richtig mache, sieht es so aus, als wäre es vor dem Hintergrund und das Licht fällt hinein. Wenn ich es schwarz und grau mache, und der Effekt wird das Gegenteil wie hier sein. Okay, also lasse ich es weiß. Okay, ich habe es hier gestellt. Ich werde mein Hintergrundbild davon hier kopieren, so. Ich kopiere meine länger, okay? Und ich möchte diese Überschrift hier kopieren. Mein Vektor-Blog ist nicht drin. Also habe ich es in meinen Rahmen gesteckt. Jetzt ist es zu Hause gebunden und ich werde den Text kopieren. Und jetzt unsere Kupfermine Gitarre. So erstelle ich diesen Beitrag, und das ist ziemlich einfach. Wenn ich es ändern muss, kopiere ich einfach, füge die ganze Banane ein und ersetze das Produkt, ersetzte Texte, wenn ich brauche. Jetzt schauen wir uns an, wie man erstellt. Das waren nicht, als sie eine Maske benutzten. Also habe ich einen Rahmen. Jetzt muss ich eine Maske für diesen Hintergrund erstellen. Dafür muss ich ein Objekt haben, das diese Form hat. Um dies zu machen, werde ich ein Formrechteck erstellen. Und ich werde es mit dem Umschlag kombinieren. Von hier aus. Ich muss es aus dem Rahmenwerkzeug verschieben. Okay, hier. Also jetzt habe ich zwei Formen und ich möchte eine Form machen, die ich tun möchte. Ich werde sie ehren, wie die meisten von ihnen gefallen. Und jetzt muss ich diesen Bereich aus unserem Rechteck schneiden. Also werde ich die Auswahl subtrahieren. Und jetzt habe ich diese Form, damit ich meinen Hintergrund kopieren kann. Also jetzt habe ich ein Bild, das ich maskieren möchte und ich habe eine Form, die ich verwenden werde, um mein Bild zu maskieren. Also werde ich sie zusammenstellen und jetzt muss ich es lesen. Ich werde meine Form hinter das Bild legen. Und wenn ich diese beiden Objekte auswähle, werde ich diese Maskenoption verwenden. Also, jetzt ist mein Bild mit dieser Maske geschnitten. Jetzt kann ich es zu meinem Banner hinzufügen, bis ich angewendet Maskeneffekt. Diese Maskengruppe ist erschienen und ich werde sie so verwenden. Ich will. So kann ich jetzt die Hintergrundfarbe des gesamten Rahmens auf gelb setzen. Und jetzt sieht das fast gleich aus. Schließlich wird unser Effekt des Schattens hinzufügen und ich werde es auf weiß entlang der gleichen setzen und ich werde mehr Kapazität hinzufügen. So sieht es gut aus und das Gelb muss es wahrscheinlich eine Hauptwoche 2020 machen. So etwas wie das. Und jetzt muss ich nur meine Objekte hier drüben hinzufügen. Ich werde diese Kopfhörer hinzufügen. Und das 0 Mitglied. In diesem Fall kann ich mein Objekt nicht setzen. Ich kann mein Bild hinter den gelben Blob setzen, weil sie LL Schlag ist eigentlich ein Hintergrund. Also kann ich einfach meine Kopfhörer hinter die Bloomberg-Runde setzen , weil es eigentlich nicht unterirdisch ist, es ist ein Objekt über meinem gelben Hintergrund. So funktioniert es also. Und danach werde ich diese Tags hinzufügen. Ich werde Logger hinzufügen und ich habe diese Vorlage. Wie Sie sehen, gibt es mehrere Möglichkeiten, die gleichen Dinge in Figma zu tun. Und wenn Sie wissen, was Sie bekommen wollen, können Sie einen von ihnen verwenden. Und schauen wir uns diese Beiträge an. Eine andere Art. Ich habe zwei ähnliche Beiträge mit verschiedenen Produkten gemacht. Aber wenn Sie genau hinsehen, werden Sie den Tag etwas anders verstehen. Also fangen wir mit diesem an. Es enthält ein Logo. Es enthält mehrere Rechtecke mit unterschiedlichen Strichen. Das ist also eigentlich ein Rechteck. Also lassen Sie mich den gleichen Beitrag hier erstellen. Ich werde den Rahmen hinzufügen, und ich werde einige Rechtecke hinzufügen. Ist es. Eine neun bis fünf von 774, okay, und ich mache zwei von acht Ecken um ihn herum so. Dann füge ich einen breiten Strich oder ein Beispiel wie dieses hinzu. Und so mache ich mein Banner. Ich werde Strohgelb machen. Okay, und jetzt habe ich das Gefühl unsichtbar gemacht. So sieht das auf eine ähnliche. Ich werde den Boden hinzufügen, füllen Sie das ganze Bild und ich werde zerstören, um außerhalb des Banner zu sein. Jetzt dupliziere ich diese und ich werde es breiter machen. Ich werde es weiß machen, und ich bewege es hinter dem vorherigen. Also lassen Sie uns jetzt ähnlich aussehen, vielleicht Schläge, wo verweilen. Also verwende ich den Satz und ich werde mich bewegen. Stellen Sie es so ein. Und eigentlich ist es fast, das ist es fast. Ich werde sie etwas kleiner machen. Ich werde etwas Text hinzufügen, kopieren Sie es. Ich kann ein Logo benutzen. Ich kann es von hier kopieren, oder ich kann es von hier aus tun. Wo ich meine Komponenten am längsten habe. Und wir fügen es einfach in mein Bild ein. Und ich muss nur diesen Text hinzufügen. Und ich habe ein Bild. Es gibt verschiedene Dimensionen hier, wie Sie sehen, dass es rechtzeitig über die Striche geht und mein Synthesizer geht hinter ihnen. Also, wie haben sie es gemacht? Ich hatte zwei Bilder. Nehmen wir sie. Also, wenn ich Gitarre auf mein Banner setze, sehe ich offensichtlich einfach so aus. Das ist also ziemlich einfach. Aber wenn eine synthetisierte, dass sie so skalieren, und ich wollte von diesen Drogen geschnitten werden. Also kann ich es so hinter die Striche setzen. Und jetzt schaut es in die Grenze. Ich muss dieses Logo vermutlich kleiner machen. Das ist in Ordnung. Also jetzt haben wir zwei verschiedene Platten für unsere Beiträge und wir können Produkte hier drüben wechseln. Wir können Texte, deren Namen ändern und neue und neue Beiträge haben, wenn Sie verschiedene Produkte in unserem Instagram-Konto pausieren möchten . Und wir haben Pinterest-Beiträge hier drüben. Wie Sie sehen, ist dies eine sehr ähnliche Vorlage zu meinem Instagram. Eigentlich habe ich diese Vorlagen aus den Instagram-Posts erstellt. Ich habe einfach alles so benutzt. Wir sind in einer anderen Form. Und ich hatte hier einen Hintergrund. Und schauen wir uns diese Beiträge für soziale Medien an. Und lassen Sie uns so tun, als ob wir verschiedene Bilder mit Zitaten einiger Musiker posten wollen. Also, was haben wir? Ich werde einen neuen Pinterest-Rahmen erstellen. Ich werde den gleichen Blob verwenden, den ich vorher benutzt habe. Ich kopiere eingefügt. Soll ich einfügen in das ganze wissen kopieren? Blob? Ich werde vorübergehend etwas Farbe hinzufügen. Und ich möchte einen Majors als Hintergrund setzen. Also muss ich nur mein Bild in den Rahmen kopieren und nach unten skalieren. In Ordnung, es ist, es passt zu der Größe. Also muss ich nichts anderes schneiden. Jetzt lege ich einfach meinen Umschlag darauf, mache ihn wieder weiß und füge einige Texte hinzu und füge etwas länger hinzu. Wie Sie sehen, ist das ziemlich einfach. Alles, was Sie brauchen, ist, diesen Blob zu erstellen. Und lassen Sie mich Ihnen zeigen, wie Sie dieses Blob erstellen, wird eine separate Lektion für Plugins haben, aber ich werde Ihnen dieses Plug-in jetzt zeigen. Procreate und Blog-Blobs wie diese. Ok. Also eigentlich habe ich einen Beitrag gemacht und wenn ich ändern möchte, etwas, könnte den Text und das Bild ändern. Ich muss alles kopieren, einfügen und die Dinge ersetzen, die ich brauche. Und wie ich versprochen habe, schauen wir uns das Blog-Plugin an. Ich möchte diese zufällig geformten Blobs erstellen, und ich habe ein Plug-in für sie. Ich klicke mit der rechten Maustaste auf einige freie Speicherplatz, klicke auf Plugins, und ich suche nach Blobs Plugin. Also habe ich zwei Einstellungen hier drüben. Lassen Sie uns Fehler machen. Ich werde so gebloggt haben. Eigentlich ist das ziemlich ähnlich, was ich brauche. Ich kann es so ändern, und wahrscheinlich wird es in Ordnung sein. Dann schauen Sie, wie Sie verschiedene Formen erstellen. Wenn ich hinzufügen, sagte diese zehn zu zehn so zu sein. Wenn ich es neun auf zehn setze, wird es das lügen. So können Sie mit diesen Einstellungen herumspielen und verschiedene Lappen erstellen. Sie setzen 100 integral, sagen, dass die Werte von eins bis zehn sein müssen. Okay, So erstellen Sie diese zufällig geformten Blobs mithilfe des Blob-Plug-Ins. Lassen Sie mich Ihnen zeigen, wie Sie einen solchen Beitrag mit diesen Effekten erstellen. Ich werde einen neuen Rahmen erstellen. Überwacht. Von 1500. Ich werde etwas von hier kopieren. Ich werde das Hintergrundbild hinzufügen. Ich werde diesen Rahmen hinzufügen. Das ist also nur ein Rechteck und zwei Texte auf k. Und das Rechteck ist mit Schwarz und 50 Prozent Deckkraft K gefüllt. Und jetzt möchte ich diese Filter hinzufügen. Wie Sie sehen, gibt es eine Farbe und das ganze Bild ist von dieser Farbe und Schwarz-Weiß. Also eigentlich muss ich mein Bild zuerst schwarz-weiß machen und dann diesen Filter beenden. Also, wie das zu tun? Ich werde einen neuen Rahmen machen. So Rahmenauswahl. Und wird mein Regen draußen und dann nein, so. Also habe ich einen neuen Rahmen direkt über meinem Hintergrundbild und werde es kopieren. Zuerst. Ich möchte meinen Hintergrund schwarz und weiß machen. Um dies zu tun, werde ich mein Bild mit Schwarz fühlen, und ich werde auf dieses Drop-Symbol klicken. Auf diese Weise können Sie einen Mischmodus auswählen. Es gibt verschiedene Modi hier drüben. Wir decken sie nicht alle ab. Sie können mit ihnen herumspielen, um Bild schwarz und weiß zu machen. Verwenden Sie die Sättigung. Wie Sie sehen, setze ich jede eigene schwarze, weiße Farbe in alle gleich. Es wird es schwarz und weiß machen. Und jetzt will ich, ich werde es schwarz-weiß nennen. Wir werden uns bekennen. Und jetzt möchte ich etwas Farbe hinzufügen. Also werde ich etwas Gelb hinzufügen. Ich werde so gehen. Wechseln Sie dann zum Mischmodus und legen Sie ihn auf Überlagerung fest. Und jetzt sieht es ziemlich ähnlich zu dem, was ich vorher hatte. Vielleicht so etwas. Und jetzt, wenn Sie eine weitere Pause erstellen möchten, um es einfach zu kopieren einfügen, ersetzen Sie Ihr Hintergrundbild durch etwas, das Sie wollen. Ich werde diese auf der Basisvon k nehmen der Basis , und ich werde es hinter den Filtern setzen. Filter und ich kann Farbe ändern, wenn ich will. Okay, also lass es so sein. Wie Sie sehen, hat der gesamte Hintergrund seine Spalte geändert, aber unsere längste noch lila, weil sie über der Filterschicht liegt. Also tatsächlich so würden wir Beiträge für soziale Medien in Figma erstellen. Wie Sie sehen, habe ich hier nicht viele Vorlagen verwendet, weil Sie normalerweise nicht alles in all Ihren sozialen Netzwerken multiplizieren müssen. Und selbst wenn Sie dies tun, ist dies sehr schwer, diesen Spaziergang in diesem Maßstab zu automatisieren, dass Sie nur ein Bild setzen und viele verschiedene Beiträge haben. Eigentlich kann ich das tun, wie wir es mit den Google-Bannern gemacht haben, die aus meiner Erfahrung gekauft wurden. Normalerweise mag ich das nicht. Ich habe einige Vorlagen für alle sozialen Netzwerke und ich ändere alles für ein soziales Netz. So gehen wir mit Beiträgen für Social Media in Figma um. Natürlich, wenn Sie möchten, können Sie eine Vorlage erstellen, wie wir es für Google Balance getan haben, wo Sie einen Ort ändern und in geht zu allen Ihren Formaten. Aber ich ziehe es vor, Beiträge für soziale Medien unabhängig zu erstellen, weil ich normalerweise etwas anderes für verschiedene soziale Netzwerke erstellen möchte. Aber trotzdem haben mir diese Vorlagen für jedes einzelne soziale Netzwerk sehr geholfen. Ich denke, Sie bekommen eine Idee, wie man mit Beiträgen für soziale Medien in Figma umgeht. Und wie Sie sehen, gibt es unendlich viele verschiedene Varianten, die Sie für Ihre Beiträge verwenden können. Also kannst du es versuchen. Und wieder denke ich, dass das Ihnen viel Zeit beim Vergleich zu Photoshop oder zu einigen anderen Editoren wie Canva Credit oder so etwas spart . Weil du alles an einem Ort hast. Sie können alle Ihre vorherigen Beiträge all Ihrer vorherigen Bilder sehen und Sie können sie leicht ändern. So spart Figma Ihnen viel Zeit, wenn Sie Post für Ihre sozialen Medien erstellen. 56. 11.1 Plugins: Mal sehen, wie man Plugins in Figma verwendet. Plugins können Ihnen hier viel Zeit sparen, weil sie etwas automatisch erledigen und Ihnen viel Zeit sparen können . Also habe ich mehrere Plug-Ins, die ich sehr oft verwende und ich werde zeigen, wie man sie benutzt. Zuerst, Lassen Sie uns schauen, wo Plugins zu finden. Und wir werden unsere Community-Seite haben. Und hier drüben gibt es Plugins. Und wenn ich etwas Flagging finden möchte, kann ich diese Liste durchsuchen oder ich kann hier nach etwas suchen, zum Beispiel, ich möchte die Bereitstellung seiner vier Symbole finden, wie Sie sehen, es gibt eine Menge von ihnen. Wenn Sie dieses schwarze Label haben, bedeutet dies, dass Sie dieses Plug-in bereits installiert haben. Tut mir leid, ich denke, das ist ziemlich offensichtlich. Lassen Sie uns hierher zurückkommen und schauen wir uns diese Plug-Ins an, die wir haben. Der erste, entferne meinen Boden. Es entfernt Hintergründe aus verschiedenen Bildern, von Menschen, von Objekten und so weiter. Wie Sie sehen, habe ich Ihnen einige Beispiele gezeigt, wie es funktioniert. Und es funktioniert nicht jedes Mal perfekt, aber in vielen Fällen funktioniert es gut. Sehen Sie sich dieses Bild an und was haben wir hier? Wie Sie wissen, wenn Sie versuchen, dies in Photoshop zu tun, wird es eine Woche Arbeit sein, alles zu tun, denn wenn Sie sich das hier ansehen, sehen Sie, dass dies transparent ist. Also lassen Sie mich hier etwas Farbe setzen. Also verstehst du, ja, wie du siehst, ist das sehr gute Arbeit. Und wie man es benutzt. Ich werde dieses Bild kopieren. Ich muss mit der rechten Maustaste darauf und Plugins und ich werde meine entfernt und Boden finden. Oder ist es ein Bewegungsherd? Und ich muss es ausführen. Ich habe auf Ausführen geklickt, es funktioniert für eine Weile und jetzt habe ich ein Netz ohne Hintergrund. Wenn Sie bemerkt haben, gibt es Einstellungen API k gesetzt . Dies bedeutet, dass Sie auf ihre Website gehen und dort registrieren und Ihren API-Schlüssel erhalten müssen. Schauen wir uns an, wie es funktioniert. Also lassen Sie uns gehen, wo ihre Website entfernt dot Vg und erstellen Sie unser Konto. Drücken Sie in unserem Kontinuum, Google News zum Beispiel. Diese Konto wütend mit den Bedingungen und Anmeldung. Okay, und ich muss zu Tools und API gehen. Und die API-Integration. Es gibt eine Schaltfläche API-Schlüssel abrufen. Und jetzt habe ich es. Also, wenn ich zurück zu Figma und ich, lassen Sie mich wieder installieren dieses Plugin. Gehen Sie zu Plugins, öffnen Sie Boden, und ich habe es installiert. Okay, jetzt gehe ich zurück und ich kann dieses Plug-in nicht mehr verwenden , weil es hier keine Fernbedienung und Boden gibt. Also gehe ich zurück und installiere es. Und Gain K zeigt jetzt, dass es installiert ist. Jetzt klicke ich mit der rechten Maustaste auf meine Bild-Liganden und es gibt einen Bewegungsboden. Ich will es laufen lassen. Aber es erlaubt mir nicht ohne API-Schlüssel, also muss ich es voranstellen. Ein MPI kam hierher, vielleicht funktioniert es, ich speichere es und laufe. Jetzt, wie Sie sehen, läuft es und wahrscheinlich werde ich meine Ergebnisse bekommen. Okay, gut. So wie Sie sehen, müssen Sie ein Konto erstellen, Sie müssen das reduzieren, Entfernen BG. Und danach können Sie einen API-Schlüssel erhalten. Und nachdem Sie es hier eingefügt haben, funktioniert Ihr Plug-in. Es gibt eine Einschränkung, wie viele Bilder Sie pro Monat verarbeiten können? Ich erinnere mich nicht genau. Wahrscheinlich sind es 15 oder ja, es sind 50. Sie können 50. Sie nennen es Vorschauen. So können wir hier den Boden von 50 verschiedenen Bildern entfernen. Und schauen wir uns das Ergebnis an. Sieht in Ordnung aus. Und hier haben wir die Nachricht mit diesem ähnlichen Farbhintergrund und ihren Haaren kommuniziert . Und in diesem Fall funktioniert es nicht perfekt. Aber es ist sehr schwer, es von diesem Bild aus zu tun. Und was haben wir hier? Eigentlich funktioniert es, okay, aber wie Sie sehen, sind diese beiden Fehler immer noch mit dem offenen Boden. Hier. Es hat fast in Ordnung funktioniert, aber wie Sie sehen, es diesen Teil aus diesem Regal entfernt. Und alle Bilder sehen in Ordnung aus, und hier haben wir auch dieses Artefakt. So wie Sie in den meisten Fällen sehen, diese Flagge und geht sehr gut und es spart Ihnen viel Zeit. Sie können die meisten dieser Walkman nur an einem Tag oder in zwei Tagen machen. Okay, lassen Sie uns zu einem anderen Plug-In wechseln, das ich verwende. Es ist ein winziger Bildkompressor. Wie Sie verstehen, wird es Ihre Bilder komprimieren. Unvollständig auf der Grundlage. Und ich möchte dieses Bild exportieren. Und schauen wir uns seine Größe an. Sagt, dass es fast zwei Megabyte, so ist es ziemlich viel, Lassen Sie uns Blendung in winzigen Bildvergleich für eine Weile verwenden. Und ich möchte mein Bild komprimieren. Sie können die Qualität einstellen und uns komprimieren lassen. Es wird für eine Weile laufen. Und jetzt habe ich meine Akte. Und wie Sie sehen, hat es 70% der Dateigröße gespeichert. So gehen Sie Ausbreitung würde. Es gibt ein ähnliches Plug-in am Kompressor. Es funktioniert wenig anders und speziell für Google-Anzeigen entwickelt. Und das war's für diesen Virus. Und exportieren Sie sie. Wenn ich exportiere, sehe ich, dass zwei dieser Balken mehr als 150 Kilobyte sind. Und wie Sie sich erinnern, Google ermöglicht es Ihnen, Bilder nur bis zu 150 Kilobyte mit regulärem Bonus hochzuladen. Also, was muss ich tun? Ich werde diese Bilder verkaufen, klicken Sie mit der rechten Maustaste Plugins und finden Sie meine bei Kompressor Plugin. Wie Sie sehen, komprimiert es Dateien auf 150 Kilobyte. Eigentlich kann diese Einstellungen ändern, aber normalerweise lasse ich es so. Manchmal läuft dieses Plugin nicht sehr gut. Wenn Sie sehr große Dateien haben, kann es nicht auf 150 Kilobyte komprimieren. In diesem Fall müssen Sie es manuell in einigen anderen Tools tun, aber lassen Sie uns es hier komprimieren und sehen, was wir haben. Wie Sie sehen, speichere ich eine Menge Dateigröße. Und jetzt sind all diese vier Banner in Ordnung für Google. Jetzt kann ich sie herunterladen, um ein Archiv zu erstellen und ich kann alle diese Form Balance herunterladen. Okay, ziehen wir dorthin, wo McGrath tanzt. Ich benutze es eher oft, weil es schöne Zutaten für meine Rahmen schafft. Und dieser Rahmen. Und anstatt diese Feldoption zu verwenden und zu versuchen, einen Farbverlauf von verschiedenen Farben zu erstellen , kann ich einfach dieses Plug-In verwenden. Ich kann mit der rechten Maustaste darauf Plug-Ins, wenn Gradienten und Satelliten und wütender als das ich will. Einige von ihnen sind ziemlich schön. So wie Sie sehen, was ich kriegen kann. Sehr einfach, aber sehr effektiv. Okay, wir haben bereits Blobs mit unserem Plugin in den vorherigen Lektionen erstellt, also wollen wir Abdeckung. Hier. Es gibt noch einen warmen Generator, widerspenstiger Ruden. Eigentlich lassen Sie uns dieses Plug-In ausführen. Es gibt viele Einstellungen darin. So können Sie um zwei Frames spielen. Diese Schande, und die Haupteinstellung ist dieser Würfel Regenbogen der Euphorie. Dies bedeutet, dass Sie verschiedene Arten von Formen haben. So Würfel ist für diese Art von Form. Regenbogen ist für diese Art von Form. Und Euphorie ist für diese Art von Formen. Lasst es uns benutzen. Sie können einige Farben festlegen und es wird Ihnen einige Formen generieren. Wenn Sie sehen, dass es diese Einstellung legt, können Sie diese Einstellung ändern. Eingewilligt. So können wir mit allen Einstellungen herumspielen und viele verschiedene Hintergründe erstellen und so weiter. Wie Sie sehen, gibt es hier eine Menge von diesen Hinweisen. Und das ist sehr interessant Plug-in, wenn Sie einige Banner für einige Regionen erstellen müssen und Sie können Webkarten hier erstellen. Und klicken Sie einfach mit der rechten Maustaste auf diesen Bereich und klicken Sie auf V Angenommen, ich möchte Brasilien ausgewählte Konturen hinzufügen und ich möchte diese Ebene erhalten. Es wird eine Schicht von einer Form auf Brasilien schaffen, die dies einige Zeit in Anspruch nehmen wird. Okay, wir werden nicht darauf warten und verstehen, dass es hier drüben ein Marmor Brasilien erschaffen wird. Wie installiere ich eines dieser Plugins? Haben Sie? Suchen Sie es nach seinem Namen, oder Sie können einfach kopieren, fügen Sie diesen Link ein, fügen Sie ihn in Ihren Browser ein. Sie erhalten in Figma-Konto und Sie können dieses Plugin installieren, wie Sie sehen, es ist bereits installiert. Sie können einfach zur Community gehen und nach Plugins suchen. Hier drüben. Es gibt eine Menge, viele Plugins und Figma, so dass Sie sie überprüfen können. Ich habe Ihnen einige von ihnen gezeigt, die ich fast jeden Tag benutze. Sie sind ziemlich interessant. Und wie Sie sehen, habe ich hier auch viele Plug-Ins. Einige von ihnen dienen zum Erstellen von Animationen, zum Erstellen von Videos. Einige von ihnen, um einige 3D-Objekte zu erstellen. Einige von ihnen werden nur einige Icons hier auf nur Flaggen herunterladen. Zum Beispiel verwende ich Flaggen, Trends und die ungerechten, und wähle die Flagge, die sie wollen. Ich kann ein Rechteck oder Quadrat verwenden. Ein Beispiel, das ich hinzufügen möchte. Die Erstellung wurde irgendwo hinzugefügt. Ich sehe es nicht. Ich bin mir nicht sicher. Ja, es ist hier drüben. Das ist also Flagge. Und wie Sie sehen, ist es in einer Vektorform gemacht. Das bedeutet, dass ich es skalieren kann. Wenden Sie sich an Größe und die Qualität ist immer noch großartiger Tag. Das ist alles, was ich über Plugins sagen wollte. Sie können nach verschiedenen Plugins in Ihrer eigenen, breiteren Community suchen. Finden Sie einige Artikel, verwenden Sie verschiedene Plug-Ins. Sie werden automatisieren und Ihnen viel Zeit sparen. 57. 12.1 Growth: Ich habe gelernt, wie man viele Banner in Figma erstellt, und wir haben gelernt, eine Menge Balance für jeden Schreibtisch und in Figma zu schaffen. Lassen Sie uns sehen, wie Sie alle diese verwalten, weil Sie eine Frage haben können. Was habe ich mit dem ganzen Mann im Jahrzehnt zu tun? Denn es ist sehr schwierig zu verwalten, als wenn Sie Hunderte von verschiedenen Varianten Ihrer Balance haben. Also haben wir ein Werkzeug dafür, das und Mädchen und gekauft. Eigentlich mache ich es in Trello und Sie haben auch diese Vorlage. Wenn ich einen Link zu diesem Board habe, kannst du ihn in Testphase auf deine Pinnwände kopieren, wenn du ihn nicht verwendest. Das ist sehr einfach. Erstellen Sie einfach ein Konto und Sie können IT verwenden. Verwalte deine Kreative. Was ist hier? Dies ist Kanban oder Scrum Board, wo wir verschiedene Spalten haben und wir haben verschiedene Karten. Und wenn wir mit unseren Tests beginnen, wenn wir eine Hypothese beginnen, fügen wir sie einer dieser Spalten hinzu. Und dann, während es einige Daten gewinnt, während es gestartet wird und so weiter, in einem geht nach rechts auf Erfolg oder scheitern. Dies ist also ein Modus, um Hypothese zu testen. Was ist Hypothese? Hypothese ist, zum Beispiel, Aussage. Wenn wir ein schönes Mädchen zu unseren Banner hinzufügen und fahren, dass wir Rabatte auf unsere Produkte haben. Wir werden eine bessere Sitar in unseren Werbekampagnen gewinnen. So erstellen Sie Ihre Balance mit diesem Mädchen mit etwas Rabatt und Sie testen es. Und während Sie Testament sind, bewegen Sie diesen Wagen in diesen Spalten von links nach rechts. Also lassen Sie uns schauen und diese Spalten näher. Episch. Dies ist eine Spalte für etwas, das Sie jetzt nicht auf einige Dinge testen möchten , die Sie in der Zukunft tun möchten und Sie nicht wissen, wann. Zum Beispiel können Sie eine Karte hinzufügen, die Sie testen wollten, aber etwas hat sich geändert und Sie sind nicht in der Lage, sie jetzt zu testen. So können Sie diesen Schnitt einfach in epische Kolumnenideen einfügen. Dies ist Spalte für Ideen, alle Mitglieder Ihres Teams, oder Sie kaufen sich helle einige Ideen hier auf eine sehr abstrakte Art und Weise. Zum Beispiel, ehrlich mit Text, Premium-Musikinstrumente besser konvertieren, so etwas. Oder Banner mit dem Rockgirl erhalten eine hohe CTR. Es ist also so. Das ist noch keine Hypothese. Das ist nur ein Indien. Dann Sie von der Hypothese von dieser Idee. Also, wenn ich einen Ideenbonus mit dem Text Premium-Musikinstrumente besser konvertieren hatte, wird es in diese Kreative mit dem Text verwandeln. Premium, Musikinstrumente werden Conversion-Rate cr von 5.5% auf 7% erhöhen , weil sie diejenigen, die billig suchen schneiden. Also lassen Sie uns so tun, als hätten wir ein Geschäft von nur Premium-musikalischen Instrumental von teuren. Und wir denken, dass, wenn wir schreiben Prämie in unserer Balance. Menschen, die billige Musikinstrumente kaufen wollen, werden nicht clique und wir werden nicht auf unsere Website kommen und wir werden eine bessere Konvertierung haben. Und ich habe hier einige Felder, Beschreibung oder meine Orthese, dass die Metrik, ihre Konversionsrate, der historische Metrikwert 5,5% ist. Das bedeutet, dass bei meinen vorherigen Kampagnen die Conversion-Rate 5,5 betrug. Und jetzt warte ich auf meinen AB-Test, damit mein Experiment läuft. Und dann werde ich schreiben, was sind sie in diese Felder gekommen? Und nachdem diese werden verstehen, ob dies funktioniert oder nein. Also zuerst bilde ich nur eine Hypothese. Alle Mitglieder des Teams bewegten die Hypothese, die ich besser hielt, in diese Prioritätsspalte. Dies ist für den Fall, wenn Sie viele Ideen haben, viele Hypothesen, und Sie verstehen es, Sie haben keine Zeit, sie in diesem Sprint in dieser Woche zu testen. Normalerweise gehe ich in wöchentliche bis wöchentliche Sprints. Das bedeutet, dass ich die Hypothese eine Woche oder zwei Wochen teste. Wenn dies Marketing-Hypothese, in der Regel ist es genug von schwach, um sie zu testen, invertieren diese Hypothese sind komplizierter und benötigen mehr Daten. Sie können sie auf einer zweiwöchigen Basis laufen, aber ich bevorzuge, dass Sie mit einer Woche beginnen. Das bedeutet also, dass zu Beginn der Woche und wir bei Hypothese Spalte sehen, und wir sehen, zum Beispiel, Bowtie von ihnen. Und wir verstehen, dass es zu viel ist, und wir wollen vielleicht Tim testen, und das sind vielleicht 15. Setzen Sie also die beste Hypothese in den Vordergrund. Jede Person, jedes Teammitglied entscheidet, welche seiner Hypothese besser im Sprint zu testen ist, und sie fügen sie zur Priorität hinzu. Dann haben Sie ein Meeting, wahrscheinlich ist es online und Sie stimmen ab. Welche dieser Karten sind besser in dieser Woche zu testen? In diesem Sprint rangieren Sie sie. Je höher die Menge ist, desto mehr Priorität bekommt sie. Noch ein paar Katzen können zum nächsten Sprint gehen. Und wahrscheinlich, wenn Sie Ihre Hypothese während Ihres Meetings besprechen, werden Sie eine Hypothese aus dieser Spalte in Ihren aktuellen Sprint einfügen. Solide sagen, dass Sie 10 Hypothese ausgewählt haben, aber dann verstehen Sie, dass Sie nicht genug Ressourcen haben, um alle von ihnen zu testen, normalerweise nur um sie hier drüben. Und Menschen, die Gewalt erzeugen, die Ihre Werbekampagnen einrichten, werden sie aus dieser Spalte auswählen und zur Produktion beitragen. Wenn sich also eine Karte in dieser Produktionsspalte befindet, bedeutet das, dass jemand Dinge tut, um diese Tests durchzuführen, um diese Hypothese zu testen. Nachdem alles erledigt ist und die Kampagne gestartet wird, geht Karte auf Datenerfassungsspalte und es legt hier, bis die Daten gesammelt werden. Die Daten werden aus irgendeinem Grund nicht gesammelt. Zum Beispiel, Sie stoppen die Kampagne für immer. Sie müssen nur diese Karte wahrscheinlich zu epischen verschieben, um zu scheitern oder einfach nur zu löschen, wenn Sie verstehen, dass Sie sie nie wieder verwenden. Aber normalerweise setze ich sie in epische und teste sie in der Zukunft. Und schließlich, wenn Sie Ihre Daten sammeln und Sie Ihre Katze entweder zum Erfolg oder zur fehlgeschlagenen Spalte bringen . Also an unserem Beispiel haben wir Hypothese 1 ist Kreative mit dem Text Premium-Musikinstrumente Konversionsrate von 5,05 auf 7% erhöhen , weil sie diejenigen, die nach billigen Ergebnissen suchen schneiden. Wie Sie sehen, gibt es einige zusätzliche Felder hier und Sie sehen, dass es für Google, für Großbritannien und für Gitarrenprodukte gibt. Ok? Und dieser Wagen ist für Facebook. Und das sind etwas andere Konversionsraten, denn wie Sie in diesem Beispiel sehen, wandelt Facebook besser um und seine anfängliche Konversionsrate war 6,3, also wollen wir, dass es 8% sein. Schließlich haben wir Ergebnisse, nachdem jeder Warenkorb von einer Spalte in eine andere verschoben, wo sehen, dass wir Conversion-Rate 8.4% bei Google haben. Wir sehen also, dass es größer als 7% ist, die wir wollten. Und das bedeutet, dass wir eine erfolgreiche Hypothese haben. Und der andere bekam Konversionsrate 6,5. Dies ist mehr als 6,3, die wir vorher hatten, aber es sind nicht 8%. Das bedeutet, dass wir diese Hypothese als gescheitert markiert haben. Selbst wenn wir 7,9% bekommen, legen wir es immer noch in die Spalte „Scheitern“. Sie müssen also verstehen, dass Erfolg und Scheitern davon abhängen, welche Ziele Sie gesetzt haben. Wenn Sie also eine Conversion-Rate von 5,5% hatten und ein Ziel auf 50 Prozent setzen, wird wahrscheinlich alle Ihre Hypothese scheitern, weil es nicht realistisches Szenario ist. Und wenn Sie 7% setzen, ist es wahrscheinlich okay. Sie verstehen also, dass es vernünftig ist und Sie wahrscheinlich diese Ergebnisse erhalten können. Aber wenn Sie Ihr Ziel auf 8% setzen und Sie es nicht wieder getan haben, bedeutet das nicht, dass diese Hypothese ist, aber das bedeutet nicht, dass Ihre Banner, Ihre Kreative und schlecht, können Sie sie wahrscheinlich verwenden, aber wahrscheinlich möchten Sie sie ändern und tödlich, um noch bessere Ergebnisse zu erzielen. Und Sie können mit ihnen gehen, Sie können sie in Kampagnen lassen, oder Sie können sie sogar skalieren. Aber das bedeutet nur, dass Sie, als Sie Ihre Conversion-Rate vorhergesagt haben, es nicht so gut gemacht haben. Oder du hast es gut gemacht, aber Menschen sind einfach nicht gut genug. Und wenn Sie Ihre Sprints immer wieder bekommen, haben Sie neue und neue Hypothese. Sie werden besser vorhersagen. Und Sie werden Hypothese ausführen, die tatsächlich etwas bedeuten. Also, wenn Sie sagen, dass ich Conversion und 50 Prozent gewinnen will, nachdem Sie in 5.5. Das ergibt keinen Sinn. Also diese, Das ist, warum Sie solche Karte in Scheitern setzen. Und dann im nächsten Frühjahr verstehen Sie, dass Sie nicht in der Lage sein werden , cij be Conversion-Rate zu bekommen und wahrscheinlich Ihr Ziel, Ihr Ziel wird niedriger, vernünftiger sein. So gehen Thins also. Und nachdem Sie Ihre Hypothese immer wieder getestet haben, erhalten Sie hier alle Ergebnisse. Wenn Sie zu viele von ihnen haben, können Sie einige Schnitzen Ihrer Karten erstellen und sie in eine andere Spalte verschieben. Und wir haben die letzte Spalte, es ist Review und retrospektive Spalte. Ich werde es umbenennen, um Hunderte in Bezug auf das zu überprüfen, was es bedeutet und wie man es benutzt. Wenn wir einen wöchentlichen Sprint haben, bedeutet das, dass wir am Ende jedes Sprints jetzt ein Meeting haben und aufschreiben, welches Ergebnis wir haben? Was haben wir geplant und was haben wir erreicht? Also war unser Plan, fünf Hypothesen zu testen, und tatsächlich testeten wir nur zwei davon. Einer von ihnen ist erfolgreich, einer von ihnen erfolgreich. Unsere Erfolgsquote liegt also bei 50 Prozent und wir müssen Erkenntnisse aus unserem Sprint aufschreiben. Was haben wir gelernt, was wir in der Zukunft nutzen? Gut verstanden, dass die Verwendung von Premium-Instrumenten im Minus verschiedene Ergebnisse je nach Werbeplattform benötigt weitere Tests. So funktioniert es gut für Google, aber nicht so gut für Facebook. Und das bedeutet, dass wir wahrscheinlich noch mehr Hypothese schaffen müssen, um das herumzulaufen und tatsächlich hochwertige Musikinstrumente zu verstehen. Macht es eine echte Veränderung in der Werbung oder nicht? Danach erhalten Sie mehr und mehr Hypothese. Sie erhalten immer mehr Ergebnisse, und Sie werden in der Lage sein zu verstehen, was funktioniert und was nicht funktioniert. Und zum Beispiel, Sie haben ein neues Teammitglied und Sie können ihm einfach dieses BAD zeigen. Zeigen Sie ihm die erfolgreiche und gescheiterte Hypothese. Und Sie verstehen Ihr Marketing und Ihre Situation viel besser, als wenn Sie es tun würden. Sagen Sie ihm das in Watt. Dies ist also ein großartiges Werkzeug, um Hypothese zu testen, viele verschiedene Varnas, Deterministen, viele verschiedene Schöpfer zu testen und so weiter. Dies ist ein Wachstumsboard und es ist nicht nur zum Testen konzipiert. Kreative. Dies sind Schritte des Konvertierungstrichters , den Ihre Leads durchlaufen, die Kunden sind, wenn sie mit Ihrem Unternehmen interagieren. Wenn wir über Kreative sprechen, über Bananen, sind wir auf dem ersten oder vielleicht auf den zweiten Schritten. Also die erste ist für das Bewusstsein und Metriken für diese Schritte erreicht werden, wie viele Menschen erreichen Sie mit Ihrer Werbung? Dies sind Metriken für Anwendungen, Dienste usw. Wenn Sie also etwas online verkaufen, wenn Sie zum Beispiel einen Online-Shop haben, haben Sie diese Metriken für Ihren Trichter. Und Akquisitionsmetriken oder der Schritt unsere Conversion-Rate, Kosten pro Lead, Kosten pro Aktion, Kosten pro Verkauf Bounce Rate. Wenn Sie Ihre Kreative testen, haben sie normalerweise keinen Einfluss auf Ihre Conversion-Rate. Aber sie beeinflussen die CTR. In einem groß angelegten. Dies bedeutet, dass die meisten Hypothesen Ihrer Banner Aussagen haben. Diese Kreative erhöhen die CTR von 16 Prozent auf 17 Prozent und so weiter. Manchmal, wenn Sie neue Seiten auf Ihren Kreativen entwerfen, filtern Sie einige Ihrer Zielgruppen oder einige unnötige Zielgruppen heraus. In diesem Fall beeinflussen diese Kreative Conversion-Rate und Sie können die Schritte mit Akquisitionsschritt markieren, aber die meisten von Ihnen kaufen uns wird nur CTR beeinflussen. Und das bedeutet, dass dies Bewusstseinsschritt ist. Es gibt noch andere Schritte, aber es geht nicht um Kreative. Es geht um Website-Use-Sucher über die Produktqualität, darüber, wie viele Leute auf Ihre Server zurückgehen, wenn es sich um einen Service handelt, wie viel Geld Sie von jeder Person verdienen und wie Ihre Benutzer, wie Ihre Kunden Ihre Dienste empfehlen andere Menschen. Also wollen wir all diese vier Schritte abdecken. Wir werden uns auf diese beiden konzentrieren. Und wie gesagt, wenn Sie Ihre Kreative testen, in der Regel eine Testsitar. So vergleichen Sie eine mit anderen Manieren im gleichen Werbesystem mit der gleichen Zielgruppe, mit der gleichen Zielseite. Wenn Sie zum Beispiel in verschiedenen Landing Pages testen, verschiedene Texte hinzugefügt haben, hatten Sie unterschiedliche Bilder auf Ihren Landing Pages und möchten testen, welche davon besser konvertiert werden. In diesem Fall können Sie notieren und Indien dann, um die Hypothese zu bilden, Leihseite mit einem Text ein wird die Konversionsrate von 5% auf 6% erhöhen , weil es unsere Vorteile in einer besseren Weise zeigen wird, als es vorher war. Und Sie testen diese Hypothese mit einem AB-Test-Tool wie Google Optimizely Optimizely oder so etwas. Dies ist ein sehr kurzer und kurzer Überblick über das Wachstumsboard und die dahinter liegenden Prozesse. Aber es reicht für Sie, Ihren Bonus zu testen, um Ihre Kreative zu testen. Und noch eine Sache über Test und Banner für Google. Wie Sie wissen, gibt es viele Formate da drüben, besonders wenn Sie regelmäßige Display-Anzeigen berühren. Und im Idealfall können Sie für jede der Größen eine unabhängige Hypothese ausführen. Denn wie Sie wissen, passiert es manchmal und es kommt sehr oft vor, dass Banner einer Größe besser in mit einem Text konvertieren und Banner anderer Größe konvertieren schlechter. Also in diesem Fall möchten Sie wahrscheinlich eine unabhängige Hypothese für Alter Bono Größe erstellen, aber das wird sehr zeitaufwendig und das wird nicht so einfach zu verwalten, wenn Sie viel kreativ haben. Also, was ich vorschlage, ist, es vielleicht einmal, zweimal zu tun , um zu verstehen, welche Ideen in wenn Formate gehen und was zu vermeiden ist. Zum Beispiel, Sie werden verstehen, dass bei murbles Bonus mit kleinen Formaten, Sie müssen nicht viele Texte setzen weil es nicht wirklich gut ist, tatsächlich ist dies offensichtlich, aber vielleicht werden wir Schluss danach haben. Wenn Sie Ihren gesamten Bonus unabhängig für Google-Anzeigen messen möchten, Sie wahrscheinlich eine Google-Kalkulationstabelle oder eine Excel -Datei erstellen. Es wäre also eine Art Tisch, weil es sehr schwierig sein wird, es in diesem Trailer zu verwalten. Willst du. Also, wie Sie verstehen, wenn Sie 20 Balance haben, werden Sie 22 separate Hypothese haben. Und wenn Sie verschiedene Ideen haben, zum Beispiel drei oder vier, werden es 100 Karten hier drüben sein. Es wird sehr zeitaufwendig sein. Aber nachdem Sie alle Ihre Daten mit all Ihren Formaten gesammelt haben, werden Sie die allgemeinen Informationen verstehen, die Hypothese über Premium-Musikinstrument, erfolgreich oder nicht. Und Sie haben diese Ergebnisse in diese gekauft. Ich hoffe, Sie werden diese Worte verwenden, um Ihre Marketing-Ergebnisse zu steigern. Und so lasst uns weitermachen. 58. 12.2 Hypothesis: Lassen Sie uns in ihren Gott schauen. Obwohl die Hypothese näher, wie wir zuvor gesehen haben, haben wir diese Schlagzeile. Eigentlich sagt es, was mit Test zu tun ist. Und das ist die Aussage unserer Hypothese und wie Abschnitt zu verwenden. Wir haben viel durchgeführt, wie man eine gute Hypothese schreibt, und wir werden sie in einer separaten Lektion abdecken. Jetzt sind wir hier. So Beschreibung. Sie können hier etwas schreiben, wenn Sie denken, dass Ihre Teamkollegen besser verstehen, was Sie testen werden. Wenn es aus dem Titel offensichtlich ist, können Sie diese Beschreibung überspringen. Core-Metrik, seine Konversionsrate oder CTR. Normalerweise kann zusätzliche Metrik sitar sein. Zum Beispiel, Sie laufen, zum Beispiel, Sie schalten verschiedene Varianten Ihrer Anzeigen. Und Sie verstehen, dass Sie auch Ihr Publikum schneiden wollen, unnötige Publikums-Bio-Kreative wie hier schneiden wollen. Also schreiben wir ein Musikinstrument und wir verstehen, dass Leute, die billige Instrumente kaufen wollen, auf unsere Website gehen wollen. Aber das bedeutet, dass wir wahrscheinlich unsere cetera verlieren werden. Es ist nicht wichtig, denn wenn wir Konversionsrate gewinnen, wenn wir aufhören, Geld für Leute zu verlieren, die nicht in unserem Shop kaufen wollen. Das bedeutet, dass wir mit dem Verlust der CTR einverstanden sind. Aber wenn wir es sehr dramatisch verlieren, müssen wir wahrscheinlich einen Kompromiss finden. Das bedeutet nur, dass wir auch die CTR im Auge behalten müssen. Aber unsere wichtigste Metrik für diese Experimente, für diese Hypothese ist immer noch Konversionsrate als Oracle Magic Wert. Das ist es, was wir vorher hatten. Screenshot-Beispiel für historische Daten. Dieser zeigt, was Statistiken tun, hatten wir vorher? Warum es wichtig ist, weil wir statistische Signifikanz berechnen und wir sollten verstehen, dass dieser Wert genau ist. Und wenn wir solche Screenshots haben , macht es alles visueller. Dann, nachdem wir unsere Daten erhalten haben, setzen wir die Werte hier und wir machen einen weiteren Screenshot und legen ihn hier drüben. Schließlich berechnen wir statistische Signifikanz, weil wir manchmal sehr nahe Ergebnisse bekommen und wir nicht verstehen, ob sie etwas wert sind oder nicht. In diesem Fall werden wir einen Rechner mit statistischer Signifikanz verwenden und wir werden sehen, ob unsere Ergebnisse signifikant sind. Gut deckt die statistische Signifikanz in einer separaten Lektion. Und nach der Hypothese, Es ist Autor sollte Schlussfolgerung schreiben, was haben wir bekommen y oder nicht, und was als nächstes zu tun. So zum Beispiel. Wie hier, erhöhen diese Kreative leicht die Umwandlung, aber nicht die Art, wie wir erwartet, was als nächstes zu tun. Ich lasse sie laufen und suche nach anderen Kreativen, um zum Beispiel die Conversion-Rate zu steigern. Mit dieser Idee bedeutet das, verschiedene Kreative mit Premium-Musikinstrument zu testen , um zu sehen, ob diese Aussage auf Nein funktioniert. Und es gibt noch eine Sache, benutzerdefinierte Felder. Wenn Sie sich registrieren und wenn Sie Trail verwenden, und es gibt keine benutzerdefinierten Felder in Ihrem Warenkorb. Das ist also ein hinkender Strom im Trailer. Es befindet sich hier benutzerdefinierte Felder. Also habe ich benutzerdefinierte Felder wie diese. Und ich werde ein neues Feld hinzufügen, zum Beispiel, ich werde es auf Dropdown setzen und es wird sein, sagen wir Marke. Und wir haben eine gewisse Abweichung. Zum Beispiel bedeutet generische, dass keine Marke Gibson sein wird, ein, König, j wird yamaka sein und so weiter. Also, nachdem diese können Marke verwenden, ein Beispiel, ist dies generische und Werbung. Ich habe keine Marke. Und wenn ich dieses Kontrollkästchen setze, bedeutet dies, dass dieses Feld ein erscheint und der Warenkorb hier, so dass es in der Marke generisch sein wird. Wenn ich das verkaufe, verschwindet es. So läuft diese Power-Up. Wenn Sie es aktivieren möchten, gehen Sie einfach zu Power Apps hinzufügen. Sie können ein kostenloses Power Up mit jedem Testkonto hinzufügen und Sie müssen benutzerdefinierte Felder finden. Und wenn Sie möchten, können Sie es einfach zu Ihrem Konto hinzufügen. Rela ermöglicht es Ihnen, einige Kommentare zu jedem Modus hinzuzufügen, so dass Sie frei sind, Kommentare hinzuzufügen. Hier kannst du deine Teamkollegen erwähnen und so weiter. Und wenn Sie ein Bild zu Ihrer Karte hinzufügen möchten, müssen Sie es anhängen. Sie haben also Eigensinn. Berechnen. Lassen Sie uns etwas anderes hinzufügen. Zum Beispiel möchte ich dieses Bild beenden. Jetzt haben wir zwei Bilder hier drüben und wie Sie sehen, wurde ein Cover Ihrer Karte. Aber ich möchte das vorherige Bild Cover machen. Also gehe ich hier und klicke auf Cover machen. Also habe ich jetzt zwei verschiedene Bilder in meiner Karte, aber ich kann das Cover satteln. Wir haben gelernt, wie man eine Hypothesenkarte in unserem Wachstum verwendet, sowohl im Trailer. Also schlage ich vor, es selbst auszuprobieren. 59. 12.3 Hypothesis: Schauen wir uns unsere Hypothesenaussage näher an. Hier in der Hypothese Spalte gibt es eine Vorlage. Was Sie in Ihrer Hypothese schreiben müssen, wie Sie sie bilden sollten. Es gibt also zwei Beispiele hier. etwas in etwas ändern, wird das Konvertierungsziel von 1 zu einem anderen erhöhen weil ich diesen Teil beendet habe, wo Sie Ihr Ergebnis setzen können und in diesem Fall werden Sie das Ergebnis direkt von hier aus sehen. müssen nicht klicken und hineingehen. Sie sehen, dass das Ergebnis 8,4 für diesen Schnitt ist. Also gehen wir dorthin zurück und sehen. Also, was bedeutet es? Das bedeutet, dass Sie aufschreiben müssen, was Sie ändern und wie Sie sich ändern werden, wie wird es sich auf Ihre Metrik auswirken? Und müssen Sie eine Metrik auswählen, um diese Hypothese zu testen? Und ein sehr wichtiger Teil ist weil dies bedeutet, dass Sie nicht nur Hypothese ausführen, um Hypothese auszuführen. Du bist dran. Um etwas zu verstehen, etwas zu lernen, und Sie haben einige Gefühle, Sie haben einige Gedanken, wie diese Veränderungen Ihre Ergebnisse beeinflussen. Wenn Sie dies nicht weil Teil setzen, werden Sie nur grüne Tasten gegen rote Knöpfe testen und so weiter. Aber wenn Sie verwenden, weil Sie erklären können, warum haben Sie diese Hypothese gebildet? Warum hast du es aufgeschrieben? Und jeder wird den Hauptgedanke verstehen, der in dieser Hypothese steckt. Das ist also sehr wichtig. Schauen wir uns unsere Beispiele an, Kreative mit dem Text Premium-Musikinstrumente. Also, was werden wir ändern? Der Text? Erhöht die Konversionsrate. Es ist eine wichtigste Metrik für unser Experiment von 5,5 bis 7%. Schreib keine Sachen wie. So. Lassen Sie uns es neu formulieren und sehen Sie das gute und das schlechte Beispiel. Zum Beispiel, Kreative mit dem Text Premium-Musikinstrumente gewinnen Umwandlungsrate 7%. Eigentlich ist diese Formel in Ordnung, dieser Text ist okay, aber du verstehst nicht, was du vor deinen Experimenten hattest? Also hast du genau richtig, es wird 7% gewinnen und du hast es nicht verstanden, es übereinstimmt oder nicht? Welches Niveau der Conversion-Rate hatten Sie vorher? Also ist es besser, in diesem Fall Ihre vorherigen Ergebnisse aufzuschreiben, verstehen Sie. So dass 7% tatsächlich ein gutes Ziel ist. Und wenn diese Banner dieses Ziel erreicht haben, ist es gut. Aber wenn zum Beispiel Ihre vorherige Konvertierung 1,5 war, ist Ihre Hypothese wahrscheinlich zu optimistisch und Sie müssen wahrscheinlich eine niedrige Einschreibung festlegen. So ist dies sehr wichtig und ohne weil Teil, Mal sehen, es wird das gleiche aussehen. Aber jetzt gibt es keine Erklärung. Warum testen wir diese Hypothese? Okay, und gehen wir zurück zu unserem aktuellen und sehen uns eine andere Formel an. Kreative mit etwas werden zustimmen Erhöhung Konversionsziel von tatsächlich. Unsere Beispiele werden mit diesen Formeln gemacht, so dass wir keine Änderung in einem zu anderen geschrieben haben, wird zunehmen. Wir haben gerade geschrieben, dass Kreative mit Samsung unsere Conversion-Rate erhöhen. Lassen Sie uns eine Hypothese mit dieser Formel machen. Zum Beispiel, wechselnde Person, Forum und Kerl oder Mädchen bei den Kreativen mit den Texten Musikinstrument wird die Konversionsrate von 6,5 auf 7% erhöhen , da unser Haupt DNS männlich ist und Mädchen. Das ist also ein guter. Das ist also eine gute Form. Das ist also eine gute Formulierung der Hypothese. Gehen wir zurück und sehen, was Zellen hier haben. Ja, wir haben einige Metriken, Primer Metriken für unsere Manieren. Ctr und CR kommt Click-Through-Rate und Conversion-Rate. Und es füllt sich, dass wir setzen müssen, wir sahen sie bereits in unserer Karte und Rezension Lektion. Also schauen wir es uns noch einmal an. Wenn Sie Ihre Hypothese bilden, wenn Sie sie fahren, müssen Sie darüber nachdenken, warum diese Hypothese wahr sein sollte. Gibt es eine Idee dahinter? Wenn es keine gibt, ist dies nur für Tests bestimmt und wahrscheinlich werden Sie einige Ergebnisse haben. Wahrscheinlich nicht. Normalerweise sind Ihre Ergebnisse für solche Hypothese nicht so groß, weil es nur alloc ist, und normalerweise machen sie nicht so viel Unterschied. Aber wenn Sie sie in einer Weise bilden, wenn Sie erklären, warum diese Hypothese funktionieren sollte. Und wenn Sie realistische Ziele setzen. In diesem Fall kann Ihre Hypothese wahr sein. Eigentlich können sie auch falsch sein, aber zumindest testen Sie etwas Vernünftiges, Sie testen etwas, das Sinn macht. Wenn Sie also Ihre eigene Hypothese schreiben, kommen Sie zu dieser Lektion zurück, schauen Sie sich diese beiden Formeln an und verwenden Sie sie, denn wenn Sie Ihre Hypothese auf diese Weise bilden, werden sie Ihnen erlauben, Ergebnisse zu erzielen. Sie möchten die Hypothese testen, nur weil Sie etwas testen möchten, testen Sie die Hypothese, um Ergebnisse zu erhalten. Das ist es also mit dieser kurzen, aber sehr wichtigen Lektion. Versuchen Sie, Ihre eigene Hypothese zu schreiben, testen Sie sie, und Sie werden großartige Ergebnisse erzielen. 60. 12.4 AAARRR: Jetzt schauen wir uns an, wie ein Trichter geht. Das geht über den kreativen Test hinaus, aber schauen wir uns das trotzdem an. Dies ist also die endgültige AA, Awareness Akquisition, Aktivierung, Retention, Umsatzreferenz. Es zeigt, wie Ihre Kunden durch Ihre Website gehen, durch Ihre Dienste, und wie bringen sie Ihnen Geld? Wie hat das Gehirn, das Sie schätzen? Der erste Schritt ist das Bewußtsein. Wie viele Menschen erreichen? Wie viele Leute machen SEO-Werbung, Akquisition? Wie viele Personen Ihre Website besuchen und wie viele Personen dort Aktionen ausführen, beispielsweise verlassen ihre Kontexte. Aktivierung. Dies gilt nicht für alle Unternehmen, aber zum Beispiel für mobile Anwendungen, bedeutet dies, wie viele Leute kostenlose Testversion starten oder so etwas. Retention. Wie viele Leute kommen wieder zu deinem Ende? Retention. Wie viele Leute kommen zurück und kaufen wieder, und wie lange bleiben sie bei Ihrem Geschäft? Das funktioniert also mit LTV, Einnahmen. Wie viele Leute zahlen Sie? Wann fangen sie an, dich zu bezahlen? Und verweisen Sie alle, wie viele Leute Ihr Geschäft an Frankreich oder an einige Koliken verweisen. Gehen wir zurück zu unserem Vorstand. Und wie Sie sehen, gibt es hier einige bunte Etiketten. Und wie Sie sehen, habe ich alle meine Karten mit einem dieser Etiketten markiert. Also diese orange bedeutet, dass dies Akquisition Schritt und diese Metrik ist Conversion-Rate, Kosten pro Lead-Kosten, wo Aktion Kosten pro Verkauf Bounce Rate. Dies bedeutet also, wie Menschen auf Ihrer Website konvertieren oder nicht konvertieren eine auf Ihrer Website. Awareness ist KTI-Reichweite und so etwas. Ein monatliches Publikum, tägliches durchschnittliches Publikum und so weiter. Die Aktivierung, wie gesagt, gilt nicht für alle Unternehmen. Wenn Sie nur etwas auf Ihrer Website verkaufen, haben Sie wahrscheinlich keinen Aktivierungsschritt. So kann es Umwandlung in eine erste Testverwendung sein, der erste Tag Retention. Dies bedeutet, dass, wenn Ihr Service so gestaltet ist, wie die Leute es immer wieder verwenden. Aufbewahrung am ersten Tag bedeutet wie viele Personen Ihre Server am nächsten Tag nach der Registrierung nutzen. Das geht also perfekt mit mobilen Anwendungen und so weiter. Retention ist, wie lange Menschen bei dir bleiben, wie lange die Leute bleiben und bezahlen, wie viele Menschen gehen weg? Nps-Punktzahl, bedeutet dies, wie die Menschen mit den Diensten zufrieden sind. Einnahmen. Dies ist die Umsatz- und LTV-Metrik. Und eigentlich manchmal benutzen Leute LTV hier, weil es zeigt, wie lange die Leute dich bezahlen und überweisen. Dies sind einige Referenzmetriken. Wie viele Leute laden ihre Freunde ein, wie viele Einladungen machen sie und so weiter. Dies sind also sechs Schritte, die diesen Trichter beschreiben und es ist besser, sie in Ihrem eigenen Wachstum zu verwenden. Aber in diesem Fall werden Sie die Hypothese nicht nur über Kauf eines Test- und B2-Kreativ-Tests und eines Werbetests testen, sondern Sie werden tiefer gehen und alle Aspekte Ihres Unternehmens testen. Das ist also eine sehr leistungsfähige Technik. Und wenn Sie es haben, sagen wir eine mobile Anwendung oder einige als Dienst, wahrscheinlich werden Sie eine andere Variante dieses Trichters finden, wo die Aufbewahrung an die Spitze geht. Es nennt sich Rawr, so etwas. Das bedeutet, dass, wenn Ihr Unternehmen so gestaltet ist , dass die Leute immer wieder zu Ihnen zurückkommen sollten. Und in diesem Fall verdienen Sie Geld. Sie müssen also Ihre Aufbewahrungsmetriken an erster Stelle stellen und sie zuerst testen. Aber wenn wir über kreatives Testen sprechen, sind das natürlich Schritte, Bewusstsein und etwas weniger Akquisition. Dies ist nur eine Einführung in einen ARR-Trichter. Wenn Sie einen tieferen lernen möchten, können Sie Google gibt es viele Videos, viele Kurse zu diesem Thema, wahrscheinlich werde ich später einen Chor darüber erstellen, aber ich denke, das ist mehr als genug für unseren kreativen Test. Und tatsächlich, wenn Sie keine weiteren Schritte und jetzt die Ebenen des Trichters verwenden, müssen Sie diese Etiketten einfach nicht anwenden. Sie können einfach Ihre Hypothese über Ihre Click-Through-Rate schreiben, über Ihre Conversion-Rate, wenn sie zutrifft. Also, das ist es mit diesem Trichter versucht, es zu verwenden und ich bin sicher, Sie werden eine größere Ergebnisse haben. 61. 12.5 Statistische Bedeutung: Sprechen wir nun über statistische Signifikanz. Wenn Sie Ihre Hypothese testen, ist dies sehr wichtig, um signifikante Ergebnisse zu erzielen. Was ist ein signifikantes Ergebnis? Dies ist ein Ergebnis, wenn Sie mit einem gewissen Konfidenzniveau sagen können , dass Ihr Ergebnis tatsächlich wahr ist. Dies beinhaltet einige Statistiken. Aber du musst keins von diesen tun. Sie können einfach den radio-statistischen Signifikanzrechner verwenden. Ich gebe Ihnen zwei Links zu verschiedenen statistischen Rechnern. Einer ist bei Santa Monica.com und ein anderer ist bei nail patella.com. Ich bevorzuge die erste, weil wir hier bei nilpotent.com keine Dezimalzahlen in unserer Conversion-Rate sehen. Und hier sehen wir sie. Normalerweise ist dies der Grund, warum ich diesen Rechner bevorzuge, wie man ihn benutzt. Sie führen Ihren Test in Ihrem haben einige Ergebnisse und Sie verstehen, dass Sie vergleichen, zum Beispiel, Ihre Kampagne mit einer früheren Kampagne, die Sie um zuvor herum. Oh, Sie, wissen beide Ergebnisse, Sie, Menge von Eindrücken und Menge von Kollegen Umrechnungen. Nehmen wir an, wir testen CTR. Und das bedeutet, dass wir unsere Eindrücke hier in Besucherfelder setzen und unsere Kollegen hier in Conversions setzen, weil unsere CTR, es ist wie eine Umwandlung für Kollegen aus Eindrücken. Sagen wir also, dass wir diese Quantität der Unterdrückung haben. Einige Kollegen, 100 Impressionen, Ein-Klick-Operationen zu Cliques, wie zum Beispiel zwei Mal größer. Aber wie Sie verstehen, dies nicht genug Daten, um zu sagen, dass diese variierenden B besser ist als Variante, weil Dies ist einfach nicht genug Daten. Was ist, wenn wir 1000 und 10 und 20 setzen? Lassen Sie es uns neu berechnen. Unsere Ergebnisse sind immer noch nicht signifikant. Fügen wir ein paar Nullen hinzu. Okay, in diesem Fall ist unser Ergebnis signifikant. Warum? Denn jetzt haben wir viel mehr Daten als zuvor. Und jetzt die Differenz von zwei Mal in unserer Conversion-Rate. Und wir meinen, dass dies Sutra ist, ist statistisch signifikant. Sie beim Testen der Hypothese sicher, dass die Ergebnisse statistisch signifikant sind. Gehen Sie einfach hier, legen Sie Ihre Daten in diese Felder und sehen Sie das Ergebnis. Es gibt viele Einstellungen und einige Werte hier drüben. Sie können nicht tief gehen und verstehen, was es bedeutet, und verwenden Sie es einfach als Ohren. Sie müssen zweiseitige Hypothese verwenden. Konfidenzniveau 95 Prozent ist in Ordnung. Dies ist Industriestandard für Hypothesentest und Sie können 99 Prozent festlegen, aber für diese müssen Sie manchmal mehr Daten als für 95 Prozent erhalten. Das ist also das Konfidenzniveau. Dies ist, wie zuversichtlich Sie in das Ergebnis Ihres Experiments sein werden. Normalerweise sind 95 Prozent in Ordnung. Und es gibt zwei, diese Werte, Leistung und p-Wert. Du musst sie auch nicht verstehen. Sie zeigen die Wahrscheinlichkeit, dass Sie einen Fehler machen, wenn Sie sagen, dass die falsche Hypothese wahr ist, und wenn Sie sagen, dass wahre Hypothese falsch ist. Also eigentlich, das sind mathematische Details. Sie müssen sie nicht verstehen, Sie müssen sie nicht lernen, und Sie müssen nur das Hauptergebnis betrachten. Also, wenn ich sage, dass dies ist, ist unser Ergebnis nicht signifikant. So sitar ist 2 mal über das Ergebnis ist nicht signifikant. Wir müssen mehr Daten sammeln, um zu sagen, ob die Hypothese B besser ist als Hypothese a. So ist die statistische Signifikanz zu verwenden. Wenn Sie möchten, können Sie hier einige Artikel lesen, die erklären, wie das alles funktioniert. Aber ich schlage vor, verwenden Sie einfach den Taschenrechner und Sie müssen nicht in diese Details gehen. 62. 12.6 Growth Board letzte Übersicht: Lassen Sie uns alles überprüfen, was wir über unsere Hypothesentests gelernt haben. Dies ist nicht nur Marketing, dies als Teil eines Wachstums-Hacks und -Prozesses. Es wird Ihnen helfen, viel bessere Ergebnisse zu erzielen, wenn Sie nur etwas im Marketing tun und Ihre Ergebnisse nicht wirklich verfolgen. Diese Mythologie dieses Frameworks wurde entwickelt um Ihre Ergebnisse zu verstehen und bessere Ergebnisse zu erzielen. Um über die Gründe nachzudenken, über Konsequenzen nachzudenken. Und um zu verstehen, wie sie sich verbinden und zu verstehen was Sie tun müssen und wie Sie tun müssen, um Ihr Ergebnis zu erzielen, um Ihre Metriken zu verbessern. Nicht nur um etwas zu testen, etwas zu testen, sondern um bessere Ergebnisse zu erzielen. Also noch einmal, was haben wir hier? Wir haben bei Trello Board. Wenn Sie noch nie Trello benutzt haben, werde ich Ihnen ein kurzes Video hinterlassen das erklärt, wie man es tatsächlich benutzt, ist ziemlich unkompliziert. Sie werden einen Link zu diesem Board haben und Sie müssen es zu sich selbst kopieren und dann können Sie es verwenden. Diese Bretter bestehen also aus verschiedenen Spalten, die einige Karten enthalten. Wenn Sie einige Ideen haben und Sie sie in Ideenspalten lesen. Alle Mitglieder Ihres DMM können dies tun, auch wenn Sie entlang gehen, tun Sie es das gleiche. Vielleicht müssen Sie nicht in jede Zählung einen Autor setzen. Wenn du mitspazierst. Wenn Sie mit Ihren Teamkollegen arbeiten, stellen Sie sicher, dass jede Karte, jede Hypothese ihren Autor hat. Also gibt es hier drüben Mitglieder und du kannst dich selbst hinzufügen. Der gesamte Prozess ist so konzipiert, dass er Ihnen Ergebnisse liefert. Und wir sollten Resultate machen. Wenn wir über Stunden und Grafiken, über unsere Banner, über unsere Werbekampagnensprechen, über unsere Werbekampagnen können wir Einfluss auf die Click-Through-Rate und die Conversion-Rate haben. Wahrscheinlich handelt es sich um zwei Hauptmetriken, von denen Sie erwarten können, dass sie geändert werden, wenn Sie Ihre Werbebanner ändern, wenn Sie Ihre Werbeanzeigen ändern. In diesem Fall bilden Sie Ihre Hypothese so, dass Ihre Conversion-Rate erhöht oder Ihre Click-Through-Rate erhöht. Ich schlage vor, dass Sie immer eine Hypothese in einer positiven Weise schreiben , dass sie Ihre Konversion erhöhen. Schreiben Sie keine Hypothese, die Ihre Conversion-Rate verringern wird. Denn manchmal wollen die Leute aufschreiben, Es ist in einer negativen Weise und es ist kein guter Weg, es besser zu tun, bleiben Sie in eine positive Richtung. In diesem Fall testen Sie die richtigen Dinge. Denken Sie also immer darüber nach, wie Sie Ihre Konversionsrate erhöhen können. Überlegen Sie immer, wie Sie Ihre Klickrate erhöhen können. Aber natürlich müssen Sie verstehen, dass Sie Ihre Click-Through-Rate nicht erhöhen müssen, wenn es so ist, fallen Sie Ihre Conversion-Rate. Dies geschieht, wenn Sie etwas sehr attraktives auf Ihre Banner schreiben, die das falsche Publikum fangen oder dass es einfach nicht wahr ist. Wenn Sie also schreiben, dass wir kostenlose Musikinstrumente verschenken, werden viele Leute auf diese Banner klicken, aber wenn Sie das nicht tun, so wird es in IIT keinen Sinn haben. In anderen Fällen sollten Sie Ihre Hypothese so machen, wie Ihre Konversionsrate erhöht wird , wodurch Ihre Klickrate erhöht wird. Ok? Du musst also einen Grund haben, du musst etwas Sand hinter deiner Hypothese haben. Also schlage ich vor, dass Sie nicht nur verschiedene Banner testen, sondern versucht, etwas danach zu setzen. Weil was? Denn in diesem Fall werden Sie viel vernünftigere Hypothese erstellen und wahrscheinlich werden Sie mit einiger Zeit viel bessere Ergebnisse erzielen. Sie und alle Ihre Teammitglieder werden die Hypothese aufschreiben, die Sie haben, um sie zu priorisieren. Und dann wählen Sie die beste Hypothese aus. Die beste Hypothese bedeutet, dass diese Hypothese, an die Sie glauben. Also, wenn Ihr Team glaubt, dass diese drei Hypothese unsere Kernmetriken erhöhen wird, testen Sie sie zuerst und gehen Sie oder eine andere für den nächsten Prinzen auf nur für eine Zukunft. Nachdem Sie sie priorisiert haben, nehmen Sie die beste Hypothese in die Produktion und starten Sie sie tatsächlich. Sie werden hier liegen, während die Daten gesammelt werden. Und schließlich werden Sie erfolgreiche oder gescheiterte Hypothese haben und sie hier setzen, wenn Sie eine statistisch signifikante Daten haben. erneut sicher, dass Ihre Ergebnisse signifikant sind. Und es gibt eine wichtige Sache in der Überprüfung und Retrospektive gibt es Erfolgsrate. Denken Sie diese nicht als KPI, um 100% zu erreichen. Denn wenn Sie versuchen, eine Erfolgsrate von 100 Prozent zu erreichen, bedeutet dies, dass Sie sehr schwache Hypothese testen werden, auch nicht sehr schwach, aber diejenigen, die sehr, sehr wahrscheinlich sind , um wahr zu sein. Auf diese Weise wollen Sie Risiko und Sie wollen gute Ergebnisse erzielen. Meiner Ansicht nach liegt eine gute Erfolgsquote zwischen 30 und 40 Prozent. Normalerweise ist es noch weniger. Wenn Sie eine Erfolgsquote von weniger als 5% haben, ist Ihre Hypothese wahrscheinlich zu streng. Wenn Ihre Erfolgsquote 90 Prozent beträgt, bedeutet dies, dass Sie, Ihre Hypothese zu mild sind. Der gute KPI für diese Metrik ist also etwa 20, 50%, vielleicht 20, 40%, 50 ist ziemlich hoch. Also, wenn Sie in diesen Raten sind und Ihre vollkommen in Ordnung mit Ihrem Schicksal Ihre Hypothese. Und es gibt eine weitere dünne, wenn Sie Hypothese testen stellt sicher, dass Sie mindestens fünf, aber bei 10 Hypothese pro Woche oder pro Sprint testen. Denn wenn Sie eine Hypothese testen und Ihre Erfolgsquote ist, sagen wir mal 15 Prozent. Dies bedeutet, dass Sie etwa 52 Hypothese testen. Sie multiplizieren es mit 15 Prozent. Und es wird darüber sein, wie viele sieben erfolgreiche Hypothese pro Jahr. Und das ist kein großartiges Ergebnis. Aber wenn Sie testen, sagen wir, 10 Hypothese pro Woche. Und Ihre Erfolgsquote ist vielleicht, ich weiß nicht, 25 Prozent. Dies bedeutet, dass Sie Ihr Geschäft besser verstehen und im Laufe Zeit werden Sie eine bessere Hypothese mit mehr Erfolgsquote erstellen , die immer noch ein Gefühl haben wird. Setzen wir es auf 25, vielleicht sogar 20 Prozent, es ist ok. Also in diesem Fall, wie viele Sie etwa 100 erfolgreiche Hypothese pro Jahr haben werden. Das ist ziemlich gutes Ergebnis. Jeff Bezos, CEO und Gründer von Amazon, sagte, dass der ganze Erfolg über massive Hypothesentest ist. Und dann hat er das vor vielen Jahren gesagt. Also wahrscheinlich ist dies ein guter Rahmen für Sie, um viel bessere Ergebnisse zu erzielen als zuvor. Ich schlage vor, dass Sie diese Mythologie ausprobieren, diesen Rahmen ausprobieren, eine Weile damit arbeiten. Und wahrscheinlich werden Sie viel bessere Ergebnisse erzielen als zuvor. 63. 13.1 Epilogue: Und mein Freund, ich freue mich, Sie am Ende des Kurses kennenzulernen. Ich hoffe, dass der Kurs gut für Sie war und dass Sie jetzt einige Fähigkeiten haben, um schneller zu arbeiten. Wenn Sie diesen Kurs nützlich finden. Fünf-Sterne-Bewertung ist es in der Review-Sitzung schätzen, solange alles, was unter 40 ist, als ein schlechtes Ergebnis auf Udemy betrachtet wird. Also, wenn Sie irgendwelche Fragen haben, Anregungen, oder Sie wollen einfach nur reden, fühlen Sie sich frei, mir eine Zeile und viel Glück fallen lassen. Mit freundlichen Grüßen, Nikki, sie haben gerettet.