Adobe XD für Fortgeschrittene: Markenanpassung

Name: Adobe XD für Fortgeschrittene: Markenanpassung
Author: Jessica Henley

Passen Sie Ihre Marke durch Ikonografie und Design-Token an

Preview the first lesson free — get full access to all 4 lessons.

Kurs: On-Demand

Hallo, mein Name ist Jessica Henley und in diesen Lektionen Sie lernen Markensymbole, Einführung in Design-Tokens und Anpassen von Webseiten-Tokens. In dieser Lektion zeige ich Ihnen Markensymbole. Als Erstes möchte ich Ihnen zeigen, wie Sie eine neue Datei erstellen. Sie können zu Datei navigieren und auf Neu klicken. Sie können auch zu einer neuen Datei navigieren, indem Sie auf Befehl oder klicken Strg N für Neu. Hier haben wir das Popup-Fenster. Es stehen mehrere Größen zur Auswahl, darunter: iPhone 14, und seine Größe beträgt 430 x 932 Pixel. Wir haben auch ein Dropdown-Menü. Wir haben also das iPhone 14, Wieder iPhone 14, aber beachten Sie, dass es eine andere Größe hat. Es gibt auch die Option für die iPhone mini 13-Version, iPhone XR, XS Max 11, sogar Google Pixel und iPad. Als nächstes haben wir eine Webseite mit einer Größe von 1920 x 1080 Pixeln. Wenn ich darauf klicke, können Sie sehen, dass es gestartet wird. Wenn das nicht die gewünschte Größe ist, können Sie einfach weitermachen X. Lassen Sie mich zurück zu „Datei, Neu“ gehen. Klicken Sie hier auf das Abwärts-Symbol. Wir haben auch verschiedene Größen. Für das Web hatten wir also wieder 1920 mal 1080. Wenn Sie also auf der Suche nach High Definition sind, sollten Sie mitmachen diese Dateigröße. Sie haben Web 1366 x 768 und Web 1280 x 800. Wir haben auch eine Instagram-Story. Für Instagram Story haben wir eine hohe Auflösung von 1080 bis 1920. Es gibt sogar einen Twitter-Beitrag, der 1024 mal 512 groß ist. und es gibt auch Facebook-Optionen und YouTube-Optionen. Wenn keine dieser Optionen für Sie funktioniert, können Sie auch eine hinzufügen benutzerdefiniertes Format. Hier wähle ich die Webseite 1920 x 1080 aus, die ich bereits geöffnet. Nun zu den Symbolen: Wenn Sie vorgefertigte Symbole wünschen, können Sie dies tun Navigieren Sie zu den Plugins. Stellen Sie auch bei Plugins sicher, dass Sie sich unter „Design“ befinden. Und hier unten haben wir Bibliotheken. Wir haben Schichten. Beachten Sie, dass die Tastenkombination für Ebenen Strg oder Befehl Y ist. Und Wir haben Plugins. Die Tastenkombination für Plugins ist Umschalt-Befehl P oder Umschalt-Strg-P. Hier unter Plugins habe ich EOS-Symbole. Um dieses Plugin zu erhalten, müssen Sie nach oben navigieren. Gehen Sie zu Plugins und klicken Sie auf Plugins durchsuchen. Sobald Sie hier sind, können Sie direkt darunter „Plugins verwalten“ sehen Es gibt „Alle Plugins durchsuchen“. Du kann in einem Schlüsselwort platziert werden. In diesem Fall werde ich Symbole einfügen. Wie Sie sehen, habe ich zwei installiert, IconScout, die Sie Um es nutzen zu können, müssen Sie ein Konto erstellen und sich anmelden ihre Ikonen. Wenn Sie diesen Teil jedoch überspringen möchten, Sie können herunterladen EOS-Symbole. Also hier zu den Symbolen, es gibt so viele Symbole zur Auswahl aus. Wie Sie sehen, gibt es angeblich mehr als 1.000 kostenlose Symbole verfügbar. Es gibt auch 24 verschiedene Kategorien und zwei verschiedene Themen verfügbar. Und sie bieten Unterstützung für ihre Ikonen. Wenn Sie dieses Symbol-Plugin möchten, können Sie auf „Get“ klicken. Wie Sie sehen, ist es für mich nicht verfügbar, weil Ich habe es bereits installiert. Beachten Sie, dass es bei der Suche nach Plugins viel zu tun gibt wähle aus. Daher würde ich Ihnen wärmstens empfehlen, diese durchzusehen. Beispielsweise stehen uns MDI-Symbole zur Verfügung. Wir haben auch Open Icon mit einer Sammlung von 70.000 Kostenlose Icons verfügbar. Es gibt so viele Möglichkeiten zur Auswahl. Ganz oben ist das, was ich installiert habe. Ich werde gehen. Lassen Sie uns einen Blick auf die Möglichkeiten werfen, die uns dieses Plugin bietet. Hier haben wir also EOS-Symbole. Und es heißt, wir können nach Symbolen aus der EOS-Sammlung suchen. Oder kopieren Sie es und fügen Sie es aus einer der folgenden Optionen ein. Wenn ich auf ein Symbol klicke, wird es kopiert. Und sehen Sie, wir haben Kategorien, was wirklich cool ist. Jetzt werde ich es zuerst auf „Alle“ belassen und dann zurückkommen auf, und dann gebe ich Ihnen eine Vorschau, wie es aussieht wenn Sie eine der Kategorien auswählen. Und es hat auch aktuelle Themen. Unter Aktion, was wiederum Alles ist, Es fängt also von oben an. Wir werden uns natürlich nicht alle ansehen. Wir blättern einfach schnell durch. Also hier werde ich einfach weitermachen und näher an mich herankommen Leinwand, indem Sie hineinscrollen. Um hineinzuscrollen, halte ich die Befehls- oder Strg-Taste gedrückt und drücke mit meiner Scroller, ich kann gleichzeitig scrollen. So zum Beispiel dieses Banksymbol. Denken Sie daran: Wenn Sie darauf klicken, wird es kopiert. Also muss ich mit der rechten Maustaste klicken und einfügen. Sie können auch die Tastenkombination Strg oder Befehl V verwenden. Und hier ist das Banksymbol. Bevor wir dieses Symbol anpassen, weil Sie vielleicht einige dieser Symbole für Ihr eigenes verwenden möchten bestimmte Marke. Lassen Sie uns weitermachen und über Kategorien sprechen. Unter Kategorien gibt es „Aktion“, „Warnungen“ und „Künstlich“. Intelligenz. Wir haben sogar Kommunikation und Design. Werfen wir einen Blick auf Orte. Wenn ich also auf „Orte“ klicke, habe ich sogar diesen Regenschirm hier. Wenn ich also darauf klicke, wird es kopiert. Rechtsklick, Einfügen. Lassen Sie mich einen Blick auf die Hardware werfen. Was die Hardware betrifft, kann ich also weiterblättern. Sie haben dieses Headset. Wenn ich also darauf klicke, wird es automatisch kopiert. Rechtsklick und Einfügen. Das sind also unsere Symbole, die ich ausgewählt habe. Ich werde weitermachen und dies zentrieren. Schauen wir uns nun an, wie Sie diese anpassen können Ihre besondere Marke. Es ist super einfach. Wenn Sie auf das tatsächlich ausgewählte Symbol klicken, Sie können zu Aussehen übergehen. Beachten Sie, dass Sie die Deckkraft bei Bedarf verringern können. Aber für die Füllung können Sie hier und klicken Scrollen Sie so nach oben und ändern Sie die Farben. Und Sie können auch den tatsächlichen Farbcode im Auge behalten. Hier könnte ich also den Code kopieren Klicken Sie mit der rechten Maustaste und kopieren Sie es. Sagen Sie jetzt, ob ich die gleiche Farbe haben möchte. Wie Sie sehen, können Sie auch Farbfelder speichern. Aber ich könnte mit der rechten Maustaste klicken, einfügen, und drücken Sie die Eingabetaste. Ich kann dieses Pluszeichen auch drücken, um diese Farbe zu speichern für nächstes Mal. Und ich kann auf dieses Headset klicken und dasselbe tun. In der nächsten Lektion werde ich weiter über die Marke sprechen Symbole. Danke fürs zuschauen.

