Transkripte
1. Welcher Kurs behandelt?: Hallo, alle. Dies ist ein Kurs für visuelles Design für Sie. Warum Designer, Web-Designer, Entwickler oder alle Bettler, die gerade ihr Design begonnen haben Jetzt, warum ich diesen Kurs erstellt. Ich habe eine Menge von meinen Schülern gesehen oder keine Miss. Designer sind größere Designer, die immer wieder dieselben Designfehler machen,
und das Gefühl, dass etwas in ihrem Design oder ihren Designs fehlt, sieht sehr erledigt aus. Das ist also das Hauptproblem, das ich in den Schulen zu beseitigen habe. In den Schulen werde ich Ihnen einen großen Teil meines Prozesses zeigen. Meine Techniken, meine Designentscheidungen, warum und wie ich erstelle und formuliere, sind von einem Graustufendesign auf Blockebene bis hin
zu unserem Farb- oder Enddesign konzipiert . Und am Ende, wie ich dieses Design mit mehr Tassen präsentieren, so dass Sie eine Menge von grundlegenden visuellen
Design-Techniken lernen . Sie können in Ihrem Design in Ihren Webdesigns,
in Ihrer mobilen App,
Designs oder sogar im Branding anwenden in Ihrer mobilen App, . Wenn Sie also größer sind, sind Sie ein Entwickler oder Sie sind nur daran interessiert, Ihre
Design-Fähigkeiten zu verbessern . Sie können diese Klasse nehmen und ich hoffe, Sie bald zu sehen und lieben es, Ihr Projekt zu sehen. Es gibt ein Projekt in diesem Glas, das Sie einreichen werden, also lasst uns anfangen und etwas Großartiges entwerfen.
2. Focal jedes Designs: jedes Design der Welt. Es hat jetzt einen Schwerpunkt. Was bedeutet der Schwerpunkt ist, dass, wenn man sich ein Design anschaut, ob es Branding,
Design, ah, ah, Logo-Design ist eine Besuchergarde oder ein Magazin auf jeder Seite auf jedem Abschnitt, auf jedem eine separate Stück off Design, finden
Sie einen Schwerpunkt zu finden. Wenn Sie also zum ersten Mal ein Design sehen, wenn Ihre Augen zum ersten Mal einen Bereich treffen oder Sie anziehen werden, schauen
wir uns den Bereich an, der der Mittelpunkt dieses Designs ist. Also, wenn Sie von upside ah,
von Mais oder einer Zeitschriftenanzeige entwerfen , müssen
Sie das im Hinterkopf behalten, dass, wo Sie Ihre Benutzer zuerst suchen möchten. So wird dieser Artikel der Schwerpunkt Ihres Designs sein. Jetzt, wenn Sie berechnet haben, dass dies ein Schwerpunkt sein wird, wird
alles andere diesen Schwerpunkt unterstützen. Sie werden also alles um diesen Brennpunkt herum entwerfen. Also der Brennpunkt, oder der Mittelwert, den Sie sagen können, dass der Hauptbereich Ihres Designs die Aufmerksamkeit vom
Benutzer zieht , also ist es Hauptzweck, die Aufmerksamkeit vom Benutzer zu ziehen und dann seinen Fluss zu unterstützen. Also, wenn Sie auf eine Sache schauen, als Ihre Augen gehen, um in Richtung der nächsten Sache und
die nächste Sache zu fließen , so ist dies, wie Sie die Grippe aus den Augen von Ihrem Benutzer zu steuern. Das ist also ein sehr wichtiger Tipp im Design. Jetzt sind Sie der Designer und Sie müssen Ihre Benutzeraugen bis zum Brennpunkt und dann
zum nächsten Punkt führen . Also Brennpunkt, dann Zehe den nächsten Brennpunkt und Zehe den dritten Brennpunkt, und so weiter und so weiter. Also eigentlich, was Sie versuchen zu tun, ist, dass Sie Ihren Benutzer Zehe haben wollen, lesen Sie unsere Handlung auf eine bestimmte Weise. Sie möchten, dass der Benutzer die folgenden Schritte ausführen 123, und Sie müssen diese in Ihrem Entwurf definieren. Sie werden Farben verwenden. Sie wollten Leerraum oder negativen Raum verwenden, um die Augen von den Benutzern auf den
Brennpunkt zu lenken , und dann zum nächsten Brennpunkt und dann zum nächsten Buch, Brennpunkt. Es wird also Unterschiede im Brennpunkt geben. Es wird immer nur einen großen Brennpunkt geben, dann der nächste ist ein bisschen,
das man nicht so wichtig sagen kann wie der 1. 1 und dann wird der 3. 1 auch nicht so wichtig sein. Der wichtigste Punkt ist also nur ein Schwerpunkt. Jetzt werde ich Ihnen einige Beispiele zeigen, um unser Konzept zu veranschaulichen. Eso Lassen Sie uns einige Beispiele sehen. Jetzt können Sie sehen, dies ist eine Website und ich fand es auf einer Bar. Starcom Liberal getönt oder ruhig UK Und es geht um die Gewalt, Kopfhörer und Violisten Produkte. Und Sie können sehen, ihren Fokus ist mehr auf dem Bild auf der rechten Seite, wo das Thema hält auf diesem ah Gerät oder variiert dieses Gerät, so dass Sie sehen können, alle Farben sind in orange Stein und nur Sie können sehen, dass das Schwarz ist die Kopfhörer sind in schwarz. So gehen sie dorthin zeigen die Wichtigkeit auf der linken Seite. Sie können sehen, die Überschrift ist auf der linken Seite. Das Vertrauen, tragbare Musik hervorzuheben. Also, wenn ich zum ersten Mal auf diese Seite schaue, ist
das erste, was ich sehe, dieses Bild. Dann sehe ich diese Überschrift. Und dann sehe ich diese tragbare Musik. Also alle diese sind auf der linken und der rechten Seite Produkte. Und das sind tragende Elemente. Sie sind nicht so groß. Sie sind nördlich, so bunt, wie diese Bilder. So entwerfen Sie tatsächlich den Fokus um etwas, damit Sie hier sehen können. Der Schwerpunkt liegt auf diesem Text. Es gibt also eine Menge Leerraum um ihn herum, und der Laster Space wird etwas Fokus erzeugen. Hier drüben. Dies ist der Zweck des Kampfes Raum. Hier können
Sie sehen, dass sie ihr Produkt nur ein Produkt hervorheben und den blassen Hintergrund und viel Leerraum oder negativen Raum, wie wir es nennen. Und Sie können hier sehen, haben wir auf dem Knopf. Das geht so wie dieser. Siehst du. Und für So ist dies, wie dies die Schwerpunktschritte auf. So bewegen sich unsere Augen auf den Fuß. Also lassen Sie uns ein weiteres Beispiel sehen Hier können Sie sehen, dass der Fokus auf diesem Produktbild wieder ist als dieses. Bio, dunkle Schokolade Also, in etwa vier und fünf Sekunden, werde
ich wissen, dass es sich um Bio-Schokolade handelt und es ist ah, 100% biologisch oder so etwas. Also hier wieder, können
Sie eine große Verwendung off Farben sehen, nur die Überschrift Produkt und Shop. Also nicht zu viel Unordnung, viel Platz für Frau. Und das ist ein großartiges Beispiel. Ein anderer ist dieser Streifen und das ist neuer Standard in Online-Zahlungen, Online-Zahlungssystem. Und auch hier liegt
der mittlere Fokus auf dieser Rubrik. Also, wenn ich Sie zuerst auf diese Seite kommen, werde
ich mir diese ansehen. Dann werde ich den Mangel der Mitarbeiter an Lager,
Kunst und andere Dinge sehen . Dann ist auch dieser eine sehr wichtig oder ihn, so dass Sie die ganze Seite hier auf dieser
Farbe sehen können . Der Bildschirm ist völlig anders als all dies. Der Hintergrund ist also blau. Alles ist weiß und blau. Nur diese erstellen Konto ist grün. Dies wird also Call to Action Button genannt. Und deshalb ist es im Grunde der Schwerpunkt hier drüben. Also ein und 21 und so bewegen Sie Ihr Auge von dieser Überschrift Zehe diesen Knopf. Okay, das ist Walmart. Ein weiteres Beispiel Hier können
Sie sehen, der Fokus liegt in diesem Jahr hier drüben. Und auch diese größeren Bilder. Ich bin mir nicht sicher, warum sie die Balkenfarbe entfernt haben. Wenn wir also nach unten gehen, können
Sie sehen, dass diese Leiste im Grunde der wichtigste Mittelpunkt dieser Website ist. Ich wünsche mir wirklich, dass
sie selbst in diesem Zustand einen vollen Balken hier drüben haben sollten, um ihn vom Rest der Abschnitte zu trennen. Eso kann es leicht sein. Ähm, Sie können sagen, einfach Klicken Sie mit den Augen und gepflückt von den Augen und als nächstes sehen wir diesen. Okay, das ist
also eine Produktseite von Elektronik Samsung und Sie können hören oder hören hören. Der grundlegende Hauptschwerpunkt ist der Samsung-Bildschirm, weil er gefärbt ist und eine Menge von
Farben haben . Dann auf der rechten Seite ist dies die größte 112 und drei. Das sind also die drei prominentesten Dinge. Dies ist am meisten römisch und dann ist dies die zweithäufigste. Dies ist eine müde, prominenteste. So werden Sie entwerfen und ah,
Sie wissen, ich führe die Augen von Ihren Benutzern. Nein, lass uns ein paar von den,
ähm,
Branding-Designs sehen ähm, . Jetzt können Sie sehen, hier haben wir Dieses Logo ist am prominentesten Overhead. Und diese eine Düne hat nicht geführt und ah, gehen Stone Guide. So etwas. Ich bin mir nicht sicher, was das sind? Aber Sie können hier auf dem Logo zu sehen ist der wichtigste Teil hier und dann diese Überschrift. Also bin ich mir nicht sicher, was das ist, aber es sieht toll aus. Sehen wir uns diese Beispiele an. Hier haben wir eine weitere Design-Branding Bewegung. Grafiken entstehen, und Sie können hier auf dieser Seite sehen, der Schwerpunkt ist dieses Bild, und dann die nächste, Ihre Augen werden in Richtung dieser Überschrift zu bewegen. So werden wir uns also beziehen. Die Frau wird die Welt wieder aufbauen. Also denke ich, dass es hier um Frauen und die störende Frau geht. So etwas. Auch hier haben
wir wieder so etwas hier. Das erste, was ist dies Das Wichtigste ist, dass es sich der humanitären Revolution angeschlossen hat, und das nächste ist dieses Bild. So können Sie sehen. Ähm, das ist hier am prominentesten, weil die Farben zu dunkel sind und das ist ein bisschen hell , wie eine gemeinsame Farbe im Bild. So funktioniert das Ding. Als Nächstes. Siehst du noch einen? Sperren Sie den Sturm ein. Seltsam. Und Sie können sehen, dies ist eine Art von Magazin und wieder können Sie hier sehen, wir haben verschiedene Arrangements für Bilder und Layout, aber das erste, was Sie bemerken werden, ist dieser Inhalt weiter. Glaube ich, dass es zufrieden ist? Vielleicht auf und ich denke, es ist Französisch, also verstehe ich nicht viel, aber so verwenden Sie Fokuspunkte in Ihrem Design. In ähnlicher Weise können Sie
hier sehen, das wichtigste ist dieses Bild, weil es viel Leerraum um es herum hat, und dann wieder, die Bilder haben viele Farben. Dann ist das nächste, was Sie bei diesem Design bemerken, diese Überschrift Overhead. Das ist also sehr wichtig. Die 3. 1 ist der Schnee-Ziege und sehen, das
sind die drei prominentesten Dinge hier drüben. Auch können
Sie sehen oder hören Bild sehr prominent und der Text ähnlich hier drüben, diese sind im Inneren prominent. Das erste, was Sie Artie Überschriften bemerken werden, so dass ist, wie Sie den Brennpunkt verwenden und diese Zehe verwenden. Betonen Sie und führen Sie Ihre Benutzer Augen und geben Sie einige Dinge wichtig und größer als die anderen Dinge. 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
3. Linie, Kurven und Formen im Design verwenden: was sie entworfen wurden, um in dieser Welt zu sehen. Sie sind alle aus Linien, ein paar Kurven und Formen, grundlegende Schiffe gemacht. Wenn Sie also anfangen, etwas zu zeichnen oder etwas zu entwerfen, werden
Sie die Grundformen,
die Kurven und die Linie verwenden . So Linie ist im Grunde gerade Linie von einem Punkt zu einem anderen Punkt. Kurven sind ein bisschen gekrümmt oder abgewinkelt, oder so etwas, und Formen sind im Grunde Rechteck, Dreieck Sterne und ah Ihre, ah, Kreis oder Lippen. Das sind also all die Dinge, die es gibt. Sie werden sie in Ihren Entwürfen verwenden, um Ihr Design so zu verbessern, wie Sie es haben. Sie können sie auf verschiedene Arten verwenden. Ich werde Ihnen viele Beispiele zeigen. Lassen Sie uns einige mehr über diese Linien, Kurven und Formen sehen. Jetzt gibt es noch etwas mehr über diese Linien und Formen. Also, wenn Sie für Kinder Unternehmen Ihre Kinderkleidung oder zweimal Marke entwerfen, dann die Linien, die Sie in Ihren Designs verwenden werden. Sie werden nicht sehr gerade sein und viele Ecken haben, so dass die Formen und Linien werden entsprechend Ihrem Logo-Branding und dem
Team von Ihrem Design geändert werden Also, zum Beispiel, wenn Sie Ihr Design basierend auf diesen drei Schlüsselwörtern wie Stärke, Freiheit und Morgan, was denken Sie, werden Sie verwenden? Werden Sie Overs verwenden sind Ellipsen oder Sie werden sehr gerade Brett-Linien
oder so etwas verwenden ? So ist es, wie Sie gehen Zehenform Ihre Designs, so mit verschiedenen Formen basierend auf Ihrem Team und auch sie können in einer Menge von
verschiedenen Arten verwendet werden . Ich werde Ihnen verschiedene Beispiele zeigen, also öffnen Sie Ihre Gedanken über die Verwendung dieser Linien und Formen in Ihren Entwürfen. Also lassen Sie uns einige der Beispiele sehen. Dies ist eine gestreifte Website. Wir haben es in früheren Beispielen gesehen und Sie können über ihn sehen, dass wir hier eine Form haben. Dies ist Bill Typ Form um diese auch die Gebotsart für die Verwendung hier. Dann haben wir hier abgerundete Rechtecke und Sie können sehen, dies ist nur Rechtecke können in vielen Formen hier
gesehen werden , oder Sie können auf der rechten Seite diesen Mangel dort sehen. Aber es ist auch abgerundete Ecken. Dieses tun und all diese Bilder verwenden sie abgerundete Ecken. Das ist also im Grunde das ganze Team. Sie verwenden viel Unrecht in diesem Design. Wenn Sie hier drüben sehen,können
Sie sehen, dass dies auch eine andere Form ist. Wenn Sie hier drüben sehen, Dies ist eine Linie, die um diesen Header schräg ist Dieser blaue Bereich, es ist nicht sehr quadratisch. Also benutzen sie es, um hier etwas Interesse zu schaffen. Das ist also eine weitere Verwendung außerhalb der Linien. Abgeschrägte Linie. Und wenn wir hier rüber gehen, können
Sie hier wieder sehen. Sie werden eine Zeile eine separate ihre Zeile wieder und über tiefer hier sehen, um Ihnen einige der
Dinge wie Symbole hier zu zeigen . Ellipse wieder haben wir die schräge Linie, Dieser Abschnitt Sie können sehen, wie sie verschiedene Formen verwenden. Dies ist also im Grunde eine schräge Linie, die verschiedene Abschnitte macht. Waren wieder unten hier drüben. Eine separate Zeile für trennen diese von diesem unteren ein wieder eine 10 Zeile zwischen einer 10 Zeile quer und Sie können sehen, ob ich hier zu bewegen. Diese Schaltfläche hat wieder die gleiche Ecke, die gleichen Formen. Sie sind Illustrationen haben auch abgerundete Ecken. Sie können sehen, dass sie nicht quadratisch sind. So ist das ganze Team aufgebaut. Also haben sie das aufgenommen und es auf dort angewendet, alles für alle Elemente entworfen. Okay, also hier Walmart kannst du sehen oder hören. Die Linien sind nicht sehr kurvig. Das ist geradeaus. Dann wieder, das ist gerade Linie. Dies ist gerade Schnitt gerade Linie, um diesen Abschnitt zu betonen. Wir sind hier. Sie können hier sehen, wir haben wieder. Ähm, lass mich es dir zeigen. Dies ist ein abgerundeter Knopf, gerade Linie Separator hier drüben. Diese 10 Zeile können Sie hier wieder sehen. Das sind ein bisschen ein bisschen langweilig Linien und ah, wieder, eine 10 Linie. Wenn wir darauf klicken, wird
es in Boulder oben. Auch. Sie können diese Übereinstimmungen mit der Spitze hier sehen. Sie können diese solche Bar sehen, und dieser Stil ist fast der gleiche. Und so formst du dein Design. Mit verschiedenen Formen, Linien. Es gibt viele Verwendungen off-line. Okay, also dieses, äh, dieses Projekt ist dein völlig anderes ist Wohltätigkeitsorganisation für Kinder, denke
ich. Und hier können Sie sehen, die Linien sind einfach ganz anders. Die vier Stile, die Linien hinter ihnen, gepunktete Linien, sie sehen aus wie jetzt, hier
drüben. Sie können sehen, ob Sie ich genau hinschaue diese Ah, unterstreichen Sie jeden Link, den Sie sehen können. Es ist ein sehr Marker, Andrea. Markierungsgesteuerte Linien. Das war's. Sieht so aus, als hätte ein Kind eine Linie darunter gelegt. In ähnlicher
Weise verwenden sie hier Kurvenkurvenlinien. Linien, die Zehe schaffen Interesse. Also das ist wieder können Sie gebürstete Linie auf diesem ganzen Bereich der Entdeckungslinie sehen. Also, um etwas Interesse zu schaffen, so wieder können Sie 100 Ecken,
kurvige Linien,
eine Form,
harte Form sehen kurvige Linien, eine Form, . Es wird wieder, zweimal oder dreimal, in diesem Design verwendet. Und so ist dieses ganze Design verdammt, also kannst
du auch die Form davon sehen. Sie können die gleiche Form von diesem Sofa sehen. Es ist fast ähnlich wie diese Lasten. So ist es, wie sie verschiedene Elemente im Design wieder verwendet haben, ist eine weitere Website Um sehr 10 Zeilen wurden hier in verschiedenen Abschnitten üblich. Lassen Sie mich Ihnen hier drüben zeigen. 10 Linien, 10 Linien, 10 Linien zu verbergen, was hier in der Kopfzeile abgerundete rechteckige Pille geformt wie bar
Glockenform Knopf. Und Sie können sehen, wie das klang. Rundheit kommt von diesem Logo. Sie können ihr Paket sehen. Es hat alles anders. Eine abgerundete Rechtecke wieder zusammen gemacht. Diese Symbole sind auch es auf die gleiche Weise beschränkt, die ich viel habe. Sie haben eine Menge von abgerundeten Ecken, sehr 10 Linien. Also 10 Zeilen sind im Grunde ihr Team. Sie verwenden sehr schlanke 10 Linien, sogar in den Tasten, die Sie hier sehen können. Brasilien ist undicht. Ich bin mir nicht sicher, welche Sprache das ist. Ich denke, es ist poliert und ah, eine Menge off line. Viel off line, viel off line hier wieder in den Kopf auf dem Foto,
man kann sehen, ob man hier genau hinschaut. Es gibt eine sehr dünne Linie, die die Trennung zwischen diesen beiden Linien trennt und dies ein Rechteck bildet die Verschüttungsform. Das dient zur Unterstützung. So ist das ganze Design. Lass uns noch einen sehen. Es ist sehr neueste Design jede Liebe dies auf und hier haben sie einige Formen verwendet, die ich wirklich liebe, so können Sie sehen, wie sie einige Interesse geschaffen haben. Das sind also gewellte Linien. BlueWave hier haben wir whitewave hier haben wir eine Sternform abgerundetes Raumschiff und es sieht wirklich genial aus. Lassen Sie uns ein paar weitere Beispiele sehen, damit es okay ist. So können Sie hier sehen, dass sie Rückgänge haben. Das ganze Team hat also eine Menge Techniklinien. Sie können hier sehen. Hier drüben, dieses Land hat mehr Knopf Niedergang als wieder hier drüben. Dies ist ein großer Rückgang mit dem Rückgang mit dem Rückgang und dies ist begonnen Linie. Das ist also, wie diese Linien gerade in diesem Design entstehen. In ähnlicher Weise können
Sie sehen oder hören. Dies ist ein mobiles App-Design und diese sehr kleinen, einfachen Linien, die sie schaffen eine Menge von Leerraum und schaffen in nur in diesem Design eine Linie, um drei Linien für fünf und eine gekrümmte Linie hier über. Dies ist die Kurvenform. Es wird verwendet, um etwas Interesse zu schaffen, weil das gesamte Design sehr zerquetscht ist. So erstellen Sie jemanden nur Sie haben diese Landlinie verwendet und es sieht wirklich toll aus. Es ist von einer Abgabe oder lassen Sie Ihre Liebsten tun. Ich benutze ihre Seiten, um diese Designs zu zeigen. Also habe ich mir jeden Kredit besorgt, damit du hier drüben ähnlich sehen kannst, hier
drüben ist das von mehreren Besitzern. Ich bin früher gegangen und einige Agenturen. Ähnlich, diese hier ist von diesem Kerl. Carol, sie Horn. Okay, das ist
also aus Mika Park, und hier können Sie sehen, dass dieses Design völlig anders ist. Die Formen aus den Pinselstrichen wurden hier verwendet, Pinselstriche Platte und ah, das ist, wie dieses ganze Team erstellt wurde. So können Sie sehen, dass ich wirklich liebe, wie dieses Pinselbürsten in nur diesem ganzen obersten
Kopf des Bereichs entsteht . Also denke ich,
das sind , viele Beispiele,die Sie jetzt gesehen haben. Und wenn Sie Fragen dazu mit Linien und Formen haben und wie es
in Ihr Team passen wird , können
Sie mir jede Frage darüber stellen. Gehen wir zum nächsten Hören.
4. Farben und Design des Designs: das größte Problem, das ich in einer Menge von unerfahrenen Designern gesehen habe. Eine größere große nie Designer ist, wie man Farbe Saudia verwendet. Sie wissen nicht, wie man Farben in ihren Entwürfen verwendet, also sprechen sie nur bis zu zufälligen Farben oder drei zufällige Farben und versuchen, sie zu mischen und
sie für verschiedene Elemente auf ihren Designs zu verwenden . Das ist also das größte Band, das ich ihnen geben werde. Für den Anfang sind Notizen oder Bigness Store. Versuchen Sie, mehr als zwei Farben in Ihrem Design zu verwenden, also werde ich Ihnen viele Techniken zeigen. Wie Sie Ihr Farbschema zu bauen und ein wenig groß. Ein Problem ist, dass die meisten amerikanischen Designer, vor allem die großen Metal Notice Designer, sie wissen nicht, dass Farben nicht unabhängig sind. beispielsweise Wenn Siebeispielsweisenur blaue oder violette Farbe verwenden, bedeutet
dies nicht, dass sie unabhängig sind. Sie haben Zehe gut zusammen aussehen, also müssen Sie sie kombinieren. Und das gilt nicht für jede Farbe. Jede Farbe kann nicht mit einer anderen Farbe kombiniert werden. Es gibt also einige Regeln. Es gibt einige Farben, die gut zusammen passen. Einige Mörder gehen nicht zu gut zusammen. Zum Beispiel, wenn Sie an den Strand gehen, sehen
Sie ein bestimmtes Team in Grüns, Salons und Blues, und der Sand ist ein bisschen gelb oder grau Alter, so
etwas. Das ist also ein ganzes Team. Das ist natürliche Farbe
, was Gott sowieso erschaffen hat. Die Regel ist, die ich gesehen und verwendet habe, ist, dass 60% drei Farben verwenden. Wenn Sie einen Mörder haben, wird für den Hintergrund verwendet werden. 60% als 30% ist die zweite reguläre, die in verschiedenen Bereichen außerhalb Ihrer Website verwendet werden, und 10% ist die S und Farbe sind eine andere Farbe, die wird sparsam oder sehr weniger in Ihrem Design verwendet werden. Das ist also die Regel von den Menschen, die Innenarchitekten sind. Sie verwenden diese Regel für Farbschema,
so dass, wenn Sie Ihre Bälle ausstehen, werden
sie 60% der gleichen Farbe sein. Das wird viel in Ihrem Zimmer sein als 30%. Könnte die bisher in Ihrem Zimmer und das Bett in Ihrem Zimmer und 10% ist die gelbe. Zum Beispiel, Wenn Sie gelbe Kissen auf Ihren Betten haben, sie werden als Ausmaß Farbe oder handeln 10% Farbe. So werden sie ihr Farbschema aufbauen. Wenn Sie sich also meine Folie ansehen, können
Sie sehen, wie viele Farben ich verwendet habe. Ich habe gerade benutzt, um Mörder zu tun. Dies ist eine lila schwarze schwarze Farbe, Richtige Gletscher, Taschenbuch ular. Und oben sieht
man, das ist der Blücher, weiß und schwarz. Sie sind nicht im Grunde Farben, die sie nicht sind. Sie können sehen, dass sie nicht im riesigen sind. Sie sind einfach keine Farbe und ah Ali Farbe. So wird dieses Farbschema gebaut. Außerdem können
Sie an der Unterseite sehen, wo Sie gesehen haben, dass Ihre Entwürfe vereinbart Awesome. Von Mohammed s und Parise. Das ist mein Name. Und es ist auch Ah, es aus. Du kannst hier bläulich-grauer Calero sagen. Dies ist also ein Dies wird aus der gleichen diese blaue Farbe erzeugt. So wurde dieses Farbschema generiert. Eine weitere Sache ist, dass es Zweck aus jeder Farbe in Ihren Farbschemata. Wenn Sie also sehr Haifischfarben verwenden, können sie als Ihre Knöpfe verwendet werden. Sie können als die fähigen Elemente verwendet werden oder bekommen Aufmerksamkeit von Ihrem Benutzer. Dann können Sie eine andere Farbe verwenden. Zum Beispiel, sind stumpf blaue Farbe, wie Sie sehen können. Was hier? 30%. Sie können das in einigen bestimmten Bereichen außerhalb Ihrer entworfen wie obere Leiste und obere
Navigationsleiste verwenden. Vielleicht. Und dann haben wir britische Kampffarbe so etwas, das ich für den
Hintergrund verwenden werde . So können Sie Ihr Farbschema erstellen? Ich habe dieses Beispiel hier gezeigt. Sie können sehen. Okay, jetzt der letzte Tipp und das ist die meisten importierten Tipp. Der wichtigste Tipp ist, dass beginnen, ohne Farben zu entwerfen. Sie werden die Farben am Ende hinzufügen. So habe ich so entworfen, wie viele Designer entwerfen und das ist der richtige Weg. Also, was Sie tun werden, ist, dass Sie erstellen in Ihrem Design verwenden, und am Ende, nur eine ex eckig wie Sie sehen können, was hier diese gelbe Cholera verwendet haben. So wird dieses Gelb verwendet werden für sind die Tasten sind alle aktiven Bereiche aus Ihrem Design oder interaktive Bereiche aus Ihrem Design und andere werden verwenden, um verschiedene Abschnitte
und verschiedene Farben in Ihrem Design zu definieren und alle anderen diese Graue sie sind gehen toe zeigen eine andere Bereiche von Abschnitten aus Ihrem Design. Zum Beispiel, dieses graue Ich werde für das Logo dieses graue Ich werde für Text oder Schande verwenden,
gehen, um diese Begeisterung, gehen Toby Körper Text, und dies wird als meine Hintergrundfarbe handeln. Versuchen Sie also, Ihr Design mit Grau zu beginnen, entwerfen Sie einfach in verschiedenen Grautönen und dann in der nächsten Iteration. Adv auf Farbe dazu. So werden Sie eine Farbe als die 2. 1 hinzufügen und sie werden
wie ein tolles Design aussehen . Also werde ich Ihnen viele Beispiele in der nächsten Lektion zeigen. Also lassen Sie uns weitermachen und einige von den Beispielen Zehe sehen. Holen Sie sich die Idee von dieser
Farbe, Farbe,
5. Farb- und Themenbeispiele: lassen Sie uns einige Beispiele für die Sicherungen aus Farbe sehen und wie es verwendet werden kann. Sie können nur wenige Farben wie zwei Killer verwenden, und erstellen Sie Ihre oder Design. Dies ist also eine Zielseite, die ich kürzlich für einen Kunden erstellt habe. Und Sie können hier sehen, dass ich nur ein paar Linien und ein paar Schatten und Blau verwendet habe, und das ist fast schwarz Alarm. Dies sind also die nur zwei Farben, die die wichtigsten Killer sind, die überall in diesem Design verwendet werden . Also dieses Grau hier drüben, kann
man sehen, es ist auch eine große blaue Variation von der gleichen Nukulare. Alles hier und dann, wenn ich es nach oben schiebe, können
Sie sehen, dass dies der zweite Abschnitt wieder ist. Die sind ein bisschen blass blau. Das war ein bisschen können Sie sehen Aufmerksamkeit Grabber acht Jahre Abschnitt von diesem Design. Dann haben wir das hier. Das ist wieder blau und schwarz, blau und schwarz. Das sind nur noch ein paar weitere Farben, die ich gerade daraus wieder erstellt habe. Dieses Blau und ich haben einige der Tricks in meinen anderen Kursen gezeigt, wie man
verschiedene Farben aus den gleichen Farben zu erstellen , die gehen gut zusammen und Ah,
und das ist der einzige Abschnitt, in dem ich diese Farben verwendet habe. Und dann, wenn wir wieder hier rüber gehen, schwarzer Knopf, das sind andere Kunden. Und am Ende sieht
man hier auf den Linken wieder die blauen Farben, diese Hintergründe. Sie sind auch blass, graublau. Das ganze Team benutzt also nur blaue und schwarze zwei Farben, ein paar Zeilen, paar Schatten, und sie sind aufgelöst. So können Sie ein Bedürfnis und sauberes Design erstellen, ohne zu viele Farben zu verwenden. Hier ist ein weiteres Beispiel, das ich auf 99 Design-Wettbewerb erstellt und ich war in der Finalist. Aber leider wollte
ich diesen Wettbewerb nicht. Okay, hier können Sie wieder sehen. Ich benutze dieses Grau und Blau, so dass Sie dieses ganze Team Augen mit diesem Cree und blauen Farben sehen können, nichts anderes. So können Sie sehen, wie ich Ah,
sehr schlankes Design erstellt habe , indem Sie nur Single verwenden, können Sie zwei Mörder sagen. So ist alles im Hintergrund blau oder schwarz und nur einzelne x Knöchel. Das ist also die wichtigste Farbe hier drüben. Sie können sehen, dass ich diese Farbe von hier ausgewählt habe. Sie können sehen, ob Sie sich das Logo ansehen. Dies ist, wie Sie die Ideen wieder zu bekommen. Sie können das lokale dafür sehen und Sie können dieses weiterentwickelte Telefon sehen. Sie sind passende Kleidung ihrer ganz nah. So bekommen wir Ideen und schaffen fantastisch aussehende Designs wieder, können
Sie hier sehen, diese ah Traum traditionellen Tabakgeschmack. Es hat etwas Textur drauf. Also habe ich etwas Textur verwendet, Babe im Hintergrund, die gleichen Farben, die Sie hier sehen können. Ich wählte für den Rücken aus Arbeit und diesen Bildschirm, den ich für mentalen Geschmack nur Zehe getrennt, dass sonst alles andere blau ist und dieses Blau von ihrer Marke kommt. Sie können Traum 1.8 sehen und so habe ich diese ganze Design- und Kundenbewertung erstellt. Wie dieses Design haben sie mich fast zweimal angerufen. Selbst nach diesem Wettbewerb Waas endete, sagte
er, dass ich dieses Design wirklich geliebt habe und ich bin leider auf dem tatsächlichen Kunden, der auf den CEO von diesem Unternehmen wählen
würde. Er hat das am Ende nicht ausgewählt, aber die Agentur, für die ich entworfen habe, liebt diese Idee wirklich. Wie auch immer, lassen Sie uns ein anderes Beispiel sehen. Okay, also das ist ein weiteres Beispiel, das,
äh,
ein weiterer Wettbewerb aus meinen 99 Entwürfen dot com ist äh, . Und die sind sehr alt. Und leider habe ich in diesem wieder nicht gewonnen. Ich war im Finale, aber ich meinte nicht, wie Sie hier sehen können. Ich benutze nur lila Farbe und große und schwarze für Glamour, weil es,
ah,
Bush blowing bar ist ah, . Und Sie können hier sehen, dass ich gerade diese Farbgönner benutzt habe. Ich habe Ihnen einige Gönner, einige Hintergründe, einige Schattenlinien, um verschiedene Abschnitte und Bereiche zu betonen. Und hier können Sie wieder sehen, die
Hervorhebungsfarbe ist lila und umgekehrt die Farben. Diese andere Technik habe ich euch in meinen anderen Entwürfen gezeigt, dass wir hier die Farben umkehren und hier haben wir die tatsächlichen Mörder. Es war das Farbschema. So habe ich dieses ganze Team geschaffen. Lassen Sie uns einige weitere Beispiele von anderen Designern sehen, weil ich denke, dass ich nur ein normaler
Designer bin . Meine Arbeit ist nicht so gut, Also lassen Sie uns sehen, einige erfahrene und mehr Erfahrung Designer als ich. Also hier haben wir jampp dot com. Dies ist eine andere Website. Ich liebe diese Mörder wirklich, weil das sind meine Lieblingsfarben. Violett Entschuldigung, Purple. Kein Lila. Ich mag diese Dunkelblau sind Blues und Orangen. Also das sind zwei meiner Lieblingsfarben und Sie können sehen, wie sie es verwendet haben. Top Line lila als diese lila Formen hier drüben, die blauen Formen und ah, so wird die Hure Design verwendet. Diese beiden Mörder in ihren all ihre Illustrationen und einige Schattierungen aus, dass dafür ein
Feuerzeug ist . Blau ist das gleiche hellere Blau von diesem dunkleren Broker. Ich liebe diese Website wirklich. Das ist erstklassig und wir lieben dieses Design. Sehr einfach, sehr schlank. Nur zwei Farben und verschiedene Schattierungen aus, dass diese veröffentlichen blau. Das ist also dunkler. Dies ist leichter Spaß auf diesem ist wieder diese große,
große beliebte gräuliche blaue Farbe oder hier, so dass Sie sehen können, mit einfach tun Farben. Sie können fantastische Designs erstellen, die Sie nicht benötigen, wie drei, vier oder fünf Farben. Dies ist so lassen Sie uns ein weiteres Beispiel sehen. Ich liebe diesen hier wirklich. Es ist von Denny Petty und der Titel ist Hunde sollten hübsch sein. Und ich liebe das wirklich. Wie er hier drüben verschiedene Weiden benutzt hat. Der Start blau diese prominente blau auf dem Lager auf schwarz Ein wenig hier und ich liebe wirklich wie diese die Dinge wurden hier mit einigen hellblauen Farbe unter
ihnen hervorgehoben . Ah, und ah, das ist eine große Verwendung von einem einfachen Farbschema, um Ihr ganzes Design zu verbessern, so dass Sie sehen können genau das ist ihre primäre oder Akzentfarbe. Dies ist eine blaue Farbe, die für die hervorgehobenen oder selektiven oder interaktiven
Abschnitte dieses Entwurfs verwendet wird. Dieses hellblaue wird verwendet, um einige Bereiche hervorzuheben, die sind, können
Sie sagen, betonte Bereiche, und dies sind wieder Links. Hier drüben. Diese sind wieder blau. Also liebe ich dieses Design wirklich. Lassen Sie mich Ihnen noch ein Haar zeigen. Sie sind mit nur zwei Farben der Bildschirm und das Meer auf dem Sand, blaue Farbe matt blau und die schwarze Zehe Ende Haus diese Farben und Sie können diese sehen. Gibt es wieder verschiedene Illustrationen in der Abbildung. Sie sehen nur zwei Farben hier drüben, Zehe tun Farben zu Farben, und das ist alles, damit Sie sehen können, wie sie verschiedene Farben verwenden, um hervorzuheben, wie Jobs. Wir verstecken uns, also wenn wir hier rüber klicken. Mal sehen, wie ihre Jobspaten hier aufgelistet sind. Also wieder offene Jobs. Sie können hier sehen, sie haben diese Bill C auf blauer Farbe und ah, ich habe dieses Mal wirklich geliebt. Dies ist sehr mutig, sehr einzigartig auf dieser Plakette Farbe und auf der Oberseite des schwarzen mit dem Bildschirm sieht
wirklich toll aus . Das sind also ein paar Beispiele, die ich euch zeigen wollte. Ich hoffe, Sie haben diese Lektion geliebt und stimmen Sie den Ideen zu, wie Sie verschiedene Farben verwenden können . Ein weiterer Tipp ist, dass, wenn Sie einen helleren Hintergrund haben,
versuchen Sie, dunklere Farben oben auf dieser Zehe zu verwenden, erhalten Sie einen Kontrast, wie Sie sehen können, was hier. Und wenn Sie dunklere Hintergründe haben, können
Sie hier sehen, dass wir dunklere Hintergründe haben. Sie verwenden hellere Farben darauf. Das ist also ein sehr grundsätzlich, aber ich habe viele Designer gesehen, die es falsch machen. Gehen wir also zur nächsten Lektion über. Diese Lektionen werden sehr länger, aber ich hoffe, Sie werden ah,
viele Verbesserungen in Ihren Designs bekommen , indem Sie sich diese Beispiele ansehen und wie ich
Ihnen erklären . Wenn Sie Fragen haben, die Sie mir stellen müssen, fahren
wir mit der nächsten Lektion fort
6. Typefaces Tipps und Tricks verwenden: Lassen Sie uns nun über die thailändischen Gesichter und die Kraft sprechen, die Sie in Ihrem Design verwenden. Sie haben, ah, eine sehr wichtige Regel. Sie spielen eine sehr wichtige Rolle in Ihren Entwürfen. Jetzt viele Designer,
ich denke, sie verstehen nicht, dass Eat Die Phase hat Hits eigenes Weiss, oder man kann sagen, es ist eigener Ton oder eigenes Team oder Persönlichkeit. Wenn Sie also versuchen, eine Schriftart zu verwenden,
versuchen Sie, sie mit dem Team und der Persönlichkeit Ihres Designs zu kombinieren. Also, wenn Sie für Kinder die Kraft entwerfen, werden
Sie ihre gehen, um dieses Team passen zu verwenden. Also mal sehen, was gibt es jetzt mehr in den Schriften? Der erste Tipp, den ich den Neulingen oder allen Designern geben, ist mit einem oder maximal zwei
Schriftarten Schublade beginnen . Versuchen Sie, drei oder vier Schriften zu verwenden und versuchen, sie zu mischen Also eine Schrift versuchen, die
eine Schriftart auszuwählen , die viele andere Stile wie Open Sands oder Roberto Roberto haben, wie vielleicht 30 40. Es ist eine sehr große Familie, und Sie können verschiedene Stile kombinieren und ein schönes Design erstellen. In ähnlicher Weise
versuchen Sie, zwei verschiedene Schriftarten zu verwenden Zehe bekommen Kontrast jetzt können Sie in meinem Design sehen. Hier können Sie sehen, ich habe Rakitic Vorwärtsgesicht verwendet, das ist für die Überschrift und eine andere, die sehr schlank,
sehr schlank und sehr groß ist . So können Sie sehen, dass sie es sind. Sie bekommen einen gewissen Kontrast zwischen ihnen. Ebenso müssen
sie, wenn Sie versuchen, einige Schriftarten zu verwenden, wenn Sie versuchen, einige Schriftarten zu verwenden,einen gewissen Kontrast aufweisen. Also gibt es einen ganzen Kurs von mir über diese Schrift oder Typografie. Nun, die zweite Dip, die ich meinen Designern geben, ist, dass versuchen, nur eine Fort Face-Familie
zu verwenden oder versuchen , nur zwei Schriften zu verwenden. Versuchen Sie also nicht, wie drei oder vier zu mischen, weil sie schwer zu handhaben und zu kontrollieren sind. Soll ich das Gesicht sehen? Zum Beispiel, wenn Sie Roberto oder eine andere ähnliche Schrift verwenden, können
Sie sehen, dass es viele verschiedene Stile hat. Wenn man sich Roberto anschaut, gibt es Roberto, Roberto, Condensed und Roberto. Ich denke, einige Court Stil tiefsten gibt es wie 30 oder 40 verschiedene Kraft und Stile in Andhra Grenze Tiefest Second Dip ist, dass versucht, zwei verschiedene I Gesichter zu verwenden, um einen
Kontrast zu bekommen . So kann der Kontrast auf viele verschiedene Arten wie nehmen und 10 und viel verwendet werden. Ich gehe die Zehe. Es gibt einen weiteren Vortrag in der nächsten Lektion über den nächsten Abschnitt über den Kontrast. Also werden wir über ihre über den Kontrast sprechen, damit Sie San Serifen- und
Serifenformen machen können . Die Kraft, die einige Strichlinien an den Ecken haben, befindet
sich unten von ihnen. So werden Sie anfangen, einige Schriftarten zu verwenden. Von Zwerg Sache ist, dass jeder vier Stil hat seinen eigenen Zweck. Also, wenn Sie wollen ich Gesicht für Überschriften verwenden, werden
Sie die gleiche Größe und das gleiche Fort für alle Überschriften in Ihren Designs . Wenn Sie einen Ford für Körperdext oder den Text in Ihrem Design auf dem kleinen
Text verwenden , verwenden
Sie das gleiche Bindegesicht für den gesamten Körpertext in Ihrem Design. Das ist also ein sehr großes Band. Versuchen Sie, Ihre Kraft zu beheben und versuchen, ihnen Zweck zu geben, dass dies für die Überschrift ist. Dies ist für den Textkörper. Dies ist für Schaltflächen. Okay, also die Magie, wo die Magie in Ihren Schriften passieren wird, ist es. Die Magie ist in der Skala verborgen. Skala ist im Grunde Größe oder der Kontrast. Wie viel der Kontrast ist da? So Maßstab ist, dass, zum Beispiel, Ich habe sehr kleine Fort für meine dext und dann habe ich sehr große Fort für großes Telefon für meine Überschrift. Also werden sie eine Menge von Kontrast haben und es wird Zehe schaffen eine Menge von Interessen wie Sie in meinen D-Folien sehen oder hören können. Was ich versuche zu tun ist, ich bin mit einem sehr 10 Ford mit einem sehr nehmen Form, die kühner schwarzes Telefon ist. So können Sie sehen, dies sind verschiedene Stile, die ich gezeigt habe. Ich denke, das ist ein Bordeaux Ford 10 normal, mittel, fett und schwarz. Versuchen Sie also, so viel Kontrast wie möglich zu verwenden, dünn und schwarz. Sie werden eine Menge Kontrast haben. In ähnlicher Weise können
Sie den Kontrast verwenden, indem Sie es eine sehr große Überschrift Für, wie ,
diese können
Sie in all meinen diese Folien sehen, die ich benutze sehr große, sehr helle Farbe für diese Überschrift und sehr dünnes und kleines Telefon für meine Texte oder hier. So ist, wie Sie gehen, um die Magie zu verwenden ist tatsächlich in der Skala verborgen bedeuten wie Sie den einen Text sehr größer und einen sehr kleineren Fonds sehr Boulder und nahm eine sehr Zinn. So wirst du das in diesen Tagen tun. Wir entwerfen viel für mobile APS, mobile Bildschirme und kleinere Bildschirme. Und es gibt eine Menge aus für verschiedene Anzahl von Bildschirmen, verschiedene Größen von Bildschirmen, Schreiben auf Halterungen, kleine Größen und dann mittelgroße Geräte, dann große Geräte wie Desktop sehr große DVS und So etwas. Denken Sie also daran, dass jeder tiefste nicht auf kleineren Bildschirmen auf kleineren Bildschirmen arbeiten wird . Es gibt verschiedene Schriftarten, die für kleinere Bildschirme auf und
Handgeräte ausgelegt sind, und Sie können sehen, dass sie auf diesen Bildschirmen besser funktionieren. Also, bevor Sie ein Telefon kaufen oder irgendeine Kraft anwenden, gibt es immer Informationen auf dieser Website. Oder versuchen Sie, das für auf Ihrem mobilen Bildschirm zu testen und versuchen Sie zu sehen, dass 14 Pixel oder 16 Pixel 18 Pixel vier Größe ist es lesbar aussehen? Sieht es lesbar aus. Und können Sie verschiedene Buchstaben erkennen? So werden Sie Ihr Defizit auswählen. So gibt es viele Faktoren bei der Auswahl von Typhus ist, aber das ist einer von ihnen Nun, warum denken Sie, dass Roboto von Android verwendet wird und San Francisco von Apple-Geräten verwendet wird? Dies ist der gleiche Grund, warum sie ihre eigenen Abwehrkräfte entwickelt haben, die auf ihren
Geräten gut aussehen und lesbar,
unleserlich sind . Und das ist, warum, wenn unser System für Android Roberto und Apple-Geräte Ihre San
Francisco jetzt in der nächsten Lektion ist , werden
wir einige der Beispiele sehen, dass, wie die Auswahl von Typhus wird zu verbessern und ex Erstellen Sie fantastisch aussehende Designs. Also lassen Sie uns einige der Beispiele sehen.
7. Beispiele für die Verwendung von Schriftarten im in: Sehen wir uns nun einige Beispiele an. Und das ist das erste Beispiel von G sie und das ist auf Bihar. Beginnen Sie jetzt und Sie können sehen, wie das ich denke, das ist Ah, Design-Agentur. Und es gibt Projekte Profil und allgemein. Und Sie können sehen, wie sie diese sehr einzigartige Schrift verwenden. Und Sie können sehen, es ist es sah so aus, dass es verwendet wird. Es wird von ah uh Carter Nachbar Pen geschrieben und tragen Grafik Ben. So etwas wie das. Und Sie können sehen, wie sie nur zwei Farben verwendet haben und diese die Tarife zu betonen und ihren Stil. Hier können Sie auch die gleiche Schrift sehen, gleiche Zeit Gesicht gleiche Schrift auf Levante I Gesicht in diesem ganzen Design verwendet, und Sie können sehen,
es sieht toll aus. So ist es, wie Sie der Farbstoff Gesichter Auswahl oder sterben für die Auswahl kann Ihr Design verbessern. Also schauen wir uns noch einen hier an. Sie können sehen, dies ist ein Rezept oben, denke
ich, und Sie können hier sehen, gibt es aufgrund von Gewalt. Ich denke, das ist das Gleiche. Dies ist eine sehr mutige Version und das ist normal. Ich glaube, ich glaube, sie sehen gleich aus. Sehen wir uns das Alte an. Okay, also hier haben wir diese beiden Kraft auf sie suchen erstellen Sehr nehmen Überschrift mit einigen großen Stil und Sie können hier sehen, visuelle Kern, neue nähren Sie können sehen, dieses Telefon ist sehr abgerundet und es ist empfindlich Und das ist eine traurige Tag für so dass sie zusammen aussehen hier wieder erstellen können Sie San Serif und Serif Gefühl sehen, dass, wenn es im Grunde haben einige Enden wie diese und sehr dicke Kugeln Sie Ihre hier
auf dem Schwanz aus sehen können Warum? Es gibt einen kleinen Ball und sie suchen erstellen So ist dies unter Design und hier ist man wieder sehen
Sie Sie sind mit sehr con Treuhänder oder sehr genommen denken und transformiert, wie Sie in der Spitze für die größere sehen
können Die Überschrift vier Es gibt eine Menge von Kontrast zwischen verschiedenen Linien. Es ist auch ein Handy und Sie können in der Unterposition hier sehen, wo es geschrieben Oscar Wilde. Es ist eine traurige reformierte und es ist ein Humanist, denke
ich Humanise Ford. Hier ist ein weiteres Beispiel hier. Sie können sehen, sehr übernehmen Sie hier, so dass Sie den Unterschied in der Skala sehen können. Das ist sehr groß. Das ist sehr klein und das ist sehr zu nehmen. Das ist sehr 10. So wird es Interesse an Ihrem Design schaffen, so dass Sie sehen können, nur um
Gesichter zu sterben ein sehr großes, sehr klein. Und sie sehen zusammen großartig aus. Ebenso ist
dies ein weiteres Projekt Berlin und ich liebe diese Vierte wirklich, das ist wieder, denke
ich. Ah, Übergangs-Ford. Ich denke, ich erinnere mich nicht an alles, aber ich denke, es hängt mehr davon ab,
ähm, ähm, deinen Sinn aus der passenden Kraft
schaffst. So müssen Sie nicht alle vier Stile lernen und sich erinnern. Aber Sie können hier drüben sehen, die zu erzwingen ist San Serif und einer selbst. Also die Spitze darauf sagte, wenn der untere ist empfindlich und es ist mehr von geometrischen Fort, Sie werden darüber lernen. Es basiert auf einfachen Schiffen und das ist im Grunde suchen sie zusammen erstellen. Also, wenn Sie sich ihre ansehen, ist dies ihre App. So können Sie sehen, wie diese beiden Telefone zusammen erstellen werden. Dies wird für die Überschrift verwendet. Also der Zweck von diesem Telefon der Stopp eins ist Überschrift der untere ist der Text. Das ist also, wie die ganze AB diese Zwangsarbeit benutzt. Und ich hoffe, Sie haben diese Lektion genossen. Also, äh, lasst uns zum nächsten gehen.
8. Richtige Verwendung von White in UI-Design: Wenn Sie ein großartiger Designer sein wollen, gibt es noch eine Sache, die Sie in Ihr Design setzen müssen. Das ist viel außerhalb des weißen Raums. Wenn Sie also den Leerraum oder negativen Raum verwenden, wo nichts geschrieben ist, wird
es Ihre Designs viel verbessern. Abstand zwischen den Elementen und der Abstand zwischen den Elementen vertikal und horizontal werden
beide für Ihren Leerraum funktionieren. Also, wenn Sie ein guter Designer sein wollen, sind
Sie jeden Tag, Wort oder alltägliche Zeile sollte sein. Ich benutze überall Leerraum. Okay, also das ist eine Sache, die du im Hinterkopf behalten musst. Ich habe eine Menge von größeren Designern gesehen, die Angst davor haben, Leerraum so viel zu verwenden. Sie versuchten Zehenwirbel, ihre Design-Elemente auf der Seite eine große, so dass sie versuchen, sie zusammen zu drücken. So stellen Sie sicher, dass Sie eine gute Menge aus Leerraum verwenden werden. Warum brauchen wir Leerraum? Weißer Raum tatsächlich geschmorte Dinge schaffen? Nummer eins ist die Betonung. Jetzt können Sie auf dieser ganzen Folie sehen. Ich habe eine Menge Kämpfe Platz und sehr weniger Inhalt, so können Sie den ganzen Fokus sehen und die ganze Betonung liegt in der Mitte in diesem
Textbereich , wo ich geschrieben habe. So betonen die Leere,
Räume, die Fuß gehen, was gefangen wird oder innerhalb dieses Kampfes Raum. Also, wenn etwas ein Bild oder etwas viel Leerraum hat, es ein negativer Raum, wie es genannt wird. Dann wird es sehr prominent in Ihrem Design sein. Zweite Sache ist, dass es geht Zehe produzieren Effekt aus Schlankheit und sauberes Design, und es wird später zu entfernen. Also habe ich viele Designer gesehen, vor allem Großartigkeit, dass sie versucht haben, nur Text und verschiedene Elemente zufällig auf ihre Kunsttafel zu setzen und die nicht wissen,
wie man vor allem Großartigkeit,
dass sie versucht haben, nur Text und verschiedene Elemente zufällig auf ihre Kunsttafel zu setzen und
die nicht wissen,
wie manunsere Abstände
ausbalanciert zwischen verschiedenen Elementen. Also, in meinem Kurs Typografie für Designer und Entwickler, habe ich über diesen vertikalen Rhythmus gesprochen, in dem Sie Ihr gesamtes Design basierend auf verschiedenen Leerzeichen, verschiedenen lebenswichtigen Schritten, so wird es sehr berechnet werden, und es basiert auf Wissenschaft und Mathematik außer Kunst. Deshalb habe ich gesagt, dass Design vor allem Wissenschaft und Mathematik statt Kunst ist, weil wir viele Berechnungen darin verwenden. Lassen Sie mich Ihnen ein paar Beispiele zeigen und Sie können hier drüben sehen. Hier ist eines meiner Entwürfe und Sie können sehen, warum ich viel Platz in diesem Bereich gelassen habe so dass Sie dieses Bild sehen können. Sorry, Dieses Video, es wird eine Menge Betonung haben, weil es eine Menge von weißen Raum auf der rechten Seite auf der linken Seite. Und auch hier drüben kann
man sehen, die Überschrift ist Ah, viele haben viel Eisraum darüber. So lesen Sie oben, links und rechts, es wird Betonung zu bekommen. Und ah, so wird es passieren. Also, ähm, hier in diesem Abschnitt, können
Sie sehen, dass wir viel Leerraum
links, rechts,
unten und oben haben links, rechts, . Stellen Sie also sicher, dass der Abstand konsistent ist. Wenn Sie also
100 Pixel oder 100 Punkte Abstand zwischen diesen beiden Abschnitten haben ,
halten Sie das überall gleich. , Okay, also 100. Wenn Sie 100 an der Unterseite haben, stellen Sie sicher, dass es immer 100 oder so etwas ist. So stellen Sie sicher, dass Sie Abstände in verschiedenen Elementen zwischen verschiedenen Elementen sind. Es wird konsequent sein. Okay, hier ist ein weiteres Beispiel. In diesem Design können
Sie sehen, dass ich nur Leerzeichen verwende. Wenige Linien Zehe getrennt, verschiedene Abschnitte. So können Sie hier in diesem Abschnitt sehen, warum es sehr prominent ist, weil es viel außerhalb
Hintergrund-Leerraum hat . Ah, Laster Space bedeutet nicht buchstäblich, dass es weiß sein muss. Es kann jede Farbe sein, aber Sie können sehen, dass dieser Bereich dominant ist. Also, wenn du auf diesem ganzen Abschnitt siehst, habe ich die Spitze betrachtet, die du hier drüben sehen kannst. Vmc. Es ist nicht so prominent dieser auch Ah, viel weißen Raum an der Spitze. Sie können auf der linken und auf der rechten Seite sehen. Das ist also ein prominenter, also zuerst wirst du es dir ansehen. Dann werden Sie sich dieses Formular ansehen, weil aus dieser Schaltfläche hervorgehobene Schaltfläche. Das ist also auch eine andere Technik. Sie können Leerräume verwenden, um die Augen Ihrer Benutzer hervorzuheben oder zu lenken. Und hier ist ein weiterer Abschnitt, den Sie sehen können, dass diese Abschnitte getrennt sind, aber sie sind nur mit unterschiedlichen Abständen getrennt, so dass Sie sehen können, dass der Abstand zwischen diesen beiden Abschnitten zu viel ist. Es bedeutet also, dass jetzt der neue Abschnitt dieser Website wieder gestartet wurde. Der neue Abschnitt und viel Platz und es ist im Einklang mit diesem Raum. Also dieser Raum ist gleich Zehe Saudi Ah, dieser Ort und das ist das Ende. So siehst du hier drüben wieder viel Weißraum über diesem Fußbereich. Und wenn Sie versuchen, diesen Text an der Grenze von diesem zu quetschen, wird
es nicht sehr schön aussehen und es wird überladen aussehen. Also bedenken Sie das. So verwende ich den Abstand zwischen Elementen. Außerdem können
Sie sehen, dass der horizontale Abstand und die Zerstörung ist auch gut. Hier sehen Sie unkonzerte Stint,
horizontale Abstände zwischen diesen vier Elementen. Hier sehen Sie unkonzerte Stint, So verwenden Sie den Abstand Leerraum Zehe. Holen Sie sich Ihre Entwürfe in Haus. Lassen Sie uns ein paar weitere Beispiele sehen und dies ist ein perfektes Beispiel. Von der Ehefrau Raumnutzung. Sie können sehen, es ist eine Republik Medien. Es ist in London ansässige digitale Agentur und Sie können sehen, wie ihre ganze Seite wurde
Logo hier entworfen . Einige Links hier drüben, und der ganze Schwerpunkt liegt auf diesem Abschnitt. So gibt es viel Leerraum um diesen Abschnitt tatsächlich Betonung. Und dieses Design sieht gut aus. Also lasst uns sehen, wie sie ihre anderen Seiten angelegt haben. Sie können hier sehen, wir haben wieder viel Leerraum rund um das Thema. Tolles Design Wieder. Viel Leerraum und eine ganze Betonung auf diesem Bereich ist dieser Abschnitt. Ich liebe diese Website wirklich. Okay, Okay, also schauen wir uns ein weiteres Beispiel an. Hier haben wir ein anderes Beispiel. Es ist signifikant. Und es ist von all diesen Designern ein Teambuch, das ich wirklich liebe, wenn viele Designer wieder zusammen, weil es das kreativste Design ist. Okay, hier können Sie sehen, lassen Sie mich es Ihnen zeigen. Okay, hier können Sie sehen, ob ich da runtergehe. OK, das ist
also ihre Produktseite. Wählen Sie die Menge aus, und Sie können sehen, wie viel Leerraum sie verwendet haben. So wird es einen modernen Look,
einen schlanken Look und einen Stock Look schaffen . So können Sie sehen, dass Sie hier eine Menge Leerraum sind, nur ein Produkt als die Menge auf Lager. Und ah, nur dieser Stepper und Wächter. In ähnlicher Weise, wenn Sie sich diesen Bereich ansehen. Interaktiv beginnt. Sie können sehen, dass es viele Lücken zwischen verschiedenen Elementen gibt. Eine Menge Weißraum-Nutzung können Sie hier in diesem Bereich sehen, Della Lamb. Sie können sehen, wie viel Platz sie zwischen dieser Bewertung und dem Namen des Rezensenten und dieser Startbewertung haben. So haben Sie Leerraum zwischen verschiedenen Elementen verwendet. Und hier können
Sie wieder sehen, wie viel Platz sie oben haben. Also, ähm, These, wie Sie die Idee von verschiedenen Designs bekommen, dass, wie sie Leerraum so
wieder verwenden oder einige Dem-Linien und viel Leerraum hören, um diese ganze Tabelle für Gesetz zu erstellen Bestellungen. Und das ist, wie diese Designer Arbeitsbereich ähnlich verwenden, ist das in dieser Asana-Website? Ich sehe eine Menge weißen Raum, den Sie oben hier und dann wieder sehen können,
diesen Abschnitt hier drüben, bevor Sie mit diesem,
ähm,
GF Bild Geschenk für GF oder was auch immer beginnen ähm, . Okay, also wieder, Sie können hier in diesem Abschnitt sehen, Sie sehen viel Leerraum, wo der nächste Abschnitt wieder auftaucht. Viel Leerraum wieder Eine Menge Erfahrung und es ist konsistent. Sie können sehen, es ist fast gleich oben und unten. Viel Leerraum. Ich liebe diese Website wirklich. Asana ist ein großartiges Tool und diese Website hat ein tolles Design. Also noch eine. Das ist würzig, kein würziger Punkt com, und Sie können sehen, wie diese ganze Website wurde viel von weißen Raum angelegt. Okay, wenn wir versuchen, darauf zu klicken. Lexie. Viel Leerraum. Der ganze Schwerpunkt liegt auf diesem Bereich, der das nahe ist. Sehen Sie ein anderes Beispiel. Hier ist ein weiteres Beispiel. Es ist vier Heimat und Familie bekannt für ihre Erfahrung oder was auch immer. Wenn Sie darauf klicken, werden
Sie wieder viel Arbeitsraum sehen. Es wird immer noch geladen. Ich denke, das Aussehen schaltet es aus. Ich hoffe, Sie haben industriell, wie der weiße Raum wird eine Menge Betonung zu schaffen. Wenn Sie eine Menge Text oder Lord off Elemente auf Ihrer Seite haben, wird
es überladen. Also fragen Sie Ihre Kunden, die versuchen, Ah zu minimieren, all den Inhalt, damit wir es gut aussehen können. Das ist alles, was Sie sehen können, wenn Sie sich hier ansehen, wie viel Inhalt wir haben, nur kleine Überschrift drei Zeilen aus Text, was,glaube
ich,
nicht mehr als eine lange Zeile ist glaube
ich, . Ebensohier
drüben, hier
drüben, nur ein Zitat von einem Kunden und, wie 434 Großkunden und dann mehr Kunden sehen. Wenn Sie sie wieder sehen wollen, können
Sie sehen, sie zeigen ihre wenigen Ah, neue und bemerkenswerte, einschließlich Timeline, und Sie können hier wieder sehen, der Inhalt ist sehr weniger, weil der menschliche Geist, es kann verbrauchen weniger Inhalt leicht anstatt viel Inhalt. Das ist also auch Frau der menschlichen Psychologie. Ich denke, dieser Vortrag wird sehr länger Wenn Sie
also Fragen haben, die Sie mir stellen müssen, gehen
wir zum nächsten Hören.
9. Block: Wann immer jemand sein Haus oder ein Gebäude baut, was tun sie zuerst, beginnen Sie es sofort zu bauen, oder sie beginnen mit dem Entwurf oder der Karte von diesem Entwurf. Also der erste Schritt und dies ist ein sehr wichtiger Tipp in Ihrem Design-Träger, dass, wenn Sie Design beginnen, Dr beginnt mit seiner Blaupause, es ist Drahtrahmen. Es ist ein Block-Level-Design. Ich nannte es ein Block-Level-Design, weil ich Ihnen am Beispiel zeigen werde, wie es aussieht Und dies ist der größte Tipp, der Ihr Design verbessern kann. . Beginnen Sie nicht mit Ihrem Design, indem Sie die gesamte Textur und alle Bilder auf Ihre Leinwand legen. Aber beginnen Sie mit dem Block-Level-Design und wenn Sie damit beginnen können, mit großen Graustufen mit nur Grau- und Schwarztönen, das wäre großartig. Lassen Sie mich Ihnen am Ende dieser Lektion ein Beispiel zeigen, was das eigentlich bedeutet und wie wir es jetzt bauen werden. Die Technik hinter der Erstellung dieses Block-Level-Design ist, dass wir nur
verschiedene einfache Schiffe erstellen und ah, wir werden sie auf den Bereichen platzieren, wo wir einige Inhalte setzen werden. Zum Beispiel, wenn ich ah, soziale wie app oder so etwas oder Registrierung app, Ich weiß, dass es, wie vier oder fünf Ängste und ein evitar Bild von dieser Person, oder vielleicht einen Knopf über dort. Also werde ich Fuß gehen, verschiedene Formen für diese Elemente
erstellen und einfach diese Formen dort drüben in
verschiedene Hervorhebungsebene setzen . Also zeige ich Ihnen hier drüben ein Beispiel. Und lasst uns sehen, wie ich diese Blockebene erstellt habe, indem ich ein anderes in ein
kleines Design zeige . Nun, hier können Sie sehen, dass ich mit diesem Layout ein Block-Level-Design erstellt habe. Also, eigentlich, ich unternehme diesen hier. Ich bin mir nicht sicher, wer das Design ist, weil ich denke, dass ich das gerade gesammelt habe? Vielleicht jemand von Dribble irgendein Ganzes. Wer auch immer der Designer ist, es ist ein gutes Design. Und bevor du so etwas anfängst, kannst
du hier drüben sehen, ich habe ein paar Elemente hier drüben in Blockschiffen gesteckt. So mit Form Rechteck, Asari, Ellipsenform oder Kreisform für die sieben. Unser Bild diese größere, kühnere Linie für Überschrift als diese beiden Zeilen für Text diese beiden Zeilen für mehr Text und so wird
dies tot sein. Das wird an der Zeit sein. Und das sind zwei Links. So können Sie sehen, wie ich das erschaffen habe. Sie können auch in 18 erstellen, nur mit Chris Kate. Und so, wenn du kannst, verwende ich einfach einen dunkleren Schwarzton oder höre so etwas und benutzte weißen Hintergrund. kannst du auch tun. Also habe ich nur ein paar Farben verwendet. Nur Zeh machen es und Sie können sagen, interessant. Aber ich riet, dass Sie zuerst versuchen, nur Graustufen zu verwenden. Also werde ich Ihnen eine Website-Ressource zeigen, wo Sie viele
Block-Level-Designs finden und von der So lassen Sie mich zeigen, dass Website. Das ist also eine Website, die Sie als Schirmherr Hub dot com genannt wird. Und wenn Sie hier stöbern, können
Sie sehen, ob ich auf diese Seite gehe, wie diese. Sie alle sehen diese Block-Level-Designs hier drüben. Also, wenn Sie auf ein Design klicken, können Sie hier sehen, ist die Blockebene Bild O R Version von ihm . Und hier können Sie die echte Version oder entworfene Version sehen, die so Block und Design Block und Design Also dies ist, wo Sie gehen, um Ihr Design zu beginnen, so dass Sie sehen
können hier ist es es. Stellen Sie außerdem sicher, dass dies diese vielen Elemente dieser vielen Inhaltsabschnitte sind, die in
Ihrem Design vorhanden sind . So wird es Zehe Hilfe. Sie sollten sie besser organisieren, besser eine neue oder gutmütige heraus erstellen, und Sie wissen vielleicht, wo die Schaltfläche ist. Zum Beispiel, wie dieser, gibt es einen Knopf. Also lassen Sie uns ein paar weitere Beispiele wie dieses sehen. Okay, damit du hier drüben sehen kannst. Dies ist ein sehr einfaches Block-Level-Design, und dies ist das endgültige Design. Also, wenn Sie versuchen, dieses Block-Level-Design zu verwenden, wird
es Ihnen helfen, eine Menge beim Auslegen und Erstellen von einfachen und großartig aussehenden Designs. Das ist also alles für diese Lektion. Versuchen Sie, mit dem Block-Level-Design zu beginnen und versuchen Sie, einfach Skalen zu erstellen, wie Sie
hier sehen können . Sie verwenden nur grasen verschiedene Schattierungen von Grauen. Zu den wichtigsten Dingen gehören Dinge wie diese. Sie sind, ah, ein bisschen grauer oder so etwas. Sofort. Ich denke, er benutzt diese Stark eine große für Text, obwohl es leichter ist oder hier. Wie auch immer, das ist seine Interpretation oder hart und Vorbereitung. - Ich weiß es nicht. Sie können hier einen anderen Gönner sehen. Ideale, App. Und so werden all diese Gönner verwendet. Also der größte Weg aus dieser Lektion ist, mit der entworfenen Blockebene
zu beginnen, wird Ihre Entwürfe viel verbessern. Wenn Sie Fragen haben, fragen
Sie mich. Gehen wir zum nächsten Hören.
10. Designideen erzeugen: wann immer Sie ein Design auf dem ersten, was Sie in Gorder gehen, beginnen, ist dieser schwarze Raum in Ihrem Kopf. Sie sind nicht in der Lage, Ideen zu generieren. Also, wie Zehe verschiedene Ideen zu bekommen? Ich werde Ihnen verschiedene Wege zeigen. Ich habe viel darüber nachgedacht, und ich habe auch ein Buch darüber gelesen. Ein Bestechungsgeld von Alan Lipman. Okay, jedenfalls, das erste, was Sie tun müssen, ist ein Papier und einen Bleistift zu holen. Egal, ob es sich um mobile App, Design, lokales Design oder ein Layout handelt, das Sie skizzieren oder irgendetwas, versuchen Sie es
nicht. Zeh, äh, hab Angst davor. Sie können nicht zeichnen, wenn Sie nicht Bleistifte und Papier verwenden können. Geh einfach da raus, hol dir einen Bleistift und ein Papier
und fange an, deine Layouts zu zeichnen, deine Ideen und das ist der erste Schritt. OK, also werde ich Ihnen ein paar Techniken zeigen, auf denen Harto verschiedene Ideen aus einer Idee generieren kann. Okay, also lasst uns dazu kommen. Nachdem Sie mit Stift und Bleistift fertig sind, werden
Sie ein Moodboard erstellen oder Inspirationen sammeln. Also, bevor Sie mit jedem Design beginnen, müssen Sie einige Ideen von anderen Designs bekommen. Das ist also ein weiterer Schritt für die Mood Boards. Sie können eine Website namens Nice Start com verwenden. Ich werde Ihnen nur einen Blick davon zeigen. Okay, hier können Sie sehen, dass dies ein Stimmungsbrett ist, das ich Ihnen zuvor in den vorherigen
Lektionen gezeigt habe . So will ich, dass dieses Projekt zerstört wird. Ich will so einen Ford Stil wie diesen. Ich möchte einige vorgestellte Artikel wie dieses. Ich kann nicht. Das ist der Fußbereich. Das sind die Farben, die ich will. So möchte ich, dass ein Knopf aussieht. Und ich liebe diesen Purpur- und Blues-Anteil wirklich. Das ist also die Richtung, in die ich gehen will. Also, bevor Sie beginnen jedes Projekt versucht, ein Stimmungsbrett,
Skizzen,
Skizzen zu erstellen Skizzen, , können Sie auch erstellen umfasst Skizzen in diesem. Jedenfalls gibt es andere Dinge, wie Markenwerte. Was? welche Richtung Sie gehen, Ob Ihre Markenwerte aufmerksam,
zuverlässig,
kreativ oder was auch immer sein werden zuverlässig, . Es wird lustig, ernst, einfach in der Lage oder Vertrauen für das so etwas. So wird Ihr Design widerspiegeln, dass auch, hier haben wir eine weitere Dragline aus dem Geschäft. Wir helfen kleinen Unternehmen dabei, mit uns zu krähen. Also das ist sowieso eine andere Sache, also so wirst du eine mehr Boardtoe erstellen, das Team von deinem Design
abholen? Der größte Fehler, den ich viele Designer gesehen habe, die sie machen, ist, dass sie nicht versuchen jemanden
anzuheuern oder sie versuchen nicht, sich mit jemandem zu beraten. Also, wenn Sie ein Design beginnen, wenn Sie gehen, um Ideen Grenze von einem Geist zu bekommen. Versuchen Sie also, sich im Kopf zu leihen. Du kannst deine Frau fragen. Sie können Ihren Freund Zeh fragen, gehen Sie auf, bekommen, sitzen Sie mit Ihnen und Gehirn Storm auf einige Ideen, können
Sie ihre Ideen,
ihre Meinungen zu bekommen . Also ein Geist, zwei Köpfe sind besser als ein Geist. Also, wenn Sie jemanden einschließen, Ihren Vater, Mutter, Ihr Warum für jedermann, auch sie sind nicht mit Design verwandt, können Sie sie hinzufügen, weil Sie für die
ultimativen Benutzer die Menschen um Sie herum entwerfen . Versuchen Sie also, sich mit Ihren Kindern zu beraten. Sind deine Töchter oder deine Freunde, dass Was denkst du darüber? Was ist deine Idee? Versuchen Sie, es zu zeichnen, damit es Ihnen immer hilft, mehr Ideen zu bekommen. Und in ihrer Technik ist Mind Mapping Liste von Ideen. Also, zum Beispiel, wenn ich unsere Kinderkleidung erschaffe, können
Sie Logo oder Branding sagen. Was ich also versuchen werde, ist und mit welchen Richtungen ich gehen kann. Auf der linken Seite können
Sie sehen, dass ich das Gefühl von der Kleidung des Kindes habe, so dass Kinder sehr zart sind und wie Blumen. Also werde ich versuchen, das Gefühl von Komfort,
Pflege und Besonderes zu nutzen . Also diese kunstvollen Schlüsselwörter, die verwendet werden können, um mehr Ideen zu bekommen. Auf der anderen Seite, wenn ich auf die Zeichnung gehen, zum Beispiel, wenn ich sehe, dass Kinder normalerweise Dravid sehr unregelmäßige Linien, ihre Formen sind sehr auf die meist gezogenen Menschen über ihre Familie über die verschiedenen niedliche Tiere. Außerdem können
wir verschiedene Blumen zeichnen. Eso all diese Konzepte können verwendet werden, um die Branding-Ideen für die Kleidung dieses Kindes zu bekommen, so dass Sie auch in viele Richtungen gehen können. Sie können mehr Nords erstellen, wie wir hier zeichnen und fühlen. Wenn du etwas anderes hast, wie oder vielleicht Prinzessin. Zum Beispiel, wenn Sie für Mädchen,
Gehirn oder kleine Kinder entwerfen , können
Sie so etwas zu Prinzessin und Prinz gehen. Vielleicht ist das eine andere Richtung. So ist es, wie Sie Männer meine Mindmap Liste von Ideen und generieren verschiedene Skizzen und Designs auf diese Ideen. Also, wenn Sie diese zeichnen, gehen
Sie zu Fuß. Arbeite einfach an einem oder wenigen von ihnen, um die Richtung zu bekommen. Also, um die Richtung festzulegen, können Sie nur eine aus ihnen auswählen, um sie zu entfernen. Also fangen Sie Ihre Ideen an, okay? Jetzt gibt es eine Idee, die ich viel darüber nachgedacht habe, und das ist, wie Zehe mehrere Bereiche aus einem einzigen Bereich erzeugen. So, zum Beispiel, Ich habe dieses Logo dieser Tropfen wie zum Beispiel, sparen Wasser Fasten, das ich tun kann, ist, was ich damit tun kann. Ich kann es entweder drehen. Ich kann dieses Symbol drücken. Ich kann kombinieren und verschiedene Symbole damit. Zum Beispiel kann
ich eine Hand mit dem Symbol kombinieren, damit es sagt, dass es sicher Wasser spart, oder ich kann die Grippe
in Ordnung zeigen, ähm, ähm,darin. Okay, also gibt es und mehrere Ideen. Aber was Sie tun werden, ist, dass Sie gehen, um eine einfache Form oder einzelne Idee zu nehmen und versuchen, alle diese verschiedenen Effekte auf sie anders anzuwenden. Du versuchst, es zu drehen. Sie versuchen, es zu duplizieren. Sie versuchen, es zu multiplizieren. Dein Versuch, den Zeh zu verdrehen. Du versuchst, es zu fließen. Du versuchst, es zu dehnen. Sie versuchen, verschiedene Abschnitte davon zu verbergen, und Sie versuchen, sie mit verschiedenen,
mehr Formen oder einer anderen Idee zu kombinieren . Zum Beispiel ist
man Wasser, wenn es sicher ist, so sparen Sie eine Hand zeigen können. Sie können den Graben eines Kindes zeigen, dass der Wassertropfen in seinen Mund tropft. So etwas wie das. So kreieren Sie verschiedene Ideen. Versuchen Sie Zehe, beginnen Sie von einer einzigen Idee und versuchen Sie, all diese verschiedenen Dinge darauf anzuwenden, und Sie werden eine Menge Ideen haben.
11. Beispiele für Ideen erzeugen: Nein. Ich werde Ihnen alles erklären, was Sie damit gelernt haben. Nur eine einfache Idee. Also, was ich hier getan habe, ist,
dass ich zum Beispiel ein Logo für die Wohnungsgesellschaft
entwerfe oder vielleicht einige Immobilien, es und okay, damit du unten sehen kannst, wenn du was siehst? Hier. Ich habe ein paar Ideen gemappt Haus und Haus. Ah,
ich, dass es ein Nest sein könnte, weil auf die Idee des Vogels zu gehen, es könnte ein Gebäude oder eine Wohnung sein, und es könnte ein Zelt sein, in dem man leben kann. Und es könnte ein Herz sein, wenn wir ein bisschen alt gehen. Oder vielleicht so etwas. Aus all diesen Ideen
habe ich versucht, verschiedene Skizzen zu machen oder hier Hey, wie Sie sehen können, habe ich Zehe,
ähm,
Dinge kombiniert ähm, . Eine ist dext und eine ist die Form. Also, das ist, was ich sagte, dass versuchen, zwei Dinge zu kombinieren. Also das ist eine Kombination aus auf der linken Seite, Sie können sehen, ich habe multipliziert geschrieben. Also habe ich an Häuser gewöhnt und sie zusammen aussehen
lassen, verbunden mit Bindung oder so etwas. Das ist also multipliziert. Also zwei Häuser, dann haben wir dieses Nest. Sie können hier zwei Bereiche sehen, zwei verschiedene Schiffe und zwei verschiedene Stile. Eines ist dieses Vogelnest, und dieses sieht ein bisschen mehr aus als ein Haus s. Also werde ich diese Idee am Ende verwerfen. Okay, hier haben wir uns verstecken und zeigen verschiedene Bereiche. Das sind zwei Abschnitte. Lassen Sie mich Ihnen diese beiden zeigen, die Sie hier sehen können, ich habe den unteren Teil des Hauses versteckt. Aber man kann nur sehen, wenn man diese Formen ansieht. Dein Verstand wird das vollenden. Dies ist ähnlich zu Hause hier drüben, das ist wieder ich zeige und verstecke einige Bereiche von diesem Haus, Hinzufügen eines mehr an der Spitze. Wir können das am Ende in Adobe Illustrator verfeinern. Irgendwelche andere Software? Okay, also wieder, hier haben wir die Wohnungsideen. Hier haben wir eine Wohnung mit den verschiedenen Fenstern darin,
und hier haben wir eine vereinfachte Wohnung Version. Hier haben wir eine Wohnung mit den verschiedenen Fenstern darin, So können Sie auch einfach kämpfen,
Technik, Zehe, Zehe, vereinfachen verschiedene Formen. Zum Beispiel verwende
ich nur ein Rechteck für die Fenster, anstatt kleinere Rechtecke anzuzeigen, da
dies bei kleineren Größen besser aussehen wird. So generieren Sie mehrere Ideen aus einer einzigen Idee. Hier ist eine Fallstudie. Ich entwarf Logos für diesen Hausschimpanse und Ah, und Sie können den Schimpanse sehen. Alle, obwohl auf dem Schimpanse ist im Grunde Benzie zu erreichen. Ich bin mir nicht sicher, was es eigentlich bedeutet, aber mein Klient sagt, dass wir so etwas wollen. So können Sie hier sehen, ich versuche Zehe kombiniert, um zu formen. Also sparten sie dort im Grunde Geld. Sie können auf den Kauf von Häusern sagen, so dass diese Hausform und dieses Pfund Glanz Währungszeichen ist für das Speichern. Hier ist nur der Umriss Jungfrau und Haare in der Design-Iteration Für diese hier kann
ich sehen, ich drehte es und erstellt unsere Sie können Perspektive sagen,
Perspektive aus, dass. Also hier können Sie sehen, dies ist auch angebracht Haus Fitnessraum und Und diese Bar tatsächlich die grüne oder orange. Es fungiert als Mittellinie außerhalb der Kante. Und dann lassen Sie mich Ihnen noch ein paar Ideen zeigen. Hier können Sie eine andere Idee sehen. Eigentlich mag
ich das nicht, diese linke Seite, die zu viel nach oben geht. Ich denke, es sollte etwas kleiner sein. Wie auch immer, sind zwei weitere Ideen und so sieht es aus. Ah, ähm Wache. Dies sind nur wenige Präsentationen auf. Sie sind wirklich wichtig. Wann immer
Sie präsentieren, werden Sie es so präsentieren. So können Sie verschiedene Ideen bekommen. Dies ist eine kombinierende Methode, die ich hier an einem Haus kombiniert und geformt habe. Das ist eine Perspektive. Ich versuche, es zu drehen, iterierte einen Versuch, einen TV-Effekt oder Perspektive zu erstellen. Blick aus dem Haus Haar ist wieder Kombination aus. Zwei Ideen, verschiedene Ideen. So bekommen Sie verschiedene Ideen. Lassen Sie mich Ihnen hier ein paar weitere Beispiele zeigen. Sie können sehen, dass ich von 99 Entwürfen bekam, und hier können Sie Immobiliengesellschaft sehen. Und wieder multipliziert es mit verschiedenen Multiplikationsformen. Drei Schiffe vermehren wieder zwei verschiedene Seiten von einem Haus, das Ah zeigt, das ist wieder. Ich bin mir nicht sicher, was das ist? Wie auch immer, das sieht aus, fließen zu erstellen. Dies ist eine Bodennutzung in dieser Home-Start-Investorengruppe. Und ah, dann haben wir diese Peterson Hausverwaltung von einem wässrigen entworfen und Sie können wieder sehen. Es ist eine Kombination aus zwei Ideen. Eines ist diese Gebäude und eins ist dieses Haus, das ist wieder Haus. Das ist eine Perspektive. Mehr kannst du wieder sehen. Es wird verwendet, um s und diesen Abschnitt hier drüben zu formen. Das sieht wieder aus wie ein Haus. Multiplizieren. Ich mag es wirklich. Versteckte Bereiche sind die Unterseite. Ich zeige nur die Oberseite aus dem Haus. Und es macht Sinn, dass das Haus ist. Ich mag dieses Logo wirklich. Eigentlich benutze
ich sie von Google. Du kannst s, also bin ich mir nicht sicher, was anders ist. Sie können Autoren aus diesen Designs sagen, aber wirklich gute Designs, nur um Ihnen zu zeigen, was es eigentlich bedeutet. So können Sie verschiedene Ideen bekommen und Sie können mehrere Ideen aus
einer einzigen Idee generieren . Ich hoffe, Sie haben diese Lektion genossen und eine Wache und Court viele Ideen, um einige
aussehende Designs und Ideen auf Logos und Designs zu kreieren . Ich hoffe, Sie haben viel gelernt. Fahren wir mit der nächsten Lektion fort.
12. Toner deines Designs: Jedes Design hat ein Team einen Ton und es gibt eine Richtung, bestimmte Richtung und nicht und Thema aus jedem Design. Egal, ob es sich um ein mobiles App-Design handelt, ob es sich um ein Website-Design oder ein Trendprojekt handelt, Sie müssen sich um den Ton Ihres Designs kümmern. So gibt es viele Töne. Ich habe ein paar von meinen Schülern gesehen, die mich fragen, dass Versuchen Sie, etwas zu schaffen, damit Sie
sehen können , Ihr Design könnte meskalin sein. Femi nine Childish sieht klassisch aus und es kann auch Morgan aussehen, oder es kann gesund aussehen und es kann sportlich aussehen. Das sind also verschiedene Töne aus Ihren Designs. Ich habe darüber auch in meinen Typografiehöfen gesprochen, abgesehen von verschiedenen Stimmen und Tönen aus Ihren Schriften. Jedenfalls werde
ich Ihnen ein paar Techniken zeigen. Es gibt also Stein und es gibt Emotionen. Also, was? Eigentlich reflektiert
Ihr Design, also könnte es inspirierend sein, oder es spiegelt Freiheit wider, oder es ist sehr ernst. Was ist die Emotion? Es ist eine Anzeige für Ihren Kunden oder den Benutzer. Nevada Leach sehen sehr vertrauenswürdig aus. Es spielt eine Rolle. Es zeigt, dass dies eine sehr mächtige Organisation ist. Oh, ist
es sehr lustig oder es ist sehr kreativ. Das sind also verschiedene Reflexionen, die von Ihrem entworfenen kommen. So hängt die Abstimmung Ihres Designs tatsächlich vom Unternehmen und den Benutzern ab. Also, wenn, zum Beispiel, Sie entwerfen für Angriffe Lügner eso Anwälte oder Steuern von Also, was sind die Emotionen oder Wasser, dass Knochen oder was ist die Richtung, in die Sie gehen wollen? Es muss also maskulin sein. Es muss ernsthaftes Design sein. Es muss nur für die und auch es wäre einladend. Zum Beispiel möchte
ich, dass meine Benutzer versuchen, mich zu kontaktieren. Ich möchte also nicht, dass es zu ernst ist, dass sie nicht versuchen, mich zu kontaktieren oder nicht versuchen, mein Formular auszufüllen. Außerdem wollen
wir Autorität zeigen, dass wir dieses Geschäft kennen und wir haben die Macht und wir haben die Nominierung und wir können Ihr Problem lösen. All diese Dinge werden sich also in diesem Design widerspiegeln. Lassen Sie mich Ihnen einige Beispiele zeigen, damit wir diese Ideen besser in unser winziges
Gehirn eindringen können. Nun, das ist ein Beispiel, und Sie können den Ton und das Team aus sehen. Das gesamte Design basiert auf Papier. Also, warum ist das so? Da dieses Plagiat Avenger waas im Grunde ein Plug in und es war eigentlich für
Content-Autoren , und es schützt Inhalte, so dass Sie die Kraft über Haar und das ganze diese Aufkleber
auf verschiedenen Papier verwendet sehen können . Diese Clips auf Sie können diese Step Lear oder Clips sehen. Diese alle zeigen den Inhalt, so dass Sie sehen können, das sind einige weitere Hinweise hier drüben, dass dieses gesamte Design auf Papier basiert. So sind die Content-Autoren in letzter Zeit auf Papier, weil das Recht ihren Inhalt zuerst auf dem Papier, meist und S O, Dies ist das Dies ist mein Design. Ich glaube, es ist alt, aber ich habe es für ein Facebook gemacht und war ein anderer. Sie können ein anderes Design für das gleiche Plagiat in venture sehen Ist dieser hier sehen Wir haben verschiedene Formen und verschiedene Pfeile. Das ist alles handgeschrieben wie kritzelte Kraft. So können Sie sehen, wie sich die ganze Richtung Ihres Designs ändern kann, wenn
das Team und das Logo und alles tot ist. So können Sie sehen, dass ich alle Farben fast ähnliche Farben von hier grün verwende. Dieser Teil polieren oder diese violettrote Farbe auf diesem Brett hier drüben, um etwas Wichtigkeit
oder so etwas zu zeigen . Jedenfalls, das ist ein anderes Design. Lassen Sie mich Ihnen noch eine Anzeige zeigen. Dies ist eine Anzeige für eine abwechslungsreiche US-Gesundheit, und Sie können sehen, wie dieses gesamte Design ausgelegt wurde. Und der Typhus ist, dass sie dich Sommer haben? Das sieht sehr glättet aus. Beeinflussung der Wirbelsäule freundlichen Führer zum Sommer. Das ist also ernst, Sub Bert, und das ist angenehm. Und das Gleiche, was du sehen kannst, wirst du hören. Die Farben sind fast die gleichen von diesem Veritas Health Logo. Und ah, der Bildschlag ist sehr beruhigend. So ist die ganze Richtung ruhig und eine beruhigende Wirkung und vertrauenswürdige Wirkung für den Benutzer. So können Sie sehen, die blaue Farbe initiiert Vertrauen und es wird meist in Vertrauen,
Vertrauen und 50 und so etwas verwendet . Hier ist eines meiner Entwürfe, die ich für einige Kunden gemacht habe und ich denke, ich habe das gewarnt. Ich bin es nicht, ich bin es nicht. Ich erinnere mich nicht, aber ich glaube, ich will diesen Wettbewerb. Wie auch immer, Sie können sehen, dass es um Trader Plaza geht, und das ganze Team ist, äh, sehr schlank dran. Sie können sehen, dass dieses Bild nur verwendet wurde, um den Kontext klar zu machen. Es geht also um Geschäfte oder Investitionen. So können Sie eine Person sehen, die diese Zeitung benutzt, die hier sehr groß geschrieben ist. Und auch wir haben dieses Video hier drüben Stimme das 92. Video und Sie können auch diese vier
Auswahl dieser Art Auswahl sehen . Es ist ernst. So ist es nicht sehr lustig verwandt. Sie können hier drüben sehen. Dies ist das ganze Design, die Richtung aus ihrem Design ist ein bisschen flache Symbole, aber nicht so flach. Aber Sie sehen Klarheit gekleidet und ah, so habe ich dieses ganze Team geschaffen. Grün ist Sicherheit. Also, wenn ich investiere und etwas, das ich vielleicht nach Sicherheit suchen könnte, so
etwas. Sie können sehen, wie dieser ganze Abschnitt angelegt wurde. So können Sie sehen. So habe ich
dieses Ah entworfen,das
ganze Team und die Richtung, die man sehen kann, nur mit diesen beiden Farben Rot und Grün. So habe ich
dieses Ah entworfen, Ah, Orange bedeutet Aufregung und Grün bedeutet Sicherheit. Das ist also, wie diese ganze Seite angelegt wurde, und das ist eine Kreditvergabe. Sie können sehen, dass dieses Design ist völlig anders als andere Designs, die ich Ihnen gezeigt habe es gab textbasierte oder papierbasierte, aber dieses Team ist nicht auf Papier basiert. So ist es, wie diese verschiedenen Richtungen und Emotionen und ah, diese verschiedenen,
ah, ah, Knochen aus Designs, die wir haben, das ist alles für diese Lektion. 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.
13. Skala der Bedeutung in deinem Design: Eine andere Sache, die ich gesehen habe, dass viele Designer falsch gemacht haben,
ist, dass sie nicht wissen, was die Größenordnung von Bedeutung in jedem Design ist? Nein, warum? Dies ist sehr wichtig, weil es verschiedene Dinge gibt, die wichtig sind und die in
verschiedenen Designs unterschiedlich sind . Situationen. Zum Beispiel, in einer Zeitschrift ausgestrahlt, könnte
die Wichtigkeit dem Hauptthema gegeben werden, oder vielleicht die Hauptidee, weil es Dame ist, etwas zu verkaufen. Aber wenn Sie eine Landingpage entwerfen, könnte
der Umfang der Bedeutung etwas anderes gegeben werden. Also, was sind die Grundregeln? Also, wenn Sie etwas Skala geben wollen, so Skala bedeutet, dass dies der dominierendste Teil oder der größte Teil sein wird. Lassen Sie es die anderen Elemente in Ihrem Design gehen. Also zuerst ist, dass wichtige Dinge, die in Ihrem Design wichtig sind, ob es Kopiersteuer ist, ob es Testimonials ist, ob es ein Logo ist, ob es ein Video ist, Sie möchten hervorheben das Ding, so wird es größer in Bezug auf die anderen Elemente im Zusammenhang oder um sie herum sein. Zweitens ist, dass es heller sein könnte, oder vielleicht hat es eine andere Farbe als der Rest von den Gegenständen am Strand. Das ist also ein sehr wichtiges Konzept, skalieren Sie die Bedeutung. Eine weitere Sache ist, dass es keinen Kampf zwischen mehreren wichtigen Dingen geben darf. Der wichtige Maßstab der Bedeutung muss also eine Fähigkeit von oben nach unten oder,
am wichtigsten, am wenigsten
wichtig sein. Denken Sie also daran, dass alle Dinge in Ihrem Design nicht wichtig sind. Es muss eine Skala geben. Sie müssen eine Skala aufbauen, dass dieses Ding das Wichtigste ist als dieses , und dieses ist am wenigsten wichtig. Also hier ist eine andere Technik, die ich normalerweise verwende und meistens in Landing Pages verwendet. Was Sie also tun müssen, ist der wichtigste Inhalt. Egal, ob es sich um eine Kopie handelt oder Sie die Nachricht von Ihrer Website weitergeben möchten, Sie möchten sie an die Spitze Ihres Designs verschieben. Deshalb gab es ein Konzept aus über dem Narren. Ford bedeutet also, dass 700 Pixel manchmal 800 Pixel sind. Der Ford war eigentlich auf einer Seitenhöhe, was war, du weißt schon, du brauchst Zeh, ziehst ihn, du wirst den nächsten Inhalt sehen. Also das ist groß, im Grunde das Konzept, dass, wenn Sie etwas Wichtiges haben, Sie Ihren,
Benutzer toe wollen . Sehen Sie es sofort, so muss es an der Spitze sein. Und ist es muss die Aufmerksamkeit des Benutzers sofort greifen und es muss nach oben
in der Reihenfolge außerhalb der Wichtigkeit verschoben werden . Eine weitere Technik ist, wenn Sie etwas Wichtigkeit geben möchten, können Sie auch vertrauen. Sie werden viel über Kontrast im nächsten Abschnitt lernen, also werden wir es gleich dort lassen. Aber es bedeutet, dass es sich von dem Rest von den Artikeln auf Ihrem Design unterscheiden muss. Wenn Sie jemals eine Zeitung und in blawg Artikel lesen, haben
Sie gesehen, dass Überschriften sind sehr größer und sie sind leicht scanbar und sie sind größer Buchstaben toe all die verschiedenen Steuern und andere Elemente auf der Seite, weil sie gehen , um die Aufmerksamkeit zu erregen. Sie sind der Sport, sie sind leichter zu unterstützen Sport, und sie sind dazu gedacht, größer zu sein, weil Benutzer scannen. So ist es. Es macht es einfacher, alles zu scannen. Das ist also ein weiterer Weg, dies zu tun und noch eine Sache. Mein Typografiekurs hat eine Skala für Ihre Typographie-Skala der Typografie, verschiedene Größen, die wiederum mit diesem Thema verbunden ist, was von Bedeutung ist. Wenn Sie also mehr über Typografie erfahren möchten, können
Sie sich diesen Kurs ansehen. In ähnlicher Weise in meinem Typografiekurs habe ich
in meinem Typografiekursüber Typographiemaßstäbe gesprochen, nämlich dass diese Textgröße beispielsweise 16 Pixel 12 Punkte sind. Es wird für meine Steuer und 56 Punkte oder 56 Schweine sein. Ich werde für meine größte Überschrift verwenden. Das ist also die Wichtigkeit im Text. Also werden wir Typografie verwenden. Skalen in Ihren Entwürfen Zehe veranschaulichen diese Größenordnung und auch eine weitere Sache. Wenn Sie mehr über Typografie,
Skalen und Typografie im Allgemeinen erfahren möchten, können
Sie sich meine Typografie für Designer und Entwickler Schulen ansehen. Das ist ein sehr großes Thema, also will ich nicht, dass wir es mit Kopf besprechen. Also hoffe ich, Sie haben gelernt, wie man benutzt und wie toe, was eigentlich Maßstab von Bedeutung ist. Ich werde Ihnen jetzt verschiedene Beispiele zeigen. Lassen Sie mich Ihnen einige Beispiele zeigen und dieses Konzept besser verdaulich machen. Also hier ist mein Entwurf für mein eigenes Land. Ux I d Karte Dies ist meine Website und Sie können sehen, dies ist die Vorderseite und die Rückseite von der Karte, die ich Visitenkarte
entworfen habe , und hier können Sie auf der Vorderseite sehen, was das
Wichtigste ist . Es ist das Markenimage. Also wollte ich, dass Toby mein Logo das größte hier drüben ist. Dann die zweite, die Sie sehen können, das zweite, was Sie auf diesem Design bemerken wird, wird sein, Sind Sie lernen? Und dann gibt es den Lord Teil, die ich möchte, dass der Benutzer am Ende lesen, das ist die Website. Ähnlich, wenn Sie auf die andere Seite schauen und Sie können sehen, dass Haare meine meisten Bereichsdurchschnitte und die meisten Farben in den oberen acht verwendet werden. Hier können Sie sehen, was hier, wo der Text erlernt wird, riel Design und Umwerbung Fähigkeiten und verbessern Sie Ihren Dollar. Aber am Anfang wollte
ich, dass Toby dir zeigt, wie man es macht, aber ich denke, das ist es. Es wird natürlich sehr lange dauern. Also habe ich es geschafft. Ich konzentrierte mich sowieso auf Design, so dass Sie hier den dominierendsten Bereich sehen können. Ist das hier? Du bist wieder aufregend. Das ist das Logo. Die einfachere Version von meiner lokalen kleineren Version. Und dann mein Kontakt ist es so, dass Sie hier sehen können. Ich möchte dem Benutzer die Nachricht geben, dass ich möchte, dass Sie dies tun oder dies von mir gelernt haben. So ist der Maßstab der Bedeutung. Eigentlich können Sie sehen verwendet, wenn Sie haben Sie bemerkt, Over hier können Sie die Größe aus sehen. Der Text ist ebenfalls größer. Auch der Platz nimmt es die ganze Größe, die Größe aus. Dieses Element ist größer als alle anderen Elemente um ihn herum. So wird der Maßstab der Bedeutung verwendet. So kann man nicht alles bunt machen. Wenn ich diese mache, können
Sie diesen Text unten und auch diese Steuer unten sagen. Er diese Grenze, viel bunt als der Benutzer als die Größe der Bedeutung, wird sich tatsächlich verschieben. Es wird also kein Maßstab von Bedeutung sein. Aber es wird ein Kampf gegen die Bedeutung zwischen zwei Elementen sein. So verwenden Sie den Maßstab der Wichtigkeit. Lassen Sie mich Ihnen noch ein Beispiel zeigen. Also hier ist ein weiteres Beispiel, das ist, Ah, Landing Page, die ich vor kurzem entworfen habe und Sie können hier den prominentesten Abschnitt oder
prominentesten Bereich sehen . Ist dieses Zuhause erschwinglich und einfach zu bedienende digitale Signings und Capture-Generatoren? Außerdem können
Sie den Unterschied zwischen den Größen dieses Textes unten sehen, und diese Überschrift ist zu
groß , wenn Sie sich richtig oder genau erinnern. Meine letzten Lektionen sie waren über den Unterschied in der Skala, die Zehe zu schaffen Kontrast , so unterschiedlich zwischen Größen aus Ablenkung dieses Texas zu viel. Deshalb sehen sie toll aus. Sie haben viel Kontrast. Jede Hoffnung, Dann können Sie sehen, der zweitprominenteste Bereich ist dieser. Also, wenn ich genau denke, ist, dass dieser Abschnitt, der ist und bekommen Freiheit oder Literatur jetzt tatsächlich immer mehr Aufmerksamkeit, weil es eine andere Farbe hat, die diese Stadt und Aufruf zum Handeln ist. Aber und so im Grunde können Sie sehen, dass dies eine Landing Page ist und der Zweck von der Landing Page ist, dass Sie wollen, dass der Benutzer für die Freiheit registrieren. Also möchte ich den Benutzer erziehen und mich dann anmelden. Das ist also mein eigentliches Ziel in diesem Design. Um diesem Ziel zu folgen, möchte
ich die Größenordnung der Bedeutung verwenden. Ich will diese Gegenstände. Sind diese beiden Elemente dominanter als andere? So machst du das. Zweitens ist, wenn man sich diesen Bereich anschaut, der Kontrast zwischen dem Hintergrund, der sehr dunkel ist, und diese Vordergrundfarbe überbrückt die Stapelfarbe ist zu viel. So ist dies auch die Schaffung von mehr Kontrast Zehe die Aufmerksamkeit vom Benutzer. Wenn wir uns diese Bereiche dann noch einmal ansehen, können
Sie sehen, dass sie gleich wichtig sind. Also ist alles gleich. In ähnlicher Weise sind
diese gleichermaßen wichtig. Sie sind eigentlich Wiederholung. Wir werden darüber im nächsten Abschnitt sprechen. Und ah, wenn wir uns diesen Abschnitt ansehen, möchte
ich, dass dieses Video auf gesehen wird und Sie sehen können, dass es wichtiger ist. So hat sich der Umfang der Bedeutung auf diese verschoben. Es ist größer. Drinnen. Es nimmt fast 70% des Platzes. Ähm, dann sind sie alle fast wichtig. Ich will die wichtigen, Toby Big Branch, wie hohe Kunst. Und sie sind eine große Hürde. Also wollte ich es ganz oben bewegen. Sehen
Sie, Sie können sehen, dass dies ist, wie wir tatsächlich all diese Größenordnung von Bedeutung machen. So verwenden wir es. Ähnlich ein weiteres Beispiel ist, dass ich diese Ah
entworfen, vergangen für medizinische Unternehmen, die Waas i u k Ärzte Beurteilungsapp und Sie können sehen oder hören, ich kombinierte drei Konzepte, die Sie in meiner letzten Lektion Ideen Box gehört haben könnte Dokument und Dr Und jetzt können Sie sehen, die Kombination dieser drei Symbole wird dieses
Symbol zu machen , und Sie können auch in diesem Symbol sehen, das dominierendste Element ist das wichtigste Element ist dieses Pluszeichen die Mitte aus diesem Feld, so dass Sie sehen können hier habe ich Ihre Wichtigkeit, indem ich diese Mitte hervorhebt. Ich hoffe, Sie haben nicht viel über den Umfang der Bedeutung gelernt. Und das sind genug Beispiele. Wenn Sie mehr wissen möchten, erfahren Sie mehr. Wenn du mich etwas fragen willst, kannst du mich fragen. Lass uns zur nächsten Lektion gehen.
14. Lücke im Design-Prinzip für Design: die Art und Weise. Eines der Hauptkonzepte im Design ist das Prinzip aus der Nähe. Nun gibt es Waas, ein Wissenschaftler oder Psychologe namens Get Start, und diese und das ist einer seiner Rektoren. Er forschte über die menschliche Psychologie der Wahrnehmung, und einer von ihnen ist die Gruppierung. Dies wird viel im Design verwendet, also wenn Sie es machen oder es in einem anderen Sinne verwenden, als es nicht zu Fuß geht, erhalten Sie eine sehr gute oder angenehme Informationsanzeige oder das Design, so stellen Sie sicher, dass Sie es genau verwenden. Nein, Sie können unten sehen Sie verschiedene diese Abschnitte, und Sie können sehen, dass Sie deutlich sehen, dass diese beiden Abschnitte voneinander oder unterschiedlich sind, obwohl sie die gleichen Kreise sind. Sie sind also alle Kreise, aber sie sind ein Teil oder sie werden nicht als eine Gruppe betrachtet, weil es zwei
Gründe dafür gibt . Nummer eins ist der Abstand, der Abstand. Sie können sehen, dass diese, ah, weit weg von den roten sind. Blaue sind Lord weg von roten. Der zweite Unterschied zwischen ihnen ist eine andere Farbe, so dass Sie dieses Prinzip aus Nähe sehen können oder Gruppierung dieses Prinzip aus Nähe muss genau angewendet
werden. Wenn Sie also entwerfen, können
Sie Leerraum Zehe separate Elemente verwenden. Sie können Farben verwenden, um Elemente zu trennen. Sie können verschiedene Formen verwenden, um Elemente zu trennen. Lassen Sie uns mehr über die Nähe erfahren. Es gibt noch eine andere Sache, die Sie im Auge behalten müssen. Wenn Sie Elemente in Ihrem Entwurf gruppieren, die miteinander in Beziehung stehen müssen , müssen
sie nicht ähnliche Informationen enthalten. So sollten ähnliche Informationen im Zusammenhang mit Informationen, die zusammen gehen müssen, zusammen gehen. Versuchen Sie nicht, alle verschiedenen Gegenstände zu mischen oder sie in nur einem Raum zu setzen und sagen, Oh, ich habe Nähe verwendet, weil alle Informationen an einem Ort sein sollten. Okay,
also, dass deine Gruppierung deine Chungking von Informationen, verschiedene Abschnitte. Sie müssen einen Sinn ergeben. So wird es auch als Chunking oder Information, und es ist eine aus der grundlegenden oder, ich denke, große Konzepte von Ihnen ein Design, weil Sie Zehe haben und schaffen ah, viel off. Es gibt viele Informationen, die unterschiedliche Zwecke haben. Eso Sie brauchen Zehengruppe sie zusammen in verschiedenen Brocken. Jetzt sind hier einige Techniken, die Sie verwenden können, während Sie entwerfen, um verschiedene Junks zu erstellen, oder Gruppen oder Abschnitte Nummer eins ist versuchen, Leerraum zu verwenden. So, jetzt können Sie sehen, wenn Sie auf diese Folie die oberen Teil Augen durch eine 10 Zeile nach
unten von dieser Folie getrennt sehen. Also der Boden oder Essen oder aus der Folie macht Ihre Entwürfe egreteau genial von Mohammed s und allgegenwärtig. Und der obere Abschnitt ist der Inhalt. So können Sie sehen, dass ich Haarweißraum verwende, um verschiedene Abschnitte zu erstellen. Außerdem verwende
ich diese Zeile zusammen mit diesem Leerraum, um Sinn zu machen, dass dies getrennt ist und der obere Abschnitt getrennt ist. Zweite Sache ist, dass Sie verschiedene Abschnitte löschen müssen, so dass Abschnitte wieder sind. Sie können Abschnitte mit Ehefrauenraum oder verschiedenen Farben erstellen. Abschnitte sind auch eine ähnliche Sache, wie das Erstellen verschiedener Junks aus Informationen. Also tatsächlich erstellen Sie verschiedene Abschnitte mit Leerraum, mit Farben, mit Linien, die verschiedene Formen verwenden. Zum Beispiel könnten
Sie versuchen, Zehe Ah,
rechteckige
oder vielleicht ah,
sechseckige Form oder so etwas zu verwenden rechteckige oder vielleicht ah, , um den oberen Teil durch einen mit einem Teil
darunter zu trennen . So könnte es viele Dinge geben, die Sie Schatten verwenden könnten. Du könntest dort Schatten benutzen. Sie könnten eine Menge Schatten auf den oberen Abschnitten verwenden, die getrennt haben, dass es sich über diesem Abschnitt befindet, der darunter ist. So werden Sie verschiedene Gruppen und Chunks erstellen. Sie können auch Linien verwenden. Sie können auch Ränder verwenden, um den Abschnitt zu erstellen oder diesen Abschnitt zu trennen. Es gibt also viele Möglichkeiten, wie ich Ihnen in der nächsten Lektion zeigen werde. Wenige Beispiele, wenige Designs. So wird dieses Konzept geklärt oder diese Konzepte und werden mehr in Ihren Köpfen eingedrungen, weil dies sehr wichtig ist. Das ist wirklich, wirklich wichtig, dass ich viele Designer gesehen habe. Ich mache das an vielen Orten falsch, also lassen Sie uns einige Beispiele sehen, also gehen wir zur nächsten Lektion über.
15. Beispiele für die Proximity im Web- und Proximity: Ding ist das erste Beispiel, das ich Ihnen zeigen werde. Dies ist eine Neugestaltung von einer Karte. Das Logo ist nicht von mir entworfen. Aber ich entwarf die Karten neu gestaltet, weil die alten Autos waren sehr man sehr
veraltet sagen kann . Auch, geben einige Berührungen toe dieses Logo wie diese goldene ah, Rand um die Form von der Linie sowieso. Okay, jetzt können Sie in der Front off Abwurf unten Gun sehen, Vermögensverwaltung, private Vermögensverwaltungslösungen. Sie können sehen, dies ist der Slogan und was dieses Unternehmen tut und das Logo. Also habe ich all diese Informationen im Fondsblock aufbewahrt, damit sie zusammen gehen sollten, also habe ich sie auf der anderen Seite näher beieinander gebracht. Sie können auf der Rückseite alle Informationen zu sehen, die dem Kontakt verschuldet sind. Das ist also die L. A. Marty Gun. Das ist der Name President und CEO als Telefon- und Faxnummer. Außerdem können
Sie unten links sehen, dass ich die E-Mail getrennt habe. Andi,
Ich denke, e Mails sollten vielleicht nur die Kontaktinformationen sein, aber ich denke, dass es getrennt gehen sollte, weil es ein Brief toe Elektronik Kommunikation ist . Sie können auch, meine ich könnte auch hier aufgelistet ihre Website Freie Welt Eso Das ist, wie ich dieses
Auto entworfen . So können Sie sehen, dass Sie viele Visitenkarten gesehen haben und Sie können alle
Informationen Kontaktinformationen sehen . Der Name geht immer in eine Richtung zusammen und er ist in einigen Bereichen gruppiert. So verwenden Sie Junking oder Gruppierung von Abschnitten in Ihrem Entwurf. Sehen wir uns ein anderes Beispiel an. Dies ist eine bisher App schaltet IAB-Bildschirme aus, um sie zu deaktivieren. Ich habe vor kurzem entworfen und Sie können sehen, wenn Sie es hier sehen, Sie können sehen, die Chungking hat hauptsächlich in Ihnen verwendet, ein Design vor allem App-Design und Websites. Weil Sie sehen können, gibt es eine Menge Dinge. Es gibt eine Menge Kontrollen im Gange. Es gibt eine Menge außerhalb des Symbols. Es gibt eine Menge Informationen, ah, viel Interaktivität. So können Sie den oberen Abschnitt hier sehen, der
die Statusleiste ist und anders ist. Symbole Toe tun verschiedene Aktionen, als wir diesen Bereich haben. Dieser Abschnitt, der sich auf die Informationen bezieht und das ist über das Sofa. So weit dieser bisherige Name. Titel anderen Status aus der bisher, ob es sicher verbunden ist oder so etwas. Dies ist die Informationen über das Sofa und an der Unterseite können Sie dies sehen Dieser Abschnitt ist ein separater Abschnitt und wir verwenden einige Licht Schatten, dass diese ah anpassungsfähige Papa Bar ist tatsächlich getrennt von diesem Abschnitt. Auch die Farbe aus dieser eine Die Bagram-Farbe unterscheidet sich von diesem. Dies ist, denke
ich, warum Dies ist ein wenig Gnade weiß bis rötlich drei weiß. Ähnlich, wenn Sie hier rüber schauen, ist
diese Schaltfläche Feder tatsächlich eine Menge Schatten haben. Es zeigt also, dass es vom Hintergrund getrennt ist. Es ist vom Hintergrund erhöht und unterscheidet sich vom Hintergrund. Und jetzt, wenn Sie auf diesen Bildschirm schauen, wenn wir diesen Frühling in Großbritannien drücken 12345 Menüpunkte
werden erscheinen. Wenn Sie diese Taste drücken, werden
diese Steuerelemente angezeigt und sie sind näher an dieser Schaltfläche, weil sie alle miteinander
verwandt sind . Also haben sie sich gruppiert. Wir haben sie zusammengefasst. In ähnlicher Weise, wenn Sie auf diesem Bildschirm sehen, haben wir auf dem linken Bildschirm. Sie können sehen, dass ich diese kleine Linie hier drüben benutzt habe. Warum? Ich benutzte es, um den oberen Abschnitt zum unteren Teil zu trennen. Nun, wenn Sie genau hinsehen, ist
der obere Abschnitt Zehenauswahl verschiedene Samen auf dem Smart Sofa und der Borden Abschnitt ist eigentlich alle Einstellungen, die Sie mit dem Sitz tun können. So benutze ich Junking. Sie können alle Steuerelemente, die sich auf die Sitze beziehen, im gleichen Bereich und auch
im gleichen Abschnitt sehen. Also habe ich tatsächlich 123 und vier Abschnitte von diesem Bildschirm erstellt. Unten ist für Tab-Steuerelemente und dann die obere ist eigentlich der Titel Apt Titel. Dann ist der zweite Abschnitt bisher Name und verschiedene Samen. Dann ist dieser dritte Abschnitt eigentlich alle Kontrollen später zu weit und Samen. So können Sie sehen, das ist, wie Sie tatsächlich Junking und Gruppierung Toe Layout,
Ihre Bildschirme,
Ihre Designs,
Ihre Landing Pages,
Ihre Websites verwenden Ihre Bildschirme, Ihre Designs, Ihre Landing Pages, Auch Sie können auf der anderen Seite auf der rechten Seite sehen Sie diese Waschbecken Musik. Dies ist, können Sie sagen, das Pop-up-Konformationsfeld und Haare können Sie den oberen Abschnitt sehen, das ist nur die Information, ist von der Unterseite getrennt, die interaktive Bereich oder die Tasten durch einfache Linien ist. Auch die Farbe ist anders, so dass Sie sehen können, gibt es. Sie verwenden Linien, um Abschnitte zu erstellen, und sie verwenden auch Farben. So verwendest du deine Gruppe. Verschiedene Artikel. Sie springen verschiedene Informationsteile und erstellen fantastisch aussehende Designs. Wenn Sie Fragen haben, die Sie mir als Nächstes stellen müssen, gehen Sie auf die nächste in.
16. Designausrichtung: hier ist ein weiteres Prinzip aus Design, das Ausrichtung genannt wird. Warum also ist die Ausrichtung eigentlich so wichtig? Weil wir alle Menschen sind, und das ist in unsere Natur eingebaut. Oder es ist in unserer natürlichen Psychologie, menschlichen Psychologie, dass wir Symmetrie lieben, so etwas. Dann ist es ausgerichtet. Also etwas anderes. Wir mögen das, wenn etwas in Ah angeordnet ist, eine Symmetrie in symmetrischer Form in einem Rechteck in einem Kreis. Wir lieben es, dass etwas unregelmäßig ist oder nicht in der Ausrichtung. Oh, sind Sie auf Dinge hier und da auf Ihrem Design gesetzt haben? Wir gehen nicht so auf den Fuß. Das ist also sehr wichtig. Und ich habe viele Designer gesehen, die die Ausrichtung falsch gemacht haben. Sie wissen nicht, wie sie verschiedene Elemente ausrichten sollen. Und wenn Sie ah,
gute Ausrichtung in Ihrem Design haben , wird
es ausgewogen aussehen, also ist dies sehr wichtig. Lassen Sie uns nun über Balance sprechen, Symmetrie und Ausrichtung ein bisschen in mehr getan. Das erste ist, dass, wenn Sie versuchen, Ihren Text zu zentrieren ,
auszurichten, Sie zentrieren Ihre Schaltflächen. Sie zentrieren alles in Ihrem Entwurf im Vergleich zu ihren Entwürfen, wo Sie
Kantenausrichtung verwenden oder dort auf der linken Seite als Kantenausrichtung oder auf der rechten Seite, so dass die Ausrichtung auf der Kante zu Kante Ausrichtung wird es gewinnen. Jedes Mal, wenn Sie versuchen, toe, richten Sie Ihren Text auf der linken Seite oder auf der rechten Seite, werden
sie mächtiger aussehen als das zentrierte A-Layout. Stellen Sie also sicher, dass Sie versuchen, Ihre dext und Ihre Überschriften und Ihre Bilder in einer
unsichtbaren Linie auszurichten , also denken Sie daran. Ebenso können Sie, wenn Sie Shapes verwenden
können, Sonderzeichen verwenden. Sie können diese Achsenspitze wiederholen, Symmetrie
erstellen. Wenn also etwas in der linken Spalte von Ihrem Design auf der linken Seite
Ihres Designs gemacht wird , können
Sie dies wiederholen und ein Patron ähnliches Muster auf der rechten Seite erstellen. Das wird also ausgeglichener aussehen. Versuchen Sie also, ähnliche Muster zu erstellen. Ähnliche Formen, ähnliche Layouts und wiederholen Sie sie. Gebrauchte Wiederholung Zehe eine Linie und Balance Ihr Design. Versuchen Sie, SMA behandelt zu erstellen. Ein anderes Konzept ist die visuelle Lese-Ausrichtung, die ist, dass Sie gehen, um Ihre Dinge auf der Basis von ihren visuellen ausrichten. Warten Sie. Also, wie schwer es ist. Wenn Sie also diese beiden Beispiele unten betrachten, können
Sie sehen, dass das rote eine unregelmäßige Form zwischen verschiedenen, ähnlichen Formen ist, die blaue sind. Also tatsächlich habe ich eine mathematische Berechnung mit Fotoshop verwendet und versuchen, es in der oberen Ecke hier
auszurichten , können
Sie den Abstand zwischen der Spitze sehen, sieht man hart aus. Wenn Sie also genau auf diesen roten Abschnitt die rote Form schauen, können Sie dort sehen, dass Kreis auf der rechten Seite und der linken Seite, dass sie nicht die gleiche Menge an Raum haben. auch sehen, Sie könnenauch sehen,dass es aussieht, als wäre es mehr in der Bewegung an der Spitze. Und es ist schwerer auf der Oberseite als unten, so dass Sie sehen können, dass dies passieren wird. Dies wird als visuelle Gewichtsausrichtung bezeichnet. Also werden Sie Ihre Augen verwenden, Ihre Designer Augen, und Sie werden es ausrichten mit nicht nur Sie nicht verwenden nicht die Matte, sondern ignorieren sie. Also werden Sie einige von Ihrem Herzen Gehirn verwenden und Sie werden es besser ausrichten. So, jetzt können Sie unten sehen hier. Ich habe versucht, den Abstand zwischen ihnen auszurichten. Mit meinen Augen sind visuelle Gewichtsausrichtung und Sie können sehen, dass sie ausgeglichener aussehen. Außerdem
habe ich versucht, diesen roten Abschnitt nach unten zu verschieben, damit er ausgeglichener aussieht als zuvor. Dies ist also ein weiteres Konzert, das visuell variierte Ausrichtung genannt wird. Es ist auch später Smith Tree und Balance, und ich hoffe, Sie haben nicht viel über Symmetrie und Ausrichtung gelernt. Lassen Sie uns einige Beispiele sehen. Fahren wir mit der nächsten Lektion fort.
17. Beispiele von Ausrichtung in Design: Also werde ich Ihnen einige der Beispiele für Ausrichtung und Symmetrie zeigen, die wir in der letzten Lektion
gelernt haben . Und hier sind ein paar Beispiele. Also, wenn Sie sich diese Karte ansehen, die ich neu gestaltet habe, können
Sie hier auf der rechten Seite sehen, Sie sehen, dass dieser Name, Titel und Telefonnummer in der Tat, sie sind mit einer unsichtbaren Linie hier auf auf der rechten Seite, so dass sie alle in einer Zeile ausgerichtet sind. Ähnlich, wenn man sich dieses anschaut, ist
dies auch auf einer imaginären Linie hier oben auf der linken Seite und dieser Raum und
dieser Raum auf der linken und rechten Seite ausgerichtet . Beide Räume sind gleich, so dass es verwendet wird, um etwas Gleichgewicht zu schaffen. In ähnlicher Weise, wenn Sie es betrachten oder betrachten und den ersten vorderen Abschnitt Pistole Vermögensverwaltung, private Vermögensverwaltungslösungen auf der Vorderseite von entfernten Karte, können
Sie sehen, warum ich das Gewehrgürtelmanagement mit privatem Reichtum ausgerichtet -Management-Lösungen. Dies ist ein Slogan, oder Sie können sehen, was das Unternehmen mit dem Firmennamen macht, weil es Zehe mehr Bild als Zentrum Ausrichten dieser beiden nächsten, so dass Sie sehen können, ist
dies tatsächlich eine Symmetrie. In ähnlicher Weise auf der linken und rechten Seite verwende
ich
auf der linken und rechten Seitedie gleiche Länge von der gleichen grünen Leiste, wiederholte den gleichen Abschnitt toe ausgerichtet es und sie sind in einer ähnlichen einzigen Linie ausgerichtet. Sie sind aneinander ausgerichtet. Also diese Waffe Vermögensverwaltung ist mit diesen beiden grünen Balken auf der linken und der
rechten ausgerichtet , so dass Sie sehen können, dies ist, wie Sie gehen, um eine gewisse Ausrichtung in Ihrem on Design zu erreichen. Ähnlich, wenn man sich die Architektur und die Arbeit von all den Architekturen und großen und unterschiedlichen Architekturen, Gebäuden, verschiedenen Häusern anschaut, wird
man eine Menge von Friedhof sehen. In ihnen können
Sie sehen, wie sie unterschiedliche Formen verwenden und wie sie ihr Design ausbalancieren. Es gibt Dinge auf der linken und dann auf der rechten Seite. Es gibt Dinge, die immer wieder wiederholt werden, und auch Sie können sehen, dass sie sind. Sie sind richtig mit einigen imaginären Linien ausgerichtet, oder Sie können gerade Linien sagen, also werden sie elegant aussehen, wenn sie so in Symmetrie ausgerichtet sind und
etwas Balance verwenden . Hier ist ein anderes Bild aus einer Kirche, und Sie können sehen, wie die Ausrichtung verwendet wurde. Sie können sogar in den Fliesen auf dem Boden sehen Sie die Ausrichtung einer verschiedenen Abschnitte sehen. Auch die Ausrichtung der Belagerung und die Ausrichtung von den Wänden. Und Sie können die Säulen sehen. Alles ist mit einigen strengen Regeln oder strengen Linien,
imaginären Linie von geraden Linien ausgerichtet . So werden sie gut aussehen, wenn sie gehen Zehenverwendung mit etwas Ausrichtung verwendet werden. Lassen Sie mich Ihnen ein weiteres Beispiel zeigen, das ist, ah, E-Commerce und E-Commerce-Website von Creative K A R E a T v von dribble. Und das ist eine große Design-Agentur und Sie können sehen, ich werde Ihnen zeigen, wie diese Ausrichtung verwendet
wurde und wie sie kleben Zehengeraden Linien, um fantastisch aussehende Designs zu erstellen . Also gehe ich in mein Geschäft, und ich werde ein paar Zeilen hier ziehen,
ein paar Guides, um Ihnen zu zeigen, wie es verwendet wurde. Also lasst uns hier in diesem Bereich eine Linie ziehen und auch über den Kopf so. So können Sie jetzt deutlich sehen, dass dieser Abschnitt, dieser ganze Abschnitt ist auf dieser blauen Linie ausgerichtet, so dass dies ist, wie diese linke Ausrichtung verwendet
wurde . Bewertungen, Titelpreis, Anzahl der Gegenstände auf einer Karte, sogar der Anteil, den sie mit einer geraden Linie ausgerichtet sind. Ähnlich, hier
drüben, können
Sie diese Haussammlung sehen, diesen Stopp, ähm, Spur. Es wurde an diesem Bild ausgerichtet. Wenn du
runtergehst, kannst du es wieder sehen. Diese Linien wurden ausgerichtet. Die linke Linie ist an diesem Bild ausgerichtet. Und ah, so ist es, wie sie Ausrichtung verwenden. So können Sie jetzt sehen, wie dieser ganze Abschnitt, dieser Produktbereich wird auf zwei Zeilen oder hier ausgerichtet. Stellen Sie also sicher, wenn Sie etwas entwerfen, verwenden
Sie die richtige Ausrichtung und auch richtig, indem Sie ausdrücken, dass Sie sehen können, dass es eine Menge
Leerraum zwischen den Elementen gibt , sogar hier drüben sind wir hier und hier und drüben. Also denken Sie daran, und Sie werden Ihre Entwürfe werden größer aussehen mit nur dieser Ausrichtungstechnik, die versucht, es mit einer einzigen Linie auszurichten, und es wird gut aussehen . Also bedenken Sie das. Lassen Sie mich Ihnen noch ein Beispiel zeigen. Nun, wenn Sie sich diesen Bildschirm ansehen, der in Adobe x t ist. Ich habe das entworfen. Sie können sehen, dass es auf imaginäre Linie ist. Wenn ich hier und dann auf das Layout klicke, können
Sie sehen, wie dieses gesamte Design Layout war. So ist es fallen Linien auf der linken und der rechten So können Sie auf der linken Seite sehen diese alle Elemente , diese Last, den Stopp Bisher. Titel abmontiert. Dad ist dran und du kannst die Stapel sehen. Sie sind alle an dieser linken Linie ausgerichtet. So können Sie sehen, das ist, wie ich Ausrichtung in all diesen Bildschirmen im mobilen App-Design verwende und ähnlich hier
drüben, das Gleiche passiert nicht ähnlich hier drüben gemacht worden. So können Sie sehen, wie Sie tatsächlich Ausrichtung und Linienausrichtung verwenden. Versuchen Sie, mit einer geraden Linie zu bleiben und Ihre Designs werden großartig aussehen. Ich hoffe, Sie haben diese Lektion genossen. Wenn Sie Fragen haben, die Sie mir stellen müssen, gehen
wir zum nächsten Hören
18. Kontrast in visueller Design: Wenn Sie
unter anderem der größte Designer oder der beste Designer sein wollen, ist
das Einzige, was Sie meistern müssen, die Verwendung von Kontrast in Ihren Designs. Jetzt in der Designwelt denke
ich, dass der Kontrast der König ist. Wenn Sie also denken, dass Ihre Designs nicht sehr elegant aussehen oder die Tür nicht platzt, zeigen
sie nicht den Pop. In der Tat, sind die anderen Dorsey sagen Wow, das ist großartiges Design. Ich liebe es. Dies liegt daran, dass Sie den Kontrast nicht richtig verwendet haben. Jetzt zeige ich dir was von der Vase. Sie können jetzt einen Kontrast in Ihrem Design erzielen, wie Sie Kontrast erzielen können. So gibt es viele verschiedene Arten von Kontrast. Beispiel, ZumBeispiel, wenn Sie eine sehr große Sache in Ihrem Design und eine sehr kleine Sache, ähnliche Sache haben. So werden sie eine Menge Kontrast von Größe haben. In ähnlicher Weise ist
eine Sache sehr hell, sehr scharf und eine ist langweilig. Das ist also der Kontrast aus der Farbe. Dann könnte der Formkontrast alles sein. Eine quadratische und plötzlich wird eine Last abgerundet. Bill Burton. Das ist also der Kontrast vom Schiff. Außerdem können
Sie den Kontrast aus Positionierung verwenden, so dass Wenn etwas erhöht ist und es viel
Schatten hat , ist
es im Vordergrund und etwas ist im Hintergrund. So ist es auch der Kontrast der Position. In ähnlicher Weise können
Sie die Position verwenden, und Sie können die Position von einem Element einer Beziehung zu dem anderen verwenden, um eine Bewegung zu erzeugen, um einen Kontrast zu erzeugen. Also, wenn Sie eine breite Ähnlichkeiten wollen, zum Beispiel, Sie listen vier Symbole oder vier Abschnitte auf und sie sind ah, ausgerichtet mit der oberen Ausrichtung dort. Also ist alles ausgerichtet. Plötzlich bewegt man einen von ihnen oder um sie wie 10 Pixel über den anderen beiden zu entfernen. Also nein, Sie schaffen einen gewissen Kontrast und interessant Ihr Design. In ähnlicher Weise können
Sie Leerraum verwenden. Sie können eine Menge Kämpfe Basis irgendwo und einige in einigen Teilen von Ihrem Design verwenden, können
Sie weniger verwenden. Also, wenn Sie viel Leerraum um etwas herum verwenden, wird
es eine Menge Kontrast erzeugen. Also hier ist ein Beispiel aus Kontrast mit Farben, die Sie sehen können, oder ihn. Wir haben den mittleren Vidor Circle
, der weiß und schwarz ist. Sie haben eine Menge Kontrast zwischen ihnen, weil sie völlig zwei getrennte Seiten von
den Farben sind . In ähnlicher Weise auf der roten rechten Seite können
Sie
auf der roten rechten Seiterot und blau sehen. Sie haben viel Kontrast. Auf der anderen Seite, auf der linken Seite, verwenden
wir Kontrast. Es ist nicht zu viel, aber wir verwenden einen dunkleren Blauton und einen helleren Farbton von, so gibt es viele Möglichkeiten, wie Sie Kontrastzehe mit Farben verwenden können. Hier ist der Kontrast zur Größe. Sie können Overhead sehen. Wir und all diese Kreise. Sie sind dort gleich, die gleiche Farbe. Aber die Größe ist anders. Also, wenn ich versuche, verwende ich etwas Versteck oder verwende einen Textabsatz. Dann kann ich mich ändern. Ihre Größe ist eine Menge, um einen Kontrast zwischen der Überschrift und dem Absatz zu schaffen. Sehen wir uns nun einige Beispiele an, um dieses Konzept des Kontrastes zu veranschaulichen und es in tatsächlichen
Designs zu sehen , damit Sie dieses Kontrastkonzept besser verstehen können
19. Kontrast richtige Beispiele verwenden: Lassen Sie mich Ihnen verschiedene Verwendungen von Kontrast und Ganzem zeigen Wir können unsere Designs mit und
Vertrauen verbessern , indem Sie einige Beispiele und Fallstudien verwenden, damit Sie sehen können, dass wir hier sind. Dies ist im Grunde eine Zielseite, die ich vor einer Weile entworfen habe, wie vor vier und fünf Jahren. Und Sie können sehen, ob Sie sich das im ersten Abschnitt ansehen. Es gibt viele Arten von Kontrasten, die ich benutze. Die 1. 1, die ich besprechen werde, ist Farbkontrast. So können Sie auf der rechten Seite das Formular sehen. Es hat viel Kontrast vom Hintergrund. Hintergrund ist hell und die Vorderseite von dieser Form unterscheidet sich sehr von allen Hintergrund. Okay, so können wir Farbkontrast verwenden, Reinharz einige Elemente. In ähnlicher Weise, wenn Sie diese Person betrachten, ist
sie gerade jetzt sehr dominierend und sehr verschieden vom Hintergrund. Es hat also viel Kontrast. Selbst der Kontrast auf dem Text von der Farbe und dem Hintergrund ist auch zu viel Ähnlich, wenn Sie auf die linke Seite schauen, verwende
ich den Kontrast zwischen den Größen von meinem Fort so Typhus Größen Sie können die
Überschriftengröße und die Textgröße sehen haben eine Menge außerhalb der Skala anders. So ist der Kontrast zwischen ihrer Skala die Größe zu viel. Das ist also ein schöpfendes Interesse. Ähnlich, wenn Sie sich diese drei wichtigsten hervorgehobenen Abschnitte ansehen, können
Sie sehen, dass ich wieder den Größenkontrast und auch einige hinzufügen einige
Farbfarbkontrast , um diese drei Elemente hervorzuheben. Nun, wenn wir uns dies ein zufriedener Kundenbereich ansehen, ist
es sehr anders gestaltet. Und ich bekam die Idee von einer anderen Computer-Website oder dieser Website. In ähnlicher Weise in diesem Abschnitt können
Sie
in diesem Abschnittsehen ah, die jedes Zeugnis von jedem Kunden hervorgehoben wird, weil es sich sehr vom
Hintergrund unterscheidet . So Hintergrund hat Anziehungskraft. Äh, Textur auf Wiederholung Textur drauf, was großartig ist. So toll ist eine blasse Farbe näher Zehe weiß und Sie können hier unsere zufriedenen Kunden sehen. Sie sehen elegant aus, weil sie sehr scharfe,
sehr helle Farben haben . Ebenso verwenden wir hier
drüben einen Kontrast von Vordergrund und Hintergrund. Also ist etwas aufgetaucht. Es ist näher an uns. Es ist vom Hintergrund erhöht, den Sie hier drüben sehen können und ah, Hintergrund. So sieht es toll aus. Auch
die Farben sind sehr scharf. Sie können sehen, wo hier helle Farben blau nicht so hell, aber sie sind sehr verschieden vom Hintergrund. Ebenso können Sie hier
drüben wieder sehen. Ich benutzte ein Rechteck, eine Form Zehe Setzen Sie einen Kontrast zwischen diesem Hintergrund und diesem Abschnitt. Es bedeutet also, dass sich dieser Abschnitt vom Hintergrund unterscheidet. So verwenden Sie Kontrast. Ich habe Kontrast in diesem Design verwendet. Sehen wir uns jetzt einige weitere Beispiele an. Dies ist ein weiteres Beispiel, das ich kürzlich entworfen habe und Sie können im oberen
Abschnitt deutlich sehen , dass viele Farbkontraste verwendet wurden. In dieser Last kann man sehen oder hören, es ist sehr dominant und sehr schwarz. Und der Hintergrund hier drüben, die gierige int ist sehr hell und wenn die Zutat dunkel auf der linken Seite ist, können
Sie sehen, dass der Text leicht darauf ist. So ist es eine Menge von Farbkontrast Zehe bekommen einige richtige Faktor und einige große
Wirkung zu erhalten . In ähnlicher Weise, wenn wir uns diesen Abschnitt hier wieder ansehen, verwende
ich ah, viel Farbkontrast,
verschiedene Farben, um die Aufmerksamkeit zu erregen und es von anderen getrennt zu halten. Das ist also Krankenhäuser Wohnung, so dass sie anders aussehen und mehr Aufmerksamkeit erregen, weil ich
viel Kontrast verwende . Sehr scharfe Farben. Sehr kann man sagen, sehr dominant. Diese Farben sind keine Peak Farben, so dass sie eine Menge anziehen. Ähnlich, wenn wir uns die Überschriftengröße hier und die Textgröße ansehen, haben
sie einen großen Kontrast zwischen ihnen, weil sie tatsächlich unterschiedliche Kraft haben. Das erste ist, dass ihre Stile unterschiedlich sind. Einer ist ah, ein bisschen aus Sand Satz von Humanisten. Ich werde nicht näher über diese Kraft sprechen, aber sie sind eine andere Kraft. Fasten ist der Unterschied zwischen ihnen ihr Stil, ihre Strukturen unterschiedlich. Zweitens ist, dass ihre Größe anders ist. Also benutze ich die Kontrastfertigkeit. Der Text ist also sehr klein. Die Überschrift ist sehr größer s O. Dies ist der Unterschied zwischen ihnen, die es interessanter macht. Zweitens, was Sie sich immer erinnern möchten, werden Sie sich nicht erinnern, wo hier ist, dass unabhängig davon, welche Kraftgröße Sie in Ihren Designs verwenden, es aus normaler Entfernung lesbar und lesbar sein muss. Also bedenken Sie das. Tür Versuchen Sie, zu viel künstlerisch und in der Endbenutzer möglicherweise nicht in der Lage, Ihre Website
von Rapid zu lesen . Das wäre nutzlos. Jetzt reden wir über die Fußzeile von diesem Design und Kopf, den Sie wieder sehen können. Ich verwende sehr scharfe Farben und schaffe hier einen gewissen Kontrast. Diese Fußzeile, der untere Abschnitt, hat einen großen Kontrast zwischen den Farben. Und noch eine Sache ist, dass diese Farbe vertrauen kann. Es hat ein gewisses Verhältnis. Wenn Sie also etwas entwerfen, müssen Sie dieses Verhältnis überwinden, das auf diesem
Hintergrund verfärbt ist lesbar und erkennbar ist oder nicht. Das ist also sehr wichtig. Eines der wichtigsten Konzepte. Ich werde Link schießen. Ich werde versuchen, die Website zu verlinken. Ich denke, es ist Farbverhältnis farbigen Asche racial dot com, denke
ich. So. Sie müssen die Hintergrundfarbe und die vorhergehende Farbe testen, um zu sehen, ob diese Killer haben könnte Kontrastverhältnis und ob diese dieser Text kann auf kleinen Geräten gelesen werden oder nicht. Also hier wieder, in diesem Abschnitt, verwende
ich viel Caloocan Vertrauen,
und auch ich versuche, einige Kontrastausrichtung zu verwenden, die Sie sehen oder hören können, über uns ist ein bisschen weg von diesem Absatz. In ähnlicher Weise ist
unsere Produkte Heading ein bisschen entfernt von hier drüben. Also, warum ich es bewegt habe. Ah, ein bisschen links oder dieser Text nach rechts, um etwas Interesse zu schaffen. Das ist also wieder der Kontrast zwischen der Positionierung von den Elementen und ich verwende das, um mein Design etwas interessanter zu mischen. Sehen wir uns ein paar weitere Beispiele an. Du hättest diesen Entwurf vielleicht schon oft gesehen . Und Ah, das ist mein jüngstes Projekt. Ich arbeite immer noch daran und du siehst wieder was zur Hölle. Der Kontrast ist der König hier drüben. Du kannst sehen, ob du dazu gehst, oder? Richtig. Die meisten Bildschirme. Und es geht
eigentlich um Anweisungen . Es gibt also Videoanleitungen und Angriffe Anweisungen, so dass Sie diese gelbe
Farbe auf diesem weißen Hintergrund sehen oder hören können. Und diese dunkelbraun, sie haben eine Menge guten Kontrast. Es bedeutet also, dass sie interaktiv sind. Sie sind Knöpfe. Sie sind mögliche Gegenstände. Sie sind fähige Gegenstände. In ähnlicher Weise, wenn Sie hier unten schauen,
diese Ah, die Leiste, in der Sie verschiedene Tab-Elemente drücken müssen, um zu navigieren, sind
sie mit marineblau, dunkelmarine, blaue Farbe. So gibt es eine Menge Kontrast. Wenn Sie also diese Farbe,
Kontrast und Kontrast zwischen Größen und dem Hintergrund- und Vordergrundkonzept beherrschen können, können
Sie ein Design marshal. Web-Designs, mobile App entwirft alles. Also nochmal, auf der linken Seite, wenn du dir diese sechs Onkel Gunter ansiehst, bedeutet das, dass das mein Onkel
Gun Gunter Sitzsitz ist . Also das die Haare, die ich benutze etwas Schatten. Schatten trennt es also tatsächlich vom Hintergrund. So ist es das Hintergrundkonzept im Vordergrund. Also versuche ich, Kontrast zwischen Vordergrund- und Hintergrundelementen zu schaffen. Also ist etwas los. Dies ist Positionierungskontrast. Etwas ist weg vom Hintergrund. Ich denke, Sie haben viel über diesen Kontrast gelernt und wie Sie das nutzen können. Lassen Sie mich Ihnen noch ein Beispiel zeigen. Das ist der letzte, und du wirst es wirklich lieben. Mal sehen, wie einige andere Designer arbeiten, weil ich denke, ich bin nur ein Anfänger. Lassen Sie uns also einige ausgereiftere Designer und Teams von Designern sehen, da Teams normalerweise
größere Ideen und Schöpfer entworfene Designniveaus haben . Das ist also ein Design, an dem ich wirklich liebe. Das ist von Nicholas Solar Sie und Sie können hier sehen, dass er ist. Ich denke, er hat diese ah Farbkontrast und den Kontrast zwischen Typgrößen in unserer
brillanten Weise verwendet , so dass Sie die Typgrößen aus wichtigen Dingen wie dieser neue Hauswert
zu größer und eine andere Festung sehen können . Und es sieht toll aus. Alle anderen Kraft, die Sie sehen können, sind die gleichen oder Regina und Kosten und sind weise getan. Keine Investition, glaube
ich. Und all das Zeug und Sie können sehen, der untere Teil ist völlig anders. Es ist eine Einladung. Das sind also die Optionen. Das ist also die wichtigste Information. So hob er es durch die Verwendung der stark blauen Farbe durch die Verwendung von Board größeren Text-Tech-Größen und natürlich passt er diese Typografie, Matching oder Windeln Matching ist erstellen. Sehen wir uns hier noch ein paar Beispiele an. Hier. Wenn Sie sich diese orangefarbene Taste an der Unterseite ansehen, können
Sie sehen, dass dies sofort die Aufmerksamkeit erregt, dass dieser Artikel sich von all dem unterscheidet. Das ist eine Last. Dies ist ein interaktives Element. Also meistens ist das ein anderes Design, das das Design verhaftet. Es verwendet sehr subtile Farben, aber auf verlassen eine dominante Farbe. Das ist also großartige Technik und Design. Ich werde Zehe erstellen mehr ad riesige Vorträge über die subtile Verwendung von Farben im nächsten Abschnitt, die ich erstellen und machen und verbessern und hinzufügen die Schulen immer
wieder ähnlich, hier
drüben. Kontrast von Textgröße ist hier drüben. Das bedeutet, dass die Überschrift zu groß ist. Dieser Text ist klein auf. Dieses Bild erregt Aufmerksamkeit. Es gibt eine Menge Kontrast zwischen Vordergrundhintergrund, mit etwas Schatten um ihn herum, um ihm eine gewisse Tiefe zu geben und es an der Spitze
dieses Hintergrunds zu positionieren . Ähnlich, hier
drüben, reden wir. Das ist die Last, und dies ist der einzige interaktive Abschnitt hier drüben. So gibt es eine Menge Kontrast von Positionierung und dann haben wir Farbe. Kontrast und Größe sind Größenkontrast zwischen Kontrastskala. Ähnlich sieht
das gut aus und hier sieht man wieder den Kontrast zwischen den Textgrößen, den öffentlichen Medien. Ich liebe es. Es gibt eine Menge Kontrast zwischen Vordergrund-Hintergrundelementen, den Textgrößen. Sie sind wirklich reizend. Wechseln Sie als Nächstes zu diesem Fax. Sie können sehen, was hier. Ich habe diese Website wirklich geliebt. Es ist sehr minimalistisch und und ah, Gebrauch von Typografie ist genial. Ähnlich hier drüben, wenn man sich diesen Bildschirm anschaut, ist
der Farbkontrast leicht sichtbar. Sie können sehen, die linke Seite ist eigentlich, dass es Bar oder der Abschnitt Waren Sie? Die meisten Interaktionen werden passieren, dann der zweite Balken und dann der dritte Abschnitt. Es hat also drei Abschnitte, die durch diese Linien getrennt sind, und einen klaren Kontrast zwischen dem
Hauptabschnitt und den Schnittpunkten. Also, wenn Sie versuchen, Farbkontrast oder Größenkontraste zu verwenden, stellen Sie sicher, dass Sie es verwenden und nicht über verwenden. Also, wenn eine Farbe wie hier drüben ist, können
Sie diese eon bläuliche Farbe sehen. Es wurde auf den Tasten auf Lee verwendet, so dass Sie sehen oder hören können. Hören? Wir waren auf dem Sand auf, äh, hier haben wir es auf die Freunde und auch auf diesen Freund. Hier geht es um die Verwendung von Kontrast, Off-Größe, Positionierung, Farbe und ah, alle anderen Dinge, Vordergrundhintergrund. 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.
20. Wiederholung im Design: Lassen Sie uns über Wiederholung im Design sprechen. Jetzt Wiederholung bedeutet, dass Sie Fuß gehen. Wiederholen Sie den
gleichen Stil, gleichen ähnlichen Formen und gleichen Farben können Sie sagen, ähnliche liest ähnliche Häute in Ihrem Design immer wieder, und es wird Sie näher an die symmetrische und ausgewogene Design zu bringen. Auch, Wiederholung wird mehr Sinn machen, weil,
zum Beispiel, zum Beispiel, wenn Sie eine Zielseite entwerfen und Sie haben ein britisches Zeichen auseinander bereichert Bildschirm und wann immer Sie versuchen toe, verwenden Sie diese ähnliche grüne -Taste. Der Benutzer wird denken, dass es um und dies ist ein interaktives Element. Ich brauche Zehenkick drauf. Ich muss darauf klopfen. Also Wiederholung in Ihrem Design geht Fuß. Kommunizieren Sie dem Benutzer, dass Ihr Design konsistent ist, so dass Konsistenz mit der Wiederholung kommen wird, so dass Sie verschiedene Formen wiederholen können. beispielsweise Wenn SiebeispielsweiseEllipse eine Form für Ihre Avatarbilder verwendet
haben, verwenden Sie die gleichen Aufzugsschiffe in Ihrem gesamten Design. In ähnlicher Weise Ihre Abschnitte, zum Beispiel, die Höhen und abgerissen Ihre Elemente. Du kannst sie wiederholen. Sie können verschiedene Farben wiederholen. Sie gehen, um verschiedene Farben zu beheben Zum Beispiel, wenn meine Website E-Commerce-Website, Ich habe Ah, um orange Taste für hinzufügen Karte. Ich muss das nur auf In den Warenkorb legen nicht für die anderen Nachrichten oder einige andere die Dinge . Okay, also bedenken Sie das. Wiederholung im Design kann in vielerlei Hinsicht Stil, Formen und Farben und Schnitte Linien sein. Du kannst sie jetzt wiederholen. Das Problem ist, wenn Sie versuchen, die gleiche Sache immer wieder zu wiederholen und es ist sehr ähnlich der gleichen Sache. Zum Beispiel zwei Abschnitte Ihrer Website. Sie sind sehr ähnlich im Stil und alles, was es geht, erzeugen oft einen Verlust, nur so dass Ihr Design langweilig aussehen wird. Es gibt also eine Technik, die ich Ihnen geben werde, ist Variation. Aber du wirst das wiederholen, mit ein bisschen abgeschwächt. Variationen sind verwendet eine Petition, aber mit etwas Vision. beispielsweise Wenn Sie michbeispielsweisein meinem Typografiekurs sehen, habe ich ein umgekehrtes Farbschema für einige außerhalb des Textes verwendet. So heißt es Wiederholungskiller sind Raum, aber umgekehrt. Also, zum Beispiel, wenn ich das auf der linken Seite verwende, können
Sie sehen, ich bin Sie sind. Ich liebe dich. Es ist in rot geschrieben und Sie können auf der rechten Seite sehen. Ich versuche, Interesse zu schaffen. Ich benutze die gleiche Farbe. Gleiche Formen, alles. Aber ich versuche, etwas mehr Interesse zu schaffen, und ich habe diesen L-Abschnitt aus Liebe hervorgehoben. Und so können Sie verschiedene Variationen erstellen, sich aber auf die gleiche
Wiederholung oder die gleiche Wiederholung von Raum,
Farbe und verschiedenen Abschnitten beschränken Wiederholung oder die gleiche Wiederholung von Raum, . Keine wichtige Sache ist, dass Wiederholung nicht nur mit Ihren Farben oder den Formen sein sollte , sondern auch mit ihm und den Höhen Wanderungen und auch dem Abstand zwischen den Elementen. Zum Beispiel, Ihr jeder Abschnitt Ihrer Website oder Ihr Each Logo hat etwas Platz oben und unten. Sie müssen das in Ihrem gesamten Design konsistent halten. Zum Beispiel, wenn Sie eine Website entworfen haben, die auf dem Handy sein wird, das
auf Tablets oder iPhones oder iPads verwendet werden wird , müssen
Sie denken, dass so viel Platz um sie herum sein muss, oder dieses prozentuale Alter von Raum muss um ihn herum sein, damit es prominent aussieht oder kann es gut
aussehen. Sie müssen also verschiedene Abschnitte verwenden. Sie können diese Abschnitte mit Farben verwenden, oder Sie können einige, ähm, verstecken. Und wir würden Heiser-Highlights reparieren und lesen. Oder vielleicht einige Verhältnisse, dass dieses Bild in dieser rassischen Größe sein wird, und Sie können das in Ihren verschiedenen Abschnitten verwenden. Diese Art von Wiederholung wird also in vielen Abschnitten gefunden werden. Zum Beispiel, Seiten, Websites, Webseiten. Es gibt verschiedene Abschnitte, so dass jeder Abschnitt einige Wiederholungen aus verschiedenen Räumen haben wird. Verschiedene Überschriften, verschiedene Überschriftenfarben, so dass sie sich wiederholen werden. Also im ersten Abschnitt, zum Beispiel, der versteckten Farben schwarz, vielleicht im nächsten Abschnitt. Der versteckte Mörder ist weiß, aber immer noch die Größe aus dem Versteck gleich. Sie verwenden also die Größe der Wiederholung. In ähnlicher Weise, wenn
Sie
zum Beispiel in Ihrem ersten Abschnitt Ihre Kopfzeile einen oberen Rand oder eine obere Überschrift hinterlassen haben, zum Beispiel zum Beispiel
200 Pixel, werden
Sie dasselbe im nächsten Abschnitt. Nein, ich habe das bei vielen größeren Designern gesehen, dass dies ein sehr großes Problem ist. Ich habe viele Male gesehen, dass die nervösen Designer oder die großen Namen Designer. Sie behandeln Leerraum nicht als Inhaltsblock. Wenn Sie also einen Leerraum oder einen leeren Raum sehen, denke
ich nicht, dass dies nicht Ah ist, blockieren Sie Ihr Designelement. Dies ist auch ein Block, also werden Sie diesen Designblock Leerraum wiederholen, und Sie werden diese Wiederholung in Ihrem Design verwenden und Sie gehen Fuß. Ich benutzte den Laster Space Wiederholung Zehe, erstellen vertikalen Rhythmus und horizontalen Abstand und vertikalen Abstand. Was also vertikaler Rhythmus ist, ist, wie Ihre Elemente in vertikaler
Richtung voneinander ausräumen werden. Ich habe in meinem Typografiekurs viel über diesen vertikalen Rhythmus gesprochen. Wenn Sie also daran interessiert sind, wie Sie diese Typografie verwenden und wie Sie Ihr Design
interessant und Layout-Dinge machen können, können
Sie sich meinen Typografiekurs ansehen. Jetzt werde ich zu vielen Beispielen wechseln, also werden wir viele Beispiele sehen. Ich werde erklären, wie ich Leerraum verwendet habe und wie wir Wiederholungsnummern
Designs verwendet haben , also macht das alles Sinn für Sie. Gehen wir also zur nächsten Lektion
21. 08-Wiederholungsbeispiele: Hier sind ein paar Beispiele, in denen ich das Konzept der Wiederholung in Ihrem
Design illustrieren werde. Nun, wenn Sie auf den linken Bildschirm oder hier den Vollbild auf der linken Seite schauen, werde
ich von hier aus beginnen und Sie können sehen, dass diese Spitze nie an einer Bar gestoppt, wo wir den Titel der Anwendung
haben, ist eigentlich der gleiche wie dieser. Also auf der 3. 1 Also auf der rechten Seite und auf der linken Seite, sie verwenden das gleiche. Auch in der Mitte ist die gleiche, aber nur die Größe der Festung. Oder man kann sagen, der Schirmherr ist ein bisschen anders. Wenn Sie sich diesen linken Bildschirm ansehen,können
Sie die Elemente sehen, die ich wiederhole. Wenn Sie sich diesen linken Bildschirm ansehen, Sie können diese sehr 10 Zeile an der Spitze sehen. Trennung wird verwendet oder Haar wieder im nächsten Abschnitt, so dass Sie sehen können, ich benutze es Zehe trennen meine beiden Abschnitte. Das ist also die Wiederholung. Dies ist der gleiche Stil, gleiche Zeilenelement, das ich verwende und es wiederholt, um meine Abschnitte zu trennen. Wenn Sie sich
diese Tasten ansehen,
können
Sie alle Kontrolltasten sehen,die sich innerhalb des Bildschirms befinden. Wenn Sie sich
diese Tasten ansehen, , können
Sie alle Kontrolltasten sehen, Sie sind, äh, Ellipsen. Also sind sie alle Kreise, der Shop-Button, der Rückgang. Aber auf diesem Hass, aber auf diese Kontrollen Kontrollen, sind
sie alle konsistent. Sie haben ihre Wiederholung der Form aus und einen Kreis wiederholen. Also sind sie alle Ellipse. So können Sie sehen, dies ist die Wiederholung aus Form. Also verwende ich überall in meinem Design die gleiche Form. Sie können diese Form sogar in der Memory-Funktion sehen. Wenn Sie also 1234 oder Blei sehen können, ist
das auf Deutsch, eigentlich. sind also für Speicherpositionen, die Sie einstellen können, so dass Sie sogar in diesen Speicherpositionen sehen können , verwende
ich das gleiche Designelement, das eingekreist ist. Und wenn Sie sich meine Schrift ansehen, können
Sie viele Sofas sehen. Dies ist auch eine gewisse Weichheit in ihm. Es ist nicht sehr kantig. Das ist also ein Spiel kleiner Zeh, dieser Kreise. Lassen Sie uns nun über Wiederholung von Farben sprechen. Jetzt können Sie sehen, wie Sie vielleicht hinter lachen, während Sie dieses Video sehen, weil Sie
deutlich viele Farben sehen können . Deputy, hier
drüben. Nun, wenn Sie sich das für Haut auf der linken Seite ansehen. Diese dunkelblaue marineblaue Farbe wird als Füllstoff für alle primären Steuerelemente verwendet. Damit du was siehst? Hier. Entspannen Sie sich. Diese Option ist ausgewählt. Es hat also dieses dunklere blaue Hemd. Sie können es vielleicht nicht sehen, aber im Moment,
auf meinem Bildschirm, auf meinem Bildschirm, ist
das sehr dunkel, nahe an der schwarzen Marine, blaue Farbe. Und Sie können auch diese linke Navigations-Tab sehen. Es ist aktiviert. Also alle diese haben die gleichen Farben. Ähnlich, wenn Sie sich dies so weit in diesem betrachten, es hat ah, hellblaue Farbe, die wieder in dieser Aktivität sehen kann, aber in diesen Aktivitäten, aber und so sind wir hier. Und diese Orange ist eigentlich habe ich für die Heizung verwendet, weil es ein bisschen anderes
Konzept war , Also habe ich nicht auf den blauen Farben hier drüben wiederholen. Okay, okay. Nun gehen wir zu diesem mittleren Bildschirm. Jetzt können Sie sehen, dass es sich um zwei Videos handelt. Ich denke, drei Videos und sie verwenden den gleichen Stil Titel-Button, um die gleiche Höhe und
Breite zu spielen . So können
Sie auch feststellen, dass der Abstand zwischen ihnen sehen Sie Abstand zwischen all diesen drei Videos ist gleich mehr Kitzelabstand. Das ist also ein weiteres Konzept. Ähnlich, wenn Sie links und rechts von all diesen Bildschirmen sehen, können
Sie den inneren Inhalt sehen. Sie haben den gleichen Rand und die gleiche Lücke, so dass die linke und die rechte gleich sind. So macht es ausgewogenere Design, und Sie können auch die Symbole sehen. Diese sind mit dem Spiel Burton Sie verwenden gelbe Farbe, und innen ist wieder benennen auf der rechten Seite. Sie können sehen, dass wir wieder die gleiche grüne Farbe für die Aktivierung verwenden, dass diese Dinge aktiviert
wurden oder diese eingeschaltet sind und wieder hier, diese gelbe Farbe, gleiche gelbe Farbe für interaktive Elemente. Also ist es im Grunde mein zweiter Regular, und Sie können diese sehen oder hören. Das ist auch interaktiv, aber ich benutze ein bisschen. Man kann sagen, dunklere braune Farbe hier drüben. Okay, also verwenden diese Tee den gleichen Mäzen, gleichen Typographiegrößen. Alles ist gleich, und Sie können sehen, das ist, wie wir Wiederholungen verwenden. So Wiederholung ist ein integraler Bestandteil von jedem Sie ein Design, das Sie brauchen, um die vier Größen zu beheben. Wenn etwas für Überschriften verwendet wird, muss
es für die Überschrift des gesamten Entwurfs verwendet werden. Einweichen. Wiederholung geht auf die Zehe. Erstellen Sie Konsistenz in Ihrem Design. Stellen Sie
daher sicher, dass Sie eine Wiederholung auf die richtige Weise verwenden. Nein, schauen wir uns dieses Design an. Also werden wir das Konzept von Wiederholung mit etwas Variation abdecken. Und jetzt können Sie hier auf der linken Seite sehen, ich benutze wieder dasselbe. Dies ist eines der größten Versteck. Aber die Festung, die ich hier benutze, wird für Überschriften in meinem gesamten Design verwendet. Das ist also der gleiche Furt unterschiedlicher Größe. Auf diesem ist der gleiche Ford und die gleiche Größe für alle Abschnitte, die vierte und die Größe scheint, so dass Sie sehen können, dies wird einige Konsistenz in
Ihrem Design zu schaffen . In ähnlicher Weise, wenn Sie sich das ansehen, habe ich eine Trennung mit einigen Farben erstellt. Also verwende ich Junking Matador hier gruppieren, indem ich einige Farben verwende und diese beiden trenne. Aber wenn man hier genau hinschaut, ist
die Zwischenräume zwischen den Elementen sehr schwierig. Denken Sie also daran, dass Sie sehen oder hören können, dass die Form das Gefühl hat, dass sie den gleichen Abstand
zwischen ihnen haben . Lassen Sie uns kurz zu wechseln, aber ich werde Ihnen zeigen, wie alle Abstände funktionieren werden und wie ich
dieses ganze Design angelegt habe . Also, wenn Sie sich das hier ansehen, können
Sie sehen, dass dieser Raum von oben hier drüben fast ähnlich ist wie dieser Ort hier drüben. So sind sie oben und unten gleich. In ähnlicher Weise, wenn man sich dieses Tempo anschaut, ist
es gleichgültig. Und Sie können auch sehen, ob dieser Raum fast gleich dem Raum hier drüben ist. Also verwende ich Wiederholung aus vertikalem Raum oder Haarweißraum. Und in ähnlicher Weise können
Sie die Lücken zwischen diesen allen vier sehen. Sie sind Wiederholung. So jetzt können Sie hier sehen, ich verwende vier verschiedene Farben. Warum ist das? Das Problem ist, dass, wenn ich versuche, die gleiche Farbe immer und immer wieder zu verwenden, es langweilig werden könnte. Also, um einige zu erstellen, können
Sie ein interessantes Interesse an Ihrem Design sagen. Ich versuche hier verschiedene Farben zu verwenden, damit Sie sehen können, dass sie natürlicher aussehen und sie attraktiver sind. Sie sind bunter, sie erregen mehr Aufmerksamkeit. In ähnlicher Weise waas
dieser am Ende. So allein. Also habe ich versucht, eine andere Farbe dafür zu verwenden. Nun, hier haben wir die umgekehrte Umkehrung aus unserem Farbschema und ich
verwende dunklen Hintergrund und oben helle Farben. Dies ist eine weitere Variante, die Sie tun können. Aber Sie können sehen, dass dies wieder der Abschnitt ist und auch dieser Raum zwischen verschiedenen Abschnitten ist der gleiche. In ähnlicher Weise ist
dieser wieder weiß und es gibt eine Menge aus, denn die Symbole sind ihre Logos hier drüben. Dann haben wir es wieder. Sie können den Abstand bemerken. Hast du den Raum bemerkt? Dies ist sehr wichtiger Schritt, so dass Sie sehen können, dass ich viel Leerraum oben und unten verwende. Sie sind fast gleich. Also, wenn ich so etwas klar mache, damit Sie sehen können, wie dies ein perfektes
Rechteck schafft . Schauen wir uns ein paar weitere Beispiele an eso Idee aus Wiederholung zu illustrieren. Sie können sehen, dass dies ein anderes Design ist, das Sie in diesem
Kurs vielleicht noch ein paar Male gesehen haben . So können Sie das sehen, aber eine andere hier, die gleiche Farbe. Dieselbe Last wird an vielen Orten wie diesem hier drüben benutzt, hier drüben. Und auch in diesem abonnieren niemanden. So können Sie sehen, dass die gleichen Farben immer wieder wiederholt werden. Diese Zeile an der Spitze dieser Überschrift wird immer wieder wiederholt. Das kann Ihnen zeigen, hier ist die Zeile an der Spitze dieser Navigation über und hier haben wir es wieder,
wieder, die Zeilen, die Sie sehen können, um die Überschriften anzuzeigen Sie sind nicht blau, also sind sie ein wenig anders mit einigen Variation wieder, die Linie an der Spitze hier wieder, die Linie an der Spitze. So haben wir Wiederholungen in unseren Designs verwendet. Außerdem können
Sie verschiedene Farben betrachten. Zum Beispiel, Degrees Gnade wurden in vielen verschiedenen Mustern und die Hintergrundfarben hier
wieder verwendet , Grab mit einigen Mäzen. Und so hat dieses ganze Design konsequent zusammengewirkt. Und so werden Sie Konsistenz in Ihrem Design verwenden, indem Sie Wiederholungen mit Farben, Formen, Linien, Typografie, Größen,
22. 08-Wiederholungsbeispiele: Hier sind ein paar Beispiele, in denen ich das Konzept der Wiederholung in Ihrem
Design illustrieren werde. Nun, wenn Sie auf den linken Bildschirm oder hier den Vollbild auf der linken Seite schauen, werde
ich von hier aus beginnen und Sie können sehen, dass diese Spitze nie an einer Bar gestoppt, wo wir den Titel der Anwendung
haben, ist eigentlich der gleiche wie dieser. Also auf der 3. 1 Also auf der rechten Seite und auf der linken Seite, sie verwenden das gleiche. Auch in der Mitte ist die gleiche, aber nur die Größe der Festung. Oder man kann sagen, der Schirmherr ist ein bisschen anders. Wenn Sie sich diesen linken Bildschirm ansehen,können
Sie die Elemente sehen, die ich wiederhole. Wenn Sie sich diesen linken Bildschirm ansehen, Sie können diese sehr 10 Zeile an der Spitze sehen. Trennung wird verwendet oder Haar wieder im nächsten Abschnitt, so dass Sie sehen können, ich benutze es Zehe trennen meine beiden Abschnitte. Das ist also die Wiederholung. Dies ist der gleiche Stil, gleiche Zeilenelement, das ich verwende und es wiederholt, um meine Abschnitte zu trennen. Wenn Sie sich
diese Tasten ansehen,
können
Sie alle Kontrolltasten sehen,die sich innerhalb des Bildschirms befinden. Wenn Sie sich
diese Tasten ansehen, , können
Sie alle Kontrolltasten sehen, Sie sind, äh, Ellipsen. Also sind sie alle Kreise, der Shop-Button, der Rückgang. Aber auf diesem Hass, aber auf diese Kontrollen Kontrollen, sind
sie alle konsistent. Sie haben ihre Wiederholung der Form aus und einen Kreis wiederholen. Also sind sie alle Ellipse. So können Sie sehen, dies ist die Wiederholung aus Form. Also verwende ich überall in meinem Design die gleiche Form. Sie können diese Form sogar in der Memory-Funktion sehen. Wenn Sie also 1234 oder Blei sehen können, ist
das auf Deutsch, eigentlich. sind also für Speicherpositionen, die Sie einstellen können, so dass Sie sogar in diesen Speicherpositionen sehen können , verwende
ich das gleiche Designelement, das eingekreist ist. Und wenn Sie sich meine Schrift ansehen, können
Sie viele Sofas sehen. Dies ist auch eine gewisse Weichheit in ihm. Es ist nicht sehr kantig. Das ist also ein Spiel kleiner Zeh, dieser Kreise. Lassen Sie uns nun über Wiederholung von Farben sprechen. Jetzt können Sie sehen, wie Sie vielleicht hinter lachen, während Sie dieses Video sehen, weil Sie
deutlich viele Farben sehen können . Deputy, hier
drüben. Nun, wenn Sie sich das für Haut auf der linken Seite ansehen. Diese dunkelblaue marineblaue Farbe wird als Füllstoff für alle primären Steuerelemente verwendet. Damit du was siehst? Hier. Entspannen Sie sich. Diese Option ist ausgewählt. Es hat also dieses dunklere blaue Hemd. Sie können es vielleicht nicht sehen, aber im Moment,
auf meinem Bildschirm, auf meinem Bildschirm, ist
das sehr dunkel, nahe an der schwarzen Marine, blaue Farbe. Und Sie können auch diese linke Navigations-Tab sehen. Es ist aktiviert. Also alle diese haben die gleichen Farben. Ähnlich, wenn Sie sich dies so weit in diesem betrachten, es hat ah, hellblaue Farbe, die wieder in dieser Aktivität sehen kann, aber in diesen Aktivitäten, aber und so sind wir hier. Und diese Orange ist eigentlich habe ich für die Heizung verwendet, weil es ein bisschen anderes
Konzept war , Also habe ich nicht auf den blauen Farben hier drüben wiederholen. Okay, okay. Nun gehen wir zu diesem mittleren Bildschirm. Jetzt können Sie sehen, dass es sich um zwei Videos handelt. Ich denke, drei Videos und sie verwenden den gleichen Stil Titel-Button, um die gleiche Höhe und
Breite zu spielen . So können
Sie auch feststellen, dass der Abstand zwischen ihnen sehen Sie Abstand zwischen all diesen drei Videos ist gleich mehr Kitzelabstand. Das ist also ein weiteres Konzept. Ähnlich, wenn Sie links und rechts von all diesen Bildschirmen sehen, können
Sie den inneren Inhalt sehen. Sie haben den gleichen Rand und die gleiche Lücke, so dass die linke und die rechte gleich sind. So macht es ausgewogenere Design, und Sie können auch die Symbole sehen. Diese sind mit dem Spiel Burton Sie verwenden gelbe Farbe, und innen ist wieder benennen auf der rechten Seite. Sie können sehen, dass wir wieder die gleiche grüne Farbe für die Aktivierung verwenden, dass diese Dinge aktiviert
wurden oder diese eingeschaltet sind und wieder hier, diese gelbe Farbe, gleiche gelbe Farbe für interaktive Elemente. Also ist es im Grunde mein zweiter Regular, und Sie können diese sehen oder hören. Das ist auch interaktiv, aber ich benutze ein bisschen. Man kann sagen, dunklere braune Farbe hier drüben. Okay, also verwenden diese Tee den gleichen Mäzen, gleichen Typographiegrößen. Alles ist gleich, und Sie können sehen, das ist, wie wir Wiederholungen verwenden. So Wiederholung ist ein integraler Bestandteil von jedem Sie ein Design, das Sie brauchen, um die vier Größen zu beheben. Wenn etwas für Überschriften verwendet wird, muss
es für die Überschrift des gesamten Entwurfs verwendet werden. Einweichen. Wiederholung geht auf die Zehe. Erstellen Sie Konsistenz in Ihrem Design. Stellen Sie
daher sicher, dass Sie eine Wiederholung auf die richtige Weise verwenden. Nein, schauen wir uns dieses Design an. Also werden wir das Konzept von Wiederholung mit etwas Variation abdecken. Und jetzt können Sie hier auf der linken Seite sehen, ich benutze wieder dasselbe. Dies ist eines der größten Versteck. Aber die Festung, die ich hier benutze, wird für Überschriften in meinem gesamten Design verwendet. Das ist also der gleiche Furt unterschiedlicher Größe. Auf diesem ist der gleiche Ford und die gleiche Größe für alle Abschnitte, die vierte und die Größe scheint, so dass Sie sehen können, dies wird einige Konsistenz in
Ihrem Design zu schaffen . In ähnlicher Weise, wenn Sie sich das ansehen, habe ich eine Trennung mit einigen Farben erstellt. Also verwende ich Junking Matador hier gruppieren, indem ich einige Farben verwende und diese beiden trenne. Aber wenn man hier genau hinschaut, ist
die Zwischenräume zwischen den Elementen sehr schwierig. Denken Sie also daran, dass Sie sehen oder hören können, dass die Form das Gefühl hat, dass sie den gleichen Abstand
zwischen ihnen haben . Lassen Sie uns kurz zu wechseln, aber ich werde Ihnen zeigen, wie alle Abstände funktionieren werden und wie ich
dieses ganze Design angelegt habe . Also, wenn Sie sich das hier ansehen, können
Sie sehen, dass dieser Raum von oben hier drüben fast ähnlich ist wie dieser Ort hier drüben. So sind sie oben und unten gleich. In ähnlicher Weise, wenn man sich dieses Tempo anschaut, ist
es gleichgültig. Und Sie können auch sehen, ob dieser Raum fast gleich dem Raum hier drüben ist. Also verwende ich Wiederholung aus vertikalem Raum oder Haarweißraum. Und in ähnlicher Weise können
Sie die Lücken zwischen diesen allen vier sehen. Sie sind Wiederholung. So jetzt können Sie hier sehen, ich verwende vier verschiedene Farben. Warum ist das? Das Problem ist, dass, wenn ich versuche, die gleiche Farbe immer und immer wieder zu verwenden, es langweilig werden könnte. Also, um einige zu erstellen, können
Sie ein interessantes Interesse an Ihrem Design sagen. Ich versuche hier verschiedene Farben zu verwenden, damit Sie sehen können, dass sie natürlicher aussehen und sie attraktiver sind. Sie sind bunter, sie erregen mehr Aufmerksamkeit. In ähnlicher Weise waas
dieser am Ende. So allein. Also habe ich versucht, eine andere Farbe dafür zu verwenden. Nun, hier haben wir die umgekehrte Umkehrung aus unserem Farbschema und ich
verwende dunklen Hintergrund und oben helle Farben. Dies ist eine weitere Variante, die Sie tun können. Aber Sie können sehen, dass dies wieder der Abschnitt ist und auch dieser Raum zwischen verschiedenen Abschnitten ist der gleiche. In ähnlicher Weise ist
dieser wieder weiß und es gibt eine Menge aus, denn die Symbole sind ihre Logos hier drüben. Dann haben wir es wieder. Sie können den Abstand bemerken. Hast du den Raum bemerkt? Dies ist sehr wichtiger Schritt, so dass Sie sehen können, dass ich viel Leerraum oben und unten verwende. Sie sind fast gleich. Also, wenn ich so etwas klar mache, damit Sie sehen können, wie dies ein perfektes
Rechteck schafft . Schauen wir uns ein paar weitere Beispiele an eso Idee aus Wiederholung zu illustrieren. Sie können sehen, dass dies ein anderes Design ist, das Sie in diesem
Kurs vielleicht noch ein paar Male gesehen haben . So können Sie das sehen, aber eine andere hier, die gleiche Farbe. Dieselbe Last wird an vielen Orten wie diesem hier drüben benutzt, hier drüben. Und auch in diesem abonnieren niemanden. So können Sie sehen, dass die gleichen Farben immer wieder wiederholt werden. Diese Zeile an der Spitze dieser Überschrift wird immer wieder wiederholt. Das kann Ihnen zeigen, hier ist die Zeile an der Spitze dieser Navigation über und hier haben wir es wieder,
wieder, die Zeilen, die Sie sehen können, um die Überschriften anzuzeigen Sie sind nicht blau, also sind sie ein wenig anders mit einigen Variation wieder, die Linie an der Spitze hier wieder, die Linie an der Spitze. So haben wir Wiederholungen in unseren Designs verwendet. Außerdem können
Sie verschiedene Farben betrachten. Zum Beispiel, Degrees Gnade wurden in vielen verschiedenen Mustern und die Hintergrundfarben hier
wieder verwendet , Grab mit einigen Mäzen. Und so hat dieses ganze Design konsequent zusammengewirkt. Und so werden Sie Konsistenz in Ihrem Design verwenden, indem Sie Wiederholungen mit Farben, Formen, Linien, Typografie, Größen,
23. CASE - Graue Karte Desgin: Jetzt werde ich fantastisch suchen,
Besuchswächter oder Visitenkarte erstellen , und ich werde Ihnen zeigen, wie Sie mit allen Prinzipien und allen
Techniken und Elementen aus Design entwerfen können, die ich Ihnen in den vorherigen Lektionen beigebracht habe. Und auch, das wird mein nächster Auftrag sein. Also im Moment werden wir diese Karte mit Adobe für ein Geschäft zu entwerfen, und ich denke, dass die richtige Software-Werkzeug für die Gestaltung drucken Karten ist Adobe Illustrator. Aber immer noch, Ich denke, bei gehorchen für den Laden kann verwendet werden, um. Also werden wir in den Laden eintauchen, und ich werde im Grunde drei verschiedene Variationen daraus erstellen und ich werde dir
zeigen, was die Designrichtungen sind oder was ich wollte, oder das Team von diesem Design oder Ville es? Was sind die Eigenschaften von diesem Design, ob es stark ist,
Spaß, Spaß kreativ oder was auch immer, Also lasst uns loslegen und anfangen, diese fantastisch aussehende Visitenkarte eso zu schaffen, die
in für den Shop eintauchen ist . Okay, jetzt, um dieses Design zu beginnen, gehen
wir zur Datei neu und wir gehen Zehenabdruck, und die Größe, die wir hinzufügen werden, ist 3,75 Zoll für 10. Höhe wird auf 5,25 Also 0,25 ist eigentlich der Beschnittmarge und Rasserand bedeutet, dass dieser Teil Zehenschnitt geht, wenn die Autos Jessica gedruckt werden. Danach versuchen
sie die Zehe, schneiden sie in der Autoform, und das ist der Rassebereich, der geschnitten werden wird und außerhalb der Karte. Also werden wir es zu unserem Design hinzufügen. Okay, dann wählen wir jetzt dieses Kunstbrett aus. Wenn Sie Kunsttafeln auswählen, es nur zum Artikel verschoben. Wenn wir es umwandeln wollen, um ihn zu sehen. Michael Itron. Okay, also drücken Sie auf geräumt. Nennen wir es Besucherwache oder Visitenkarte. Ok. Und drücken Sie niedlich. Hier haben wir also das erste Kunstbrett. Das ist ah, vorne, seitlich aus, andere Karte und der Zoom raus. Und wir werden auch die zweite Unterdrückung erstellen. Nur dieses Plus und wir werden das zweite Kunstwerk haben. Also im Moment sind wir in der ersten Art Board. Das erste, was wir tun werden, ist, dass wir einen Plan auslegen werden,
also Plan wird sein, Wir brauchen ein paar Gitter und Leitfäden. Wir brauchen ein paar
Kisten, die Dinge dafür ausrichten. Wir gehen, um ein neues Guide-Layout zu sehen und lassen Sie mich Ihnen zeigen, wie ich all das erstellt habe . Diese Kerle. Sie werden also verwenden. Lassen Sie mich Ihnen hier drüben zeigen. Vier Probleme und die Gretelrinne ist im Grunde der Raum zwischen den Säulen, die Sie
hier sehen können . Dies sind die Dachrinnen zwischen den Säulen. So gibt es 41234 Säulen und der Gouverneur ist 0,1 bis 5. So versuche ich Zehendesign, mein ah-Layout. Und ich benutze fünf Zeilen, die von oben nach unten 12345 Zeilen sind. Und die Rinne zwischen ihnen ist 123450.67 Also, selbst wenn Sie die Rinne von 0,1
bis 5 verwenden möchten , liegt
es an Ihnen. Lassen Sie es uns so gestalten. Es liegt an dir. Ok. Ich glaube also nicht, dass so viel Cutter hilfreich ist, weil wir hier nicht zu viel
Inhalt haben . Denken Sie also an die Lektion mit den Ebenen, die mit Inhalt entworfen wurden. Okay, das ist alles und wir werden drücken. OK, In ähnlicher Weise werden
wir das gleiche mit diesem in ziemlich Layout tun und es wird hier drüben sein. Okay, sobald wir das geschlafen haben, können Sie sehen, dass diese aktiviert sind. Okay, also lasst uns anfangen. Und zuerst werden wir unser Textwerkzeug verwenden und ah, benutzen
wir nur die schwarze Liste. So wollte ich Ihnen meinen Designprozess zeigen. Also werde ich mit 1 40 Pixel gehen, sehr große vier Größe und das Fremde, das ich auswähle, oder Typhus, den ich wähle, ist Roboto. Ok? Bevor wir also mit dem Design beginnen, brauchen
wir Zehe. Stellen Sie sicher, dass unsere was? Unser Körper, Unser Design-Team auf die Richtung. Okay, meine Firma ist
also ein User Experience Design-Unternehmen und ich wollte sehr stark,
leistungsstark,
kreativ und einfach und doch modern aussehen leistungsstark, . Also möchte ich meine Botschaft vermitteln. Die Verwendung von Einfachheit darf nicht allzu einfach sein. Aber es sieht modern und schlank aus und ich möchte zeigen, dass wir mächtig genug sind und stark genug Zehe lösen Ihre Probleme. So ist die Festung, basierend auf all diesen Dingen, basierend auf all diesen Dingen,
der Typ, den ich Gesicht habe ausgewählt, roboto, weil es sehr schlank ist und es sehr modern ist. Es ist kraftvoll sensorisch geformt und für die Kraft werde ich mit dem Stier Tiefest verwenden. Also dafür bin ich mit fett verdichteten Roboto 1 40 Picks ist in Ordnung, also lassen Sie uns diese Fiktionen Unternehmen verwenden können erstellen. Okay, also werde ich es in der Mitte so ausrichten. Komm schon, Lee zu de Select. Okay, jetzt, wenn Sie sich hier ansehen, haben
wir 1234 Spalten und Sie können sehen, dass mein Text fast in die mittlere Spalte passt. Also werde ich es hier ausrichten, die Grundlinie von meinem Handy oder das Gesicht sterben. Ich werde es auf meine Rolle ausrichten. Die Basis von diesem Raum. Also haben Sie vielleicht erraten, dass ich schwarze und vitale Graustufen verwende. Also das ist der erste Schritt, OK, jetzt werde ich verwenden, ist der zweittiefste. Also wollte ich sehr schlank sein, und ich will viel Kontrast. So wird der Kontrast in Größe zwei sein. Also, was ich getan habe, ist, dass ich
die Quelle Sands Pro ausgewählt habe, die einer meiner Favoriten ist. Gabeln fürchteten Kraft und ich wählte. Es ist wie das Leben. Es ist wie Stil, denn warum habe ich das getan, weil ich einen großen Kontrast zwischen den
beiden Schriften haben wollte . So entwerfen wir es in der Mitte ausgerichtet und lassen Sie uns ein wenig aus regelmäßig
dafür wählen . Das ist also unser Graustufendesign. Das ist eine Linie, die es hier drüben ist. Vielleicht in der Mitte von dieser Gruppe. Also entweder können Sie diese Regel so auswählen und dann wählen Sie diese und wir und Sie können
es in der Mitte so ausrichten . Es ist schon in der Mitte. Okay, also müssen wir hier elementar sein. Okay, also benutze ich nur einen Punkt
, der unsere Lippen sein wird. Und ich werde hier drüben eine Ellipse benutzen, um Stärke zu betonen. Okay, das wird
also sein. Machen wir es 41 Vixens. Okay, also gehe ich auf die Zehe, bewege ihn. Genau wie in der gleichen Zeile. Sie können die Ausrichtung sehen. Ein 123 Lassen Sie uns den Befehl des Rasters verstecken und Kontrolle Semikolon, denke
ich. Colin, ich bin mir nicht sicher, ob ich hier drüben auflisten werde. Die Abkürzung hier drüben. Okay, also kannst du auch hier rüber gehen und deine Jungs zeigen und verstecken, damit es tatsächlich
Schnee ist . Kein toller Nord-Cred, aber die Jungs sehen, sind die Wachen. Das ist eigentlich die Abkürzung. Okay, also haben wir diese beiden Elemente, also vergewissern Sie sich, bevor Sie Ihre Karte entwerfen. Du weißt, was du hier hinlegen wirst. Also haben wir zwei Elemente. Nur ein Slogan und ah, das ist unser Text. Ok? Nun, um etwas Interesse und Balance zu schaffen, gehe
ich Fuß, weil Sie sehen können, dass ich viel Leerraum oben
rechts und links benutze , nur um dieses Stück und die Zehe zu betonen. Hol dir was. Sie können etwas Interesse sagen. Ich werde diesen unteren Abschnitt verwenden. Okay, also wird das so sein. Vielleicht so, so
etwas. Dies ist also unser eigentliches Layout über Design, oder Sie können die Graustufen entworfen sehen. Okay, jetzt gehen wir zu diesem, und ich werde mich auf die Gitter verlassen. Okay, also was ich tun werde, ist noch eine Sache. Ich muss Ihnen sagen, dass diese Marge tatsächlich unsicher ist. Bereich es richtig und alles zu tun. Okay, also hat der Stopp das hier rechts gelassen? Und die Unterseite, sie könnten schneiden, wenn sie gedruckt werden. Also, was ich tun muss, ist, dass ich die Zehe benutzen werde. Entweder dieser Block hier für meinen Text oder was ich tun kann, ist, dass ich das entweder verwenden kann. Also, wenn ich die rechte Seite benutze, werde
ich es mit dieser Linie auf der rechten Seite ausrichten. Also, wenn ich versuche, die linke Ausrichtung zu verwenden, werde
ich sie hier benutzen. Ok? Also, was ich jetzt tun muss, ist, dass wir unsere Decks nur hier setzen, und ah, Kraft ist wieder die Belohnung. Oh, ich benutze. Also werde ich Robot hier drüben benutzen. Also hier haben wir Roboto Board. Also dieses Mal werde ich fett oder schwarz verwenden? Vielleicht so Der nächste schwarze Talic zuerst schwarz und wir haben das Schwarze. Also werde ich meinen Namen verwenden s und und ich werde den Titel in der gleichen Zeile CEO verwenden oder und in der nächsten Zeile werde
ich meine Telefonnummer mit etwas Platz verwenden. Das ist meine echte Telefonnummer und das ist meine E-Mail. Und noch eine Sache. Das ist ein bisschen Dummy-Rep Seite hier drüben. Verwenden Sie Bernstein. Geh so etwas nicht weiter. Okay, jetzt, wenn du es dir hier ansiehst, benutze
ich das Prinzip aus der Nähe. Ordnen Sie alle Dinge ähnlich und nahe beieinander zu. Weil das alles Kontakt ist. Ist es. Eine Sache, die ich tun werde, ist, dass ich nicht will, dass dieser Text so groß ist. Also werde ich 36 Ich denke, 36 Look Rate. Und auch werde ich es auf reguläre ändern, also möchte ich nicht, dass es zu fett ist. Außerdem möchte
ich, dass sie Linie sind. Höhe wird ein wenig sein. Ich möchte sie etwas näher bringen. 48. Okay, hier haben wir das im Grunde raus. Mal sehen, wie weit es von hier weg ist. Also werde ich es zu einer Linie machen. 1234 Das sind fünf. Lass es uns so etwas machen. Sieht toll aus. Okay, also wird das hervorgehoben werden, also werde ich hier eine dunklere schwarze Farbe verwenden. Also, meine Freunde, das ist das Layout für Graustufenlayout von meinem Design in meiner Karte. So sollten Sie Ihre Entwürfe beginnen und Sie können sehen, dass es ziemlich einfach aussieht. Nun, in der nächsten Lektion, werden
wir einige Farben hinzufügen und einige experimentieren mit den Hintergründen und all dem Zeug , also gehen wir zur nächsten Liste über.
24. CASE - Fertigstellung von Kartendesign: die letzte Lektion. Was wir getan haben, ist, dass wir eine Graustufen aus unserem ersten Design erstellt haben, das ist unser Business-Car-Design. Nun, in diesem nächsten Schritt, was wir tun werden, ist, dass wir einige Farben und etwas Interesse hinzufügen. Wir werden unser Layout begraben. Also bei einigen Texturen, oder vielleicht einigen Gönnern, um etwas Interesse und eine gewisse Balance zu schaffen, haben
Sie bereits gesehen, dass wie viel Leerraum tatsächlich Ihr Design verbessert. Also habe ich sehr weniger Inhalt auf dieser Karte und viel Leerraum. So wird es auf die einzige Information auf ihrer Autokarte betonen. Was ich will, ist, dass
ich meiner Marke den ersten Eindruck bei meinen Kunden machen möchte, dass wir ein
Unternehmen einladen . Dafür werden
wir, ähm,
Gönner benutzen ähm, . Ok. Ok. Also lasst uns anfangen und fügen einige etwas Farbe gerade hinzu und graben tiefer in dieses Design und all das visuelle Design Zeug. Okay, also werde ich jetzt zu meinem Fotoshop springen, also lasst uns anfangen. Ok. Jetzt, hier. Sie können sehen, das ist die,
ähm, das ist, wo wir gegangen sind. Also hier drüben auf dieser Kunst gelangweilt. Ich werde anfangen, einige Farben hinzuzufügen. Vor allem, was Sie tun werden, ist, dass Sie vielleicht schon das Geschäft haben, äh, Logo hier drüben. Also? Also haben Sie das vielleicht schon. Du brauchst nicht, du weißt schon, unsere
erfundenen Farben von dir selbst zu
benutzen du weißt schon,
unsere
erfundenen Farben von dir selbst zu
benutzen. Also werde ich mit dieser blauen Farbe und dieser scharfen roten Farbe gehen. Okay, also bin ich korrigiert. Okay, also hier ist es. Und lass mich sehen. Ich bin mir nicht sicher, ob es nicht auf mich ausgerichtet ist. Okay, ja, ja, es ist nicht richtig ausgerichtet. Also hier haben wir es jetzt, so wie das. Okay, eine weitere Sache ist, dass, wenn man genau hinschaut, man sieht, dass das zusammen mit dem Tod nutzbar
ist, diese Tür. Dieser ganze Abschnitt ist also nicht zentriert. Also hier haben wir mehr Platz. Und hier haben wir weniger Platz. Oder so hier haben wir auf der linken Seite, wir haben mehr Platz. Und auf der rechten Seite haben
wir weniger Rindfleisch hinterlassen. Also, was ich tun werde, so Kontrolle Befehl D zu sezieren. Ok. Also werde ich sie zusammenfassen diese nutzbare und diese Ellipse Komm schon, G und ich gehen ins Zentrum. Richten Sie es aus. Kontrollieren Sie jede oder Sie können diese hier verwenden, Befehl es, um die gesamte Kunsttafel auszuwählen und dann verwenden Sie diese. Okay, also stellen Sie sicher, dass Sie sind Sie wählen diese Gruppe, also werde ich Logo nennen. Komm schon, D zwei d wählen. Und jetzt denke ich, es ist in der Mitte. Lass es uns verstecken und sehen, ob es gut aussieht. So sieht es toll aus. Niemand ist da. Lassen Sie uns etwas bläuliches Grau hier verwenden, anstatt nur das schlichte graue alte Mädchen zu verwenden, ich habe viele meiner Schüler gesehen. Sie versuchen, blaue Straight zu verwenden Sorry, die reine große, die hier drüben ist. Versuchen Sie nicht, ihren Versuch zu verwenden, es mit etwas Farbe zu mischen. Wie hier drüben. So etwas sieht es sehr leicht aus. Also werde ich ein bisschen dunkler oder so verwenden Dies sieht kreativ aus. Jetzt können Sie dieses schlanke oder schlanke Matrize Gesicht sehen. Es hat viel Kontrast zu diesem nutzbaren tiefsten. So sind sie sie suchen kreieren auch sie suchen Modernen Diese Sand-Set von Pro ein Weihnachtsmann. Tut mir leid, Sore Sense Pro Sieht gut aus. Auch
das alles Kappen. Roberto Ford sieht toll aus. Okay, also, äh, dieser Teil ist fertig. Okay, hier haben wir nur dieses rechteckige Haar, das auch ein bisschen Ah Gresh blaue Farbe ist. Sehr leicht Ich werde sehen, ob es richtig ausgerichtet ist. Ich werde in die Mitte von dieser Regel gehen. Also verwende ich fast 1,5 Zeilen. Also lassen Sie uns unsere 100 s verstecken o es sieht Creme aus. Lasst uns diese Seite bewegen. Ok. Jetzt auf dieser Seite, was ich trocknen werde, ist, dass ich mein Farbschema umkehren werde. Also hier haben wir weiße und Kontrastfarben drauf, und hier werde ich mein Schema umkehren. Erstellen Sie also als nächstes ein Rechteck hier drüben. Das wird unser Dies sein. Lassen Sie uns diese Tech-Geschichte setzen und ich werde den ganzen Text auswählen. Und jetzt werde ich diese Farbe verwenden, die blass ist. Warum so etwas verfärben? Okay, also für diesen CEO, was ich tun werde, ist für diesen hier. Ich werde das reine Vital verwenden, um es hervorzuheben oder es von den anderen
drei zu trennen . Auch, wenn Sie etwas tun wollen, können
Sie es wie 42 vielleicht so etwas reduzieren. Und auch diese 1. 1 Ich werde es wegbewegen, also werde ich die Linie ändern. Höhe 48. Ich bin mir nicht sicher, warum es zu groß für mich aussieht. Also werde ich mit 32 anstatt 36 gehen. Das sieht also toll aus. , Jetzt fühle ich,dass dieser Größenkontrast zwischen dem CEO und dem hier gut aussieht. Okay, entweder kannst du das Schwarz benutzen, oder du kannst den gleichen blauen Zeh hier drüben für diesen Paarboden benutzen. Oder Sie können auch tun. Eine weitere Sache ist, dass Sie hier die Helligkeit reduzieren können. Also das ist das gleiche Sie 21. Und was Sie tun können, ist versuchen, die Helligkeit zu reduzieren, und ich werde mit 30 gehen. Oh, sind wir, er war 25. Das sieht also quadratisch aus. Das sind die Farben, siehst du? 100% Magenta, 90% Gelb, 42 und Schwarz 52. Nächste Erhöhung Die schwarzen bis 65 sind 70%. Okay, wir können
so etwas benutzen, aber es sieht sehr fertig aus. Dunkel, also werde ich mit 65 oder vielleicht 60% gehen. Ok, trotzdem sehen
60% zu dunkel aus. 55 Sättigung Ich werde die Sättigung Zehe 70% so etwas reduzieren. Also Nein, das ist eine andere Farbe, aber es ist in der gleichen Farblinie oder der gleichen Farbe, die wir zuvor mit
21 waren . Also verwenden wir tatsächlich den dunkleren und stumpferen Schatten aus dem gleichen Blau. Also hier ist unsere erste Version aus Karte. Also, ähm, jetzt können Sie sehen, dass es toll aussieht, aber vielleicht sieht das zu groß aus. Also werde ich mit 42 gehen. Du kannst sehen, was ich tue. Ich zoome raus. Also zoomen Sie hinein, zoomen Sie heraus. Also verkleinere ich und sehe, dass das in Bezug auf dieses zu groß aussieht. Also habe ich versucht, die Größe zu reduzieren. Also jetzt, was ich tun werde, ist, dass ich alles, was ich Ihnen beigebracht habe,
Zoomen, Verkleinern Der Kontrast zwischen verschiedenen Schriften, wie der Farbkontrast die
Farben umkehrt . Alles in Ordnung, also nein, was wir hier tun müssen, ist, dass wir Interesse schaffen müssen. Hier drüben kann
man sehen, dass es sehr langweilig aussieht und man kann sagen, vielleicht Bootfahren. Also, was wir hier tun müssen, ist für diesen unteren Teil. Ich werde die Zehe ziehen. Sie können einen Patron oder hier sehen, aber der Patron, den ich suchen werde, ist einladend. Das sieht also sehr, man kann sagen, sehr einfach oder sehr formell aus. Also möchte ich etwas Spaß oder Kreativität bekommen und in Aktion einladen, in diese
dafür entworfen . Was ich getan habe, ist, dass ich diesen Patron habe
, den ich von ah, kreative Markt kreative Markt dot com bekam. Und ich liebe das wirklich. Wie diese Marker waren, wissen
Sie, dunkel
angeordnet, nehmen Marker. Und ich denke, das können diese mit dem User Experience Design zusammenhängen, weil wir Marker
viel verwenden . Also, was ich getan habe, ist, dass ich versucht habe, es in meinen Fotoshop hierher zu ziehen, und das ist der Schirmherr. Ich habe es gerade hier verschoben Kunst oder Optionsschlüssel, um es zu replizieren. Und ich werde es damit ausrichten. So ist es im Grunde ein sich wiederholendes Muster, So ist es Fuß für es perfekt gut mit dem anderen Teil aus es. Also jetzt werden wir diesen Hintergrund verstecken, und Sie können sehen? Lassen Sie mich den Punkt zoomen. Okay, Sie können
also sehen, dass wir hier die Konkurrenz zwischen dem primären Fokus dieses
Designs haben , das ist, dass ich nicht möchte, dass der Benutzer diesen Boden zu sehr betrachtet, also möchte ich nur, dass dieser nutzbare und dieser Bereich im Fokus zu stehen. Also, was ich tun werde, ist,
dass ich dir ein paar Farbüberlagerungen auf diesem hier mache. So Textebene Farbe übermäßig. Und ich werde etwas benutzen,
etwas tolles Blau wie dieses. Und kopieren Sie diesen Stil noch einmal. Basic hier drüben letztes Mal. So jetzt können Sie sehen, dies ist ein bisschen können Sie den Kontrast zwischen Formen auf der Oberseite sehen. Wir haben alle, ähm sehr rechteckige, sehr schlanke und sehr fertige Formen, wo sie sind. Sie können sagen, sie sind sehr regelmäßige Formen, und hier haben wir unregelmäßige Formen an der Unterseite. Das ist also eigentlich der Kontrast zwischen diesen beiden Dingen. Also fügte ich hinzu, um etwas Kreativität und einige einfache weniger in das Design hinzuzufügen, dass wir ein schaffen digitale kreative digitale Agentur, so
etwas. Dies ist also auch angeblich User Experience. So habe ich es geschafft, diese Entwürfe zu kreieren. Diese Übung wurde also beendet. Und der nächste Schritt, was Sie tun werden, ist, dass Sie gehen Zehe herunterladen einige Visitenkarte Moke up. Also was? Eigentlich ist ein Markup Lassen Sie mich es Ihnen zeigen. Das ist die Visitenkarte Markoff, die ich benutze. So können Sie sehen oder hören, dass dies eine Visitenkarte ist. Verspotten Sie sich. Und das sind eigentlich intelligente Objekte. Wenn Sie also hier doppelklicken, wird
es Ihnen zeigen, dass es so geht. Toe basierte deine Karte hier drüben. Also lass mich dir zeigen, was ich getan habe. Also habe ich dieses Kunstbrett ausgewählt. Kontrollbefehl A und Ah, Kopie muss. Und ich ging zu dieser einen Basis, die hier behandelt wurde. So können Sie jetzt sehen, dass es keine Linie ist, weil es keinen Blutungsbereich hat. Also kontrolliere ein Zentrum. Richten Sie es aus. Und so wirst du dein Design bekommen? Komm schon, D auf de Select und lass uns ja benutzen,
Sehen, wie es aussieht. Also hier haben wir diese nutzbare Karte. Sie können sehen, wie es aussieht. Wenn Sie zum Beispiel etwas anpassen möchten, wenn Sie es etwas nach unten verschieben möchten, nicht sein. Man kann sagen, dass man nicht durch diese großartige Linie begrenzt wird. Also werde ich so etwas benutzen. Und ich werde auch ein wenig nach unten bewegt verwenden. Es gibt so etwas zu verwenden und zu sehen, ob es besser aussehen wird. Als nächstes versuchen Sie es. Bewegen Sie es in der Mitte. Steuerbefehl. Sehen Sie? Okay, das sieht besser aus, weil wir ein bisschen nach unten gezogen sind und auch hier drüben. Das sieht toll aus. Es ist, äh Jane, diese Schicht Zeh. Eigentlich kaufe ich die. Wenn du also denkst, dass das's aussieht, sieht das toll aus. Als nächstes ändere ich diese Farbe und zeige, weißt
du. OK, so ist das, wie meine Karte aussieht, und es sieht erstellen. Nun, was ich tun werde, ist, ich werde es sicher für das Web exportieren und das Bild wird sein. Sie können Bild sehen, Höhe und Breite ist zu viel. Also werde ich etwas vielleicht 1500 verwenden und ich werde so exportiert, und das ist alles. Okay, hier haben wir diese Visitenkarte. , Das ist,was wir entwerfen. Und so werden Sie einige Visitenkarten-Moke up verwenden. Versuchen Sie also, einen Mokka mit innerhalb einer erträglichen Größe extrahiert zu verwenden, die ich leicht haben kann. Sie versuchen, es in einer Besuchsvariablen Größe zu exportieren und bei der nächsten Zuweisung applaudiert. nächste Aufgabe wird also die Erstellung dieser Visitenkarte für sich selbst sein. Sie können Ihren Namen, Ihre Fiktion, es ist Firma oder alles, was Sie wollen. Okay, Ich hoffe, Sie haben diese Lektion genossen und wie ich es geschafft habe, dieses Design zu erstellen und wie ich dieses Design
erreicht habe, wie ich verschiedene Farben verwende. Was war der Prozess hinter meinem Design und wie ich Raster und Hilfslinien und das gesamte Layout verwendet habe ? Also, wenn Sie Fragen haben, die Sie mir stellen müssen, werde
ich eine Menge von Lektionen hinzufügen, neue Lektionen in der Zukunft und, uh, bis dahin, bald. Nehmen Sie krank und erstellen Sie weiterhin Entwürfe erstellen
25. Projekt: Jetzt haben Sie gesehen, wie ich meinen Designprozess erstellt habe und wie ich die einfache Wache erstellt habe. Jetzt ex Jordan und du wirst etwas Ähnliches auf schaffen. Ich möchte, dass du etwas Meskalines erschaffst, Mächtiges, Starkes. Und doch Morgan und kreativ so entworfen eine Karte mit allen Farben. Stellen
Siealso sicher, dass Farben auch mit diesem Team
mitschwingen Sie . Also, was ich sagte, ist stark auf kreativ und all das versuchen, die Farben zu finden, die zu diesem Team
passen. Versuchen Sie auch, Defizite zu finden, die zu diesem Team passen. Stark, kreativ auf und Martin. Das sind also die T-Schlüsselwörter. Ich werde Ihnen Designer-Karte, factiöse Firma oder Ihre eigene mit Ihrem eigenen Namen Diana etwas geben. Oder John Doe oder was auch immer du benutzen willst. Versuchen Sie, Sie verwenden einen Slogan von einer Überschrift Ihren Namen vielleicht, und Ihre Details Kontakt. Es ist auf der anderen Seite. Versuchen Sie, diese zweiseitige Karten zu entwerfen. Ich werde auch die Kartendatei verknüpfen, die ich die Photoshopped Datei verwendet habe. Sie können jede Software verwenden. Sie wollen Sie, wenn Sie wollen. Oh, Design mit Illustrator oder was auch immer. Ich habe nichts dagegen. Ich muss nur die Gefriertruhen sehen. Und das ist alles, was ich mich darauf freue, deine Entwürfe und diese Aufgabe zu sehen. Also lasst uns anfangen. Nein.
26. Was als Nächstes ?: vielen Dank für die Teilnahme an dieser Klasse. Wenn Sie Fragen zum Design oder zu dieser Klasse haben, können
Sie mich jederzeit im Community-Bereich fragen. auch Vergessen Sieauch
nicht die Zehe richtig. Einige überprüfen einige nette Worte. Also für mich, also kann ich, wissen
Sie, etwas Inspiration
bekommen, um mehr Klassen wie diese zu erstellen. Und vergessen Sie auch nicht, wenn Sie meine anderen Kurse besuchen, weil sie sind. Ich habe viele Kurse zu UX Design, User Interface Design und Freelancing und Visual Design. Also bis dahin, wir sehen uns bald in der nächsten Klasse.
27. Der Framing-Effekt → fortgeschrittenes Thema: Ich werde über ein bisschen von Vast reden. Sie können fortgeschrittenes Thema sagen, das ist Framing-Effekt jetzt Framing Effekt. Und Sie haben es vielleicht gesehen, aber Sie wissen nicht, wie Sie es richtig verwenden sollen. Also werde ich es erklären Viele Beispiele in dieser Lektion, die, wie Sie Framing
effektiv nutzen können , während Sie für Referenzwebsites,
mobile Labs oder alles, was Sie gerade entwerfen, entwerfen. So haben Sie vielleicht Fotos gesehen, die in Ihrem Haus oder Zimmer oder im
Haus Ihres Verwandten hängen . Also, was es tut, ist, dass Sie Zehe viel Leerraum oder einige Inhalte um
Ihr Foto setzen müssen. Okay, also für die Framing bedeutet, dass, zum Beispiel, wenn Sie etwas entwerfen oder einige Funktionen auf einer Website aufgelistet haben, so dass Sie für den Features-Abschnitt entwerfen. Also, was Sie tun werden, ist, dass Sie ah, Frame off medizinische er, oder vielleicht ein paar Zeilen oder vielleicht Leerraum und fügen Sie es um diesen Vertrag. So gehen Sie Zehenrahmen Ihre Inhalte genau wie ein Foto innerhalb des Rahmens von
diesem Foto eingerahmt wird . Okay, also geht es auf die Zehe. Was es geht, um OK, so wird es zu betonen, dass und es wird es prominenter und anders als der Rest
von den Inhalten auf Ihrer Website oder mobile App zu machen . Viele Leute, die sie nicht wissen, wie man richtig benutzt, wer weiße Fläche von Leerraum kann als Rahmen Zehe
verwendet werden . Sie brauchen nicht,wissen
Sie, wissen
Sie farbigen Rahmen oder vielleicht einen harten Rahmen um Ihren Inhalt zu
legen. Sie können Leerraum verwenden. Ah, viel Y-Raum um deine Elemente herum. Design-Elemente Zehe machen sie aussehen, können
Sie sagen, betont und mutig. Okay, Sie haben vielleicht gesehen, dass es Bilderrahmen gibt, wo, wenn das Foto ist der Text in ihnen ist, es ist sehr klein und es gibt eine Menge Leerraum um es herum. Also, wenn man viel Leerraum um etwas legt, geht
es zu Fuß. Geben Sie ihm mehr Wert und es wird sauberer oder schlanker aussehen. Sie können hier sehen, ich habe eine sehr kleine versuchen keine oder keine Tanks Box entworfen. Und du hättest diese Art von Papa-Boxen gesehen oder so etwas. Also, wenn Sie viel Leerraum um sie herum erstellen. Das ist es. Sie werden großartig aussehen. Denken Sie also daran, dass das Setzen einer Menge Leerraum Ihren Entwürfen helfen wird. Und versuch es nicht wirklich nicht. Weißt du, ich denke, das ist zu viel. Versuchen Sie, so viel wie möglich zu verwenden. Also, jetzt gehen wir auf die Zehe. Sehen Sie einige von den Beispielen. Nun, Sie könnten dieses Beispiel oft gesehen haben, weil dies das jüngste ist, das ich
sowieso entworfen habe ,
So können Sie in diesem Design sehen, wenn Sie sich diesen Abschnitt ansehen, er ist eine Sicherung erschwinglich, skalierbar, freier Sport. Es gibt einen Rahmen weißen Rahmen, der all diesen Inhalt enthält, und Sie können sehen, dass er vom Hintergrund
betont wird . Also benutze ich eigentlich den Rahmeneffekt. Also lassen Sie mich Ihnen den Rahmen zeigen. Das ist also der Rahmen, und Sie können sehen, wie ich viel Leerraum um meinen Inhalt verwende. Und auch ich benutze weiße Farbe und etwas Schatten um sie herum. Also, um diesen Rahmen hervorzuheben, dass es erhöht ist und es unterscheidet sich vom Hintergrund. Nun schauen wir uns diesen Abschnitt hier an, und Sie können hier sehen, wir haben verschiedene Karten aus der Nutzung von verschiedenen digitalen
Sinus-Produkten , und Sie können sehen, ob Sie sich eine von ihnen betrachten. Es ist auch die Verwendung off Framing-Effekt. Also das Kartenkonzept, das von Google Material Design entworfen wurde und ah, viel aus Sie sehen können, es wird oft auf in allen mobilen APS verwendet. Es ist im Grunde der Rahmeneffekt, so dass sie einen Rahmen Zehenrahmen verwenden, ihren Inhalt darin. Schauen wir uns dieses Beispiel hier an. Wie Sie sehen können, habe ich dieses Dashboard entworfen. Und wenn du genau hinsiehst, verwende
ich einen sehr großen Rahmen oben auf einer verschwommenen Bildspitze. Zeig das hier. Sie können das Versteck sehen und lassen Sie mich das hervorheben. Also das ist mein Rahmen, okay, damit du sehen kannst, dass das mein Freund ist und der ganze Inhalt um ihn herum. Ich benutze nicht nur die Farbe, so dass Sie den Raum hier und den Raum hier
auf der rechten und linken Seite sehen können . Es wird als Rahmen verwendet, so dass Sie sehen können, wir haben etwas Platz unten,
auf der linken und der rechten Seite,
und oben Also verwende ich Framing-Effekt, um diesen Hauptinhaltsbereich oder
Hauptinhaltsbereich von diesem Dashboard hier oben hervorzuheben So können Sie all diese These Framing Konzept in vielerlei Hinsicht verwenden. Sie können sehen, dass diese Schaltflächen hervorgehoben wurden. Kleine Rahmen, die ich hier drüben benutze. Du könntest jetzt lachen. Also, äh, das ist eigentlich der Rahmeneffekt, den Sie verschonen. Lassen Sie Raum um ihn herum so und markieren Sie ihn den Inhalt dazwischen. In ähnlicher Weise verwende
ich einen sehr großen Rahmen um all mein Dashboard. Also lassen Sie uns einige Beispiele von anderen Designern sehen, weil ich denke, ich bin nur ein großer Nerd. Also lassen Sie uns ein paar mehr Erfahrung Designer sehen. Das erste Beispiel stammt von diesem Designer, Anwar Hussain,
und ich denke, er hat diese Landing Page entworfen und sie ist sehr brillant gestaltet. Sehr schön, sehr einfach. Schlicht raus. Gute Verwendung von Farben. Und wenn Sie sich diesen Abschnitt hier ansehen, lassen Sie mich in diesen Abschnitt hineinzoomen. Also hier haben wir diesen Abschnitt aufmerksam Gatien Mitgliedschaft vorne und Konsole. Das ist also tatsächlich die Verwendung aus Framing-Effekt. Also dieser Inhalt, können
Sie sehen, es ist in einem Rahmen wieder. Wenn wir uns einen anderen Abschnitt ansehen, zeigen Sie es Ihnen. Uh, wir sind waas, dass OK, also dieser hier möchte ich Updates erhalten Abmelden jederzeit. Kein Spam. So können Sie sehen, dass dieser Abschnitt zum Abonnieren auch Framing-Effekt auf Dhere verwendet wird. Wir haben wieder den Framing-Effekt Inhalt in diesem Rahmen. Also denke nicht nie, dass der Rahmen nur du sagen kannst Ah Leerraum, so dass du jede
Farbe wie hier verwenden kannst . Er hat einige Farben um es verwendet Sehr blasse Farben. Sie können auch einige Gönner um sie herum verwenden. Lassen Sie mich Ihnen ein Beispiel hier zeigen, das Sie vielleicht schon gesehen haben, und Sie können
wieder die Augen in der Mitte sehen . Es verwendet den Rahmeneffekt. Das macht es also großartig aussehen Raum um ihn herum. Genau wie ein Fotorahmen. Lassen Sie mich Ihnen weitere Beispiele zeigen. Hier haben wir das hier. Sie können sich das hier ansehen Bild drinnen und es sieht aus wie ein Fotorahmen. Jetzt hier können Sie sehen, dass der Designer einen Rahmen verwendet, um dieses Foto zu rahmen und Sie können den
Raum um sehen . Dieses Foto sieht aus wie ein Fotorahmen. In ähnlicher Weise befindet sich
dieser Text auch innerhalb dieses Rahmens, den Sie sehen können. Das ist also die Verwendung aus dem Rahmeneffekt wieder. Verwechseln Sie nicht, dass die Framing von fester Tatsache nur mit dem weißen Raum verwendet werden kann. Sie können Gönner um sie herum verwenden. Okay, hier in diesem Paket ist die
Rückseite entworfen. Sie können sehen, das sieht toll aus. Es ist von Mamba Studio und,
Ah, Ah, ich liebte ihre Entwürfe. Sie können sehen, dass dieses Zentrum Informationen, die letzte Selva Cafe ist. Bio Oh, es ist von der Textur umgeben. Oder Sie können den Dachs-Gönner überall sehen. Dies ist also ein schönes Muster und ein tolles Produktdesign Produktverpackung Design. Und hier können Sie sehen, dass sie tatsächlich diesen Schirmherr für den Rahmeneffekt verwenden. So werden sie diese Ebene Abschnitt von gelb-orange und diesen Text umrahmen und mit etwas Textur. Das ist also eigentlich der Kontrast. In diesem Zentrum spielt man eigentlich, und draußen sind alle Gönner. Das ist also ein anderer, eigentlich, in dem Konzept, das ich Ihnen beigebracht habe, Kontrast. Hier können Sie sehen, Schauen Sie sich sie genau an. Sie sehen toll aus. Das ist eigentlich wieder der Rahmeneffekt. Auf dem Rahmen ist zu groß. Und das Bild ist zu klein. So können Sie auch sehen, es gibt einige Teile überlappen. Ausführung erstellen. Klares Design Ich liebte dieses Paket Package Design. Okay, also lasst uns noch ein Beispiel sehen. Okay, das ist
also von dem sind mehrere Ehren Isabel Sosa und Cast Solo strode Sie London und das ist wieder ein tolles Design. Und hier können Sie die als mit dem wieder den Rahmeneffekt sehen, aber ein bisschen anders. Also, was sie tun, ist, dass sie haben Sie diese Textur verwenden, die ich mit dieser
Textur auf diesen Bildern zoomen Diese Gönner und sie verwenden es nur oben auf der Seite
, so dass der obere Rahmen diese Textur hat und der Rest vom Rahmen nicht Habe es. Es hat nur Sie sehen können, dass Sie nur das Stück des Voigts sehen können. Eigentlich versuchen
sie, ein Konzept zu verwenden, über das ich in meiner anderen Lektion gesprochen habe, die Ideen erzeugt, wo das Konzept waas zu zeigen und zu verstecken ist. Sie zeigen also einen Teil und verbergen den Rest vom Teil. So hier können Sie sehr tolles Design sehen. Ich wünschte, ich könnte so etwas wie diese großartige Ausführung, große Typographie-Kombinationen, großer Stil, tolle Farben, große Verwendung von Rahmen-Effekt mit diesem Muster insgesamt, eine große Design. Also, das ist alles, was ich hoffe, Sie haben jetzt das Konzept der Framing-Effekt verstanden und wie Siedas in Ihrem mobilen APS,
Web,
abs,
Websites oder was auch immer Ihr Design
verwendenkönnen das in Ihrem mobilen APS,
Web,
abs,
Websites oder was auch immer Ihr Design
verwenden Web,
abs, abs, . Also bald in der nächsten Lektion, ich hoffe, dass ich mehr Lektionen wie diese für diesen Kurs machen werde. Und
bis dahin, bis dahin schauen Sie
einfach weiter und verbessern Sie sich. Vergessen Sie nicht, Ihre Aufgaben einzureichen und Sie bald in der nächsten Lektion zu sehen.