Moodboards für das UI-Design

1. Kurs-Einführung: Mood Boards sind ein wichtiger Bestandteil jedes Designprozesses, wo immer Sie an einem großen oder kleinen Projekt arbeiten. Denn in ihrer Stimmung Boarding Phase Ihres Projekts werden Sie den Gesamtton, Dural-Stil, die Gesamtfarben, Schriftarten, Bilder und vieles mehr des Projekts selbst bestimmen Dural-Stil, die Gesamtfarben, . N wird Ihnen viel Zeit sparen, wenn Sie tatsächlich anfangen, für dieses bestimmte Projekt zu entwerfen. K Designer, mein Name ist Alex. Willkommen in dieser Skillshare Klasse. Und in dieser Klasse werden wir über Moodboards sprechen. Ich bin Product Creator und habe bisher mehr als 500 Design-Produkte kreiert. Ich bin auch ein Kursschöpfer und bisher habe ich mehr als 20 verschiedene Pferde kreiert. In dieser Klasse werden wir darüber sprechen, was unsere Moodboards und wie sie zu verwenden. Welche Elemente sollten Sie für Ihre Moodboards beachten? Wie Sie Ihre Recherche durchführen und es auf Ihre Moodboards anwenden. Wie Sie Adobe XD verwenden, um Mood Boards zu erstellen und verschiedene Elemente und verschiedene Stile zu erkunden. Wie Sie Ihre Mood Boards online teilen, um Feedback von Ihrem Kunden zu erhalten und wie Sie sie exportieren und drucken, damit Sie das Feedback persönlich erhalten können. Ihr Klassenprojekt für diese Klasse ist es, diese Tipps und Techniken zu verwenden und Moodboards Ihrer Wahl zu erstellen. Sie können beliebige Elemente verwenden, die Sie möchten. Sie können die Anzahl der verschiedenen Bilder, die Anzahl der verschiedenen Schriftarten verwenden , was auch immer Sie wollen, und laden Sie sie einfach in Ihre Klasse, das Projekt, indem Sie die Moodboards in der richtigen Weise verwenden, werden Sie sich selbst Haufen von Zeit. Du wirst deinem Kunden Geld sparen. Und gleichzeitig werden Sie in der Lage sein, viel mehr aufzuladen, indem Sie intelligent arbeiten, indem Sie Mood Boards verwenden. Also freue ich mich darauf, dich im Unterricht zu sehen und dich in Stimmung zu bringen. 2. Was sind Moodboards und warum sie sie verwenden: Mood Boards sind wirklich extrem wichtig und sie sind meiner Meinung nach, um unseren kleinen Feen-Design-Prozess zu halten, egal ob Projekt groß oder klein ist. Denn in der Stimmung Boarding Stage können Sie wirklich klar mit Ihren Kunden kommunizieren und auf den Punkt kommen, was sie brauchen. wem sprechen sie? Wie groß das Projekt ist, wie groß das Publikum ist, wer das Publikum ist und all diese verschiedenen Fragen. Und Sie können Moodboard verwenden, um die mündliche Projektrichtung zu bestimmen , wohin das Design gehen wird. Sie können dies tun, bevor Sie tatsächlich mit dem Design beginnen, was Ihnen viel Zeit sparen wird, weil Sie den Stil, das Projekt zahlt, die Farben, die Schriftarten, die Ikonographie und vieles mehr in diesem bestimmte Stufe mit Moodboards, anstatt später, wenn Sie tatsächlich starten Sie Ihre Lieblings-Design-Software und beginnen zu entwerfen, können Sie klar diese Werte Ihres Kunden kommunizieren und dann beschreiben, um Ihren Kunden, was wirklich wichtig ist bestimmten Projekt. Damit sie verstehen können, bevor Sie tatsächlich anfangen zu entwerfen, worauf müssen sie sich konzentrieren? Wie gesagt, diese Phase ist meiner Meinung nach wirklich wichtig weil sie Ihnen und Ihrem Kunden später viel Zeit sparen wird. Denn in dieser bestimmten Phase werden Sie bestimmen, wohin der gesamte Projektstil gehen wird. Natürlich wird das Design später stark variieren, wenn Sie tatsächlich anfangen zu entwerfen. Aber das Gesamtprojekt, Ton, Farben, Schriftarten, die Designrichtung, alles wird in dieser bestimmten Phase mit Moodboards bestimmt werden . Später können Sie mit dem Entwerfen beginnen. Sie können alle diese Arten von verschiedenen Elementen hinzufügen. Aber im Moment, wie ich schon sagte, werden wir uns auf die Grundlagen und die wichtigsten Dinge konzentrieren. Sie werden Ihre Entwurfsbeschreibung verwenden, um alle diese Entwurfselemente und Entwurfsentscheidungen zu bestimmen. Sie werden Ihren Kunden all diese Designfragen mit Ihrem Designbrief stellen, wie zum Beispiel, wer ihre Zielgruppe ist, was ist ihre Nische? Gibt es Konkurrenten in Schulden? Nietzsche, wer sind die Hauptkonkurrenten, wer sind die kleineren Konkurrenten? Was ist ein normaler Ton des Designs? Ist es also in Ordnung oder verspielt? Ist es ernst? Ist es korporär? Was ist der Gesamtton der Lieferung der Kopie der Website? Und noch viel mehr. Wie ich bereits sagte, werden Sie alle diese Elemente in der Stimmung Boarding Stage bestimmen , anstatt später in der Designphase, was Ihnen, wie gesagt, erlauben wird, eine Menge Zeit beim Design zu sparen, sowohl für Sie als auch für Ihren Kunden. In der nächsten Lektion werden wir besprechen, welche Elemente Sie für Ihre Moodboards berücksichtigen sollten. Also sehe ich dich dort. 3. Welche Elemente du berücksichtigen solltest: Je oft Nische Ihr Projektdesign und Ihr Kunde ist in, werden Sie verschiedene Elemente einbeziehen oder in Betracht ziehen. Also, wenn Ihr Stil Corporate ist, werden Sie offensichtlich Corporate imaginary verwenden. Sie werden Clear verwenden, um Schriftart zu lesen , weil Sie verstehen müssen, wer Ihre Zielgruppe ist. Das sind also keine Kinder, wahrscheinlich sind das Menschen in ihrem mittleren Alter oder wahrscheinlich ältere Menschen. So müssen Sie Topographie zu berücksichtigen, müssen Sie Kontrast zu betrachten, wie einfacher Website ist zu lesen. Also müssen Sie all diese Dinge in Betracht ziehen , wenn Sie für Ihre Nische und Ihr Projekt planen. Auch Bilddaten spielen eine wirklich wichtige Rolle, da Bilddaten wird den Ton setzen wird, um die Basis des Projekts zu setzen. So müssen Sie bedenken, dass Farben sind auch wichtige Merkmal Ihrer Website-Design auf jedem Design für diese Angelegenheit. Also müssen Sie Farben berücksichtigen. Sind die Farben lustig und verspielt. So wird der Text zwischen diesen Farben kontrastieren. So können Sie all diese Dinge im Mood Board Prozess des Entwurfsprozesses insgesamt bestimmen . So werden Sie beschreiben, entdecken Sie all diese Elemente, wenn Sie anfangen, Ihre Moodboards zu erstellen , anstatt wenn Sie tatsächlich beginnen, Ihr Design zu erstellen. Im nächsten Video werde ich Ihnen zeigen, wie Sie Ihre Recherchen machen. Wie man sich zum Beispielfür verschiedene Nischen anpasst, für verschiedene Nischen anpasst, wie man verschiedene Elemente erforscht und wie man sie Ihrem Kunden präsentiert , damit beide die Einigung darüber erzielen können , wo dieses Projekt gehen und was ist die gesamte Design-Stil und Richtung. 4. Wie du deine Forschung beherrschst.: Okay, also in diesem Video werden wir eigentlich mit der Recherche beginnen. Und ich werde Ihnen zeigen, was einige Websites sind, die Sie verwenden können, um Ihre Forschung durchzuführen und klar mit Ihrem Kunden zu kommunizieren, welche Elemente zu berücksichtigen sind. Also lassen Sie mich in meinen Computer springen und ich werde Ihnen einige Websites zeigen. Also sind die ersten Websites, die wir haben, tatsächlich dribbeln. So Dribble, wie Sie wissen, wird für Inspiration verwendet, wie viel Zeit für diese Designer, vor allem in der UI-Design-Welt. So können Sie einfach Dribble direkt hier verwenden, um all diese Elemente zu erkunden. So können Sie es verwenden, um Bilder zu erkunden. Sie können es verwenden, um Topographie zu erkunden und zu sehen wie Topographie an einigen dieser Beispiele gelegt wird. Wenn wir hier eine schnelle Suche durchführen, zum Beispiel, wenn ich Corporate eintippe, drücken Sie die Eingabetaste und sehen, wohin es uns führt? Also lassen Sie uns zum Beispiel mit Webdesign gehen. Es gibt uns nichts. Also lassen Sie uns Bank zum Beispiel verwenden, oder Bankgeschäfte. Und mal sehen, wohin das uns führt. So können Sie genau hier für das Banking sehen, wagen keine schreienden Farben außer diesen Farbverläufen hier. Aber das ist, um einen neuronalen Ton der Website selbst zu bestimmen. Wahrscheinlich spricht diese mobile Banking-App hier mit einem anderen Publikum. Vermutlich jüngeres Publikum. Aber Sie können genau hier sehen, sie verwenden wirklich alle diese dorsalen Farben. Sie verwenden diese schwarzen Farben, weiße Farben. Sie verwenden diese hellen Grüns zum Beispiel wie Fäden. So spielt Farbe wirklich eine Schlüsselrolle und Sie können Ihre Forschung direkt hier auf Dribble durchführen , um je nach Projekt und Projekt, an dem Sie arbeiten, zu erkunden , welche Arten von Farben Sie für Ihr bestimmtes Design verwenden sollten -Projekt. Als nächstes, wenn wir einen Blick auf die Topographie werfen, können Sie sehen, dass die Topographie hier wirklich klar ist. Es war wirklich gleichmäßig verteilt. Also Abstände sind richtig gut gemacht genau hier. Und Sie können sehen, dass der Großteil dieses Textes schwarz auf Farbe ist, was wiederum den Text näher an den Betrachter bringen wird und Zwischenzeit macht es leicht zu lesen. Dieses Beispiel ist also wirklich großartig. Und wenn wir anders herum gehen, können wir das in diesem Beispiel sehen, zum Beispiel, weil es mit all diesen Illustrationen und Farben verspielt ist. Wieder einmal spielt Decks eine Schlüsselrolle, weil es super leicht zu lesen ist, wie Sie hier sehen können. Wenn wir Sie zu Behance bringen, die eine andere Website ist, die Sie für Ihre Inspiration verwenden können. Wenn wir einen Blick hier werfen und zum Beispiel, geben Sie in der gleichen Sache. Also Bank, Zentrum, sieh, wohin es uns führt. Also lasst uns, ich weiß nicht, Lasst uns diese zum Beispiel benutzen. Und beginnt seine anders als Dribble, wenn Sie es nicht schon getan haben. Denn auf einem Dribble können Sie diese kürzeren Präsentationen wie diese zum Beispiel wirklich posten . Also nur das einzige Singular Bild. Während am Wochenende können Sie wirklich diese langen Präsentationen posten und ausführlich über das Projekt gehen. Und das kann wirklich eine gute Möglichkeit für Sie sein, sich über Ihre Konkurrenz zu informieren. Nehmen wir zum Beispiel an, dass sie sich im Bankenraum befinden. Sie können dies zum Beispiel verwenden, nur um zu verstehen, wie sie ihre Forschung machen. Was ist ihre Zielgruppe, was sind die Farben und was ist die Argumentation hinter der Auswahl dieser Farben? So können Sie das ganz einfach an Ihr bestimmtes Projekt anpassen. Also, wenn wir hier nach unten scrollen, um zu unserer Designphase zu gehen, können Sie sehen, dass sie wirklich diese dorsalen Farben zu Schwarz-Weiß mit einem Hauch von Corporate Finance verwenden , können Sie sehen, super leicht zu lesen, Sie können sehen Logos, können Sie diese Gradienten hinter sehen. Alle diese Elemente stehen also wirklich in diesem speziellen Beispiel als greifbar, das leicht zu lesen und leicht zu verstehen ist. 5. Moodboard in Adobe Xd erstellen: In diesem Video werden wir Adobe XD verwenden, um unser Moodboard zu erstellen. Und ich werde Ihnen auch einige meiner Beispiele zeigen , die Sie kaufen können, wenn Sie wollen oder wenn nicht, können Sie sie einfach für Ihre Inspiration erkunden. Wenn wir weitergehen und zu Adobe XD wechseln, was ich hier getan habe, ist unser 1920 x 1080 Dokument erstellt. Nun, wenn Sie dieses Dokument drucken möchten, können Sie direkt hierher kommen und es drehen. Natürlich können Sie so präzise sein, wie Sie wollen. Sie können exakte Pixelanzahl Ihrer Papiergröße importieren, wenn Sie es später drucken möchten. Wenn Sie beispielsweise A4 verwenden, können Sie ein vierjähriges Online nachschlagen oder es in Photoshop öffnen und Sie können einfach die genaue Pixelgröße sehen. Sie können diese Pixelgröße hier eingeben. Denken Sie daran, dass Sie nicht 300 DPI verwenden müssen, da Adobe XD ein Vektorwerkzeug ist. Also musst du das nicht tun. Sie können einfach für 72 DPI direkt hier portieren. Sie können einfach Ihr Moodboard erstellen und es später exportieren. Sie können es hier speichern, wie Sie sehen, Ich habe es in meine Cloud-Dokumente speichern, was großartig ist, weil ich Zugriff auf sagte, wo immer ich bin. Wenn ich beispielsweise an einem Desktop arbeite, wie ich es gerade mache, kann ich zum Beispiel zu meinem Kundentreffen in ihrem Büro gehen und meinen Laptop hochziehen. Ich kann Adobe XD mit demselben Konto öffnen. Und ich kann dieses Dokument einfach aus meiner Cloud holen und wir können einfach so unser Moodboard besprechen. Also, wenn wir zurück zu Adobe XD wechseln, was ich tun werde, ist einfach das Moodboard genau hier zu nennen. Und bevor ich weiter gehe, möchte ich Ihnen meine Beispiele zeigen. Also hier ist meine Website, web donor.net. Und wie gesagt, können Sie diese Vorlagen kaufen, wenn Sie möchten. Sie können sie einfach in Adobe XD öffnen und dann können Sie sie so bearbeiten. Wenn nicht, können Sie sie einfach als Inspiration verwenden. Also, was Sie hier haben, sind diese Moodboards, und sie sind in A4 Größe und US Letter Größe genau hier. Und Sie erhalten sie in Adobe XD in Photoshop-Dateien. Wenn es sich bei einigen dieser Produkte um Photoshop-Dateien handelt, können Sie sie einfach in Adobe XD öffnen, da sie von demselben Unternehmen erstellt wurden. Adobe besitzt also sowohl Photoshop als auch XD, und diese Dateien funktionieren sowohl in Photoshop als auch in XD gut. Wenn wir zurück zu hier gehen, können Sie alle diese verschiedenen Layouts für Bilder und vier Farben sehen. Sie können diese Bilder zum Beispiel einfach gegen Logos austauschen. Und Sie können sehen, dass sie druckbereit sind. Und all diese Layouts, wenn wir zurück zu diesem wechseln, ist dies für Instagram, weil es quadratisch ist, aber Sie können leicht anpassen, um mit jeder Größe zu arbeiten, wie wir hier für die Geschichten oder für die Reals für -Beispiel. Also das sind Instagram-Post, sind Instagram-Geschichten. Sie können sehen, wie das aussieht. Und wenn wir zu diesem wechseln, ist dies für Social-Media-Mood Board-Vorlagen. Wieder einmal das Gleiche. Und Sie können sehen, dass diese quadratisch sind, diese sind rechteckig, was ideal für Facebook ist , zum Beispiel, wenn Sie soziale Medien verwenden und Sie können sie leicht austauschen, können Sie sie ändern. Sie können all diese verschiedenen Layouts verwenden, um Ihre eigenen zu erstellen. Und Sie können sie leicht anpassen und Sie können sehen, wie sie auf verschiedenen Social-Media-Seiten aussehen. Und schließlich haben wir diese, also vier davon , und wie er sagte, werde ich alle diese in der PDF-Datei verknüpfen. Sie können einfach, wenn Sie auf den Link für jeden einzelnen von diesen klicken möchten, können Sie leicht darauf zugreifen, kaufen Sie es, wenn Sie möchten. Wenn nicht, wie gesagt, können Sie es einfach zur Inspiration verwenden. Also, wenn wir hier zurück wechseln, können Sie sehen, wie dieser aussieht. Also noch einmal, es ist fertig. Sie können einige dieser Präsentationselemente sehen. Wie können Sie die verschiedenen Logos, verschiedene Farben, verschiedene Bilder, und Sie können das Ergebnis direkt hier sehen. Jetzt können Sie dies verwenden, wenn Sie sich leicht eine Menge Zeit sparen möchten, wenn Sie wollen, wenn nicht, wie ich sagte, diese sind ideal für Inspiration. Sie können sich inspirieren, wo Sie all diese verschiedenen Elemente positionieren können. Und wenn nicht, können Sie einfach Ihre eigenen erstellen , abhängig von dem Projekt, an dem Sie gerade arbeiten, wie er in einem der vorherigen Videos sagte. Und abhängig von der Projektgröße, abhängig von der Nische, in der sich Ihr Projekt befindet, dass Ihr Kunde ein ist, werden Sie mehr oder weniger Zeit investieren und dieser Teil der Projekte sollte nicht zeitaufwendig sein. Es sollte wirklich schnell und einfach sein. Es sollte also nicht länger als einen Tag dauern, bis Sie fertig sind, unabhängig von der Größe des Unternehmens, unabhängig von der Größe des Projekts, unabhängig von der Nische, in der sich Ihr Kunde befindet. Also bedenken Sie das. Verbringen Sie nicht zu viel Zeit auf Moodboards denn sie sind einfach da, um die Gesamtpaste, den Stil und den Ton des Projekts zu bestimmen . Und dann, wenn Sie anfangen zu entwerfen, werden Sie die Mehrheit Ihrer Zeit in diese speziellen Änderungen investieren. Wenn wir also einen Blick zurück in Adobe XD werfen, so sieht unser Dokument aus und ich kann einfach so aufgespießt, zum Beispiel, wenn wir etwas mehr wie eine Vier erreichen wollen, wie gesagt, können Sie leicht die richtigen Werte eingeben genau hier, wenn das etwas ist, das du willst. Beginnen wir also mit Bildern, denn ich habe einige Bilder vorbereitet. Was ich tun möchte, ist einfach ein Rechteck zu erstellen. Anna kann ein Wiederholungsraster verwenden, wenn ich will, um einen Blick wie dieses zu erreichen, und ich kann wählen, wird so aussehen. Zum Beispiel hebt die Bank einfach die Gruppierung meines On-Grids auf, doppelklicken Sie auf eines davon und bringen Sie es einfach zurück hierher, zum Beispiel kann ich es leicht skalieren und das muss nicht perfekt sein, wenn Sie es nicht wollen. Einfach so angepasst, um zum Beispiel einen Kreis zu erstellen. Oder ein Element wie dieses. Sie können sich überlappen, Sie können verschiedene Schatten einschließen. So zum Beispiel, so. Also 55, 20, sagen wir, und lassen Sie uns den Schatten auf acht bringen, zum Beispiel, sah so etwas. Und was ich tun werde, ist eigentlich alle meine Elemente wie diese auszuwählen. Ich werde die Grenze entfernen und ich werde einige hinzufügen, um DDD zu mögen, was eine schöne hellgraue Farbe ist und sie vielleicht nur ein wenig auf so etwas skalieren kann . Und zum Beispiel kann ich das hier ansprechen, ich kann es hier positionieren. Ich kann mit der rechten Maustaste fortfahren und ich kann das Aussehen mit der rechten Maustaste einfügen kopieren, damit ich denselben Schatten einfügen kann, aber ich werde den Eckenradius einfach auf 0 reduzieren. Und vielleicht kann ich dieses Bild leicht reinziehen. Vielleicht kann ich das hier nur einen Hauch auf so etwas erweitern. Vielleicht kann ich das hier erweitern. Wie Sie sehen können, ist dies eindeutig eine andere Variante als die Beispiele, die Ihnen gezeigt werden. Wenn ich also zu diesen Beispielen zurückgehe, können Sie sehen, dass diese Bilder wirklich recht gerade sind. Sie sind leicht enthalten Blase genau hier. Und Sie können all diese verschiedenen Farben direkt hier positioniert sehen. Sie können verschiedene Texte sehen, Sie können verschiedene Bilder sehen. Aber in unserem Beispiel ist alles überall. Ich tue das nur, um Ihnen zu zeigen, dass Sie diesen Ansatz auch verfolgen können. Wieder einmal, je nach Projekt, abhängig von der Nische. Denn Ihre Firmenkunden werden diesen Stil, den ich derzeit in Adobe XD erstelle, nicht zu schätzen wissen. Aber Ihre Kunden, die gerne einen lustigen, verspielten Stil nutzen , werden diese Art von Design wirklich zu schätzen wissen. Also, wenn wir zurück zu Adobe XD gehen und ich werde Ihnen das hier zeigen. Also lasst uns einfach Position ist genau hier. Vielleicht irgendwo hier benutzen Analysten Control D. Ich werde es duplizieren und es etwa hier positionieren, zum Beispiel. Und vielleicht irgendwo hier. Und vielleicht kann ich die gleiche Entfernung oder 52 in diesem Fall verwenden, vielleicht kann ich das tun und ich kann vielleicht in Farbe hinter mir ändern, so dass Sie es sehen können. Also, ähm, kann die Farbe in etwas dunkleres ändern , weil wir dieses Farbfeld für unsere Farben verwenden werden. So kann ich die Größe auf hier reduzieren, und ich kann das Wiederholungsraster noch einmal verwenden, um einige Farben zu extrahieren. Zum Beispiel, so etwas, vielleicht auf Gruppe migrieren. Und ich kann das vielleicht ein bisschen hier positionieren. Vielleicht kann ich es so skalieren. Und vielleicht kann es noch einen gebrauchen. Also Control D. Ich kann es nur ein wenig nach unten skalieren und vielleicht genau hier positionieren. Nun, da wir all diese Elemente haben, fehlt vielleicht etwas Typografie. So kann ich T und tippen, zum Beispiel, spielerisch. Es gibt ein Ich kann zum Beispiel etwas wie Open Sans verwenden. In diesem Fall kann ich vielleicht ein bisschen fett verwenden und ich kann dies auf 36 skalieren, vielleicht nur so, dass Sie es sehen können. So spielerisch Control D, kann ich zum Beispiel Spaß eingeben. Kontrolliere die irgendwann wie Freundschaft. Kontrolle D Ich kann es hier setzen, Kaffee. Und sagen wir Control D, Entspannung. Also gehen wir hin. Das ist unser Moodboard. Bereiten Sie es vor. Was ich als Nächstes tun werde, ist einfach meine Bilder einzubringen. Ich habe bereits einige Bilder, die ich gerade für diese Demonstration vorbereitet habe. Aber Sie können voran gehen und Ihre Kunden Bilder verwenden oder Sie können eine der Websites, über die wir gesprochen haben, oder noch besser Envato Elemente, weil sie buchstäblich Arität haben. Also, was ich tun werde, ist ein Bild direkt hier ziehen und ablegen, nur um es zu füllen. Ich werde es hier fallen lassen. Übrigens können Sie das Wiederholungsraster verwenden, wenn Sie es erstellt haben, können Sie einfach per Drag & Drop das erste Bild wird mit all Ihren Bildern füllen. Und dann können Sie all diese Änderungen vornehmen, die ich in diesem Fall getan habe. Aber ich mache es gerne so. Vielleicht kann ich das hier positionieren, weil es ein Café ist. Ich werde es hier platzieren. Vielleicht werde ich dieses Bild hier platzieren. Doppelklicken Sie auf, verschieben Sie es wie folgt. Und mal sehen, vielleicht kann ich dieses Bild hier so positionieren. Das funktioniert für unser Beispiel nicht. Also, was ich eigentlich tun werde, ist vielleicht Drag & Drop, Sagen wir dieses Bild so. Und ich denke, es ist viel besser. Was ich als nächstes tun werde, ist einfach ein paar Farben zu probieren. Aber bevor ich es tue, kann ich vielleicht ein anderes Bild finden, das übereinstimmen wird. Weil ich hier kein Logo vorbereitet habe. Aber zum Beispiel kann ich vielleicht direkt hier klicken und eine davon verwenden. Also mal sehen, was es ist. Du bist ein Logo. Also denke ich nein, weil Sie diese Plug-Ins und Erweiterungen verwenden können, um dies einfach zu tun. Wie gesagt, können Sie entweder Bilder von Ihrem Client, von Ihrem Computer, von Envato Elements, zum Beispiel, oder von einem dieser Plugins ziehen von Ihrem Computer, von Envato Elements, . Aber sagen wir UI Faces. Und ich möchte von Unsplash einschließen, ich möchte verwenden, sagen wir, Filter männlich und weiblich. Und ich werde klicken, Wenden Sie es zufällig. Und es wird ein Bild auswählen und es wird es zufällig auf diesen bestimmten Bildplatzhalter anwenden , ist, dass Sie sehen können, dass es dieses ein positionieren. Wenn das etwas ist, das du willst, dann gut. Aber gehen wir tatsächlich zurück zu unserem Ordner und lassen Sie uns sehen. Was ich gerne machen würde, ist, dieses hier mitzubringen, weil es ein Café ist. Und ich kann doppelklicken kann direkt hier positionieren, weil Kaffee wirklich im Mittelpunkt dieses speziellen Designs sein sollte . Schließlich möchte ich eigentlich einige Farben probieren. Was ich also gerne tun würde, ist von heller zu dunkler zu gehen. Es ist einfacher, nur in meinem Fall, aber Sie können die Macht umkehren, die Sie wollen. Also für diesen hier kann ich einfach hier klicken. Und zum Beispiel, wählen Sie diese. Und ich kann hier klicken. Und vielleicht fangen Sie mit an, ich weiß es nicht. Gehen wir mit dem hier. Vielleicht. Ich kann hier klicken und eine davon probieren. Dann kann ich zu meinen dunklen Farben gehen, wie diese. Dies wird wirklich großartig sein, wenn Ihr Kunde zum Beispiel bereits einige Möbel hat , und sie senden Ihnen Bilder von ihrem Café, von dort Ort. So können Sie leicht ziehen diese Bilder und Sie können Farben von diesen bestimmten Bildern Probe und Sie können sie leicht präsentieren diese Moodboard. Also gehen wir hin. Wie sie sagten, können Sie wirklich in die Tiefe gehen. Sie können wirklich in viele Details gehen. Oder Sie können einfach so etwas tun, was schnell ist, was sauber ist, nur um Ihrem Kunden zu zeigen was die Möglichkeiten dieses speziellen Projekts sind. Aber Sie können auch tun, ist einfach wählen Sie diese Farben und springen Sie direkt hier, klicken Sie rechts hier, um sie zu Ihren Farben hinzuzufügen. Und zum Beispiel, wenn Sie diese Textfarbe ändern müssen, kann ich einfach hier klicken, zum Beispiel. Und ich kann leicht ändern in verschiedenen Farben anwenden wenn Sie wollen, dass noch mehr spielerisch aussehen. So können Sie mit so etwas enden. Wenn das etwas ist, das Ihr Kunde zu schätzen weiß, wenn dies ihre Bedürfnisse sind, wenn das etwas ist, das sie mögen, dann wird sie es voran machen. Aber wenn es etwas mehr Corporate ist, als du drinnen springen kannst und vielleicht unser Layout erkunden kannst, wie ich dir in diesen Moodboards gezeigt habe, die wir erstellt haben. Schließlich möchte ich Ihnen zeigen, dass Sie einige Hintergrundelemente einschließen können. Zum Beispiel kann ich es zeichnen und ziehen und ein Rechteck wie dieses erstellen. Ich kann eine Farbe wie diese erstellen. Ich kann es genau hier positionieren. Und wenn mir die Farbe nicht gefällt, kann ich sie einfach austauschen und in so etwas ändern. Nur um meine Bilder ein wenig herausstechen zu lassen. Und vielleicht, dass spielerische Elemente darin enthalten , dass Ihre Kunden für die Beine und Sie können ein Ergebnis wie dieses erreichen. Das war's für dieses Video. Im nächsten Video werde ich Ihnen zeigen, wie Sie dieses Moodboard mit Ihrem Kunden teilen können. Wenn Sie Feedback online erhalten möchten oder wenn nicht, können Sie diese einfach ausdrucken. Und ich werde Ihnen zeigen, wie Sie für den Druck aus Adobe XD exportieren können und wie sie gedruckt aussehen und was Sie tatsächlich damit machen können. Also sehe ich dich dort. 6. Teile oder Exportiere dein Moodboard: In diesem Video zeige ich Ihnen einige Einstellungen, die Sie für den Export Ihres Moodboards und für das Ausdrucken verwenden können . Und ich kann Ihnen auch zeigen, was Sie tun können, um dieses Moodboard online mit Ihrem Kunden zu teilen und das Feedback auf diese Weise zu bekommen. Also, wenn wir zurück zu Adobe XD wechseln, hier ist unser Moodboard, das wir erstellt haben. Was Sie tun können, ist es einfach so zu teilen. So können Sie diesen speziellen Bericht, den wir mit Ihrem Kunden erstellt haben, teilen und Sie können einfach nur diesen Bericht teilen. Oder klicken Sie direkt hier auf die Registerkarte „Teilen“. Klicken Sie auf Link generieren auf der blauen Schaltfläche, die hier angezeigt wird. Sie können diesen Link kopieren und mit Ihrem Kunden teilen. Nun, was dieser Link Ihnen erlauben wird, ist Feedback zu sammeln und Ihr Kunde kann Ihnen Feedback zu diesem bestimmten Moodboard hinterlassen , wenn sie zum Beispiel weit weg von Ihnen sind, was eine gute Möglichkeit ist, mit Kunden zu kommunizieren, die sind nicht in Ihrer Nähe. So können Sie einfach diesen Link mit ihnen teilen. Sie müssen kein Adobe-Konto haben, kein Konto für diese Angelegenheit. Sie können einfach in diesen Link springen und sie können Ihnen einfach Feedback hinterlassen. Sie können meine anderen Klassen im UI-UX-Design durchsuchen, um dies in Aktion zu sehen und diesen Freigabeprozess in Aktion zu sehen. Denn es geht wirklich in die Tiefe und Sie können wirklich die Spins zeigen und sie können bestimmte Rückmeldungen zu bestimmten Teilen Ihres Designs hinterlassen und so weiter. Wenn Sie später mit der Erstellung Ihres Designs in Adobe XD beginnen, können Sie diese vorhandene Datei erweitern, sodass Sie Drahtmodelle hinzufügen können, Design hinzufügen Prototyping hinzufügen können. Sie können Stil-Hilfslinien hinzufügen. Sie können jede einzelne Sache innerhalb dieser einen Datei hinzufügen. So wird Ihr Share-Link offensichtlich wachsen. Stellen Sie sicher, dass Sie eine kostenlose Version von Adobe XD verwenden um nur ein Design mit Ihrem Client zu teilen, da dies die Grenze mit dem kostenlosen Tarif ist. Wenn Sie einen Premium-Tarif, Premium-Tarif wie Adobe XD Creative Cloud-Abonnement oder Adobe XD-Premium-Tarif haben, haben Sie dieses Limit nicht. Aber wenn Sie kostenlose Version verwenden, haben Sie das. Lassen Sie mich nur einen Link, den Sie mit Ihrem Kunden teilen können. Also noch einmal, wenn Sie daran interessiert sind, überprüfen Sie meine anderen Klassen, weil diese Typen wirklich in die Tiefe gehen können. Und ich glaube, ich gehöre zu meinen vorherigen Klassen. Es gibt etwas wie drei Stunden Sitzung, wo wir wirklich in feine Details über die Freigabe von Einstellungen für Adobe XD gehen , weil Sie für Kunden teilen können, können Sie für Entwickler teilen, Sie können Ihre Präsentation teilen oder Sie können sie kosten teilen und alle diese verschiedenen Einstellungen innerhalb davon anpassen. Also habe ich keine Zeit in dieser Klasse und ich will dich nicht wirklich langweilen, weil wir nur Moodboards haben. Aber wenn Sie anfangen zu expandieren, ist dies wirklich der Schlüssel, um zu verstehen, was Sie tun müssen, um mit Ihren Kunden zu teilen. Das nächste, was wir tun können, ist dies zu exportieren. Also, wenn wir zurück zu hier gehen, kann ich zu Datei Speichern unter gehen und es so speichern. Oder ich kann einfach Control E auf meiner Zeichenfläche drücken und es einfach so exportieren. Also kann ich PNG verwenden, ich kann SVG verwenden, ich kann PDF verwenden, und ich kann JPEG verwenden. Sie können das Ziel genau hier festlegen. Dies ist also die Ausgabe, in die Ihre Datei gehen wird, sobald sie gespeichert ist. Was ich also tun werde, ist JPEG zu drücken, Export zu drücken und dann noch einmal Control E zu drücken. Ändern Sie es dann in PDF. Und ich werde es noch einmal exportieren. Warum ich das mache, möchte ich einfach die Möglichkeit haben, sowohl JPEG als auch PDF zu drucken , um einfach zu vergleichen, mit welcher Art von Element es am besten funktioniert. So haben zum Beispiel PDFs in einigen Fällen eine höhere Qualität. In anderen Fällen haben JPEGs eine große Qualität. Also, was ich wirklich empfehlen würde, ist, Boot zu exportieren und zu sehen, wo jeder von ihnen wird, um Sie zu bringen. Also werde ich es jetzt ausdrucken und zurückkommen und Ihnen zeigen, wie es aussieht wie gedruckt und was Sie mit diesen gedruckten Versionen machen können. Okay, ich zeige dir, wie es aussieht wie gedruckt. Also hier haben wir die Adobe XD-Datei, und hier haben Sie sie gedruckt. Und, und Sie können mit dieser gedruckten Version tun ist können Sie einfach Ihren Stift und Papier verwenden und Sie können zu Ihrem Kunden springen und mögliche Lösungen diskutieren, mögliche Änderungen diskutieren. Wenn Sie sich also bei ihnen treffen, zum Beispiel in ihrem Büro, könnten sie sagen, dass dies zu dunkel ist. Dies ist zum Beispiel der Schlüssel, die Schlüsselwelt mögen wir, die sie in ihrer Kopie verwenden wollen, sagen wir, oder wenn das etwas ist, das sie erreichen wollen. So können Sie mit ihnen alle diese verschiedenen Themen, all diese verschiedenen Lösungen, die Sie hier erstellt haben, wirklich diskutieren und direkt hier ausdrucken. So können Sie zum Beispiel sagen, dass diese Bilder nicht funktionieren. Und sie wollen mehr davon sehen. Und zum Beispiel haben wir hier keine Leute eingeschlossen, vielleicht mehr Leute. Bilder. Mehr von diesen, mehr Kaffee zum Beispiel, so etwas. Also bekommen Sie die Idee, Sie werden mit ihnen diskutieren, all diese Veränderungen, all diese verschiedenen Bilder, all diese Farben. Und wenn Sie mit ihnen übereinstimmen, zum Beispiel hier, haben wir nur eine Schriftart aufgenommen. Aber vielleicht, wenn Sie mehrere verschiedene Schriftarten in Ihr Moodboard aufgenommen haben, nehmen sie vielleicht diese und sagen, gehen Sie mit dieser ein. Und wenn Sie mehrere Schriftarten mit mehreren Farben gewählt haben, werden sie vielleicht sagen, ja, diese Schriftart mit dieser Farbe wird zum Beispiel in unserem Fall gut funktionieren. Sie werden also ein bisschen ein Team bemerken, ein bisschen ein Trend, der sich entwickelt, sobald Sie anfangen, dies zu erforschen, sobald Sie mit Ihren Kunden sprechen, habe ich absichtlich unsere Leerzeichen um alle meine Bilder herum alle meine Farben, nur damit ich das einfach aufschreiben kann. Das musst du nicht tun. Sie können leicht um n wechseln, zum Beispiel können Sie dieses Bild Nummer 1, 2, 3, 4 nennen. Und auf der anderen Seite kannst du es umdrehen. Und zum Beispiel, Bild eins, können Sie gut sagen. Bild drei, zum Beispiel, nicht gut. Oder zu dunkel oder was auch immer Sie als Referenz erhalten möchten. Und das ist nur, um Ihnen zu helfen, wenn Sie anfangen, dieses Design zu entwickeln, wenn Sie anfangen, diesen Ton zu entwickeln. Und wie gesagt, das ist wirklich toll, weil Sie es ausdrucken können, geben Sie Ihrem Kunden. Sie können diese Notizen hinterlassen und sie können leicht das Bild davon bekommen, wo dieses Projekt hin und her gehen wird. Wenn Sie können, können Sie diese Änderungen mit diesen Dingen vornehmen , die wir gerade besprochen haben, und Sie können dies noch einmal ausdrucken. Sie können zu Ihrem Kunden zurückkehren, wenn sie irgendwo in Ihrer Nähe sind, und dann können Sie noch einmal mit ihnen sitzen und einfach fragen Ist das jetzt die richtige Richtung, ist es so, wie Sie es aussehen wollen? Gefällt Ihnen diese Richtung mehr? Gefällt Ihnen dieser Stil mehr? Und all diese verschiedenen Fragen. Also, wenn sie ja sagen, dann können Sie direkt hier springen und dann können Sie diese leicht nehmen, zum Beispiel, so. Und wenn sie das nicht mögen, kannst du es vielleicht so machen. Wie gesagt, dies ist nur ein kurzes Beispiel dafür, was Sie mit diesem Moodboard machen können. Also stellen Sie sicher, zu verstehen, dass dieser Mood Board-Prozess wird Zeit in Anspruch nehmen und manchmal auf einige Projekte wird Sie nehmen, zum Beispiel, 15 Minuten zu erstellen und dann vielleicht 30 Minuten, um mit Ihren Kunden auf einigen zu besprechen Projekte werden Sie einen Tag dauern, um in zwei bis drei Tagen zu erstellen, um mit Ihrem Kunden zu besprechen, um den gesamten Stil zu bestimmen, zum Beispiel jede mündliche Richtung des Projekts selbst. Stellen Sie also sicher, dass Sie das in Ihrem Budget berechnen, weil dies der Teil des Entwurfsprozesses ist , den Sie für Moodboards berechnen sollten. Stellen Sie also sicher, dass Sie verstehen, wenn Sie anfangen zu arbeiten, wie er sagte, stellen Sie sicher, dass Sie für Ihr Papierformat anpassen. So zum Beispiel ist dies A4. Wenn Sie beispielsweise mit US arbeiten, Buchstabengröße, dann können Sie diese in Adobe XD genau hier an diese bestimmte Größe anpassen. Wie gesagt, können Sie direkt hier springen, die Pixel nach Bedarf anpassen, wie Sie wollen anpassen. Sie können dies umdrehen, wenn das etwas ist , das Sie wollen, und stellen Sie sicher, wenn Sie es drucken. Keine Sorge um 300 dpi, denn wie gesagt, Adobe XD ist ein Vektortyp 2. Das war's also. Stellen Sie sicher, dass Sie es testen, versuchen Sie es aus, sprechen Sie mit Ihren Kunden. Weil, wie ich bereits mehrmals in dieser Klasse sagte, dieser Teil des Designprozesses ist es, Ihren eigenen Stil zu bestimmen, die Gesamtrichtung, den Gesamtton. Stellen Sie also sicher, dass Sie dies in Ihren Konstruktionsinteraktionen berücksichtigen . 7. Dein Kursprojekt: Ihr Klassenprojekt für diese Klasse ist es Adobe XD oder jede Software für diese Angelegenheit zu verwenden, um ein Moodboard zu erstellen, Sie können ein Beispiel wie ich verwendet habe, und Sie können Ihre eigenen Bilder verwenden, Sie können Ihre eigenen Farben verwenden, Sie können Ihren eigenen Stil verwenden und Sie können das ähnliche Ergebnis erzielen, das ich getan habe. Und stellen Sie sicher, dass dieses Klassenprojekt in den Klassenprojektabschnitt dieser Klasse hochgeladen wird. Sie können es als einfaches JPEG hochladen. Und ich bin super aufgeregt zu sehen, was ihr euch einfallen könnt und was ihr mit den Tipps und Techniken erschaffen könnt , die ihr aus dieser Klasse lernen werdet. Wie gesagt, gibt es keine Beschränkung. Sie können erstellen, was Sie wollen. Sie können 1, 2, 3, fünf Bilder verwenden. Sie können 10 verschiedene Farben verwenden. Sie können, ich weiß nicht, drei Arten von verschiedenen Schriftarten verwenden. Es liegt alles an dir und du hast völlige Freiheit. Ich möchte nur einige dieser Tipps und Techniken in Ihre Arbeit umgesetzt sehen. also noch einmal sicher, dass Sie es als JPEG speichern und in Ihre Klassenprojektdateien hochladen. Und ich kann warten, um zu sehen, was ihr euch einfallen könnt. 8. Schlussbemerkung und Ressourcen: Vielen Dank, dass Sie diese Klasse beobachtet haben. Ich hoffe wirklich, dass Sie Wert darin finden und wirklich hoffen, dass Sie zumindest einige dieser Tipps und Tricks anwenden , die Sie in dieser Klasse in Ihrer Arbeit gelernt haben. Und denken Sie daran, dass moodboards Ihnen viel Zeit sparen können , denn wenn Sie mit Moon-Wörtern beginnen, können Sie diesen Explorationsprozess viel schneller starten, als wenn Sie das Design in Adobe XD starten, direkt von Anfang an wird Ihren Kunden in die richtige Richtung zeigen, denn Sie werden, wie gesagt, den Gesamtton, den Hörstil, die Gesamtfarben, Schriftarten, dasAussehen und die Haptik Ihres Designs bestimmen den Gesamtton, den Hörstil, die Gesamtfarben, Schriftarten, das , bevor wir tatsächlich mit dem Design beginnen. Sie sind also wirklich wichtig, wenn Sie Ihrem Selbst viel Zeit und Ihrem Kunden viel Geld sparen wollen , während Sie immer mehr aufladen können, weil Sie diese Explorationsphase machen und Sie können es in Ihre Rechnung für dieses bestimmte Projekt. Denken Sie daran, dass es eine PDF-Datei in Ihrer Klasse gibt, so dass Sie einfach diese PDF-Datei herunterladen können und Sie sie erkunden können. Sie können voran gehen und auf diese Links klicken, die ich erwähnt habe, und Sie können darauf zugreifen, wenn Sie möchten. Schauen Sie sich meine Moodboard-Produkte an, die ich auch in der PDF-Datei verlinken werde. Wenn Sie sich inspirieren wollen oder wenn Sie sie kaufen möchten. Und ich bin wirklich empfehlen Envato Elemente, weil ich denke, dass sie sind, es gibt absolut alles, was jeder Designer braucht auf dieser bestimmten Website. Also, wenn Sie daran interessiert sind, sicher zu sein, um es zu überprüfen. Außerdem werde ich Sie in der nächsten Klasse sehen, wenn Sie sich für Adobe XD UI UX Design interessieren. Und ich kann warten, um zu sehen, was ihr euch einfallen könnt und was ihr mit den Tipps und Techniken kreieren könnt, die ihr aus dieser Klasse gelernt habt. Also nochmals vielen Dank, dass Sie zugesehen haben, und wir sehen uns im nächsten. Kümmere dich um.