Mittelstufe Anbieter : Jessica Henley 4 Lektionen · 31m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Chinese

Kursbeschreibung

Adobe XD bietet eine Vielzahl von Dokumentgrößen für iPhones, Websites, Social-Media-Plattformen und andere benutzerdefinierte Größen. Diese Lektionen zeigen Ihnen, wie Sie die richtigen Größen für Ihre Designanforderungen auswählen. Sie erfahren, welche Rolle Icons in Ihrem Design spielen, wie Sie Plugins durchsuchen, um vorgefertigte Icons zu finden, Kategorien und Themen für Icons finden und wie Sie die Farben vorgefertigter Icons ändern können. Außerdem erfahren Sie, wie Sie mit den Werkzeugen von Adobe XD individuelle Symbole für Ihre Marke erstellen können, einschließlich der Modifizierung von Formen zu individuellen Symbolen, indem Sie ihr Aussehen ändern und Effekte hinzufügen. Diese Lektion enthält auch Anleitungen zur Verwendung von Plugins zum Durchsuchen von Website-Vorlagen und zum Erstellen von Design-Token für Ihre Marke. Sie erhalten Tipps, wie Sie durch das Hinzufügen von Farben und Zeichenstilen zu Ihren Design-Assets für Ordnung sorgen können. Wenn Sie bereit sind, Ihr Design in einer Vorschau zu betrachten, können Sie dies in einem Webbrowser tun und Kommentare hinzufügen, sich Spezifikationen ansehen und Variablen innerhalb der Designs anzeigen.

