Adobe XD von den Anfängen bis zum Profiniveau – Design, Prototypen und Zusammenarbeit

1. Einführung in den Kurs in den Adobe XD: Willkommen zu meinem Kurs darüber. Über 60 und in den Schulen wirst du all das grundlegende Zeug lernen und all das Zeug über 60 angeboten wird, wir werden Prototypen erstellen, wurden Zehe gehen, alles über Papier-Prototyping lernen und all die verschiedene interaktive Prototypen, Live-Prototypen. Und wir werden mit Ihren Entwicklern zusammenarbeiten. Was Zusammenarbeit bedeutet, ist, dass wir unser Design an Entwickler weitergeben, die Zeppelin und Advil kalt verwenden . Also mach dir keine Sorgen, wenn du nicht über dieses fortgeschrittene Zeug weißt, weil du wirst lernen, dass ich in diesem Kurs alle Grundlagen abdecken werde. Tastenkombinationen? Was sind die verschiedenen Werkzeuge, die Sie verwenden können, um Ihr Design zu erstellen? Und dann gehen wir auf die Prototyping-Phase, wo wir gehen, um die Grippe aus App und verschiedene Skins zu generieren . Wir werden die verschiedenen Bildschirme miteinander verbinden. Und am Ende werden wir unser Design nutzen, um mit anderen Entwicklern zusammenzuarbeiten. Wir werden entwerfen, wir gehen Zehe, geben ihnen Design-Spezifikationen und unterscheiden die Abstände zwischen verschiedenen Elementen und den zitierten Styleguides, die Ihre Entwickler sofort dort verwenden können App-Design oder iPhone App-Design Jetzt werden wir eine Menge über die Eingabe von Grenzen abdecken. Sie werden sehen, wie ich verschiedene Papierprototypen erstellen würde, um das Skizzierteil oder das Block-Level-Design abzudecken , das die erste Fläche von jedem Design ist. Dieser Kurs ist also eine Mischung aus User Experience Techniken, nur wenige davon. Ich habe in einer Menge von TD wie Prototyping und auch über Adobe X T diskutiert Wie Sie Instant-Prototypen verwenden und erstellen können Instant-Prototypen mit Adobe X'd . Jetzt eine Menge von Designern, Ich habe gesehen, dass sie nie über Designrichtlinien sprechen, I US Designrichtlinien oder die Richtlinien. Jeder Designer und Entwickler sollte wissen, dass die Navigationsleiste oder dass sie nur außerhalb der U. S. App 49 Punkte betragen sollte oder die Belastung 44 Punkte betragen sollte. All diese Spezifikationen werde ich in diesem Kurs behandeln. Und wenn Sie ein Problem haben oder Probleme haben,können Sie mich leicht kontaktieren. wenn Sie ein Problem haben oder Probleme haben, Warum sind Fragenantworten und Sie können mich auch direkt fragen, indem Sie mir eine Nachricht schicken. Wir werden eine Menge Dinge zusammen machen, also sehen wir uns bald in diesem Kurs, und ich werde Ihr Lehrer sein 2. Was ist Adobe Xd?: Hallo, alle. Heute werden wir das neue Tool von Adobe treffen, das ist ein Job x d und ich war für eine lange Zeit für einige Features die gerade jetzt in X t eingeführt gelesen . Und jetzt werde ich Ihnen zeigen einige von den großen Features aus es. Und sie sind ah, Robur Team. Sie arbeiten monatlich an diesen und veröffentlichen jede Funktion monatlich auf der Grundlage der Verleihung von verschiedenen Sie A-Designern und User Experience Designern aus der ganzen Welt. Okay, das ist also bei über 60. Ich bin gerade auf Windows. Es gibt nur wenige kleinere Unterschiede innerhalb der Makroversion und Windows-Version, aber sie sind fast ähnlich. OK, jetzt werde ich Ihnen einige von den großartigen und coolen Features von X'd zeigen und warum Sie es als verwenden sollten , ah Design über Rahmen und Prototyp-Tool in Ihrer Benutzererfahrung, Design, Workflow oder Sie ein Design-Arbeit. Okay, jetzt, warum diese drei Werkzeuge für Shop Skizze und vor Rücken D Sie sind ideal für Ihr Design oder User Experience Design, weil Apple U S Führer Version sind, sie produzieren ihre Grafiken in diesen drei für Max Okay, so im Moment sind sie sportlich für den Shop Skizze und Aerobic T. Und wenn Sie sich die Dateigrößen der Adobe X t Datei Größen der kleinsten achtziger Jahre, 18,9 MB so können Sie sehen, es ist sehr nah an Skizzendatei Größe, so dass es fünf Größe ist sehr klein. Okay, das ist also ein sehr großer Pluspunkt, weil man Hunderte von verschiedenen Kunstbrettern darin erstellen kann das ist also ein sehr großer Pluspunkt, weil man Hunderte von verschiedenen Kunstbrettern darin erstellen kann. Okay, also verschiedene Bildschirme, vielleicht Hunderte sind 20 oder 30 verschiedene Bildschirme, und Ihre Dateigröße wird immer noch klein sein. Okay, so ist es einfacher, eine aus dem Gitter-Features von einem Job zu teilen X t ist. Es ist Wiederholung. Gut. Weißt du was? Wiederholen Sie Gier ist, dass Sie Ihr Design-Element einmal erstellen, und Sie werden es wiederholen, indem Sie eine große UK Sie können in diesem Design-Beispiel sehen , das wir ein Ende von den Partituren erstellen werden. Sie können sehen, dies ist unsere Wiederholung schafft. Wenn ich also kurz darauf versuche, kannst du sehen, dass es all die anderen, äh, diese, ähm, Inhaltsvorlagen hier drüben entfernt äh, diese, ähm, diese, ähm, , . Okay, also bewegt es diese. Okay, Sie können also Ihr Raster in Zerstörung und in vertikaler Richtung erweitern, sowohl aus diesen Richtungen, und es wird Ihren einzelnen Inhalt multiplizieren und Sie können es ändern. kannst du. Ich hab's getan. Und du kannst tun, was du willst. Und ah, es wird eine Gruppe bedeuten. Okay, das ist also sehr großartige Funktion, um Ursprung zu schaffen. Lesen Sie Inhalte sofort. Ok. Sie müssen also nicht immer wieder alles generieren. Sie können hier drüben sehen. Das sind Duplikate. Ok. Mein Kinderschutz. Kinderproduktion, Kinderschutztraining Dann haben wir eine andere Funktion, die Prototyping genannt wird. Sie können alle Bildschirme verknüpfen, die Sie sehen oder hören können. Hier ist ein Abschnitt Prototyp, und Sie können den Prototyp auf Ihrem Desktop anzeigen. Du kannst deine Haare sehen. Hier ist ein Prototyp. Dies ist eine großartige Funktion, da Sie im User Experience Design Ihre Prototypen mit Ihren Benutzern testen müssen. Sie müssen sehen, wie Benutzer das wirklich nutzen werden. Ob dieser Knopf für ihren Tom genug ist oder ob er dort fehlt, Tom. OK, also alle möglichen Dinge, ob der Abstand zwischen diesen beiden Elementen gut genug ist, dass der Benutzer nicht auf dieses klopft und dieses öffnet. Okay, sind also einige tolle Funktionen von Adobe X'd, und ah, wir werden eine Menge Dinge darin abdecken. Ok? Außerdem können Sie sich bewegen. Ich werde eine Vorschau auf Ihre, äh, diese Prototypen. Sie können sie direkt auf Ihrem Handy anzeigen. Das Handy Ihres Benutzers. Außerdem können Sie die Konstruktionsspezifikationen freigeben. Okay, lassen Sie mich Ihnen die Design-Spezifikationen zeigen. Hier haben wir die Design-Spezifikationen aus dem gleichen Projekt, und Sie können sehen, ob ich zu einem dieser gehe. Es zeigt mir, dass dieses Grün mit diesem verbunden ist. Also, wenn ich zu diesem hier gehe, Okay, so zeigt es alle Farben auf diesem Kunstboard zusammen mit all den richtigen er Stilen verwendet . Also, wenn ich auf einen off thes Artikel klicke, wird es die Details zeigen, dass Was ist das Dorf in der Höhe von diesem Artikel? Was ist der Abstand zwischen diesen beiden Elementen von eso? 16 Punkte. Also all diese Dinge Farben, Rundheit. Das ist die Rundheit dieses Knopfes. Ok, abgerundete Ecken. Und es zeigt auch andere Fakten, wie Schatten und dieses Zeug. Okay, das ist also sehr praktisch. Es ist jetzt in bitteren Design-Spezifikationen, Peter. Sie versuchen, es für die zu verbessern, und ich hoffe, es wird ein großartiges Feature in naher Zukunft sein. Ok. Ok. Jetzt hintere Zehe, Adobe X'd wenige weitere Funktionen, die ich wirklich liebe, ist diese Symbol-Bibliothek. Sie können Assets sehen. Ich kann alle Farben hinzufügen, die ich alle verschiedenen Textilien verwendet habe, und, äh, Stile, die ich in den Symbolen verwendet habe, ist eigentlich das wiederverwendbare Element. Sie können ein Symbol erstellen und es multiplizieren oder auf jedem Bildschirm verwenden. Und wenn ich irgendwelche von den Symbolen gemacht habe, können Sie Overhead sehen. Ich weiß, wir sind im Prototyp mehr. Also hier haben wir ein Symbol. Okay, das ist also ein Symbol. Und wenn ich versuche, die Farbe aus dem Symbol zu ändern, können Sie sehen, dass es sich überall geändert hat. Verschiedene Kunstbohrungen im gesamten Design. Wo immer ich dieses Symbol benutzt habe, wird es geändert werden. Das ist also ein tolles Feature. Sie können sofort alles auf Ihrem Kunstboard ändern. Wenn es ein Symbol ist, wird es auf allen Kunsttafeln aktualisiert werden. Diese Seite ist also im Grunde in den Styleguides, die wir normalerweise verwendet haben, um in einer anderen Software oder irgendetwas in Zeppelin zu erstellen . Oder wenn Sie meine anderen Kurse gewaschen haben, wissen Sie, was Styleguides sind? Sie sind im Grunde die Styling-, Farb- und Typografieanleitungen für die Verwendung verschiedener vier Größen, verschiedenen Farben und wie sie in unserem Design verwendet werden. Okay, das sind also all die tollen Features von X t, und ich werde Ihnen eine Menge off deal zeigen und wie wir diese Designs schnell inX t generieren können. in wirklich notwendig. Sie möchten Ihren Prototyp zeigen oder Sie arbeiten ab Demo. Tun Sie Ihren Kunden oder Ihren Benutzer und Sie wollten es sofort innerhalb von zwei Stunden oder zwei Yards oder vielleicht vier Stunden tun . Ich denke, diese Art von Entwürfen mit diesen vielen Bildschirmen, wie eine Tür neun Bildschirme. Ich denke, du kannst es nur bei uns tun. Und auch Sie können Ihre Prototypen teilen. Sie können sehen, wie ihre Haare Prototypen veröffentlichen. Okay, Sie können Ihren Prototyp Link Toe jeden von Ihrem Kunden oder Kunden im Handumdrehen teilen, und sie können es auf ihren Geräten tun. Okay, jetzt, in der nächsten Lektion, werde ich Ihnen zeigen, wie Sie es herunterladen und wie Sie diese Software kaufen, wenn Sie es wirklich kaufen möchten. Aber im Moment, wenn Sie lernen, müssen Sie nur den Download der Testversion. Okay, also fahren wir mit der nächsten Lektion fort. 3. Adobe Xd herunterladen: Okay, jetzt geht es weiter. Wir werden bei Obey X'd Testversion herunterladen. So gehen Sie zu diesem Juwel Adobe dot com Produkte slash x Tat Künstler TML gehen oder ich werde diese Welt mit Ihnen teilen. Okay, das ist also die kostenlose Testversion. Sie können die Testversion für einen Monat herunterladen, und Sie können sie auch kaufen. Also, wenn Sie auf diese jetzt klicken, ist es Schmutz billig jetzt, und es ist für $10 Wohnung. Okay, so das ist erst vor kurzem, ich denke, es gibt andere APS gibt für $20 pro Monat, aber tatsächlich ist für $10 Wohnung. Okay, wenn du es wirklich kaufen willst. Ok. Jetzt kommen zu den Systemanforderungen. Ok. Also, bevor Sie es auf Ihrem PC sind Mac installieren, das ist sehr große coole Sache über diese App, dass es für beide Betriebssysteme zur Verfügung steht . Okay, wenn Ihr Benutzer oder Ihr Client sie auf einem PC oder einem Mac arbeiten, können sie ihr Design sehen, und sie können damit spielen. Okay, hier haben wir die Systemanforderungen für Mac OS, das ist Mac OS 10.11 und neuer. Okay, das sind die Speicher für G B, 1,4 Gigahertz bekannt. Bereit? Nicht anzeigen. Retina empfohlen. Ok. Und dann haben wir Windows 10. Irgendjemand? Drei Update. OK, also, wenn Sie einfache Fenster haben, dann und Norden und Gnade Update oder etwas unter dieser Version 16 07 es geht toe. Geben Sie Ihnen ein Problem. Sie können es nicht viel von Schülern installieren. Sie fragten mich, wie man es unter Windows 10 installiert. Stellen Sie sicher, dass Sie ein Gnadenupdate oder die neueste Version von Windows 10 haben. Ok. Und das sind die Anforderungen CPU, zwei Gigahertz-Speicher für G B A, G B, aus Installationsraum und Display. Und steigen Sie dort hinab. Ok. Ich ziehe es wirklich vor, dass du eine gute Grafikkarte bei Leeds hast. Zumindest mit Koji bi oder einem GB aus RAM auf Ihrer Grafikkarte. Ok? Weil es für die meisten von ihnen Design-intensive Anwendungen notwendig ist. Okay, das sind die Anforderungen, also stellen Sie sicher, dass Sie voran gehen. Wenn Sie überhaupt Baxter noch nicht installiert haben. Versuchen Sie, die kostenlose Testversion zu installieren und laden Sie sie herunter und installieren Sie sie, und ich werde Sie in der nächsten Lektion sehen. 4. Warum Adobe Adobe Xd so großartig ist.: drei und werde euch vorstellen. Verdrahtet wird ausgestorben ist so beliebt bei User-Interface-Designern. Sie sind Designer und User Experience Designer. Es gibt mehrere Dinge oder Sie können sagen, Funktionen, die in jeder Art von Design-Tool vorhanden sein sollte, um es perfekt für die Benutzererfahrung zu machen . Designer genießen Designer. Jetzt. Die erste Funktion ist, dass es Prototyp erzeugen sollte Sind Sie? Ich entwerfe oder schirme jede App schnell ab, so dass wir schnell darin bauen können. Wir können entwerfen. Gewiss. Es sollte nicht wie den ganzen Tag dauern, um fünf oder sechs Dinge zu erstellen, oft App. Okay, das ist also eine Sache. Zweitens ist, dass wir es leicht teilen können und wir können eine fantastische mit den Benutzern, das ist auch Sie bauen einen schnellen Prototyp dammit, Prototyp aus Ihrem Produkt X Testen Sie es mit Ihren Benutzern schnell. Also, wenn Sie mit dem Benutzer testen und ihm oder Herz Ihre erste Idee aus Ihrer App zeigen und hey etwas nicht mag oder er sagt, dass dies nicht das ist, was ich will. Sie können sofort sofort ändern Sie es in Adobe X T und generieren Sie einen anderen Prototyp weg weg und zeigte, dass Sie wirklich wollen, dieses ein. Okay, das ist also ein weiteres Feature. Dritte Features, die sie jetzt wirklich eingeführt haben, sind für Entwickler. Was Entwickler brauchen, ist, dass sie tatsächlich Spezifikationen benötigen, färbt die Schnüre Farben in zugänglichen Werten oder RGB-Werten oder manchmal einen anderen Wert rgl für Wert. Okay, also sind sie mehr daran interessiert, die Spezifikationen, welche Farben wir brauchen, um in unserem Team von dieser App oder Website zu verwenden . Und was sind verschiedene Spezifikationen, die begeistert sind? Okay, diese sind vor kurzem in Adobe eingeführt, eigentlich, das ist, dass Sie Ihre generieren Ihre Elemente, Ihre Design-Spezifikationen, extrahieren können , dass dieses Element so weit entfernt von diesem -Taste gedrückt. Okay, Sie können darin in Inspect-Element generieren, das heißt, ich denke, sie sind jetzt Feature Adobes Funktion in B-Division. Außerdem haben sie vor kurzem eingeführt, dass Sie Ihre Adobe Extra-Designs in Tow Zeppelin exportieren können , was ein weiteres Werkzeug zum Erstellen von Konstruktionsspezifikationen ist und jede Erwähnung von Ihrem Design aufgezeichnet hat . Und dann haben sie auch eingeführt, dass Sie Ihre Ebenen in immer cool exportieren können. Ok. Und auch gibt es noch einen. Ich denke, Proto durch, um irgendwelche Missionen von Ihrem Prototyp zu erstellen. Weitere Details und Emissionen sind Mikroanimationen. Okay, also geht es hier nur um diese Lektion. Ich hoffe, Sie haben meine diese Einführung operative txt genossen und was Sie damit tun können und warum es unter anderen Tools populär wird. Weil es noch einen Grund mehr gibt, dass die Dateigröße wirklich klein ist. Ich denke, es ist sogar kleiner als Skizze. Wenn Sie eine Skizzenkarte kennen, ist sie kleiner als skizzenhaft. So entwickelt es sich schnell und friedlich und viele Funktionen werden jeden Monat hinzugefügt. Also rate ich wirklich, dass, wenn Sie Designer sind in einige UX-Design fühlen, sollten Sie wirklich lernen, wie man, wissen Sie, mischen sich mit diesem Hand weg überschüssiges Angebot. Ok. Es ist wirklich cool. Leichtgewichtig, und ich hoffe, Sie werden es lieben. Okay, wir sehen uns bald. In einem anderen geringeren 5. Welcome wurde aktualisiert: Ich hoffe, dass Sie bis jetzt Adobe XD bereits auf Ihrem Rechner installiert haben. Jetzt werden wir sehen, was dieser Willkommensbildschirm hier. Wenn Sie also Adobe X D ausführen, ist dies der erste Bildschirm, den Sie sehen werden. Also hier unten können Sie sehen, das sind meine letzten Akten. Das sind meine letzten Projekte oder Dateien, die ich geöffnet habe. Ich kann sie erneut öffnen, indem ich auf eine dieser Optionen klicke. Auf der linken Seite haben wir verschiedene Bereiche wie zu Hause lernen. Hier erfahren Sie, ob Sie einige Videos von Adobe-Unternehmen zur Verwendung dieses Adobe XD sehen möchten. Dann haben wir Cloud-Dokumente. Adobe XD wurde kürzlich in die Cloud verlagert. Wenn Sie also eine Datei öffnen oder speichern, wird sie auch in der Cloud gespeichert. Es bringt Ihnen also die Änderungen und die geänderte Historie Ihres Dokuments. Was auch immer Sie entwerfen, zum Beispiel, wie eine Stunde, um zu unserem vor zu gehen, wenn Sie es gespeichert haben, wird es alle Änderungen widerspiegeln, die Sie mit der Zeit vorgenommen haben. So wird es automatisch in der Cloud aktualisieren. Das sind also Cloud-Dokumente. Wenn ich hier drüben klicke, können Sie sehen, dies sind alle Dokumente, die ich in meine Cloud hochgeladen habe. Sie können hier drüben sehen, sind einige Dokumente. Wenn Sie sie löschen möchten, können Sie hier klicken. Sie können sie wie folgt löschen. Sie können sie auch sortieren. Dies sind verschiedene Optionen. Und dann haben wir mit dir getupft. Das sind also die Dateien, wenn jemand anderes seine Projekte mit mir geteilt hat und ich mit ihnen an den Cloud-Dokumenten arbeite. Das wird hier drüben sein. Dies sind alle gelöschten Dateien. Also löschte ich es kürzlich, hob diese Datei auf. Also, das ist alles hier. Nun, wenn Sie auf Links verwalten klicken, wird es in Ihre Cloud gehen hier können Sie diesen Macleod sehen und sobald Sie auf die Verwaltung klicken, aber dann sind die alle veröffentlichten Prototypen oder Design-Spezifikationen oder Projekte, die ich haben mit denen geteilt. So können Sie sehen, ob Sie genau auf hier unten sehen, es sagt Prototyp, Prototyp, Prototyp, Prototyp Design Spezifikationen, Design Specs Prototyp. Das sind also verschiedene Dateien, die ich mit anderen geteilt habe. Sie können hier sehen, dies sind veröffentlichte Links, also sind diese alle, die ich mit anderen geteilt habe. Sie können sie hier drüben verwalten. Sie können hier klicken, Sie können diesen Link kopieren und mit anderen teilen. Sie können diese freigegebenen oder veröffentlichten Links endgültig löschen. Nun gehen wir zurück zu unserem Adobe XD-Bildschirm und Sie können sehen, ob wir zurück nach Hause gehen, das ist alles, was wir haben, sind hier, unsere Cloud-Dokumente mit mir geteilt, gelöschte Dateien, verwaltete LINCS, verwaltete Links für die Dateien, die ich mit anderen geteilt habe. Also, das ist alles über diesen Willkommensbildschirm. Ich hoffe, Sie haben diese Lektion genossen. Lassen Sie uns weiter gehen und die Schnittstelle in der nächsten Lektion besprechen. 6. Einführung in die Benutzeroberfläche XD NEW: Jetzt werden wir eine neue Datei dafür öffnen. Wir haben hier verschiedene Vorlagen. Hier haben wir iPhone, verschiedene wenige wollen eine iPhone-App oder Google App oder Android-App zu entwerfen, Sie gehen und hier, wenn Sie für Web-Design gehen wollen, werden Sie einige der Vorlagen hier über. Wenn Sie etwas für soziale Medien, Instagram-Posts, Twitter-Posts, Twitter-Header Fade,Facebook-Beiträge entwerfen Instagram-Posts, Twitter-Posts, Twitter-Header Fade, möchten, schießen Sie Ihr Video. Du wirst hier rüber gehen. Sofort. Ich werde etwas von hier auswählen. Wie, lassen Sie uns dieses Google Pixel für, für Excel. Das ist unser Kunstbrett hier drüben. Also lasst uns dieses maximieren. Und Sie können oben sehen, es steht unbetitelt und hier ist ein kleiner Cloud-Login und es zeigt mir die Zeit hier drüben. Also lassen Sie uns hier klicken und ändern Sie den Namen in unsere, sagen wir zuerst Besuch in XD speichern. So, jetzt können Sie sehen, ich habe bereits einige Plug-Ins und Stern, so zeigt es mir, dass ein Plug-in braucht Update wir jetzt habe ich werde dieses zu schließen. Und das ist unsere einfache Schnittstelle oder Adobe X auf der rechten Seite können Sie sehen, wir haben einige Optionen hier drüben, wie dies ist Zoom-Level. Wir können auf 100% zoomen. Dies ist ein 100% dieses Designs. Dies ist unsere Desktop-Vorschau für den Prototyp. Dies ist unsere Mobile Preview. Wenn wir die mobile App installiert haben und wir diesen Bildschirm auf unserem Handy sehen möchten. Das wird hier sein. Wenn ich jemanden einladen möchte, jemand anderen, einen anderen Designer, kann ich hier klicken. Dies ist noch in der Beta, so dass ich die Bearbeitung aktivieren kann. So kann ein anderer Designer mein Design zwei bearbeiten. Auf der linken Seite hier haben wir drei Registerkarten, Design, Prototyp und Scher. Design ist, wo wir die Gestaltung rühmen unserer Bildschirme werden, werden wir setzen anders. Aber da wir hier drüben andere Sachen machen werden. Zum Beispiel, diese Schaltfläche hier drüben. Und im Prototypenbereich werden wir zwei oder drei Bildschirme verknüpfen. Zum Beispiel, wenn ich einen anderen Bildschirm habe, wo wir jede Verknüpfung und alles lernen, versuche ich nur zu erklären. So, jetzt können Sie sehen, wir haben zwei Bildschirme. Eins ist diese 11 ist diese zweite. Ich kann sie so miteinander verknüpfen. Und das wird in unserem Prototyp sein. So werden unsere interaktiven Prototypen Overhead sein. Unsere Designdateien werden Overhead sein. Teilen wird sein, wenn wir unsere Entwürfe mit jemandem teilen möchten. So können Sie sehen, haben wir verschiedene Optionen, wo Design Review Feedback zu Ihrem Design oder Prototyp zu erhalten. Dann haben wir Entwicklung, wo wir unser Dokument mit Entwicklern teilen werden , um ihnen den Code zu zeigen, den wir für all diese Elemente hier haben. Dann zur Präsentation, vielleicht wollen wir es unseren Kunden zeigen. Und dann für Benutzertests und dann für benutzerdefinierte benutzerdefinierte Einstellungen. Dies sind also verschiedene Einstellungen für die Freigabe Ihres Dokuments. Nein, ich gehe zurück nach Hause. Und wenn ich auf Startseite klicke, können Sie sehen, dass wir zurück zu diesem Home-Bildschirm gehen können, wo wir jedes andere aktuelle Dokument öffnen können. Wieder haben wir einige Menü hier drüben, Sie können auf der linken Seite in Adobe XD sehen ist Mac-Version, wir haben das gleiche Menü oben auf MAC hier drüben. So kann ich hier klicken, Sie können sehen, wir haben neue offene Dokument. Dann haben wir verschiedene UI-Gates. Dann haben wir kürzlich Dokument, benennen Sie dieses Dokument um, speichern Sie als lokales Dokument. So können Sie dieses Dokument auch als lokales Dokument speichern. Jetzt wird das Problem sein, wenn Sie versuchen, es als Ihr lokales Dokument zu speichern, Ihre Änderungen sind Verlauf wird hier nicht gespeichert werden. So können Sie sehen, das sind die beiden Änderungen, die ich um 302 PM und 03:04 PM vorgenommen habe. Drei unsere 15:00 und vierte Minute, Ich habe tatsächlich diesen zweiten Bildschirm hinzugefügt. Also speichert es tatsächlich alle meine Änderungen in der Cloud. Also, wann immer ich darauf zugreifen möchte, kann ich zum Beispiel zu diesem zurückkehren. Ich kann zurückkehren. Sie können öffnen in einem neuen Fenster sehen. Wenn ich also versuche, dies in einem neuen Fenster zu öffnen, können Sie sehen, dass es nur einen Bildschirm hat. So können Sie sehen, dass wir dieses Mal Kreditnehmer hier haben. Und es ist der erste Bildschirm, den ich denke, mit dem ich angefangen habe. Das ist der Spaß. Wir begannen mit leerem Bildschirm. Es wird also den gesamten Verlauf aller Änderungen speichern , die Sie nach vier oder fünf Minuten vornehmen oder vielleicht speichern werden. Ich bin mir sowieso nicht sicher. Also auf der linken Seite haben wir alle Werkzeuge. Dies sind die Werkzeuge, die wir in den nächsten Lektionen verwenden werden. Ich werde jeden von ihnen erklären. Dann unten haben wir hier Assets, wir haben Ebenen Panel, wir haben unsere Plug-Ins hier drüben. Also, was auch immer Plugins Sie installieren werden, sind kostenlose Plugins. Einige von ihnen werden bezahlt. Sie können sie hier installieren und Sie können sie so verwenden. Also, wenn Sie hier klicken, können Sie sehen, dass es einen Fehler sagt. Farbskala zu breit. Lassen Sie uns erstellen, Sie können sehen, dass dies eine Farbskala hier ist. Dies sind also die Plug-Ins, die Sie automatisieren und Ihre Adobe XD-Funktionen verbessern werden. Das sind also die Werkzeuge. Das sind die drei, die wir uns vor allem dieses Kunstboard hier an Bord von Arbor, Pelham ansehen werden. Das sind Kunsttafeln, eigentlich werden diese Kunsttafeln genannt. Und das ist alles über die Oberfläche von Adobe XD. Wir haben drei wichtigsten Registerkarten hier drüben, Design, Prototyp und Teilen. Und das ist die Zoomstufe. Wir werden es viel benutzen. Dies ist der Play-Button, um unsere perfekte Zeit zu sehen. Sie können in diesem Fenster sehen, dies wird auch viel verwendet werden. Das ist also die ganze Einführung über die Schnittstelle. nächsten Lektion werden wir mehr über Adobe-Sexting eingehen. Springen wir zum nächsten S und jetzt. 7. Eigenschaften Paneel Adoe: Also, wenn ich wieder zu diesem Design gehe, können Sie hier sehen, wir haben ein anderes Panel, das unsere Eigenschaften Panel ist. Okay, also, wenn ich auf dieser Kunsttafel klicke Also diese Kunsttafel ausgewählt ist, und diese blaue Linie zeigt, dass diese Kunsttafel aktiv ist, Ich werde eine sehen alle Optionen angeblich zeigen. Tun Sie diese Art Board, wie mit auf der Position dieser Art Board Höhe von Steuerbord. Was ist, wird das Scrollen und Viewboard Höhe sein. Wie viel Höhe sichtbar ist, dann haben wir Aussehen, die Füllfarbe. Ich kann auch die Farbe ändern, wenn ich will. Oh, und ich meine, ich muss hier klicken. Okay, also kann ich auch Gitter erstellen und Leo ist drauf. Wir reden später über Gretchen-Layouts. Ich zeige Ihnen nur, dass dies das Eigenschaftenfenster ist. Okay, wenn ich also auf dieses abgerundete Rechteck klicke, okay, wenn ich also auf diesen runden Ablehnungswinkel klicke, kannst du später alle Optionen sehen, wie die Ausrichtung. Eine Wiederholungsnote. Diese Passform und diese Verärgerungsbeziehung Alles Okay, also ist das alles hier. Ok. Auf der oberen Leiste befinden sich Achsen. als wir es getan haben. Die Wiederholung hat unsere Vereinigung geschaffen. Sind diese Optionen? Ich will es jetzt nicht erklären. Sie müssen nur wissen, dass dieser Bereich für die Steuerung Ihrer Designobjekte dient. Okay, wenn Sie also ein Kunstbrett haben, können Sie dessen Höhe und andere Funktionen steuern. Wenn Sie ah, Rechtecke, Sie können verschiedene Effekte und verschiedene Größen und verschiedene Rundheit und unterschiedliche Kapazität erstellen , wie die Eigenschaften Panels verwenden. Okay, also alles, die meisten Dinge über jedes Objekt werden auf dieser Seite sein. Sie können sehen, was hier. Nun habe ich diesen Text und den Text ausgewählt. Ähm, Optionen sind hier drüben. Sie können sehen. Und wenn Sie die Kunst an Bord auswählen, werden Eigenschaften im Zusammenhang mit Kunstbrett hier drüben sein. So verwenden wir also einen Job. A x t. OK, Nun, Nun, es gibt zwei weitere Symbole auf der linken Seite. Unten können Sie Layer und Assets sehen oder hören. Okay, jetzt, diese Vermögenswerte werden es alle Farben geben. Charakterstile sind Symbole, die ich während meines gesamten Designs oder aller Kunstbretter verwenden werde. Okay, Also, wenn ich versuche, dies wie Tante Corrector Stil hinzuzufügen, können Sie sehen, es hat einen R Traktor Stil in diesen Assets Bereich hinzugefügt. Okay, also verwechseln Sie dieses Design und den Prototyp nicht mit diesen beiden. Ok? Diese werden Ihnen alle Ebenen zeigen, und dies wird Ihnen alle Elemente zeigen, die Sie in Ihrem Design verwendet haben. Okay, das ist also die Einführung in die Benutzeroberfläche von Adobe X'd. Ich hoffe, Sie haben diese Lektion genossen. Fahren wir mit der nächsten Übung fort. 8. Adobe Xd und Unterschiede gewinnen: Okay, jetzt in diesem hören, wir sehen, was sind die Unterschiede zwischen Max Version aus. Nein, B, x d und B. Cs Version aus, also sei extra. Okay, das erste, was Sie bemerken werden, ist diese Stoppleiste, die Shortcut-Leiste hier drüben ist, die nicht in Fenstern vorhanden ist. Und obwohl die Verknüpfungen sehr leicht zu merken sind, aber es wird immer noch viel helfen. Okay, Sie können sehen, dass Sie wissen, was Sie mit diesen Objekten machen können. Sie können sie hinzufügen. kannst du. Es gibt Textoptionen, als wir einen Bereich haben und alles andere umhängen. Dann haben wir das ein Datum und eine Akte. Okay, das ist also der erste große Unterschied. Dann haben wir noch ein paar Unterschiede. Wie Sie die kürzlich Adobe X t sehen können. Sie haben mindestens einige, ähm, Plug Ins, die unterstützt werden, oder die Drittanbieter-Tools, die von Adobe X'd auf unterstützt werden. Und wenn ich zu diesem Export gehe, siehst du hier drüben Zeppelin. Jetzt ist Zeppelin ein Werkzeug, und ein anderes Werkzeug wird jemals genannt und zwei, oder sehen Sie diese Art off Werkzeuge, die verwendet werden, um Kabel zu erzeugen und Spezifikationen und Dokumente Spezifikationen zu erzeugen. Wenn Sie nichts über Zeppelin wissen, sollten Sie meinen Workflow mehr als den Kurs darstellen, wo wir alle Style-Guides, Farben, Teams, alles innerhalb von Zeppelins generieren Style-Guides, Farben, Teams, Teams, , die für den Shop verwenden. Ok. Nein, wir sind alle bereit. Ich habe einen erstellt, einen Absatz eine Überschrift in einer Schaltfläche, und wir werden ihn exportieren. Zehe Zeppelin. Mal sehen, was es hier passieren wird. Okay, also wählen wir dieses Kunstbrett und wir werden es nach Siplin exportieren. Okay, das ist also wichtig. Also habe ich es in einem X erstellt. Also werde ich es in einem nächsten importieren, und es lädt das Design gerade jetzt hoch. Okay, also ist alles erledigt. Sehen wir uns das an. Okay, das ist also sehr cool. Ich mag es wirklich. Okay, das ist also unsere Überschrift, und das ist alles, was Sie in den Punkten sehen können, die für die mobile Entwicklung sind. Sie können hier drüben sehen. Dann haben wir das auch, die Farbe kommt auch in RGB. Ich glaube, es ist für uns. So können Sie hier sehen, wie wir es in Zeppelin exportieren können. Okay, also werden wir das später sehen. Wir gehen auf die Zehe. Sehen Sie sich dies später im Detail an. In den letzten Lektionen gerade wollte ich Ihnen nur zeigen, dass Sie mit Adobe XY eine Menge Dinge tun können. Also, was Adobe Extra tun ist, dass sie normalerweise ihre neuen Funktionen zuerst für meine Frage veröffentlicht haben, und nach ein oder zwei Monaten wird es im Schlepptau enthalten sein. Die Frage nach dem Fenster. OK, also mach dir keine Sorgen, wenn du Fenster hast, die dir fehlen. Okay, das ist also kein großer Unterschied. Okay, also gibt es noch einen Unterschied, den ich vergessen habe, dir zu sagen, wenn du hier einen Prototyp erstellst , also werde ich diese Unterdrückung meiner Kunstoptionstaste duplizieren. Und ich werde die Zehe gehen. Erstellen Sie einfach einen einfachen Prototyp. Ich würde diese beiden Bildschirme verknüpfen, erscheinen so aufgelöst, und ändern Sie einfach die Farbe von dieser Schaltfläche. Wir wissen also, dass wir drinnen sind. Ein anderer ist hier rüber gegangen. Okay, also alles erledigt. Jetzt spielen wir das, und Sie können hier drüben sehen. Äh, was Sie hier sehen können, ist ein kleiner Knopf, der Aufzeichnung ist. Ok. Also kann ich das drücken und ich kann ein Video von meiner Vorschau aufnehmen. Ok? Und dann kann ich es so exportieren. Es wird ein Video sein. Es wird ein Video zu speichern erneuern, brutal Typ. Und Sie können dieses Video mit jedem teilen. Okay, Moment ist dieser Beamte nicht in Windows verfügbar. Ich hoffe, es wird bald in ihnen kommen. Die nächsten paar Upgrades, vielleicht nächsten Monat oder vielleicht von März oder Apple. Ich weiß es nicht. Dies ist auch eine nette Funktion, die nur in Adobe X'd Mex Version vorhanden ist. Und ich hoffe, Sie haben diese Lektion für die Mac-Benutzer genossen. Ich denke, das ist ein Schöpfer, Will und Sie können eine Menge Dinge damit tun. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, um mich zu stellen, es sei denn, gehen Sie mit der nächsten Lektion. 9. Updates und kommende Funktionen Xd: eines der besten Dinge über Aerobic T ist, dass es regelmäßig aktualisiert wird. So Adobe ein Unternehmen und sie arbeiten daran Tag für Tag und Nacht für Nacht und die fast geben Ihnen ein Update jeden Monat. Okay, damit Sie das letzte Update sehen können. WAAS 11. Dezember 2017 und die neueste ist in der Regel 22. 2018. OK, also haben sie eine bessere Zonenleistung. Dropbox-Vorschau für zusätzliche Datei wechseln zwischen Farbmorse drei verschiedenen farbigen Morse sie bieten jetzt und neue gierige INs. Wirklich Zutaten verbessern mental Design Spezifikationen Anzeige sind umrandet 100% und neue Funktion, die Batch-Export genannt wird. Außerdem beginnen sie mit der Arbeit von Drittanbietern durch Integrationen wie Zeppelin. Niemals vor Gericht. Legen Sie einfach einen Kuchen und Führer zusammengesetzt. Okay, also ah, Sie können hier sehen, dass sie gezeigt haben, dass für Mac auf Lee. Es gibt also einige Features, die ich Ihnen in der nächsten Lektion zeigen werde. Ein paar von den Unterschieden, die Sie auf meiner Frage sehen werden. Mac-Version ist etwa 10%. Oder vielleicht kann ich sagen, 5% Kopf aus Fenster Vision. Okay, sie haben also mehr Funktionen auf dem Mac. Zuerst starteten sie sie zuerst auf Mac, und dann starten sie unter Windows. Okay, also hier geht es um die Updates. Lassen Sie mich Ihnen noch eine Sache zeigen, dass sie an vielen Feature-Anfragen arbeiten. Okay, das ist also Adobe Extra-Feature-Anfrageformular, und Sie können hier sehen, Leute stimmen für verschiedene neue Funktionen, wie Text für die Paarung. Und dann haben wir das statische fixierte Objekt zwischen Traditionen. So können Sie sehen, dass dies die Rezension aus einer Debatte ist? Sie sagen, Funktion, die überprüft wird. Okay, so dass sie diese Funktion überprüfen, als sie Funktion haben, benötigt mehr Informationen als sie im Rückstand angezeigt haben. Okay, es gibt also wenige Funktionen, die sie bereits gearbeitet haben, begonnen haben, an denen zu arbeiten, wie Sie sehen oder hören können, was Flüchtlinge Sport Funktionen begonnen hat, also hoffentlich werden sie es verlieren in im nächsten Monat, oder vielleicht zwei Monate danach. Fangen Sie an, daran zu arbeiten. So können Sie sagen, das ist sehr cool Feature. Sie können auf dem Laufenden bleiben, was als nächstes in einer Tür kommt. X'd. Okay, fahren wir mit der nächsten Lektion fort, wo wir sehenwerden, wie man anfangen,X d zu verwenden. , werden, wie man anfangen,X d zu verwenden 10. Übung – Erste Aufgabe: Nein. Wir werden einige praktische Dinge mit Adobe Extra bekommen. Okay, wir haben viel darüber geredet, und jetzt werde ich Ihnen zeigen, wie Sie ein paar einfache Sachen darin erstellen können. Okay, also machen wir diesen ersten Auftrag. Das wird Ihre Aufgabe sein. Ich werde einen einfachen Bildschirm erstellen. Lassen Sie mich es Ihnen zeigen. Also habe ich dieses Kunstboard geöffnet, das iPhone 678 ist, und ich werde Zehe drücken Sie die Kontrolle Null Befehl Null, zoomen Sie hinein. Oder Sie können auch hier rüber gehen und 200% zoomen. Okay. Nun, was ich möchte, dass Sie einfach auf diesen Ellipsenhocker klicken und einfach die Umschalttaste ziehen und halten , damit Sie einen proportionalen Kreislauf machen können. Wir sind hier, und jetzt drücken wir das, wählen wir aus und wir werden es in der Mitte schaffen. Okay, wenn es einmal in der Mitte ist, können Sie sehen, dass es eine rosa Linie oder einen intelligenten Führer gibt , der uns zeigt, dass es in der Mitte ist. Dann gehen wir hier rüber, und das ist unsere Grenzgröße. Wir können die Randgröße auf vier erhöhen. Und ich werde mein Bild Jewel voranzutreiben, und ich werde es ziehen und es so in diesen Kreis fallen lassen. Okay, also möchte ich, dass du so etwas machst. Sie können Ihr eigenes Bild verwenden. Sie können auch die Rahmenfarbe ändern. Klicken Sie hier, und ich kann den Grenzkiller-Zehe auf 7 zu 7 ändern. So etwas. Und dann möchte ich, dass du hier drüben einen Text schreibst. Zum Beispiel ist dies mein Titel. Ähm, wie Mohammed und CES. So etwas. Und ich möchte, dass du hier drüben deinen Lieblingsplatz gibst. Okay, also vielleicht okay, also wenn dein Text ein bisschen länger ist, also gehe ich zu Fuß, ist dieser Angriffsgröße hier drüben. Mach dir keine Sorgen darüber, dass ich das bin. Ich werde im nächsten Abschnitt eine Menge Details eingehen, also tun Sie es jetzt nicht sehr. nur die Textgröße auf so etwas wie 16 sehen, können Sie Nein sehen, wenn ich versuche, mich zu bewegen, zeigt es mir die Entfernungen zwischen verschiedenen Elementen. Außerdem kann ich das hier auswählen und ich kann von hier aus auf etwas Brett gehen, okay? Und ich kann sie auch in der Mitte so ausrichten. Das ist schon in der Mitte. Okay? Und dann will ich, dass du den Zeh hast. Habe einen Knopf hier drüben. Also werden wir eine Schaltfläche mit Bezirks-Winkel-Tool erstellen. Klicken Sie auf den Sektenwinkel. Dies ist eine sehr einfache Übung. Mach dir keine Sorgen, dass du Nein bist. Sie werden in ein Problem geraten. Entfernen Sie den Rahmen und für das Feld. Ich will die Farbe. Und ich werde mein Steuerwerkzeug verwenden, um etwas darauf zu erstellen. Wie mich einstellen. Okay, also habe ich eine Brust-Flucht oder V zwei ausgewählt. Und dann werde ich woanders auswählen. Ja. Bewegen Sie es in der Mitte so. Und ich werde sein Gefühl ändern. Die Farbe ist da drüben auf der rechten Seite. Ich werde es für nichtig machen. Okay? Sie können auch beide auswählen, wie dieser Drachenschlaff, und Sie können sie in der Mitte so ausrichten. Aber normalerweise mag ich das. Ich sollte es nach oben schieben. Und ich habe ausgewählt, sie wieder so abgekauft und sie so nach oben zu bewegen. Es ist sehr einfach Werkzeuge, Zehendesign und Arbeit hier drüben. K Auch, wenn Sie möchten, können Sie hier auch etwas so eingeben. Also, wenn ich einen Absatz von Text wollen sind eine Menge Text, Ich werde klicken und ziehen Sie so und bla bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla, bla. Okay, das ist eine schöne Poesie. Und ich werde die Füllfarbe ändern. Okay, also muss ich zuerst diesen Text auswählen und die Filmfarbe zu so etwas ansehen. Okay, also will ich nicht, dass du bla schreibst, bla . Hey, also werde ich mit regulären gehen und ich werde die Zehe gehen. Hast du es kapiert? 18 Ausgänge aus der Größe. Okay, also lasst uns hier etwas schreiben. Ich werde es überspringen. Okay, also habe ich etwas über mich geschrieben. Okay, also werde ich das entfernen, und ich werde das hier drüben so benutzen. Und das kannst du in der Mitte benutzen. So etwas? Ja, weil es eine sehr liegend in der Mitte ist, und ich kann so etwas benutzen. Und jetzt können Sie hier sehen wir haben Lassen Sie uns die Füllfarbe Zehe dunklere Farbe wie diese ändern. Okay, das wird also Ihre erste Aufgabe sein. Nur dein Name, was du liebst und was du tust und was du magst und was du in nur zwei Zeilen gesehen hast und Abberton. Okay, also wenn Sie den Radius von der Last wollen Zehe ändern wollen, machen Sie die abgerundeten Ecken, die Sie hier tun können, wie ich es wollte. Acht Pixel gerundet. Sie können Ihre Haare sehen Wenn ich etwas Schatten hinzufügen möchte, Sie können auf diesen Schatten nichts ändern klicken, Spielen Sie nicht viel mit diesen Werten wurden Ah decken, viel im Detail. Dies wird also Ihre erste Aufgabe sein, die Sie so etwas wie dieses erstellen möchten . Erstellen Sie einfach eine Ellipse. Ziehen Sie Ihr Bild in es Ihren Namen, was Sie mögen. Sie können es auch ändern Zehe ein bisschen Gnade Farbe. Es gibt also einen Kontrast zwischen diesen beiden und einer schönen Bürde und etwas Schatten um sie herum. Sie können auch die Ecken runden, wenn Sie möchten, und Sie können auch etwas Spooks verwenden. Also werde ich vier für die abgerundeten Ecken verwenden. Lassen Sie uns Kapazität 100% machen. Okay. Also kannst du so etwas tun. Lassen Sie mich diese Farbe in so etwas ändern. Das ist also professioneller. Okay, also möchte ich, dass du so etwas erstellst und ah, im nächsten Auftrag gepostet. Und wir sehen uns bald im nächsten Abschnitt. 11. Zeichenflächen und Raster in XD: Nun, das erste, worüber ich sprechen werde, sind Kunstboards, denn dies ist das erste, was Sie in Adobe X'd begegnen werden. Okay, also bin ich für dieses Beispiel. Ich gehe Zehe wählen Sie dieses Web, und ich werde dieses 12 80 Yard Board wählen und lassen Sie uns in Befehl oder Steuerung plus zoomen oder einfach Befehl drücken oder Null Zehen steuern. Umit Zehe die Passform und innerhalb dieser Leinwand. Also hier haben wir über unser Board. Dies ist der Name des Kunstbretts. Wenn Sie möchten, können Sie doppelklicken, und Sie können wie Website-Design oder so etwas bearbeiten. Okay, jetzt, wann immer Sie ein Kunstboard auswählen möchten, müssen Sie auf seinen Namen klicken, also klicken Sie einmal und es wird ausgewählt und Sie können verschiedene Optionen sehen und später toe diese Art Board über hier. Dies ist die Breite und die Höhe. Wenn Sie Medaillon wollen, können Sie, wenn Sie wollen. Schau, es wird das Seitenverhältnis sperren. Und wenn Sie dies erhöhen, wird auch der zweite Wert erhöht werden, was wir normalerweise nicht wollen. Okay, Dann haben wir dieses Porträt und Landschaft mehr, was nicht uh, macht Sinn im Web-Design, aber in der mobilen App, also macht es Sinn. Okay, dann haben wir dieses Scrollen. Okay, Scrollen ist, dass, wenn Sie einen Prototyp aus diesem Design erstellen, ob Sie eine Bildlaufleiste hier drüben wollen, um ihr Design zu scrollen und okay, also so etwas wie dieses. Also Vieux Port Height wird entscheiden, wo der Scrollkörper. Also, wenn ich das habe, äh, Vieux Port Heights sagte zu 600, können Sie hier sehen, ist mein Schulbiss. Okay, das ist meine Seite voll gesso im Webdesign. Zeitfalte ist der Bereich, der beim ersten Mal sichtbar wird, und jemand besucht. Okay, also bis zu diesem Bereich, wird die Website als nächstes sichtbar sein, wir Rollerball verquirlen. Okay, jetzt gehen Sie zu dieser Erscheinung. Aussehen ist im Grunde die Hintergrundfarbe Ihres gesamten Designs. Sie können es auf alles einstellen, was Sie wollen, aber ich denke, es Zeh weiß zu halten, ist die beste Option. Oder hier. Okay, lasst uns nochmals darauf klicken. Okay, jetzt haben wir die Gitter. Dies sind sehr wichtige Konzepte, und dies wird in erster Linie im Webdesign verwendet. Eine Menge. Okay, Also, selbst im Grafikdesign gibt es zwei Arten von Rasterlayouts. Eines ist dieses Layout, das säulenbasiert ist, und die 2. 1 ist quadratisch am besten. Okay, so quadratische Größe ist normalerweise für mobile Bauchmuskeln gedacht. Es ist nicht gut für ich denke, Web-Design, aber es kann schnell Objekte platzieren, wenn Sie möchten. Oh, so wie das. Okay, das ist also sehr, weißt du, es wird jede Schachtel in die Zehe stecken. Okay, also ist es einfacher, deine so zu Fuß zu gehen. Okay, Aber es macht mehr Sinn im mobilen Design kam und Sie entwerfen für mobile Labore. Es macht mehr Sinn. Lassen Sie es uns noch einmal löschen. Gehen Sie zum Quadrat und das ist die Größe von der Fliese. Sie wollen, wenn Sie wollen, wie 24 Schweine, Analphabeten, harte Angst, quadratische Größe. Sie können es auf 24 einstellen. Sie können es auf 64 setzen. Es hängt alles von Ihrer eigenen Wahl ab. Dann gehen wir auf die Zehe. Diskutieren Sie dieses andere Layout, das spaltenbasiert ist. Wir verwenden normalerweise im Webdesign. Ein 12-Säulen-Layout und das Wohl davon hängt von Ihrer eigenen Wahl ab. Aber normalerweise, wenn Sie die Bootstrap-Einstellungen verwenden, wird es 30 Pixel sein. Dann gehen wir zu diesem Rand. Ränder sind im Grunde dies der ganze Raum auf der rechten Seite, dieser weiße Raum oder und auf der linken Seite. Also werde ich es auf 30 so etwas anpassen. Okay, also zeigt es mir das. Möchten Sie unterschiedliche Ränder auf jeder Seite oder gleiche Ränder? Also, wenn ich auf den gleichen Rand klicke wird es 31 Pixel setzen, so ein Pixel spielt keine Rolle, also werde ich damit leben. Okay, das ist also unsere fast Bootstrap-Stil Gier. Und wenn du willst, dass du in der Größe Zehe 12 unter 11 70 so etwas kongierst. Ok. Und wenn Sie unterschiedliche Ränder auf jeder Seite wollen, ist dies die Option, die Sie verwenden werden Stop, Schritt unteren und linken Rand. Ok. Sie können es auch später zur Standardspalte „Einstellungen“ machen. Okay, so, und es wird auf Standard gesetzt. Also, wenn Sie beginnen, einige Spalten zu verwenden, wird es zu diesen Defar-Einstellungen gesagt werden. Das sind also die Grundlagen. Grundlegende Eigenschaften von jedem Kunstboard. Wenn du noch ein Artboard willst,will ich vielleicht noch eine Dartscheibe. Wenn du noch ein Artboard willst, Klicken Sie also auf dieses Art Board Tool und ich werde auf eins klicken. Also was? Hier? Und sie wird jetzt eine andere Kunst erzeugen. Die zweite Option ist, dass, wenn ich die Spitze will, klicken Sie einfach zuerst auf V. D. D. Ausgewählt und klicken Sie erneut auf das Kunstboard und Sie können verschiedene Art Boot-Optionen sehen . Also, wenn ich will und iPhone sechs klingen eine Vorlage hier drüben, kann ich darauf klicken, und es wird parallel zu meinem Web-Design sein. Okay, wenn ich dich also sah, klickte ich noch einmal. Also lassen Sie uns die Zehe wieder bewegen, alle bewegt und ich werde ein wenig verkleinern, damit wir sehen können, gekauft die Kunst langweilig. Und jetzt, wenn ich es verschieben will, habe ich es ausgewählt und dann kann ich es bewegen, okay. Also kann ich es hier drüben platzieren, oder ich kann es hier drüben platzieren, wann immer ich will. OK, so ist das, wie Sie verschiedene Ansichten von der gleichen Website Norgay erstellen und ich werde außerhalb klicken und wählen Sie die Art Board-Tool durch Drücken eines und ich kann auch auf Android-Tablet klicken . Okay, also, nein, ich habe drei Ansichten. Einer ist eine Website oder Desktop Sie als wir haben Vorlage, Ansicht, und dann haben wir iPhone-Ansicht. Wenn ich hier klicke, kann ich sein Layout durch vier Spalten ändern, die wir normalerweise auf Mobile APS verwenden und überstanden haben. Es wird 16 sein und ich möchte, dass die Ränder auf der rechten und linken Seite 24 s sind. Also werde ich Zehe wählen 24 oder hier. Ok. Also okay, so ist es um es auf 25, was gut ist. Okay, also hier ist meine Einrichtung für Web-Version von der gleichen Website ein Spiel. Also werde ich hier vier Spalten verwenden, und dann werde ich hier acht Spalten verwenden, so dass Sie sehen können, dass es ziemlich weit auf acht Spalten gesetzt ist, was sehr erstellt ist. Ich liebe diese Software wirklich. Sie haben sehr gute Standardwerte, also lassen Sie es auf 32. Okay, das sieht toll aus. So richte ich meine Kunstbohrungen ein, wenn ich verschiedene Ansichten von meiner Website aus entwerfe . Ok. So mobile Ansicht, Andhra Tablet-Ansicht und Desktop-Ansicht. Ok. Also werde ich nicht ins Detail gehen und ein Website-Design in diesem erstellen, aber so werden Sie Ihre Rohde einrichten. Nun, wenn Sie eine Kunsttafel löschen möchten, können Sie auswählen und drücken Sie Löschen, und es wird diese Kunsttafel löschen. Okay, also ist es so einfach. Außerdem können Sie von hier aus auswählen und löschen. Und auch können Sie kopieren und verschiedene Befehle duplizieren, die Sie hier sehen können. Okay, so benutzt man diese Kunstbücher. Ich hoffe, Sie haben diese Lektion genossen. Gehen wir zur nächsten Lektion und sehen uns bald. 12. 8 Tools in XD: in dieser Lektion. Wir werden über diese Symbolleiste erfahren, die wir in Adobe X'd haben. Also gehe ich schnell durch all diese Objekte und die Hocker Bar. OK, also werden wir mit diesem iPhone beginnen 678 Lassen Sie uns hineinzoomen. Befehl Null auf Kontroll-Null. Und hier haben wir unseren Hardball. OK, also ist das V reichste Auswahlwerkzeug, das ist, äh, das Sie alles mit ihm auswählen können. Okay, dann haben wir das Sektenwinkelwerkzeug, das unser r ist und Sie können erstellen, aber endet damit. Drücken Sie einfach, und hier haben wir nur Drag & Drop in der Mitte. Und das ist Grenze. Dies sind verschiedene Eigenschaften von ihm. Wir werden später in diesen Bereich kommen. OK, das sind Ausrichtungen. Wiederholen Sie Gradhöhen mit Aussehen und unterscheiden Sie diesen Radius Eckenradius Feeling Rand. Wir werden uns diese jetzt in einer anderen Lektion ansehen. Ich werde Ihnen alle Werkzeuge vorstellen, die hier drüben verfügbar sind. Ok? Wir haben sehr begrenzte Werkzeuge und das ist die Straße Sache über diese Adobe extra. Okay, dann haben wir diese Sonnenfinsternis und Sie können halten Shift Toe teilen, wissen Sie, haben Sie es in einem proportionalen Verhältnis und Sie können Kunst mit ihm drücken sind Option Key Toe machen und wachsen es in Zerstörung. Okay, also wird es von der Mitte so wachsen. Also liegt es an dir. Ich werde es in die Mitte legen. Okay, dann haben wir dieses Zeilenwerkzeug. Sie können dieses Linienwerkzeug überall verwenden, wo Sie möchten. Okay, also hier haben wir diese Linie. Dann haben wir den abgebrannten Brennstoff und diese Abkürzungen sind sehr einfach. Und ah, was wir in der Benutzererfahrung nennen. Design, Mapping, Mapping Es ist einfacher sich zu merken. Okay, also Ps Pentti ist Text unsere Grenzen a Exumas e also sind diese selbsterklärend. Du brauchst dich nicht an sie zu erinnern. Okay, dann haben wir dieses Textwerkzeug, als wir dieses Stift-Werkzeug haben. Mit mentaler, können Sie verschiedene Formen wie diese erstellen. Flickern Sie einfach weiter. Und dann können wir auch klicken und ziehen. Klicken Sie auf und lassen Sie es einfach so. Klicken Sie dann und ziehen Sie, so dass wir viele verschiedene Formen erstellen können. Es ist fast ähnlich wie für ein Geschäft. Okay, wir werden später in die Tiefe kommen. Okay, das ist also Textil. Sie können einfach die 30 auswählen oder und Sie können hier etwas wie etwas schreiben. Was haben Presse Flucht und das war's. Drücken Sie V, und Sie können es auswählen und verschieben. Nun, die Ausrichtungsoptionen. Oder Sie können sagen, intelligente Ausrichtung ist sehr anspruchsvoll für das neue kommende. Ihre Design-Software ist wie Skizze, und es wird extra UK sein. Sobald Sie etwas bewegen, wird es die Entfernung mit allen verschiedenen Elementen Elemente hier in Bezug auf sie zeigen . Okay, also sagt es mir, dass es jetzt auf diese ausgerichtet ist. Und der Abstand zwischen diesen beiden beträgt 15 Pixel. Okay, dann haben wir diese Kunstbrettwerkzeuge. Ich denke, wir haben das bereits besprochen. Sie haben gerade eine andere Kunsttafel ausgewählt und erstellt. Dies ist das Kunstboard für iPhone X. Und dann ist dies das Zoom-Tool, das Sie auf jedes Element zoomen können. Sind das wieder da? Ich habe Control Null-Befehl Null gedrückt, und Sie können auf den gesamten Kunstport so zoomen. Okay, das ist also sehr einfach. Sie können die Zonenebene auch von hier an in festlegen. Verkleinern. Dies sind Sie verschiedene Tastenkombinationen sehen können. Kontrollieren Sie eine Steuerung Zehen-Steuerung plus und Kontrolle plus Minor. Zoomen Sie heraus und ah, zoomen Sie auf Auswahl, Control oder Befehl drei. Also, wenn er Mac verwendet, wird es durch Befehl ersetzt werden. Okay, so sehr einfach. Sehr einfach. Tastenkombinationen. Ich gehe auf die Zehe. Erstellen Sie eine separate Lektion für alle verwendbaren Tastenkombinationen. Okay, wir können Adobe X'd schnell verwenden und verwenden. Das sind also alle Werkzeuge. 3456 und acht Werkzeuge, die du über ihn hast. Und die meisten von ihnen sind Gerechtigkeit. 123456 Also sechs Werkzeuge ein ist Art Board und ein Zoom, die Art off ein Dienstprogramm zu verwenden ist auf. Vergrößern Sie Ihre Kunsttafeln und verkleinern Sie sie. Das ist alles über die Symbolleiste. Hier drüben haben wir. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 13. Rechteckige Tools zum Erstellen von Tasten: in der Ferne. Und ich werde über dieses Rechteck-Werkzeug sprechen und wie wir es verwenden können und wie es verschiedene Eigenschaften gibt . Lassen Sie es warten und wie wir einen schön aussehenden Button mit Regie erstellen können. Okay, also werde ich einfach unsere Presse auswählen und wir werden hierher ziehen und ein Rechteck wie dieses erstellen . Und Sie können auf der rechten Seite sehen wir die Breite und die Höhe haben. Lassen Sie uns auf 75 in der Höhe von 60. Picks ist hier. Also haben wir es auf 60 gesetzt und Hiatus auf 75. Jetzt können Sie sehen, hier haben wir die erste Kontrolle, das ist diese Deckkraft, die ist, wie sind zurück. Das wird es sein. Und ich werde es 200% verlassen. Dann ist der nächste Eckradius. Wenn ich also in der Nähe sein wollte, gehe ich zu Fuß. Benutze hier einen Eckenradius wie sechs. Sie können sehen, jetzt ist es 100. Also, wenn ich d ausgewählt habe, um OK zuzugeben, wenn Sie aus verschiedenen Gründen für jede Ecke unterschiedliche wollen, werden Sie diese auswählen. Okay, also wenn ich hier drüben Null drücke und auch Null für diesen hier. Okay, Sie können sehen, jetzt haben wir zwei Ecken aufgeladen noch gekürzt. Okay, also kannst du es so machen. Also, wenn ich 32 hier drüben will, kann ich so etwas haben. Okay, also gehe ich auf die Zehe drücken. Also, wenn Sie eine Pillenform wollen, können Sie es auf, wie, 39 oder so etwas erhöhen wie, . Soja diese 39 und Sie können das verschifft bekommen. Aber dann haben wir diese beiden Eigenschaften, die eins ist Phil, das ist die Farbe. Also werde ich es mit einer schönen blauen Farbe füllen. Vielleicht ist dieser Laden Buchler hier drüben so. Okay, dann haben wir diese Grenze. Ich denke, wir werden es jetzt entfernen. Und wenn Sie sich die Rahmeneigenschaften ansehen, können Sie hier sehen, wie viel Sie die Grenze um sie herum wollen und füllen Sie den Rahmen wird Es sollte in einem Strich sein. Der Bader sollte drinnen sein. Diese sind außerhalb unserer in der Mitte. Okay, s. Also werde ich draußen benutzen und die Größe Zehe 10 Pixel ändern. Okay, jetzt können Sie hier sehen. Wir haben die Auswahl und die Grenze ist außerhalb dieser. Okay, also werde ich einen Rand von dieser Farbe verwenden, nur um dir zu zeigen, was wir damit machen können . Okay, dann haben wir dieses Schatten- und Hintergrundblut. Ich werde nicht über das Hintergrundblut reden. Wir werden jetzt in der nächsten Lektion darüber reden, wir werden diesem Knopf etwas Schattenspitze hinzufügen, und Sie können sehen, dass wir diese vie-Position und dieses Blut haben. Das ist also im Grunde der Radius des Blutes. Wie weit es geht, um den Radius Blut zu verwischen. Dieser Schatten. Okay, wenn ich es also auf 20 setze, kannst du sehen, dass der Schatten in diesem Bereich mehr verschwommen ist. Wenn du genau hinsiehst, okay, warum ist die Position dieser beiden Axt? Und warum ist die Position von deinem Schatten? Okay, also wenn ich Zeh will, mache es ein bisschen mehr unter meiner Form, ich werde mehr von mir hinzufügen und du siehst Nein, es ist in diesem Bereich. Das ist es. Ich weiß es nicht. Okay, also kann ich es auch horizontal in die Richtung bewegen. Also, wenn ich 50 hinzufügen, können Sie sehen, jetzt ist es auf der rechten Seite. X ist also der Moment der Zerstörung. Sie können auch negative Werte hier minus 10 setzen und es wird in diesem Bereich sein, so dass Sie auch minus neun verwenden können. Wenn Sie wollen, wird es an der Spitze zu bewegen. So wirst du deinen Schatten setzen? Nein. Wenn Sie die Farbe aus Ihrem Schatten wollen, können Sie auf diesen Bereich klicken und Sie können die Farbe von Ihrem Schatten setzen. Vielleicht will ich etwas Schatten in der blauen Farbe brauen Bereich. Und ah, das ist die Deckkraft deines Schattens. Ich wollte Toby etwa 20% Rabatt auf Pick, 30% transparent. So können Sie jetzt sehen, dass der Schatten so ist. So werden Sie die Schatten und verschiedene Dinge mit Ihrer Form, Rechteck und ah verwenden , das ist alles über dieses Rechteck. Sie können die Ausrichtung auch ausrichten. Ich werde in einer anderen Lektion über die Ausrichtung sprechen. Und auch Sie können es erreichen. Aber normalerweise brauchen wir es nicht so zu wiederholen. Aber wenn du willst, kannst du es tun. Okay, also gehe ich zurück. Komm schon. Sehen Sie Ihre Kontrolle, Z Und das sind alle Eigenschaften. Wenn Sie irgendwelche Fragen haben, um mich zu fragen und versuchen, jemanden wie diesen zu erschaffen, werde ich Fuß gehen. Setze etwas Text darüber. Hallo, Liebes. Ok, so etwas. Und ich werde drücken V und den Export es in der Mitte und ändern seine Füllfarbe zehe weiß. Okay, also lass es uns ein bisschen nach unten bewegen. Okay, also sind 16 Schweine oben und 17 Plektren unten. Also, wenn du so etwas klären kannst, würde ich es gerne sehen und versuchen, Zeh. Zeigen Sie mir die Schaltflächen, die Sie darin erstellen können. Und ich würde sie gerne überprüfen und sehen, was Sie sich einfallen können. Okay, also geht es darum, wie Sie verschiedene Arten von Schaltflächen erstellen können abgerundet, abgerundet, Eckquadrat oder Rechnung gespeichert, aber ansf es mit x d. Lassen Sie uns mit der nächsten Lektion fortfahren. 14. Hintergrund und Object: Lassen Sie uns über Objekt sprechen. Blut und Hintergrund Unschärfe. Tatsache in Adobe X'd. Diese beiden Effekte sind sehr cool. Einer von ihnen. Ich benutze viel Hintergrundblut. Okay, also werde ich Ihnen Beispiele zeigen, beide von ihnen, wie man sie richtig benutzt. Okay, also lasst uns anfangen, Objektblut oder das wieder auf Blut zu verwenden. Wir brauchen ein Bild. Okay, also werde ich das Bild einfach per Drag & Drop auf diesem Kunstboard, das iPad ist, und ich werde es in der Mitte ausrichten und Shift drücken. Und obwohl ich es ein bisschen kleiner machen werde, danke. So etwas wie das. Okay, also haben wir dieses Bild jetzt. Dafür will ich ein Hintergrundblut. Ich brauche jede Form. Vielleicht werde ich dieses Rechteck verwenden und ich werde Zehe verwenden das ganze zerrissene diese Leinwand drücken wir und nein, dieses Rechteck ist ausgewählt. Das Bild ist dahinter. Also nein, ich werde meinen Hintergrund benutzen. Wenn ich also einmal auf dieses Bagram-Blut klicke, kann man sehen, dass der ganze Hintergrund verschwommen ist. Lass uns diese Grenze verstecken und du kannst den Betrag von dem verdammten Bedürfnis ändern. Vielleicht will ich so viel Blut. Wollen Sie, dass es hell in der vitalen Seite ist? Oder du wolltest dunkel auf der dunkleren Seite sein. Sie können sehen, dass der Effekt anders ist und auch die Deckkraft. Ich benutze nicht so viel. Es wird die Deckkraft dieses Effekts ändern, also halten Sie es auf 0%. Okay, vielleicht so etwas und so etwas und ich werde es außerhalb dieses Bereichs erweitern . Ok? Ok. So verwenden wir Hintergrundblut. Also, selbst wenn Sie es in der Mitte so verwenden wollen, also vielleicht will ich nur, dass dieser Bereich verschwommen wird . Ich kann das ähnlich wie folgt verwenden. OK, also ist diese Form im Grunde unser Haupt-Hintergrund-Blutbereich. Diese Form wird also definieren, welcher Bereich verschwommen wird. Dann haben wir das hier. Wenn du zu diesem Drop-down gehst, haben wir diesen Objektplan, der Zehenblut geht. Diese Onley dieses Objekt. Wenn ich also auf Objekt klicke, das Sie jetzt sehen können, ist unser Rechteck im Grunde Blut noch der Hintergrund. Also, wenn ich deinen Sculler Zeh schwarz oder so etwas wie dieses ändere. So können Sie jetzt sehen, dass diese Form tatsächlich im Hintergrund noch im Hintergrund verschmilzt. Okay, das ist also der Unterschied zwischen Objekt-Unschärfe und einem Hintergrundblut, das ich in meiner mobilen App verwendet habe . Sie werden am Ende dieses Kurses entwerfen, also bleiben Sie dran, und das ist ein sehr cooler Effekt. Sie können diese Hintergrundunschärfe an vielen Stellen verwenden und sie wird Fuß gehen. Machen Sie Ihren Text und Ihre Schaltflächen sichtbar, wenn der Hintergrund sehr ausgelastet ist. Also hier geht es um Bagram-Mädchen und Objektblut. Ich hoffe, Sie haben diese Lektion genossen. Fahren wir mit der nächsten Lektion fort. 15. Ellipse-Tool: heute werde ich über die Lippen Stuhl sprechen und ah, seinen Hauptzweck. Warum wir es benutzen. Und es ist sehr schnell Zeh, wissen Sie, schneiden Sie die meisten von meinen Avatar-Bildern. Okay, also gehen wir mit dem Zehenklicken und ziehen so, und ich halte Shift, um es proportional zu machen. Und wenn ich aus der Mitte wachsen wollte, werde ich die Art Optionstaste zusammen mit meiner Shift-Taste drücken. Okay, also halte ich jetzt Shift und Kunst und Optionstaste, um es so zu machen. Okay, jetzt werde ich es so in die Mitte legen. Ich werde seine Grenze verstecken, und ich werde seine Füllfarbe ändern, so dass Sie sie leicht sehen können. Jetzt werde ich jedes Bild per Drag & Drop darauf, um einen Avatar zu erstellen. Schnell. OK, jetzt können Sie jedes Bild per Drag & Drop auf diese Ellipse ziehen, die Sie sehen oder hören können, um schnell einen Avatar zu erstellen . Also, was es im Grunde tut, ist, dass es in diesem Kreis abgeschnitten wird. Okay, das Problem dabei ist, dass Sie dieses Bild nicht ändern oder verschieben können. Okay, was Sie tun können, ist, dass Sie die Größe von diesem Kreis vergrößern können. Es geht auf die Zehe. Vergrößern Sie das Bild. Und Sie können auch die Form ändern, die Sie hier sehen können. Okay, jetzt ist es eine Ei-Form, und das Bild ist, dass Sie sehen können, die Anpassung mit diesem Schiff. Also meistens verwenden wir Ellipse Werkzeug für diesen Zweck. Die anderen Optionen, die wir für einen Lippenstuhl haben, sind fast die gleichen. Wir haben Grenz-, Füll-, Deckkraft, Schatten- und Hintergrundblut. Da ist nichts viel dran. Also die meiste Zeit verwenden wir es für diesen Zweck. Wir ziehen einfach jedes Bild hinein, um ein Radar zu erstellen. Unsere Ikonen sind so. Das ist also alles über den Schlupfspaziergang. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 16. Grundlagen des Stift-Tools in XD: in dieser Lektion erstellen wir diese drei Symbole. Der eine ist dieser Käse. Eines ist dieses Kartensymbol, und eins ist dieses Chat-Symbol mit Adobe Excuse. Also zuerst werden wir lernen, wie man zu verwenden verbringen zwei suchen. Ich empfehle nicht, dass Sie alle verschiedenen Symbole mit Adobe Extra erstellen , da es nicht zum Erstellen von AARP gedacht ist. Symbole sind Symbole. Sie können einfach SPG-Symbole aus allen Zeilen verwenden. Es gibt viele kostenlose online auf Bibliotheken. Off SVZ Icons sind so zuerst wir werden sehen, wie Bento zu verwenden. Also werde ich ein weiteres Art-Board Ablaufdatum des iPhone X erstellen und in ein wenig annehmen. Und zuerst gehen wir die Zehe. Wählen Sie dieses Stiftwerkzeug aus, und so können Sie einfache Formen erstellen. Klicken Sie auf, auf, klicken Sie, klicken Sie, klicken Sie auf, klicken Sie auf OK und klicken Sie zurück auf den ersten Punkt und es wird das Schiff schließen. Sie werden V drücken, und jetzt können Sie diese Form hier bewegen. So ist es, wie Sie erstellen einfache Schiffe jetzt gegen, wie dieser Stift Werkzeug, klicken und klicken und ziehen, um einige abgerundete Ecken zu erhalten und dann werde ich klicken, waren hier und klicken Sie dann zurück. Hier habe ich also einen Bogen geschaffen. Also, wenn Sie auf diese Form doppelklicken, können Sie sehen, dass Sie alle von diesem klicken können und es gibt den Lenker. Sie können sie nachträglich anpassen, wie Sie möchten. Also bewegen sie sich, während ich das hier herumschiebe. Okay, also habe ich diesen ausgewählt. Also, wenn ich nur dieses bewegen will und es sollte keinen Einfluss auf diese eine drücken Sie investieren Ihre Option oder Archy. Okay, also auf Ihrer Tastatur, wenn Sie Ihre Taste drücken und dann klicken und diese bewegen, wird es sich bewegen. Nur diesen hier. Okay, das sind also die beiden Griffe, also jetzt wird sich das unabhängig bewegen. Also, wenn ich es damit ausrichte, können Sie sehen, dass es jetzt eine gerade Linie ist. Also, wenn ich d ausgewählt habe, ist dies eine gerade Linie. Dies ist eine gekrümmte Linie. So steuern und bearbeiten Sie Ihre Teile und ah, verschiedene Ankerpunkte. Also, wenn ich darauf doppelklicke, gibt es hier drei Ankerpunkte. Okay, also einer ist dieser hier. Ich kann auch so etwas verwenden. Also drücke ich Shift-Zeh, richte es in einem perfekten Winkel aus. So ist es jetzt, denke ich, 90 Grad oder wollte Grad. So habe ich diese Beule erschaffen. Sehr nett. Glatte Beule Okay, so benutzen wir unseren Pento. 17. Stifte zum Erstellen von Symbolen: Okay, also werde ich diese Form löschen. Und jetzt werde ich mit dem Rechteck Tauqir beginnen, diesem ersten Symbol. Also werden wir ein Rechteck erstellen. Okay, also drücken Sie V und jetzt haben wir den Sektenwinkel. Doppelklicken Sie darauf. Und wir haben diese vier Ankerpunkte. Jetzt wählen wir Ach, mentaler Moment aus. Wenn Sie nicht einmal einen Bleistift auswählen, können Sie den Veranstaltungsort sehen, Khobar. Auf diesen Linien, wo Sie einige Ankerpunkte setzen können, ist es gedreht Zehe mental, Also klicken Sie einfach einmal, aber hier, einmal hier und eine irgendwo. Also haben wir drei weitere Ankerpunkte zu diesem Schiff hinzugefügt. Was ich jetzt tun werde, ist, dass ich die Zehenpresse V gehe, und ich werde es so unten bewegen. Okay, jetzt habe ich dieses Basisschiff, also wenn ich es nochmals doppelklicke, kann ich diesen Ankerpunkt auswählen und ihn bewegen. Wenn Sie etwas falsch hier drin haben wollen, doppelklicken Sie darauf. Und Sie werden diese abgerundet um hier schmiegen und Ankerpunkte mehr Lenker die Rundheit aus Ihrer Form wieder zu kontrollieren, so dass Sie sehen können, jetzt habe ich diesen Bereich so abgerundet . Dies ist also eine Möglichkeit, mehrere verschiedene Formen aus einfachen Schiffen zu erstellen. Okay, jetzt werden wir diesen Käse kreieren, okay? Die meisten Mäuse werden das wirklich lieben, wenn sie meinen Dad Dorian beobachten . Okay, also gehen wir zu Fuß, erstellen diesen einen Klick einmal, klicken zweimal, und ich habe hier drüben Lenker. Das ist ein anderer Weg, und ich werde nur hier rüber klicken, und dann, was ich tun werde, ist, dass ich gerade sie jetzt so anschaue. Und ich werde meine Kunst-Optionstaste drücken, um das zu bewegen, wie Okay, also, nein, es ist geradeaus. Und lassen Sie es uns bewegen, um eine perfekte Sie ist so. Okay, also haben wir unser Schiff. Lassen Sie uns die Grenze zwei Pixel machen. Und während der Füllfarbe Zehe, dieses Gelb kann alles ein bisschen heller, gelb wie folgt. Okay, also haben wir über die Form. Wir werden ein paar weitere Formen hier mit diesem Ellipsenhocker hinzufügen. Also drücke ich Shift Zeh gelöscht, Shift und Drag, um diese Kreise so zu erstellen. Okay, also haben wir unsere Formen jetzt können wir die Flaschenfarbe in diese ändern, die ein dunkleres Gelb ist und ah, wir haben ein sehr Schicksal. Gott, nicht gut für einen Spaziergang, wenn du mich magst. Ich habe einen hohen Cholesterinspiegel, also ist es nicht gut für mich, aber immer noch. Okay, hier haben wir unsere Käse-Symbol. So erstellen Sie benutzerdefinierte Formen, Icon. Jetzt werde ich das hier erschaffen. Das ist im Grunde Bürgermeister von Mais. Es ist sehr einfach. Wählen Sie einfach diesen Ellipsenhocker aus, Ah, Lippen hier drüben. Und was ich tun werde, ist, ich werde V DoubleClick drücken und ich möchte nur diesen Lenker ändern . Also habe ich gerade dieses ausgewählt, diesen Ankerpunkt, und ich werde Shift- und Pfeiltasten drücken, um es unten so zu bewegen. Okay, jetzt ist unsere Grundform komplett. Was ich tun werde, ist ein Doppelklick hier rüber, um unsere scharfe Ecke zu bekommen. Okay, das ist also sehr netter Trick DoubleClick Zehe bekommen abgerundete Ecken anders, um scharfe Ecken zu bekommen . Okay, also habe ich eine scharfe Ecke hier drüben. Jetzt werde ich eine weitere kleine Form Ellipse in ihm so erstellen und einfach die äußere Form auswählen und, ah, entfernen Sie einfach den Rahmen und verwenden Sie die Füllfarbe zu etwas wie, Ja, ich werde benutze diesen Schlag. Lasst uns das Blau benutzen. Okay, für diesen werde ich die Grenze entfernen, und ich werde hier etwas Schatten hinzufügen, der Null Null und sechs sein wird. Okay, kein Schatten ist, dass es diese Form entlassen und einfach hier so ausrichten würde . Wählen Sie diese beiden, und ich werde es in der Mitte so ausrichten. Okay, so können Sie hier sehen, unser Karten-Icon ist auch gebaut. Sie können es erweitern, wenn Sie möchten. Sie können es ein bisschen wichtig machen, um es professioneller aussehen zu lassen. Ok. Ok. So können Sie verschiedene Icons mit mental erstellen. Ich empfehle nicht, dass Sie so etwas oder so etwas wie dieses erstellen Sie bereits erstellte, professionell erstellte SVG-Symbole verwenden können . SPD steht für skalierbare Vektorgrafiken und in den nächsten Lektionen, einige Lektionen oder in den letzten Lektionen, in denen wir unsere App erstellen werden. Ich werde Ihnen zeigen, wie Sie SPG-Symbole verwenden. Bis dahin werde ich dich bald sehen. In einer anderen Lektion gehen wir zur nächsten Liste über. 18. Line: jetzt Lassen Sie unsjetztüber das Zeilenwerkzeug sprechen. Wenn wir hier klicken oder l drücken, ist es ein Linienwerkzeug und Sie können damit eine Linie oder ein Trennzeichen erstellen . Okay, das ist also unsere Linie. Das ist die Grenze von dieser Linie. Lassen Sie uns einen Fünf-Pixel-Rahmen wie folgt erstellen. Ok? So können Sie auch sehen, dass diese Optionen hier versteckt sind. Ich bin mir nicht sicher, ob sie überhaupt aktiviert sind oder nicht. Lassen Sie uns in die Linie erstellen. Okay, also diese Außengrenze ist keine Option für diesen. Es ist nur eine Linie. Und, ah, Sie können die Farbe ändern, wenn Sie wollen. Oh, und auch die Deckkraft, Schatten und zurück auf Blut. Das sind die vier Optionen, die wir hier haben. Die einzige Verwendung außerhalb des Zeilenwerkzeugs, die ich sehe, ist, dass es für den Linktext verwendet wird. Also, wenn ich einen Link hier drüben habe, kann ich eine Zeile setzen und es so. Okay, also das ist die einzige Nachricht, die ich mir ausdenken kann. Und Sie entwerfen ich für diese Linie zu suchen. Das ist also alles über das Linien-Werkzeug. Wenn Sie Fragen haben, Sie mich gefragt. Fahren wir mit der nächsten Lektion fort, in der wir das Textwerkzeug sehen 19. Text-Tool in Adobe XD: Nein. Wir werden über dieses Textwerkzeug, Seife, Seife, lusty oder Text sprechen. Und ich ziehe mich hierher, um einen Absatz zu erstellen. Alles, was Sie können einfach überall klicken, um zu löschen. Gerade an der Schlange vor Dexter hier. Also werde ich hier drüben einen Absatz erstellen. Okay, jetzt habe ich einen Text in meinem Absatz. Ich kann einfach irgendwo anders klicken, um einen Absatz und Brüste V zu erstellen und ich kann erweitert werden , indem Sie die Griffe verwenden, die Sie hier sehen können. Okay, also werde ich das so benutzen und es einfach so hierher bringen. Ok? Nun, auf der rechten Seite, können Sie sehen, dass wir Text haben. Das ist das Telefon. Du kannst das Telefon wechseln, was immer du willst, Toe. Und dann haben wir hier die Festung. Wir würden alle Stile anders. Und dieser Ford, das ist die Größe, die ich will 24. Ich kann 24 auswählen. Jetzt versteckt es sich. Es ist voll zu machen. Und, äh, dass einige in, um die tatsächliche Korrektorgröße zu sehen. Okay, dann haben wir diese Ausrichtung. Das ist das Zentrum. Dies wird versucht, ausgerichtet, links eine Linie. Und das ist der Unterschied zwischen unserem Ideentext oder Sie können Absatz und einen Zeilenpunkttext sehen . Okay, hier haben wir diesen Punkttext. Es ist besser für die Ausrichtung. Sie können jetzt sehen, es ist ein festes Quadrat. Okay, wenn ich versuche, es zu ändern. Es handelt sich im Grunde nicht um einen Absatz. Dies ist ein Absatz. Das ist also nur ein neues Feature. Sie haben darin hinzugefügt. Dann können Sie es unterstreichen, wenn Sie möchten. Und dann haben wir diesen Zeilenabstand, den Sie etwas anderes festlegen können, wenn Sie wollen. Oh, als ob ich es auf 32 gesetzt habe. Und das ist Kaktus pinkend, wie breit der Raum im Regisseur sein sollte. Also, wenn ich, ähm er 10 oder 25 Jahre war, können Sie jetzt sehen, dass der Abstand zwischen den Buchstaben viel ist. Okay, das sind also die Hauptkontrollen, als wir es wieder haben. Die gleichen ähnlichen Steuerelemente, wie alle anderen Rechtecke. Laura, die Werkzeuge. Wir haben einen Durchgang. Wir haben versagt. Wir haben Grenzen, Schatten und Hintergrund, Bluthintergrund, Blut. Wir werden nirgends auf diesem einen Schatten verwenden. Vielleicht werden wir verwenden, wenn es einen dunklen Hintergrund oder so etwas wie diese Grenze gibt. Ich denke, wir werden den Boden nicht benutzen. Also bleib einfach mit dem Phil und ah, benutze jede Farbe, die du magst. So wie dieser hier. Und das ist alles darüber. Ah, Textvideo. Jetzt gibt es nur einen Hai, der in diesen Bereich kommt, was ist es toll wäre, wenn ich verschiedene vier Stile oder Haare sehen kann. Und jetzt kann ich nur den Telefonnamen von Nordea sehen, wie es aussieht oder wie es sich anfühlt. Okay, also muss ich tatsächlich dazu wechseln, um diesen Kraft-Stil zu sehen. Also ich denke, vielleicht haben sie es im Grunde nur zu einer weit mehr Verarbeitung gemacht und es schnell gemacht. Okay, vielleicht fügen sie in den späteren Versionen einige Vorschautextilien hier für unterschiedliche Kräfte hinzu. Das ist also alles über das Textwerkzeug in Adobe X t. Ich hoffe, Sie haben diese Lektion genossen. Fahren wir mit der nächsten Lektion fort. 20. Polygon – UPDATE: Auf keinen Fall werden wir über ein sehr neues Tool sprechen, das in Adobe EC eingeführt wurde. Steve juckt. Sie sehen auf Werkzeug und Sie können plus warum, zu glatt es oder einfach klicken Sie hier. Und jetzt werden wir ein Polygon zeichnen. Also hier trockne ich es. Wenn Sie eine Druckverschiebung halten können, wird es in Proportionen sein und es einfach so lassen. Jetzt können Sie auf der rechten Seite hier in der Erscheinung Stich sehen, können wir seine Deckkraft kontrollieren. Wir können seine Größe ändern Conch, zum Beispiel, auf den Seiten, die wir wollen, wie fünf Seiten, und wir können es ändern, um zu kämpfen. Wir können auch die gefüllte Farbe ändern. Zum Beispiel, Wenn ich es haben möchte, vielleicht in dieser Farbe und ich möchte, um die Grenze zu verstecken, Ich kann die Grenze verstecken, und ich kann auch einen Eckenradius von wie 50 20 oder solche Dinge, so etwas wie das hier. Und ich kann auch den Eckenradius von diesem steuern, so dass Sie sehen können, dass dies ein kleiner Kreis darin ist . Wenn ich den Eckenradius ändern möchte, kann ich ihn verwenden. Okay, also wenn ich will, dass Zeh acht Ecken zugibt. Ich kann acht Ecken haben, also ist dies ein sehr praktisches Werkzeug. Wenn Sie ein paar Pfeile oder solche Dinge erstellen möchten. Ich denke, das ist eine der grundlegenden Formen außer Rechteck, Ellipse. Und das ist Polygon oder Dreieck. Also brauchten wir so etwas. Schwert-Panzer bei gehorchen. Sie haben so etwas hinzugefügt, Senator B X d. Ich hoffe, Sie werden es ausprobieren und einige Formen mit diesem Polygonwerkzeug erstellen. Es ist fast ähnlich wie andere Rechtecke und Ellipse auf. Und das ist alles über dieses neue Polygon-Werkzeug. Fahren wir mit der nächsten Lektion fort. 21. Farben und Paletten: heute werde ich über Farben sprechen und wie wir erstellen können, wer Farbschema in Adobe X'd erstellen. Okay, also lasst uns anfangen. Begann mit diesem Kunstboard, das iPhone 678 ist und was wir tun werden, ist einfach eine sehr schöne, runde, geerdete Ecke zu schaffen runde, . Großbritannien. Ich werde Fernsehen drücken und es bewegen und sechs Schweine der Ungerechtigkeit erschaffen. Okay, so sieht toll aus. Okay, also gehe ich auf die Zehe, entferne die Grenze. Und wenn ich zu dieser Füllfarbe gehe, wenn Sie hier klicken, können Sie hier sehen wir unsere Farben haben. Okay, also hier haben wir das. Ah, du Bar, wo wir den Farbton ändern können, welche Farbe du willst. Wer ist im Grunde die Farbe mittlere Farbe. Okay, also vielleicht, wenn ich hier reingehe, wollen Sie und ich, dass es hier drüben ist, okay? Also, wenn ich mich in der Zerstörung und der Farbton oder Sättigung ausziehe, nimmt diese Farbe tatsächlich zu, Okay, Also, wenn ich in Entdeckungsgebiet zog, wird es dunkler in diesem Bereich. Es wird mehr Licht werden. Okay, füge dazu eine Einladung hinzu. Also werde ich fast in der Mitte hier drüben halten. Ok? Nun, das ist die Deckkraft. Also, wenn du transparent sein wolltest, kannst du das bewegen, denke ich. Ah, ich sollte es hier behalten. Okay, also so ist deine einfarbige Box, okay. Nein, nein. Ah, hier sind ein paar Optionen, die wir besprechen werden. Ist das ein exakter Dezimalwert? Das ist also, was Ihre Webdesigner brauchen werden. Zehenfarbe der Briten. Okay, das ist also für Entwickler. Also, wenn Sie wollen, können Sie diese rgb mehr konvertieren, das ist rot, blau, blau, grün und Alfa RGB. Ok. Und, ah, normalerweise wir Designer, ich benutze normalerweise diesen Farbton, Sättigung und Helligkeit, die leichter zu kontrollieren ist und leichter Zeh. Wissen Sie, ich nur Ihre Farben in schaffen schöne Farbschemata. das benutzt, ist es SB. Okay, also hier haben wir dich als Sättigung. Wie viel Farbe Sie diese Farbe in Sättigung setzen möchten. Und das ist die Helligkeit. Okay, also wie hell sollte scherzhaft sein? Also, wenn ich es auf 90% reduzieren, können Sie sehen, jetzt diese Farbe sieht erstellt ist ein bisschen dunklere blaue Farbe. Okay, gehen wir wieder zu diesem Jahr. Ok? So können Sie nicht Ihre Farbe Zehe Ihre Farbe Stretch hinzufügen. Also drücken Sie einfach dieses Plus-Symbol und Sie können hier sehen, wir haben $1 hier hinzugefügt. Okay, jetzt, wenn ich ein Rundschreiben hinzufügen möchte, ist der beste Weg, das einfach zu ändern. Okay, also will ich, dass das erschaffen wird. Und vielleicht nur zwei sehr etwas. Ich gehe auf die Zehe. Ah, reduzieren Sie seine Helligkeit Zehe 80%. Mal sehen, wie diese Farbe auftaucht. Also werde ich das hinzufügen, dann können wir zu so etwas gehen, dieses dunkle Schwarz. So können Sie hier sehen. Ich habe eine sehr schöne Farbpalette erstellt und Sie können die meisten Farben sehen, die ich hier generiert habe . Sie sind wirklich passend. Großartig. Okay, das sind alle medizinischen Farben, dieses Seong-Blau und diese blaue Farbe. Nun, hier dreht sich alles um dieses Farbfeld. Wie Sie eine andere Farbschemata hier drüben sein können, bewegen sich in diesem Raum 22. Farbverläufe in Xd: Jetzt gehen wir zu diesem linearen Strahlen. So nachsichtig. Brilliant ist, dass wir ein und zwei Farben haben und das ist der Winkel hier von oben nach unten. So 90 Grad ist der Winkel von Ihrer Zutat. Okay, also hatten wir uns vermischt, damit du sehen kannst, Nein, wenn ich den Winkel verschiebe, wie sich die Zutat ändert. Also, wenn ich es so bewege, okay. Und, ah, lasst uns die Farben in etwas anderes ändern. So können Sie sehen, jetzt habe ich einen sehr schönen, gierigen int Button hier drüben erstellt . Und wenn ich den Winkel ändern möchte, kann ich den Winkel so ändern, vielleicht bewegen Sie ihn so, damit Sie jetzt sehen können, wie es gut aussieht. Jetzt nochmal, ich werde darauf klicken und Fuß gehen, Phil. Und Sie können sehen, hier haben wir unsere strahlende Lassen Sie uns versuchen, Disc hinzuzufügen. Strahlend. Also ist es nicht hinzufügen hier drüben. Das ist also eine Sache. Ich denke, sie sollten etwas haben. Eso, wenn ich diesen Knopf drücken, sollte es meine gierig hinzufügen. Und hier drüben. Okay, also fügt es hier nicht hinzu, aber wir können es woanders etwas hinzufügen. Richtig? Klicken Sie auf diesen Anzeigenkiller. Okay, wenn ich diese Farbe hinzufüge, wird sie in meinen Vermögensmördern sein. Sie können hier drüben sehen. Das ist mein Styleguide. Im Grunde. Also werde ich später alles abdecken. Zwei Mörder in Adobe Extra. Okay, hier haben wir diese Farbe. Dann haben wir diese vier Farben. Im Moment werden diese nicht hinzugefügt. Also können wir tun, ist nur ein paar Rechtecke zu erstellen, die ich Montag Gewirr erstellen werde. Und ich werde es duplizieren, indem ich Kunst oder Optionstaste drücke, als es einfach so zu ziehen . Und wie dieses Küken werde ich hier drüben die gleichen Farben verwenden, die ich will. Entfernen Sie einfach die Grenze und ich werde diesen Sculler verwenden, als verfärben. Okay, dann entdeckte jetzt hier ist mein Farbschema. Ich habe das sofort erstellt, also mach dir nicht viel Sorgen darüber. Das, was ist dieses Farbschema? Okay, also gehe ich Zeh wie, wähle alle diese Farben und ich gehe mit der rechten Maustaste und füge Farbe hinzu. Ok. So können Sie sehen Nein, ich habe alle meine Farben zu meinem Vermögen bewegen. Ok. Sie können auch advi Farbe oder Variationen von weiß oder grasen. Wenn Sie es zu Ihrem Farbschema hinzufügen möchten. Okay, so können Sie gierige INTs und all das Cholesterin, Ihr Farbschema oder den Styleguide hinzufügen . Ok. Style Guide ist im Grunde die Führungsspitze für Ihre Entwickler und Ihre Designer, dass welche Farben für welchen Zweck verwendet werden und wie wir dieses Designsystem mit diesen Farben erstellen können . Okay, jetzt, zum letzten Punkt gekommen , der eine Zadie-Zutat ist, haben sie gerade diese wirklich Zutat hinzugefügt, die eine gierige Int von innen ist. Es bewegt sich in einem Kreis, also lasst uns es ein bisschen größer machen. Okay, also machen wir es zu einem Hintergrund. Also werde ich Fuß gehen, eine Tasche wie diese erstellen. Es ist sichtbarer. Diese Art von strahlend ist besser sichtbar, wenn Sie einen Hintergrund haben. Ok. So können Sie sehen, jetzt ist es Gitter in einer Tasche Runde suchen. Lassen Sie uns unsere Farben zu diesem ändern. Ok? Einer ist etwas dunkler. Einer in der 2. 1 ist etwas leichter. Lasst uns die entfernen. Okay, also lasst uns damit experimentieren. Lassen Sie uns diese dunklere Farbe mit diesem Blau ändern. Und, äh okay, es sieht toll aus. Lassen Sie uns es verschieben, Fügen Sie einige weitere Punkte hinzu. Also klickte ich hier rüber und fügte noch einen Punkt hinzu. Okay, hier werde ich die Farbe in Schwarz ändern. Oder vielleicht etwas Schärferes als so kann Nein. Ich werde Ihnen von Herzen diese radialen Inhaltsstoffpunkte erzählen. Okay, also nur Punkt, den Sie löschen können, ist der Punkt, den Sie bisher eine Zutat erstellt haben. Es muss zwei Farben geben. Okay, also sind sie nicht Ah, ich bin nicht in der Lage, Sie können sagen, löschen Sie diese beiden Punkte und das ist richtig. Die meisten oder 0% und 100%. Und der Punkt, den ich in der Mitte erstellt habe, vervollständigte ich durch Drücken von Löschen auf meiner Tastatur. Alles, was ich kann es so wegschieben und wegziehen, und es wird gelöscht werden. Okay, also diese zwei Farben, sie sind, wissen Sie, für diesen gierigen Int gebraucht, und Sie können die Zutat von hier aus kontrollieren. Okay, wenn du willst, ist es so etwas. Sie können jetzt sehen, dies ist ein toller Hintergrund. Okay, also lasst uns hier einen Text schreiben, damit ihr sehen könnt, was ich getan habe. Ich habe gerade eine Linie mit der Dicke von fünf hinzugefügt. Und ich habe nicht nur eine SMS eingeladen. Hallo, Doktor. Und das sieht toll aus. Okay, also können Sie diese Art von Hintergründen für Ihre Anmeldebildschirme oder Anmeldebildschirme sein. Ok. Mit irgendeiner Zutat drin. Hier geht es also um die Farben und Radio-Zutat in einfarbigen Farben und linearen Inhaltsstoffen . Und diese drei Moore's off Farben Hexi dezimal RGB und normalerweise werden wir dieses oder Hexi Dezimal für Web hauptsächlich verwenden , aber ich denke, dieser ist perfekt für die Erstellung der Farbschemata, okay? 23. Mit coolors.io Farbschemata zum Erstellen von Farbschemata: ein Werkzeug, das ich für Farbschema Generation empfehlen, ist dies ein Kühler dot ru? Ich denke, Sie können diesen Namen auf Google suchen. Ich werde die u R l teilen Also gehen Sie zu diesem. Generieren? Ja. Also werde ich zu diesem generierten gehen und es wird mit einigen zufälligen Farben beginnen. Okay, was ich vorschlage, ist, dass Sie zuerst versuchen, eine Farbe zu verwenden, die Sie bereits haben. Okay, also gehe ich auf Basis einer Farbe blauen Farbe aus meinem Farbschema oder zwei Farben von dort, um den Rest von den Farben zu bekommen. Okay, also gehen wir zurück zu X'd. Jetzt. Was ich tun werde, ist, dass ich diese blaue Farbe und diese Ah, sehen Sie, auf einem Farbschuh, mein Farbschemakopieren sehen Sie, auf einem Farbschuh, mein Farbschema werde. Okay, also gehe ich zu Fuß, kopiere diesen Wert Exit-Dezimalwert, und ich gehe zurück hierher. Okay, also unternehme ich eine Farbe, und ich werde sie hier drüben sperren. Okay, also drücken Sie dieses Schloss und es wird Ihnen ein geschlossenes Schloss zeigen. Okay, dann werde ich das zweite Mädchen hier drüben kopieren, und ich werde auch diese Farbe sperren. Ok? Jetzt muss ich Farben protokollieren. Jetzt werde ich die Leertaste drücken, um einige weitere Farben zu erhalten. Farbt Amerika für diese beiden Mörder. Okay, also haben wir diese violette Farbe. Das sieht gut aus. Auch diese blaue Farbe Ich bin Ich mag diese blaue Farbe. Und wir können auch so etwas verwenden, das ein bisschen orange ist. Nun, in meinem ursprünglichen Farbschema, verwende ich etwas näher an Gelb und ah, dieses Lila ist ein bisschen dunkellila, so dass Sie jedes Farbschema erstellen können. Nein, ich werde noch einmal die Leertaste drücken und ich mag diese Farbe. Okay, dann werde ich noch einmal die Leertaste drücken, damit Sie jede Farbe sperren können, die Sie mögen. Okay, also habe ich diese Scheißkerle gesperrt. Das hier wird sich also nur ändern. Also mag ich diese zu gelbe Farbe nicht. Vielleicht ist das gut, Onda. Vielleicht werde ich noch ein paar Zeit versuchen. Ich mag diese gelbliche Farbe wirklich, obwohl sie ein bisschen langweilig ist, aber ich denke, es wird gut mit diesen Hintergründen gehen. Okay, sobald ich dieses Farbschema erstellt habe, kann ich ein Bild oder Bild von diesem oder Ah machen, ich kann es in eine PDF- oder PNG-Datei oder SVG fünf exportieren. Also lassen Sie uns SVG-Datei verwenden. So ist es klar erstellt diese SVG-Datei. Jetzt werde ich diese SVG-Datei in meine, ähm X'd importieren . Okay, also weniger. Lassen Sie es uns hier rüber bringen. Nein, Sie können hier sehen, wir haben dieses Farbschema, SVG-Datei, und, äh, ich gehe Fuß. Machen Sie es ein bisschen kleiner wie hier. Lassen Sie uns diesen Hintergrund und alles andere verdünnen. Jetzt können Sie sehen, dass Sie dieses Farbschema haben und es ist unvermeidlich. Sie können hier sehen wir haben 45 Boxen und Sie können Ihr Farbschema ändern. So rate ich Ihnen, dass Sie es genommen haben. Farbschemata. Sie müssen mindestens eine oder zwei Farben haben, mit denen Sie beginnen können. Sie können diese Farben aus dem App-Symbol oder Logo von dieser Firma greifen und von dort beginnen. Hier geht es also um Farben und wie man Farbschemata erstellt. Sofort mit diesem Hocker und diesen paar Tipps. Ich hoffe, Sie genießen diese Lektion. Gehen wir zum nächsten 24. Masken in Xd: in dieser Lektion werden wir über Maskierung lernen und wie wir es in einem no b x d tun können. Es gibt zwei Möglichkeiten, und eine ist ah, was ich wirklich liebe ist, wie wir können, wo wir unsere Moscheen und das Bild darin kontrollieren können . Okay, im Moment werden wir diese erstellen, und Sie können sehen, wenn ich darauf doppelklicke, kann ich das Bild so bewegen. Das ist also eine kontrollierbare Moschee. Nun, wenn ich eine einfache Elipse wie diese erstelle, okay, also werde ich euch beide zeigen. Meister, das ist die einfachste, und es ist nicht reizbar. Also werde ich einfach Drag & Drop dieses schöne Mädchenbild in diesem. Okay, wir haben diesen Clip in dieser Ellipse, und Sie können sehen, dass wir ihn nicht bearbeiten können. Wenn ich also doppelklicke, wird es die Form bearbeiten, aber ich kann das Bild nicht bewegen. Okay, das ist also seine Beschränkung. Dies ist also eine Möglichkeit, Moscheen sofort zu schaffen. Jetzt werde ich es leiten, und wir werden diese Moschee erschaffen. Ok. Also, benutzerdefinierte Masse. Ich werde auch diesen löschen. Also, zunächst einmal, alles, was wir tun werden, ist, dass Sie entweder ein beliebiges Rechteck in der Form verwenden können, die Sie wollen, oder Sie können Ihre Form mit einem mentalen erstellen. Also gehe ich hier die Form mit meinem Stift-Werkzeug, klicken, ziehen, klicken, ziehen. Und ich werde so etwas erschaffen. Nur ein benutzerdefiniertes Schiff. Also habe ich diese benutzerdefinierte Form Overhead, und ich habe dieses Rechteck hier drüben. Okay, das ist um dieses Rechteck. Zehe Pixel. Okay, wir haben jetzt zwei Formen hier drüben. Eins ist dieser hier. Okay, das ist also noch eine. Okay, also haben wir diesen Teil, der Ah ist, benutzerdefinierte Form. Lassen Sie uns es benutzerdefinierte Form nennen. Also habe ich diesen Bereich entwickelt, , diesen Bereich entwickelt, und ich benutze dieses Ding und wir werden Call this Rechteck erstellen. Okay, also mein Rechtschreibung Sex, also mach dir keine Sorgen. Okay, was wir jetzt tun werden, ist, dass du die Zehe gehst. Ah, Drag & Drop jedes Bild. Also werde ich ein Bild hierher ziehen und ablegen. Okay, Jetzt ist das Bild sehr groß, so können Sie es einfach mit Verschiebung und Kunst verkürzen Ich werde es verwenden und gehen, um es kurz zu machen . Verkleinern Sie einfach, steuern Sie oder befehlen Sie Minus, und wir werden dieses verwenden. Okay, so wie das. Okay, also werde ich es hier drüben platzieren, damit du die Form sehen kannst. Ok. Nun, der Trick ist, dass Sie verwenden werden, ich werde dieses Rechteck verwenden. Also werde ich dieses Rechteck über dieses Bild in meinem Ebenenfenster verschieben. Okay, jetzt bin ich das in diesen Schichten, und dieses Bild ist unten, und der Sektenwinkel ist oben. Nein, ich gehe Zehenverschiebung und klicke den Hafen von ihnen, um das Boot von allen auszuwählen. Sie können beide von hier aus auswählen. Richtig? Klicken Sie auf. Und Sie können sehen, dass es eine Option Moschee mit Schiffswicht gibt. Control em oder Shift-Befehl M ist eine Tastenkombination, und Sie können einfach diese drücken und jetzt ist es in diesem Feld rutschte. Nun, das coole Ding daran ist, dass, wenn ich mich wie entwickelt habe, ich das Bild so bewegen kann. Das ist also wirklich cool. Also habe ich mehr Kontrolle über meine Moschee, und ich kann den Standort aus dem Bild ändern. Vielleicht möchte ich mich hier konzentrieren. Ich kann so etwas gebrauchen. Okay, jetzt hier haben wir uns benutzerdefinierte Form. Und in ähnlicher Weise machen wir es einfach größer und drehen wir es um 30 so. Okay, jetzt werde ich dem glauben, und ich werde stattdessen dieses Schiff benutzen. Und ich werde diese Datei importieren, einfach Drag & Drop, und es ist sehr groß. Also werde ich Fuß gehen und es ein bisschen kleiner machen. Okay, das ist also zu Hause. Raus. Sie können sehen, dass das Bild zu groß für unseren Clipping-Bereich ist. Jetzt sind sie fast gut. OK, so werde ich diese benutzerdefinierte Form über dieses Bild zu verschieben und gehen, um beide aus ihnen durch Drücken der Umschalttaste auf meiner Tastatur und Rechtsklick auswählen und kann Moschee mit Schiff. Also haben wir eine schöne Moschee oder hier und das bewegt sich einfach herum und ah, gehen so etwas macht es interessanter. Und jetzt können Sie sehen, dass ich auch diese bittende Idiotin unsere Köpfe ändern kann. Wenn ich so etwas mache, können Sie sehen, dass ich den Moschee-Bereich ändern kann, also doppelklicken. Und Sie können auch diese Moschee im Bereich ändern und dann auch dieses Bild, so dass Sie den Begrenzungsrahmen aus diesem fragen Indien ist anders und dieses Bild ist anders. Wählen Sie dieses Bild können Sie sehen Nein, dies ist de ausgewählt, so dass ich diese um so bewegen kann und ich kann dann wieder irgendwo anders Fuß klicken , sehen Sie meine Moschee. Ok, so können Sie Moscheen auf benutzerdefinierten Moscheen in Adobe X'd erstellen. Sie sind wirklich hilfreich in Ihrem Design. Ich hoffe, Sie haben diese Lektion genossen und fahren wir mit der nächsten fort. 25. Character in XD: Jetzt werde ich über Übungsfliesen sprechen und wie Sie Ihre Textilien in Ihrem gesamten Dokument Ein Spiel wiederverwenden können. Jetzt das bin ich dasin dieser Tiefe des Vermögens, die hier drüben ist. Okay, Sie gehen also Zehe drücken Sie diese, und Sie gehen toe Kommen Sie zu diesem Assets so oder alles in Ihrem Assets Schritt, ob ihre Farben, Korrektor, Stile oder Symbole, sie sind global. Also, wenn Sie hier etwas ändern, wird es sich in all Ihren Kunstboards widerspiegeln. Okay, Also lassen Sie mich illustrieren Beispiel aus Traktor-Stil und wie wir einige hinzufügen können. Das ist meine Überschrift. Okay, also habe ich einen Überschrift Lex Wechsler geschaffen, Sculler Zehe so etwas wie dieses. Und ich werde es in einem Absatz erstellen. Verschieben wir es in zwei Zeilen wie diese. Okay, das ist also meine Überschrift, und dann werde ich die Zehe erschaffen. Ah, Absatz hier drüben. Er hat regelmäßig benutzt. Okay, das ist also mein Absatz, okay? Und auch werde ich seine Farbe in etwas anderes ändern. Vielleicht will ich welche. Ah, hellgraue schwarze Farbe hier drüben. So wie dieser hier. Abgesehen von ah, Pitch Black. Ok, also nur um zwischen meiner Überschrift in meinem Absatz zu unterscheiden. Okay, das ist also mein Pantagraph. Lassen Sie uns einen weiteren Link hinzufügen. Okay, so nach Hause ich Links werden hier klicken, um weiterzumachen. Das ist also mein Link. Ich werde Farbe verwenden, die diese für diesen Link ist und ich werde eine Unterstreichung verwenden. Okay, das ist also mein Link. Das ist mein Absatz. Das ist jetzt meine Überschrift. Was ich tun werde, ist, dass ich will, dass sie alle in meinen Charakterstilen sind. OK, also werde ich alle von ihnen auswählen und gehen Zehe Klicken Sie rechts? Klicken Sie auf und fügen Sie Zeichenstil hinzu. Okay, jetzt können Sie sehen, dass wir drei Stile haben. Es zeigt mir den vierten Namen. Ich habe das benutzt. Siehe Goy, Sie ich und auch verschiedene Größen und Farben 48,20 Punkt. Es ist ein bisschen langweilig, Grey. Es ist eine dunkle, schwärzliche Farbe und dann haben wir diesen Spaß für unsere dext Links. Okay, jetzt lass mich dir zeigen, was der Strom ausgeschaltet ist? Ok, also werde ich unser Drop Schienbein drücken und ich werde das auf ein anderes Kunstbrett kopieren. Also haben wir keine Kunstbücher. Okay, also werde ich es ändern. Tun Sie etwas. Diese in Ordnung. Ok. Nun, was wir tun werden, ist, dass wir die Farbe von diesen Überschriften gleichzeitig ändern müssen . Ok? Jetzt können wir es von hier aus tun. Beiseite geknackt, richtig? Wie bei ihm. Und ich werde die Zehe gehen. Verwenden Sie noch etwas. Etwas anderes wie dieses. Und ich werde eine andere Farbe verwenden. Vielleicht möchte ich, dass diese Farbe auf entdeckt werden kann. Ok. Jetzt können Sie sehen, wie ich sofort alle Regisseurstile geändert habe, was im Grunde meine vier Stile sind. Und sie sind global. Also, wenn ich es in einem Bereich ändere, wird es sich überall anders ändern. Okay, das ist wirklich cool. Ok? Also, wenn ich meine Absätze ändern will, ja. Also, wo ist mein Absatz? Ich denke, das ist mein Absatz. Ich werde seine Farbe bearbeiten. Tue ich nicht. Ich wollte mehr Grad haben. Ich kann die Farbe von hier ändern. Jetzt können Sie sehen, ich habe Sculler Zehengrad ändern und ich kann auch andere Abstellgleis ändern. Also, wenn ich mich ändern will, sind die Ford die Abstände. Alles wird sich ändern. Also, wenn ich einen Fernseher will, gehen Sie hier rüber und ich will, dass der Abstand Linie ist. Hallo, Toby. 28. Ich kann es von ihr ändern. Okay, das ist also sehr praktisch. Sie können alles sofort auf all Ihren verschiedenen Kunstboards ändern. Ok? Also, wenn Sie haben, wie, 20 Art Boards sind Bildschirme und Sie wollen die Überschrift ändern, können Sie es sofort tun. Ok? Es wird dich retten. Dunn hat keine Zeit. So verwenden Sie diese Korrekturstile? Sie können sie hinzufügen und sie von hier löschen. Sie können auch einen Textstil, Director-Stil löschen . Und ah, das ist, wie Sie diese Power Off Director Stile verwenden und wird X t sein. Ich hoffe, Sie haben diese Lektion genossen. Fahren wir mit der nächsten Lektion fort. 26. Mithilfe von Richtlinien in Adobe XD– UPDATE: jetzt. Vor kurzem im Mai 2019 hat Adobe X T eine neue Funktion eingeführt, die Leitfäden ist, die für jedes Design-Tool unerlässlich war. Und ich in diesem Video, Ich werde Ihnen zeigen, wie man sie benutzt und wie man sie Zehe und andere Kunsttafel kopiert. Jetzt können Sie sehen, dass ich an unserem Board bin. Und wenn du hier oben gehst, kannst du sehen, er wurde zu etwas anderem geändert. Also dieser Raum hier drüben, wirst du diesen bekommen und ihn ziehen und ihn so belassen. OK, so können Sie sehen, wir haben die Stop-toe-Top-Navigation, wo wir Account-Einstellungen und Zurück-Taste haben . Also werde ich hier drüben einen Führer haben. Dann gehe ich wieder auf die linke Seite und ich werde noch einen packen und ihn hier drüben lassen , dann eine unter eins, und ich werde es hier drüben so lassen. Nehmen wir noch einen, und ich gehe die Zehe. Hier drüben auf die rechte Seite. Okay, also haben wir rechten und linken Rand, Stopp, Rand und wir können auch unsere untere Grenze hier setzen, und wir müssen es wieder von oben ziehen und es hier drüben lassen, direkt unter diesem nächsten Knopf. Okay, also haben wir diese Guides durchgemacht. Wenn du sie verstecken willst, spüre sie einfach auf. S o. Was ich tun werde, ist, dass ich eine neue Kunsttafel erstellen werde. Lassen Sie uns eine andere Art Board X s erstellen und wir gehen Fuß. Kopieren Sie alle diese Jungs mit der rechten Maustaste. Und lassen Sie uns sehen, wo wir Führer haben, kopieren Sie Guides. Und hier gehen wir Zehe drücken Kontrolle oder Befehl V, oder Sie können unsere Haarführer oder Platzkarten basieren. Okay, das ist also alles. Sie können auch alle Jungs durch Kontrolle ausblenden. Und dieser Semikolon, das ist, glaube ich, die gleiche Tastenkombination über alle Adobe extra abs. Wenn ich sie also schnell verstecken möchte, kann ich zu diesem gehen, und ich kann Semikolons kontrollieren oder befehligen. Okay, also hier haben wir es. Sie können sehen, dass sie sich überall auf allen Kunsttafeln verstecken. Dies ist ein weiteres neues Feature von Toby X. T. T. Ich hoffe, Sie werden es genießen, lieben und ausprobieren. Weil es sehr notwendig war. Manchmal haben wir einige Richtlinien, um unsere Objekte schnell zu platzieren. Also jetzt, wenn ich diese Richtlinien, Ich weiß, dass ich gehen Zehe Platz meine primäre, aber ein kein Haar und so. OK, also passt es perfekt zu allen anderen Bildschirmen. Das ist also alles über Hilfslinien und wie Sie sie kopieren können und wie Sie sie löschen können und wie Sie sie verwenden können. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 27. Raster wiederholen: Bisher haben wir über Symbole, Charakterstile, Farben und alles gesprochen Charakterstile, . Jetzt werden wir über die stärkste Funktion aus einem kein B x d sprechen, die Distel ist. Wiederholen Sie roh. Okay, was es tut, ist, dass wir diesen Inhaltsblock wie diesen haben. Dieser Block Post, zum Beispiel. Und ich will, dass Zehe eine Wiederholung erstellen. Schöpfen Sie es aus. Also werde ich dies treten und einfach medizinisch unten so ziehen und Sie können mehrere Instanzen kopieren, die in sexuell in diese Richtung und auch in der Zerstörung. Wenn Sie möchten, können Sie so etwas verwenden. Okay, also liegt es an dir, Restriction. Willst du jetzt gehen? Der zweite große Teil ist der Abstand zwischen ihnen, so dass Sie den Abstand zwischen ihnen ändern können. Also vielleicht möchte ich diesen 48 Pixel Abstand zwischen diesen beiden Blockposts. Und jetzt haben wir das. Und der dritte Teil erstellen ist, dass Sie eine Textdatei erstellen können und in jeder Zeile werden Sie den klaren Text für verschiedene Überschriften. Also haben wir diese Überschrift, die ähnlich ist. Ändern Sie es in etwas anderes. Ändern Sie es in etwas anderes. Jetzt werden wir eine Textdatei erstellen und diese Überschrift sofort ändern. All diese Überschriften leicht. Okay, das ist also meine Textdatei. Also werde ich diese Überschrift eins löschen, und dann in der nächsten Zeile werde ich sehen, dass die Überschrift für Sie tun wird. Und in der dritten Zeile werde ich sagen, Überschrift 34 Comey. Okay, also werde ich diese Datei speichern. Und jetzt ist der Trick, dass Sie diese Datei auf der ersten Instanz von diesem wiederholbaren Raster ziehen und ablegen müssen. Okay, hier ist meine Textdatei. Also werde ich es auf diese ziehen und ablegen. Okay, das ist also meine Überschrift. Also auf der ersten Kopie, das ist meine erste Kopie meiner Instanz. Also zieh es immer hierher. Nicht in diesem Bereich. Es ist so erste Kopie und ich ging Fuß, ziehen Sie es und legen Sie es ab. Lass es einfach fallen. Oder hier, so, und Sie können sofort sehen. Die drei Überschriften werden erstellt. Okay, das ist also die Magie aus dem Wiederholungscred. In ähnlicher Weise können Sie dasselbe mit den Bildern tun. Ok. Also, zum Beispiel, wenn ich einfach zurückgehe und, äh, einfach diesen Absatz entfernen und ich werde Fuß gehen, ein Bild erstellen. Ein Sprengkopf. Okay, jetzt können Sie sehen, dass ich die ganze Sammlung von meinen Leuten Bilder aus meiner kostenlosen Bildersammlung geöffnet habe. Und ich behalte meine Sammlung so. Okay, also was ich tun werde, ist, dass ich nur ein Bild in dieses Bild ziehe. Okay, jetzt können Sie sehen, ich habe dieses Bild lässt ihn von der Grenze und kein High. Ich habe dieses Überschriftenbild und dann diesen Link. OK, jetzt werde ich alle auswählen, und ich werde einen Wiederholungskrit erstellen und einfach so etwas löschen. Okay, jetzt habe ich drei Block-Prahls und ich möchte diese drei Bilder sofort ändern. Okay, was ich tun werde, ist, dass ich diese drei Bilder ziehen werde, und ich werde sie in erster Linie hierher fallen lassen. Jetzt können Sie sehen, dass alle drei sofort geändert wurden. Okay, das ist also die Magie aus. Wiederholen Sie Credo. Und ich denke, es ist eine der besten Funktionen von Adobe extra Sie. Jetzt haben wir das gemeistert. Wiederholen Sie das Erstellen. Sie können auch Ihren Beat Great hier so erweitern. Wenn du willst. Oh, aber ich empfehle es jetzt nicht. Wir sind nicht auf das dran. Ok? Keine weitere Sache ist, dass Sie jetzt hier sehen können, dass wir etwas abgeschnitten haben. Okay, also bewegt sich dieser Inhalt nach draußen. Nun, wenn wir zu diesem Prototyp ziehen und ah, hören wir es. Zwei Bildschirme, nur um diesen zu besänftigen. Okay, also bewegen Sie das, schleppen Sie diesen Prototyp, und wenn ich auf diesen Bereich klicke, wird das mein Home-Bildschirm sein. Also mach es einfach nach Hause. Dieser Klick hier drüben und ich werde Zeh in diesen einziehen. Nur sein ganzer Blick, also das war's. Okay, also versuchen wir es zu laufen, und du siehst, dass ich einfach nicht gehen kann. Was reinigt. Es scheint, wenn ich nicht in der Lage bin, den Unterschied zu sehen, einfach dies in etwas anderes zu ändern, so dass wir sofort den Unterschied sehen können. So etwas wie das. Okay, jetzt werden wir das laufen lassen. Okay, also haben wir keine auf dem zweiten Bildschirm hier. Nun, was wir tun werden, ist auf dem Bildschirm. Jetzt haben wir das Viewboard versteckt 6 67 Nein, wir werden es auf etwas anderes verschieben. Als Nächstes. Ändern Sie es auf diese Weise, damit wir den gesamten Inhalt sehen können. Okay, jetzt haben wir das. Und, äh, gehen wir zur Stunde. Bevorzugte Art und nein, Sie können sehen, wir haben diese Leiste Bildlaufleiste. Nein, es ist grausam. Wird die erste Woche kühle Luft haben? Nur das vertikale Scrollen und die geringe Boardhöhe wird gleich sein. Ok, ändern Sie das nicht. Sonst geht es hier auf den Fuß. Ein paar Probleme. Die Tür ändert die Höhe des Ansichtsbretts. Ziehen Sie einfach Ihren Klick auf Ihr Artboard und ziehen Sie es am unteren Rand des Bildschirms. Okay, also ist alles sichtbar. Damit waas den untersten Teil von Ihrem Bildschirm Viewboard Bereich, können Sie die Tochterlinien sehen. Und jetzt haben wir das. Wenn ich verlängern kann, wenn ich es mehr so erweitern möchte. Und wenn ich das auf etwas anderes ausdehne, können Sie sehen, jetzt haben wir mehr Platz hier drüben und wir können ein bisschen mehr nach unten scrollen. Nun, wenn ich diese Vorschau wieder laufen jetzt können Sie sehen, wir haben mehr Scroll-Level-Bereich. Ok? Nun, wenn Sie diese Wiederholung entfernen möchten erstellen, OK, also werde ich darauf klicken und auf Gruppe Gut. Nun, warum brauche ich es? Also, wenn Sie zu Ebenen gehen, können Sie hier sehen, wir haben nichts. Also nur eine Gruppe namens wiederholen. Großartig. Ich kann etwas nicht bearbeiten oder ändern, wenn ich möchte. Okay, also was ich tun werde, ist das Raster der UN-Gruppe und ich werde etwas ändern. Vielleicht. Lasst uns weitermachen. Ok. Und wieder, ich werde Zeh einen Beat erstellen. Großartig. Wenn alle diese Gruppen jetzt Sie sehen können, habe ich alle diese drei Gruppen ausgewählt und klar , das erschien wieder großartig. Okay, Sie können sehen, jetzt habe ich das und eins von ihnen erschaffen. Ich habe es gerade bearbeitet. Okay, Also, wenn Sie Ihre lesen großartig und bearbeitet so anpassen möchten, nur Hoy haben Sie entweder mit der rechten Maustaste und un Gruppenraster oder verwenden Sie dies auf Gruppe erstellen und bearbeiten und dann gegen, wie, jede Gruppe, die Sie getrennt haben. Also, wenn ich wieder Gruppe bin, können Sie sehen, dass wir diese eine Gruppe jetzt haben und ah, in Discover haben wir drei Gruppen. Ok? Also kannst du hier alles ändern, was du willst. Vielleicht ändere ich das nicht. Ja. Also werde ich zu dieser Gruppe gehen und ich gehe zur Owen Group, weil das eine zusätzliche Gruppe ist . Okay, also haben wir jetzt drei Gruppen. Wieder einer zu winterlich. Ich werde Beat Creed erschaffen und ich kann ein großartiges Out schaffen. Okay, das ist die Art und Weise, wie Sie, äh, Gruppen Ihre Note und eine Gruppe Ihre große wieder und Sie können sofort Ihre Werte aktualisieren, Ihren Text auf Ihre Bilder, alles, was Sie wollen. Einfach per Drag & Drop ziehen. Das ist alles über diese neue Funktion, die Wiederholungsraster ist. Ich hoffe, Sie haben diese Lektion genossen. Gehen wir zum nächsten. 28. Komponenten in Adobe XD – UPDATE: Gestern. Adobe X'd waas auf Version Mai 2019 aktualisiert und sie haben ein umfangreiches Update veröffentlicht. In diesem Update haben sie also die Symbole durch die Komponenten ersetzt. Anstatt Symbole zu verwenden, was meine alte Lektion war, ersetze ich sie durch Komponenten von was? Unsere Komponenten. Ich werde dieses ganze Konzept in dieser Lektion erklären. Also bleib bei mir und lass uns anfangen. Also hier haben wir nur eine Art Board mit nur ein paar extra waren hier eine Taste und diese Sie können sehen, diese sind getrennt Diese eine Diese Ebene ist Hintergrund und das ist Text. Dann wieder unten. Sie können sehen, wir haben dies für diese vier Gruppen auf haben wir? Ah, eine andere Gruppe, die untere Navigation ist. Also all diese vier Symbole, die Sie hier sehen können, sind sie in diesem und dann haben wir den Hintergrund. Also, was wir jetzt tun werden, ist in jeder Hinsicht, Design-System- oder Benutzeroberflächendesigns sind einige. Das beste System ist, dass Sie Ihre Komponenten wiederverwenden können, so Komponente ist genau wie Symbole, Aber sie sind eine behandelbare. Sie können ihre Worte ändern. Sie können ihre Größe ändern. Sie können ihre Farben ändern. Sie können verschiedene Eigenschaften außer Kraft setzen. So können Sie sehen, dass wir hier sind, wie wir eine Komponente herstellen können. Wählen Sie einfach den gewünschten Gruppen-Layer aus. Zum Beispiel, dieser und ich gehen Zehe drücken Befehl oder Kontrolle K oder Und das wird eine Komponente, die Sie hier sehen können, wir haben Komponente von Dishman. So können Sie es wie,äh, primäre unterstrichene Taste umbenennen äh, primäre unterstrichene Taste umbenennen . Okay, also haben wir diese Komponente jetzt, es gibt eine Sache, die wir verstehen müssen. Sie können hier sehen, wir haben einen kleinen grünen Jack Gewirr um diese Komponente. Es bedeutet, dass dies die Master-Komponente ist. Also, wenn wir versuchen toe, gehen Sie zu diesem Assets und Sie können hier sehen, haben wir eine weitere Registerkarte hier drüben, die Komponente genannt wird. Wir können es hier umbenennen prime re so etwas lesen. Und jetzt, was ich tun werde, ist, dass ich diesen einen Sprengkopf ziehe und ich bin so ausgerichtet , und du kannst sehen oder hören auf diesem Knopf, den wir haben. Wir haben hier keine quadratische oder diamantartige Sache, also wenn ich diese auswähle, können Sie hier sehen, dass wir einen Diamanten haben. Und wenn ich dieses auswähle, ist das eigentlich eine Instanz von diesem Knopf. Also das ist der Meister davon ist ein Kind. Sofortige Instanz. Und es ist Sie können es ändern, ohne diese zu ändern. Versuchen Sie also nicht, den Meister zu wechseln. Wir werden diese bearbeiten, also werde ich doppelt auf die Zehe klicken, um diese Ebenen zu sehen, damit Sie sehen können, wie das geöffnet wurde . Diese Komponente ist geöffnet. Wir können die Schichten darin sehen. Wir können die Farbe ändern. Also werde ich mit, äh, dieser Farbe gehen äh, und Sie können sehen, dass die Master-Komponente da ist. Okay, also verwenden wir die gleiche Komponente. Und wenn ich zur vorherigen Komponente zurückkehren möchte, kann ich mit der rechten Maustaste klicken und auf Mars Master-Komponente zurücksetzen. Also wird es meine Einstellungen auf die vorherige Master-Komponente zurücksetzen, die diese war. Okay, also, ähm, das ist eine Sache. Wir können auch die Größe ändern, ohne dass Sie sagen können, tauschen Sie die Größe von hier aus. So können Sie jetzt sehen, dass ich die gesamte Komponente und nicht ihre Teile auswähle. Also gehe ich hier drüben Krabben, und ich werde es so erweitern, ähm, Zehe meinen ganzen Bildschirm und du kannst alles gleich sehen. Wir haben keine Änderungen in der Master-Komponente. Aber wenn wir hier versuchen, etwas zu ändern, zum Beispiel den Kraft-Prozess, lasst uns es in etwas anderes ändern. Lass es uns ändern, um besser zu dienen. So können Sie sehen, sobald ich t und machen Sie eine Änderung in der Kampfkomponente, es wird in all seinen Kindern reflektieren. Also habe ich meine Schrift geändert, und jetzt spiegelt sie sich in allen Kindern wider. Also das ist eine großartige, denke ich, Verbesserung, weil wir bearbeiten können, können wir verschiedene Instanzen von der gleichen Schaltfläche erstellen, vielleicht zu Ihren vier verschiedenen Arten von Putin Primary sekundär, tertiären Burtons verschiedenen adul gerade Nachrichten oder solche Dinge. Also, das ist großartig. Okay, also denke ich, das ist alles für diesen hier. Jetzt werde ich eine andere Komponente mit dieser erstellen. Okay, Sie können hier sehen, wir haben diese untere Navigation und ich werde Zehe erstellen eine Komponente. Sie können auch mit der rechten Maustaste klicken. Und hier haben wir Komponente machen und es wird eine Komponente sein Okay, so jetzt können Sie sehen, ob ich gehe zu Kunstboard drücken ein und ich will mit diesem Bildschirm iPhone sechs ausgehen gehen . Ich kann zu meinem Komponentenabschnitt hier drüben gehen, und ich kann es so ziehen. Also, jetzt, wenn ich die Größe ändern will, zum Beispiel, es war iPhone X Zugang Bildschirm und diese Einheit Charta, so kann ich hier rüber gehen und ich kann hier abhängen. Hier geht es also um Komponenten in den Trümmern. Eigentlich hoffe ich, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren wir mit der nächsten Lektion fort. 29. Verknüpfte Elemente in XD – UPDATE: in diesem Video werden wir über eine sehr neue Funktion sprechen, die Adobe vor zwei Tagen im Mai 2019 veröffentlicht hat . Und das ist eigentlich ein Designsystem. Sie können ein Designsystem in Adobe X T pflegen. Und wenn Sie eine neue Datei öffnen, können Sie auf der linken Seite sehen, haben wir Link-Assets. Wir werden also sehen, wie wir ein ganzes Designsystem entwickeln können. Und wir können unser Designsystem mit jedem neuen Projekt verknüpfen, das wir entwickeln. Zum Beispiel, ähm, Airbnb oder uber Sie können diese Websites sehen, die sie haben Ihr ganzes Design-System dort vorgibt , dass sie Symbole dort sind, Di Biographie. Alles ist, weißt du, in einem Design mit einem System. Also, was sie tun, ist, dass sie einfach das gesamte Designsystem und Juden diese Komponenten aus diesem Designsystem verwenden und sie verwenden, um ein neues Design zu bauen. Nun, bevor wir in verknüpfte Assets gehen, werden wir Zehe Download dieses schönen Design eine Semantik. Du weckst es für mehr als 60 Semantik. Sie sind eigentlich ein Framework für Front-End-Entwickler, um fab abs zu bauen und es ist ein großartiges . Sie können ihre Website besuchen. Ich werde den Link zeigen. Also hier ist ein kostenloses Kit und es ist sehr detailliert. Sie können sehen, dass wir Knöpfe haben. Wir haben Schritte. Wir sind gestorben. Bogra Gebühr Farben, Formulare, Platzhalter, Befehl, Suche alles, was wir hier haben. Das nennt man also das gesamte Designsystem. Wir haben Komponenten. Wir haben Lasten. Wir haben Typografie, Skalen und jede Überschrift und all das Zeug. Also, sobald Sie das heruntergeladen haben, können Sie hier sehen. Laden Sie Semantic herunter. Gefällt es dir? Wir werden diese X T-Datei in unserem Adobe X'd öffnen. Jetzt, wo Sie sehen können, habe ich Semantic geöffnet. Sie mögen es und es ist ein detailliertes. Du magst es mit vielen Kunstbrettern. Sie können sehen, wo, wenn ich hineinzoomen, Sie können sehen, dies sind einige Warnmeldungen. Ein paar andere Dinge, als wenn wir hier rüber gehen. Sie können sehen, dass wir Symbole haben. Wir haben Lasten. Onda, Diese dieses Dokument können Sie sehen existieren, Master-Komponente. Wenn Sie sich an meine letzte letzte Lektion erinnern, ist diese Master-Komponente tatsächlich diejenige, die Sie ursprünglich erstellt haben. Und wenn Sie irgendwelche Änderungen vornehmen oder hier wird es über Ihr gesamtes Designsystem reflektiert werden . Also alles, was sie hier haben, ist es nicht Meister. Diese sind in so vielen. Wir haben Lasten. Das sind keine Master-Komponenten. Dies sind nur Instanzen von derselben Schaltfläche. Primär defile. Lassen Sie mich hineinzoomen. Sie können hier drüben sehen. Primäres sekundäres Defile. Dies sind keine Hauptkomponenten, da wir auf der linken Seite keinen Diamanten haben. Also hier haben wir verwerfen speichern. Okay, dann haben wir farbige Knöpfe. Dann haben wir Button mit Likes oder solche Dinge beschriftet. Jedenfalls, also der erste Schritt, wenn Sie wollen, wenn Sie Ihr gesamtes Designsystem entwickelt haben, also wie werden Sie das tun? Sie gehen Fuß, geben Sie einige Farben an. Du wirst Typografie, Schrecken und all das Zeug haben , und du wirst sie auch hier im SX-Panel hinzufügen. Okay, also haben Sie diese Datei erstellt. Sie können sehen, all diese Farben sind hier drüben. Sie werden richtig genannt Warnung, Nachricht, Hintergrund und all das Zeug. Sie müssen sicherstellen, dass hier alles hinzugefügt wurde und dann werden wir dieses Dokument speichern. Wir gehen, um zu speichern unter und wir werden es als unser Cloud-Dokument speichern. Also werde ich es als mein Cloud-Dokument speichern. Okay, also ist es gerade jetzt, es zu retten. Es wird einige Zeit dauern, weil es mehrere von Toby in meine Cloud hochlädt, und mal sehen, wie viel Zeit es braucht. Okay, jetzt wurde es gerettet. Wir werden es schließen. Wir werden eine neue Datei öffnen. Also werde ich eine neue Datei öffnen. Öffnen wir dieses Web 1920 und wir gehen toe-klik. Nun, wenn wir all diese Komponenten, die wir semantisch gespeichert haben, bringen wollen, gehen wir toe-klik oder hier Link Assets und wir gehen zu diesen Wolken gehen, dokument-Cloud-Dokumente, und wir werden Wählen Sie diese aus. So jetzt können Sie sehen, dass es alle Vermögenswerte auf der linken Seite gebracht hat. Sie können sehen, dass ich alle Behauptungen habe. Ich habe das ganze Typografiesystem, alles hier drüben. Also, wenn ich etwas schnell bauen will Oops. Wenn ich schnell etwas bauen will, kann ich hier rüber ziehen. Und das ist mein Knopf. Du kannst jetzt sehen. Sofort. ist es gewesen. Es hat ein kleines Symbol hier, dass es ein verknüpftes Asset ist. Also können wir diese Komponente auch lösen, wenn wir wissen wollen, ob wir mit der Komponente bleiben und diese wie unser semantisches um, Kate oder Designsystem verwendenwollen Komponente bleiben und diese wie unser semantisches um, Kate oder Designsystem verwenden , können wir das tun. Ok. So können wir auch auf Master-Komponente zurücksetzen. Wenn wir Änderungen vorgenommen haben, können wir diese Komponente auch in den Master-Quelldokumenten hinzufügen. Also, wenn wir hier klicken, wird es ein Quelldokument öffnen, und hier haben wir es und wir können es hier bearbeiten. Also gibt es viele Dinge, die Sie hier tun können und lassen Sie uns diesen Fonds ziehen, also haben wir Facebook , aber und dann haben wir grundlegende Kartenkomponenten. Sehen Sie, wir sind hier, und wir sind hier, und vielleicht kann ich diesen Knopf hier drüben so hinzufügen. Verschieben Sie es über so etwas, so dass Sie innerhalb von wenigen Drags und Drops sehen können. Ich habe diese Wache für Christie geschaffen und wir können, wissen Sie, diese hier benutzen. OK, also sind das tatsächlich Komponenten. Sie können leicht miteinander gehen. Wir können auch noch ein paar Sachen ziehen, wie wir hier rüber haben. Eine manuelle vertikale Schulstange. Also haben wir dieses Menü Navigationsmenü, dann haben wir viele vertikale. Diese sind also in Komponenten eingebaut. Wir können sie wiederverwenden. Wir können sie anpassen, wenn wir wollen. Wenn wir wollen, dass wir sie verknüpfen und ändern, können wir das auch tun. Also lassen Sie es uns hier überschreiben, und ich gehe zu Ihnen ein paar meinen Posteingang. Ok. So einfach. Einfach, das ist, denke ich, das perfekte System, das Sie tun können. Und wenn wir hier rüber gehen, können Sie sehen, dass wir hier drüben keine Symbole haben. Ok? Also, wenn Sie wollen Oh, verwenden Sie die Symbole, die in dem anderen Dokument waren. Wir sind hier. Sie können diese und alle Symbole sehen, die Sie benötigen, um sie zu Ihren Assets hinzuzufügen. Okay, also wenn wir diese oder vielleicht diese eine Möglichkeit haben, wollen wir sie über Vermögenswerte hinzufügen. Also werde ich Zehe wählen ihre Auserwählter. Icahn ist diese Ikone und ah hatte es zu einer Komponente gemacht. Ich werde es zu einer Komponente machen. Okay, also nennen wir es, wie bei Expandieren. Ok. Stellen Sie also sicher, dass Sie die Benennung perfekt ist. Du musst so etwas wie dieses Spiel nicht machen. Es ist also ein Anblick. Nein, das retten. Das gleiche Dokument, das mein Masterdokument ist. Ich ändere mich. Ich habe ein Asset erstellt, das mein Symbol hier ist. Nein, gehen wir zurück zu dem ersten Dokument, das verlinkt war, das wir hier in Over entwarfen. Und Sie können sehen, hier haben wir eine Schaltfläche sagen Update. Es bedeutet also, dass jemand in den Masterdokumenten aktualisiert hat. Ich werde nach dem Wort hier drücken, oder wenn ich runtergehe, können Sie sehen, ich werde das Update drücken und wird Zehe Sie sehen könnten. Zeigen Sie mir eine neue, da sie von der Semantik hinzugefügt wurde. Du magst es, also gehe ich runter. Und hier ist die Komponente. Ich habe gerade hinzugefügt Dies ist Symbol. Okay, so können Sie Ihr Designsystem nahtlos in Schlepptau integrieren. Jedes Design, das Sie tun, also was auch immer Sie Designer tun, wenn wir schon ein System gemacht haben, haben wir ein Designsystem. Wir können das verwenden und wir können ihre Änderungen in die Master-Komponenten oder Master-Datei aufbauen, was unsere Semantik ist, die Sie böse Art und Weise hier verlinkt haben und es wird alle Komponenten verknüpfen . Alle Stile waren hier von Überschriftenformatvorlagen, alle Farben, alles, was es in unser neues Dokument importieren wird. Das geht also alles um verknüpfte Vermögenswerte. Ich denke, es ist ein tolles Feature. Wir können in der Regel ist, dass , Ah, und erstellen genial Sie Augen