Logodesign: Finde deine logo mit dem UX Double Diamond und verwende Figma zur Gestaltung

1. Einführung - UX Diamond und Logo Design: Hallo Freunde, willkommen. Heute werden wir uns ansehen, wie wir mit zusammen mit Design One Logo-Ideen kostenlosen Designsoftware Big Mac zusammen mit Design One Logo-Ideen entwickeln können. In diesem Kurs lehre ich Ihre Prinzipien. Sie können sie dann alleine verwenden, um Probleme zu lösen. Bringen Sie jemandem bei, zu fischen, wie dieser Winkel ist, und Sie werden ihn ein Leben lang füttern. In diesem Tutorial haben wir etwas über den zweipoligen UX-Durchmesser erfahren , der eine Visualisierung eines Designprozesses darstellt. Wir verwenden es dann , um durch eine Übung ein Logo-Design zu entwickeln . Sie können Ihre Übung dann in der Projektgalerie dieses Kurses unter dem Tab Projekt und Ressourcen veröffentlichen der Projektgalerie dieses Kurses unter dem , um uns zu zeigen, wie Sie gegangen sind und Feedback von mir und Ihren Kollegen erhalten. Denken Sie daran, es ist ein sicherer Raum und Feedback hilft uns, uns im Laufe der Zeit zu verbessern und besser zu werden. Du willst Feedback. Mein Name ist Olivia. Ich bin Produktmanager unten in Melbourne, Australien und arbeite an digitalen Softwareprodukten. Alles klar. Wir sehen uns im Unterricht. Lass uns gehen. 2. Kursprojekt & Ressourcen: Willkommen Team. Diese Klasse wird in zwei Abschnitte unterteilt, einen Theorieabschnitt und einen praktischen Abschnitt. Im Theoriebereich lernen wir etwas über den UX-Doppeldiamanten sowie die Leitprinzipien des Logo-Designs kennen. Im praktischen Bereich werden wir Figma verwenden, um unser Logo zu entwerfen. Und während Sie die Übung machen, ist es gut, wenn Sie sie von dort aus in der Projektgalerie veröffentlichen könnten , ich kann Ihnen Feedback geben, wenn Sie Fragen haben, Sie können mir diese Fragen stellen. Und du wirst deinen Kollegen auch zeigen können , wie du voranschreitest. Okay, lasst uns einen Anfang machen. 3. UX Doppelte Diamond: Willkommen zurück. In dieser Klasse werden wir uns die UX verdoppelt ansehen . Der Doppeldiamant der UN ist die Visualisierung des kreativen Prozesses. Grundsätzlich verwenden wir es, um Probleme zu lösen. Alles klar, lasst uns unseren doppelten Nenner ziehen. Der erste Teil des Diamanten hilft uns herauszufinden, ob wir das Richtige entwerfen. Der zweite Diamant hilft uns herauszufinden , ob wir das Ding entwerfen, oder? Der Doppeldiamant besteht aus vier Ds. 1234. Mehr Nachfrage nach diesen leicht zu merken. Nummer eins, das ist das erste IEP, das entdeckt wird. Nummer zwei ist definiert. Nummer drei wird entwickelt. Nummer vier wird ausgeliefert. Wenn wir es entdecken. Im Grunde wollen wir divergieren, was bedeutet. Wir wollen so viele Einsätze wie möglich durchschauen, weit gehen und unsere Forschung betreiben. Entdecke. Wir wollen divergieren. Wir wollen weit gehen und so viele Einblicke wie möglich sammeln. Sobald wir unsere Nachforschungen durchgeführt haben, haben wir uns im Inneren versammelt. Jetzt wollen wir konvergieren. Das heißt, wir wollen definieren, wann wir Converging definieren. Das bedeutet, dass wir uns auf Erkenntnisse einteilen, die von unserem Interesse sind. Jetzt haben wir unsere Nachforschungen angestellt. Wir setzen uns auf bestimmte Erkenntnisse ein. Und das hilft uns, das Richtige zu gestalten. Und wir werden zur Nummer drei übergehen , die entwickelt wurde. Wenn wir uns entwickeln, wollen wir wieder divergieren. Das bedeutet, dass wir so viele Ideen wie möglich generieren wollen . Generiere Ideen, und es gibt keine dummen Ideen. Alles, was Ihnen in den Sinn kommt, legen Sie es auf Papier, legen Sie es auf Ihre Designsoftware. Beschränken Sie sich nicht. Ein kostenloses Ding dafür und lege alles auf Papier. Sobald wir viele, viele Ideen haben, werden wir uns der endgültigen Idee nähern wollen, die uns zu D Nummer vier führt, die geliefert wird. Wenn wir liefern, konvergieren wir. Das bedeutet, dass wir uns auf eine Idee stützen wollen. Eine Idee. Auf hohem Niveau nimmt der UX-Diamant grundsätzlich ein Problem auf. Ich gehe durch die 40er Jahre. Es wird uns helfen, eine Lösung zu beschleunigen. Dies ist unser Doppelschaden der UX. In der nächsten Klasse werden wir dies nutzen, um Logo-Ideen und hoffentlich ein endgültiges Logo oder ein Team zu entwickeln. Wir sehen uns in der nächsten Klasse. 4. Eigenschaften eines guten Logo-Designs: Willkommen zurück Team. Bevor wir in Figma springen und mit dem Design beginnen, schauen wir uns die Eigenschaften , die ein gutes Logo ausmachen würden. Logo sollte einfach einprägsam sein. Machen Sie es grundsätzlich einfach genug , dass sich die Leute im Laufe der Zeit daran erinnern, indem Sie es einfach sehen. Und es sollte auch vielseitig und zeitlos sein. Vielseitig, was bedeutet, dass Sie es nicht groß oder klein haben können, indem Sie die Farben so ändern, wie ich darüber denke, dass wir es auf T-Shirts gelegt haben. Sie können die Farben zwischen Schwarz und Weiß hin und her drehen , was bedeutet, dass Ihr Logo schwarz und das T-Shirt weiß wird. Oder machen Sie Ihr Logo weiß und das T-Shirt schwarz. Wir sehen uns im nächsten Video, in dem wir unser Logo in Figma entwerfen werden . Bis bald. 5. Design unseres Logos mit dem UX Double Diamond und Figma: Hey Team, Willkommen im Unterricht. Wo werden wir uns den UX Double Diamond ansehen und wie wir uns bei unserem Logo-Design helfen können . Alles klar, zuerst, wenn Sie es noch nie zuvor gemacht haben, gehen Sie einfach zu figma.com. Wie Sie hier sehen können. Und Sie können sich für einen Numeric Out anmelden. Sie können Figma entweder im Browser verwenden , nachdem Sie sich für ein Konto angemeldet haben, oder Sie können die Figma-App verwenden, indem Sie die App für Ihren Mac oder Ihren Windows-Computer herunterladen , genau wie ich es hier getan habe. Ich benutze einfach die App für dieses Tutorial. Lass uns weitermachen und du wirst dieses Plus hier sehen. Wenn Sie die App heruntergeladen haben, klicken Sie einfach auf das Plus. Mach weiter und mach das größer. Wir klicken auf InDesign-Datei. Nennen Sie dieses Logo-Design. Großartig. Okay, also lasst uns zuerst unsere UX ziehen, es hat sich verdoppelt. Und um dies zu tun, schnappen Sie sich einfach ein Rechteck , das Sie hier oben finden können. Oder indem Sie auf Ihrer Tastatur R drücken. Ich benutze Mac. Einige der Befehle sind möglicherweise nicht identisch , wenn Sie Windows-Computer verwenden Wir klicken nur auf Umschalttaste, machen diese größeren Verschiebungen, damit es hier sein Verhältnis beibehält , 256 mal 256. Wenn ihr die Umschalttaste X drückt, was das tun wird, kehrt es den Strich und die Füllung um. Wir machen den Strich rot. Wir werden es ein bisschen anbauen. Mach damit es größer. Wir können das hier auf 45 Grad drehen. Hey, wir haben unseren ersten UX-Diamanten. Wenn Sie Option drücken. Im Grunde genommen ziehen Sie diese Form heraus. Wir haben unseren UX-Doppeldiamanten. Erstaunlich. Okay, lass uns weitermachen und L drücken, um die Zeile zu erhalten. Genau so. Komm her, lass uns einen Schlaganfall zurückgeben. Lasst uns die Linie ändern, um zu gehen. Bei mir. Ich benutze ein Trackpad auf dieser Reise. Kann den Strichwert auf der Linie erhöhen. Und wenn Sie hier die dreifachen Punkte drücken, können Sie sehen, dass wir die Strichlinie von Volumenkörper ändern und sie strichen lassen können . Wenn Sie nun die Option drücken, können Sie grundsätzlich zwei Linien erstellen und die andere Zeile hierher ziehen. Okay, lass uns weitermachen und T für Text drücken. Und wenn Sie sich an unseren Diamanten erinnern, war der erste erste, erste Teil davon fällig, wenn Sie sich erinnern, die 40er Jahre im Grunde entdecken. Lasst uns das mutig machen. Lasst uns das größer machen. Jetzt können Sie das Feld genau hier an den Text anpassen. Das gleiche Prinzip. Wenn Sie Option drücken und diese dann herausziehen, erhalten Sie eine weitere davon. Wenn Sie auf Befehl D gehen, platziert Befehl D Kopien in der gleichen Entfernung wie zuvor. Der zweite Teil des ersten Diamanten sollte definieren. Der dritte war die Entwicklung und Lieferung. Und wir haben unseren UX-Doppeldiamanten. Okay, lasst uns weitermachen und dies nutzen, um uns dabei zu helfen, das Logo-Design zu entwickeln. Ich werde das für eine Sekunde verstecken. Wir werden alles gruppieren. Wenn Sie alles hervorheben. Und drücken Sie Command G wird gruppieren. Und was wir dann tun werden, ist, dass wir dies ein wenig erweitern , um uns etwas Platz zu geben. Okay, also hatten wir den ersten Abschnitt des Diamanten. Entdecke. Wenn Sie F drücken, haben Sie die Möglichkeit , einen Rahmen zu zeichnen. Und wenn man sich hier die rechte Seite anschaut, gibt es verschiedene Rahmengrößen. Lass uns weitermachen und pk fünf. Wir haben also etwas Platz und wir werden es in die Discover-Rubrik stellen. Nehmen wir an, ich habe ein Café , in dem ich das Logo für Brust T für Text entwerfen wollte. Sagte, dass mein Kapha Gold ist. Anders, seit Cafe, sagen wir seit dieser Cafe San Francisco Option und Sie können dies ziehen, um einen doppelten Textbereich zu erstellen. Woran erinnert mich das? Es erinnert mich an Sonne, Sonnenuntergang. Anaphase offensichtlich. Ich meine, Melvin erinnert mich an den Strand. Ich schätze ein Café am Strand. Der Strand. Wir belassen es dabei. Vorerst. Der Discover-Teil des Diamanten und wir werden abwechslungsreiche Ziel haben, dass wir so viele Ideen wie möglich auf Papier bringen wollen. Es gibt keine Einschränkung im Denken da das Café mich an all diese Dinge erinnert. Okay, lass uns Google für die Gesundheit nutzen. Was sagt uns Google zur Inspiration? Wenn wir ein seit Set Logo haben? Nicht so schlimm, das ist ziemlich gut. Eigentlich. Zur Inspiration werde ich den Bildschirm auf diesen Logos drucken. Wie wär's mit ein paar niedrigen Arbeiten zu Cafe? Sei zwei davon. Kann Strand nicht buchstabieren. Was ist mit Melvin Beach Hang so toll. Machen wir vorerst einfach einen Screenshot. Gib dem einen Cluster. Jetzt. Mal sehen, was wir haben. Da es kleineren Platz auszeichnet und dies kleiner macht, drücke ich die Umschalttaste, während wir uns befinden. Sie können die Größe einfach ändern, indem Sie es von der Ecke nehmen. Wie Sie sehen können, sind die Bibliotheken einfach und möglicherweise einprägsam. Eine hier, vielseitig. Ich kann es wahrscheinlich auf jedem drucken um es in Flip zu zeigen, die Farbe könnte sogar gut gelesen werden, wenn ich es nach unserer Inspiration hören möchte . So können Sie diese Aktivitäten für die Echtzeitbox der Schüler tatsächlich in Zeitbox einstellen. meiste davon ist , dass wir es euch einfach machen, eine Referenz zu haben, aber dann kannst du deine eigene Zeit ausgehen und damit herumspielen. Okay, wir haben uns divergiert, wiederentdeckt und all dies sind Inspirationen. Jetzt wollen wir also konvergieren und definieren. Also gehe ich weiter und wähle den aus, den ich mag. Das wird mir dann beim dritten Teil des Diamanten helfen , der einige Ideen entwickeln soll. Lasst uns das hier unterbrechen. So ziemlich einfach. Für die Farben. Das hier. Nun, ich schätze, diese beiden funktionieren wichtig. Nun, das ist ein bisschen kompliziert wie viele Schattierungen da drin. Dieser ist also potenziell einfach und einprägsam. Und das für Farben. Wie wär's mit Cafe Wise? Derjenige, über den wir vorher gesprochen haben, welches ist das hier? Dieser für sein schnörkelig wackeliges Ding. Das hier. Dies ist weil es ziemlich einfach und einprägsam ist. Mellon tut es nicht leid, Interessant. Okay, cool. Was haben wir also? Wir konvergieren und greifen diese vier Ideen auf. Durch Klicken auf die Umschalttaste kann ich die Größe ändern und unimodal. Also wieder befindet sich Shift. Kratze an der Ecke, um uns mehr Platz zu geben. Okay, jetzt, da wir uns zusammengetan haben und einige ausgewählt haben, die uns gefallen, werden wir weitermachen und im Grunde genommen unseren Blick ziehen oder ist die Idee? Ich habe dieses so entwickelte Tutorial satt, wir werden unsere Ideen wieder entwickeln, lass uns hier F A5 drücken. In Ordnung, das ist ziemlich interessant. Wenn man sich das ansieht, fällt mir in den Sinn, dass Sie P für Stift drücken können. Der Stift ist ein sehr cooles Werkzeug in Figma. Es ermöglicht Ihnen, alle Dinge zu zeichnen. Drücken Sie Angst um Point. Drücken Sie erneut, lassen Sie nicht für einen anderen Punkt los und befehlen Sie dann. Und es ermöglicht Ihnen, sich zu kurven. Ziemlich cool. Hey, cool. Flucht, um das zu brechen. Klicken Sie dann erneut auf Kurve halten. Und wenn du weitermachst, wird es normalerweise ein anderes zeichnen. Vielleicht ist das Sonne, an die ich denke. Wegen des Sunset Cafe. Weil es ein Café ist. Wahrscheinlich repräsentieren Kathode Sunset Cafe. Die Sonne geht unter. Vielleicht ist es auf meine Kaffeetasse eingestellt. Etwas größer. Umschalt. Die Linien verschieben sich gerade. Mein Becher hat einen Griff, klicke auf Befehl, ziehe T für Text. Vielleicht nennen wir es das Sunset Cafe. Komm auf der rechten Seite her. Passend für TTX. Und wir machen das ein bisschen schlanker. Hey, sieh dir das an. Das ist meine erste Logo-Idee. Zuallererst ein gutes Ideen-Team. Stimmt's? Jetzt können Sie sich entweder neue Ideen einfallen lassen oder hier mit diesem herumspielen , um einfach andere Ideen zu generieren und diese als Quelle zu nutzen. Das werde ich tun. Vielleicht gruppiere ich diese zuerst, mach sie nicht kaputt. Okay, also drücken Sie jetzt Option und ziehen, gerade ein Double erstellt. Sie können mit diesem Doppelklick herumspielen. Du kommst wieder in diesen Vektormodus. Und wenn Sie darauf klicken, können Sie es löschen, löschen und löschen, damit Sie Abschnitte Ihrer Zeichnung löschen können, was sehr praktisch ist. Penn, möchte das Auto mit der Tasse etwas getrennter machen etwas getrennter . Principal, klicken Sie auf, klicken Sie auf Befehl und ziehen Sie. Vielleicht will ich eine Tasse in die Enge getrieben. Klicken Sie also unten auf diese Zeile, drücken Sie Entf und entfernen Sie sie. Kann dies etwas kürzer machen damit es gerade bleibt. Diese rote Linie hier zeigt dir, dass es eine Linie D für Penn ist. Klicken Sie auf. Lassen Sie nicht los Command Drag. Rot, zeigt es gerade Zahl, Shift. Hilf dir dort. Klicken, klicken, ziehen. Lass los. Dies ist vielleicht unser zweites Video. Wählen wir diese Option aus. Ziehen Sie das urheberrechtlich geschützt. Bewegen Sie sich, das möchte ich vielleicht eine ganze Sonne haben. Was Sie also tun können, ist die Option ziehen und dann die Umschalttaste verschieben, um es vertikal zu drehen. Sieh dir das an. Vielleicht möchte ich das jetzt ein bisschen ändern. Vielleicht will ich das nicht anders. Vielleicht wollen wir eine andere Art von Tasse. Jetzt. Lösche das. Ein bisschen kleiner. P für Stift. Doppelklicken Sie auf das P für den Stift Command. dann Klicken Sie dann auf, klicken Sie auf Befehl halten. Klicken Sie auf, klicken Sie auf Befehl, schließen. Hey, sieh dir das an. Die Idee nimmt Gestalt an. Okay? Vielleicht ist das eine andere Idee. Option, ziehen, läuft der Platz für Zeit aus. Fliegen Sie einfach weiter. Wir wollen das ein bisschen ändern. Dieser Teil ist cool. Ich möchte mit meinem Sohn rumspielen. P für Stift. Leiden oder nicht. Ich glaube, es war richtig. So etwas. Vielleicht wollte ich nur eine etwas kleinere Verschiebung und dann kannst du die Größe verringern. Ich denke, vielleicht sitzt die Sonne in diesem Versuch und lösche sie. Wenn Sie die Umschalttaste drücken, können Sie sich um zehn Pixel bewegen. Und wenn Sie die Umschalttaste loslassen, können Sie sich um ein Pixel bewegen. Hey, sieh dir das an. Mein Sohn ist im Auto. Alles klar, wir belassen es dabei. Ich glaube, ich werde mit diesem Video für mein Logo gehen. Oder vielleicht solltest du einfach versuchen, nicht gut zu gestalten, Team seit meine Aufnahme auf halbem Weg gestorben ist. Also werde ich einfach über den Rest sprechen. Hier. Ich ziehe Option zum Duplizieren. Ich wollte eine andere Idee machen. Bevor wir fertig sind. Ändere den Winkel. Haben Sie zehn negativ, wie Sie auf der rechten Seite sehen können. Ich glaube, wir haben uns eine Idee für Untertassen einfallen lassen . Drücke O für Kreis und dann zeichnest du einfach den Kreis, negativ zehn nochmal. Umschalt X. Sie werden den Strich und die Füllung umdrehen , nur um den Umriss zu erhalten. Und dann kann man grundsätzlich zu jeder Farbe wechseln, hier würde Schwarz wählen , so dass es einfach alles widerspiegelt. Das haben wir. Noch eins. Ich optimiere das Social nur ein bisschen. Wenn Sie auf die Zeile klicken und dann Entf-Taste drücken, wird sie gelöscht. Sam, Principal P für Stift, klicken, klicken, halten und ziehen, damit ihre Linie zur Kurve wird. Dann gleich auf der anderen Seite. Klicken und ziehen. Da sind wir los. Wir haben hier ein cooles Social Design. Und das ist das endgültige Design, mit dem wir gehen werden. Sie können diese Aktivität in die Zeitbox einpacken. Du kannst weitermachen , wenn du willst. Aber hier dafür, zum Zweck dieser Tutorial-Art der Timebox. Und das war der Entwicklungsabschnitt. Also sind wir gegangen, Warum haben wir nachgesehen und viele Ideen gefunden? Legen Sie uns grundsätzlich einen Knopf auf Papier indem Sie sich das Ideenbeispiel ansehen. Wir haben gerade alles zu Papier gebracht. Und dann werden wir nun auf die Lieferseite gehen, was bedeutet, dass wir wieder zusammenkommen werden um unsere endgültige Idee aufzuräumen. Wenn Sie F für Frame und dann A5 drücken , erhalten Sie den AFI-Rahmen. Und wir nehmen unsere endgültige Idee an und wir werden es ein bisschen besser machen. Ich kontrolliere C und dann wähle ich den Rahmen aus und du kontrollierst V. Dann schauen wir uns hier ein paar Farbpaletten an. Was ich getan habe, war, dass du Rechteck drückst und deinen Finger auf Umschalttaste lässt , während du es herausziehst um es zu einer quadratischen Option zu machen, klickst auf Drag Out und dann drückst du Befehl D, um einfach nur duplizieren und es wird den gleichen Abstand dazwischen duplizieren. Sie können sie alle auswählen und Befehl D und dann ziehen Sie es im Grunde genommen nach unten oder entschuldigen, Option, und ziehen Sie es dann nach unten. Hier. Ich habe gerade Command D gemacht , um diesen Abschnitt zu duplizieren. Jetzt verwenden wir dies als unsere Farbpalette. Wir kontrollieren X, dass wir es neben die Farben legen . Für Ideen. Wenn Sie eines der Quadrate auswählen. Dann gehst du zum Feldbereich, sich auf der rechten Seite befindet. Klicken Sie auf „Füllen“. Jeder andere Farbwähler, klicken Sie darauf, ist sehr praktisch Alter, wenn Sie einfach auf alle Farben klicken , die Ihnen gut gefallen , füllen Sie sie auf. Wir schauen uns hier die Sonne an. Dieses Gelb war also interessant. Ich suche die nächste orangeige Farbe aus , die für unseren Sohn interessant ist. Dann gab es wieder diese magentafarbene Farbe, die sich für die Sonne interessierte. Dies ist das Blau , weil diese Regel auch interessant war. Und dann schauen wir uns Kaffeefarben an. Damit Brown interessant war. Das hellbraune. Sehr praktisches Werkzeug. Klicken Sie einfach auf die Farbe, die Sie mögen, und sie füllt sie für Sie aus. Ich suche immer noch nach Marken. Als Ideen zum Einfärben unserer endgültigen Darstellung unseres Logos. Dieses Braun hier war interessant. Dann habe ich nach hellbraunem gesucht. Mach es leichter. War danach auf der Suche nach einem helleren Gelb. Gelb dort, und dann habe ich es heller gemacht. Das ist unsere Farbpalette für unsere endgültige Idee, die wir auf das Zeichenbrett gesprungen sind. Ihr Jungs Umschalttaste und bewegt sie um zehn Pixel nach unten. Diese ähnliche Zeit hier. Dann lasst uns jetzt Farbdesign. Sie müssen also nur auf das Design doppelklicken. Nehmen Sie erneut den Farbwähler und wählen Sie die gewünschte Farbe aus. Helle Farbe für das Cover. Und das versuche ich auch, dass das Sunset Cafe hier eine kleine Grenze macht. Wie Sie das so weit wie möglich sehen können, haben wir versucht, unsere Logokriterien zu gestalten, was einfach, einprägsam und vielseitig bedeutet. Sie können die Farben ändern wenn Sie es auf T-Shirts legen möchten. Und hoffentlich zeitlos, wie die Sonne im Laufe der Zeit gleich bleiben wird, auch in vielen Jahren, wenn wir nach oben schauen. Ich danke dir vielmals. Bitte legen Sie Ihre Logos in den Projektabschnitt dieser Klasse ein und wir können es uns ansehen und uns gegenseitig Feedback geben. Und wenn Sie auch Fragen haben, sie einfach im Kommentarbereich und ich werde Ihnen antworten, nur um den Kurs interaktiv zu gestalten. Wir sehen uns im Fazit. Wir sehen uns bald. 6. Schlussbemerkung: Alles klar, Leute. Das war's also für heute. Der beste Weg, um besser zu werden, was wir abgedeckt haben , besteht darin, einfach damit herumzuspielen. Hab ein Problem. Verwenden Sie den UX Double Diamond , um ihn zu lösen. Benutze es als Framework. Grundsätzlich können Sie es bei vielen Arten von Problemen verwenden. Das war meine allererste Klasse. Wenn Sie also Feedback dazu haben wie ich es verbessern könnte, lassen Sie es mich bitte wissen. In den Kommentaren. Dma spielt keine Rolle. Jedes Feedback ist willkommen. Wenn Sie möchten, dass ich etwas anderes unterrichte , das technologiebezogen oder prozessbezogen ist. Bitte hinterlassen Sie es auch in den Kommentaren. Ich erstelle gerne einen Kurs zu allen Themen und bis zum nächsten Mal kümmern mich meine Freunde. Sieh.