In diesen Lektionen werden Sie in Designmarken eingeführt und lernen, wie Sie Ihre Designs anpassen können, indem Sie Ikonografie und Designmarken für Unternehmensmarken erforschen.

Was Sie lernen werden

Wählen Sie Farben und Zeichenformate für Icons in Ihren Designs
Durchsuchen Sie Plugins, um vorgefertigte Icons zu finden und deren Farben, Kategorien und Designs zu ändern
Erstellen Sie angepasste Marken-Icons, indem Sie Formen ändern, deren Erscheinungsbild ändern und Effekte hinzufügen
Verwenden Sie Design-Token zum Anpassen von Websites und Webseiten-Token für Business-Marken
Zeigen Sie eine Vorschau der Designs in einem Webbrowser an, um Kommentare hinzuzufügen, Spezifikationen anzuzeigen und Variablen zu überprüfen
Wählen Sie die richtigen Dokumentgrößen in Adobe XD für iPhones, Websites, Social Media und benutzerdefinierte Anforderungen

Wichtige Erkenntnisse

Adobe XD bietet eine Vielzahl von Dokumentgrößen für iPhones, Websites, Social-Media-Plattformen und andere benutzerdefinierte Größen, um verschiedene Design-Anforderungen zu erfüllen.
Icons spielen eine Rolle im Design, und Plugins können durchsucht werden, um vorgefertigte Icons zu finden, die nach Kategorien und Designs organisiert sind und deren Farben geändert werden können.
Adobe XD-Tools ermöglichen es Ihnen, angepasste Marken-Icons zu erstellen, indem Sie Formen ändern, deren Erscheinungsbild ändern und Effekte hinzufügen.
Design-Token können für eine Marke erstellt werden, und Plugins können verwendet werden, um Website-Vorlagen zu durchsuchen.
Designs können in einem Webbrowser in einer Vorschau angezeigt werden, wo Sie Kommentare hinzufügen, Spezifikationen ansehen und Variablen in den Designs anzeigen können.

Häufig gestellte Fragen

Was werde ich in diesem fortgeschrittenen Adobe XD-Kurs lernen?

Sie lernen, Farben und Zeichenformate für Icons zu designieren, Icon-Design-Tools zu verstehen und Design-Token für Websites zu nutzen, während Sie Ikonografie und Design-Token für Business-Marken erkunden.

Welche Lektionen sind in diesem Kurs enthalten?

Der Kurs umfasst vier Lektionen: Marken-Icons (Teil 1), Marken-Icons (Teil 2), Einführung in Design-Token und Anpassung von Webseiten-Token.

Wie arbeite ich mit vorgefertigten Icons in Adobe XD?

Sie lernen, wie Sie Plugins durchsuchen, um vorgefertigte Icons zu finden, mit deren Kategorien und Designs zu arbeiten und die Farben vorgefertigter Icons zu ändern, sowie benutzerdefinierte Icons mit Adobe XD-Tools zu erstellen.

Wie kann ich eine Vorschau meines Designs anzeigen?

Wenn Sie bereit sind, können Sie eine Vorschau Ihres Designs in einem Webbrowser anzeigen, wo Sie Kommentare hinzufügen, Spezifikationen ansehen und Variablen in den Designs anzeigen können.

Welche Fähigkeiten behandelt dieser Kurs?

Dieser Kurs behandelt Adobe XD, Brand Enhancement, Brand Design und Learning Design.