Aus dem Kurs: Grafikdesign-Tipps von John McWade
Im Fluss bleiben
Aus dem Kurs: Grafikdesign-Tipps von John McWade
Im Fluss bleiben
Bei einem Bild mit starken Linien ist mein erster Design-Impuls fast immer, die Linien des Bilds und die der Seite in dieselbe Richtung laufen zu lassen. Ich habe drei Beispiele. Wenn Sie meine anderen Kurse gesehen haben, kennen Sie dieses Bild bereits. Es gehört zu meinen Lieblingsbildern. Ich mag es, wegen seiner starken Linien. Es gibt eine starke Mittellinie. Die Geisha ist auf beiden Seiten der Linie symmetrisch. Da sind die physischen Linien des Kragens, die Linien des Gesichts, die Linie, die von den Augen und dem Mund gebildet wird, der nach unten gerichtete Blick. Alle Linien in diesem Bild konzentrieren sich Richtung Mitte und unten. Das sollten wir nutzen, wenn wir das Bild auf einer Fläche platzieren. Wir haben eine Seitei m Hochformat mit einer starken vertikalen Mittellinie. Die Linien des Bilds und die der Seite sollten sich gleichartig verhalten. Anderenfalls könnten wir ein solches Ergebnis erhalten. Das Problem ist hier, dass die Geisha zentriert ist, mit all den Linien, die in diese Richtung zeigen, während sich die Linie der Seite hier drüben befindet. Es gibt also einen Bruch. Beide Elemente passen nicht zusammen. Noch ein paar andere Fragen bleiben offen. Zum einen schwebt die Geisha hier in der Luft, weil das Bild beschnitten ist. Das wirkt unnatürlich, wenn man bedenkt, dass sich alles in diesem Bild nach unten bewegt. Zweitens erhalten wir auf diese Weise eine sehr seltsam geformte Fläche. Und dadurch erhalten wir ein solches Design – es ist in Wirklichkeit gar kein Design. Wir haben einfach vier Objekte, eine Überschrift, einen Text, ein Bild, alles etwa gleich groß, einfach auf der vorhandenen Fläche angeordnet, ohne Fluss, Rhythmus und Hierarchie. Das sollten wir also vermeiden. Die Lösung besteht darin, zunächst die Bildlinien und die der Seite in dieselbe Richtung laufen zu lassen. Das wirkt viel besser, bis auf die Tatsache, dass das Bild immer noch klein und beschnitten ist – es schwebt also immer noch. Durch die abgeschnittenen Schultern entsteht natürlich diese Form. Mit dieser müssen wir dann layouten, und das ist sehr ungünstig. Hier die bessere Lösung. Jetzt ist sie auf der Seite geerdet. Das Bild reicht in den Anschnitt, es wirkt nicht mehr, als würde es schweben. Jetzt scheint sie uns einfach gegenüberzustehen und wir schauen sie an. Jetzt weisen alle Linien genau in dieselbe Richtung. Die Linie der Seite und die der Geisha sind identisch. Ich erledige nun zwei Dinge, die für die Demonstration nicht notwendig wären. Zuerst färbe ich die Seite schwarz, das wirkt kraftvoll und ruhig. Das Haar verschmilzt mit dem Hintergrund, wodurch ihr Gesicht und ihr Kimono wie auf einer Leinwand reliefartig hervorgehoben werden. Und dann vergrößere ich sie richtig. Jetzt weisen alle Linien offensichtlich in dieselbe Richtung. Hier ist die Mittellinie klar zu sehen, ihre Blicklinien, das Dreieck ihres Gesichts, die Linien ihrer Wangen, die Linien des Kragens, alles konzentriert sich hier unten. Das Bild ist nun wirklich groß. Und jetzt können wir eine kleine Kopie auf die Seite setzen, aber alle Linien führen genau zu dieser Stelle. Das ist eine schöne Lösung. Wir haben ein wirklich großes Element, ein kleines Element. Hier haben wir ein glattes Bild und hier ein sehr strukturiertes, detailliertes Bild. Eine Menge guter Kontrast. Es ist eine schöne Lösung. Der Grund ist, dass jetzt alle Linien in dieselbe Richtung reichen und sich gleichartig verhalten. Ich habe noch zwei Beispiele. Der gezeichnete Wolkenkratzer ist, wie man sieht, mit einer starken vertikalen Linie zentriert. Durch die Zentrierung gibt es zwei starke Seitenlinien. Aber er sitzt asymmetrisch auf der Seite, wie Sie sehen. Die Gebäudemitte und Seitenmitte verhalten sich also unterschiedlich. Es ist eine saubere Seite, ein perfektes Design. Es hinterlässt eine Art unregelmäßigen oder ungeordneten weißen Raum. Das funktioniert tatsächlich, weil keine Formen entstehen, die uns etwas sagen wollen. Interessant ist, dass die zentrierte Lösung mehr auf die Seite abgestimmt ist. Alles läuft die Mittellinie hinunter, die Schrift ist an den Bildrändern ausgerichtet, wodurch wir starke vertikale Linien erhalten. Alle Linien auf der Seite streben in die gleiche Richtung, aber wir erhalten diese seltsame weiße Hufeisenform. Das Problem ist, dass sie so symmetrisch wirkt, dass dieser Raum bedeutsam scheint. Leerraum kann eine sehr starke Präsenz in einem Design haben. In diesem Fall wirkt er so, als sei er beabsichtigt, was aber nicht der Fall ist. Bei einem Bild wie diesem bevorzuge ich immer diese Lösung. Wir haben eine sehr starke Mittellinie. Das Gebäude verläuft genau durch die Mitte der Seite. Wir haben diesen starken negativen Raum auf der rechten Seite und eine starke Textspalte zur Linken, die diesen Raum füllt. Mir gefällt, dass die Linien in die gleiche Richtung wie die Seite gehen, aber auch eine gewisse Asymmetrie vorhanden ist. Es gibt also die Spannung der Asymmetrie, aber es gibt nichts Willkürliches auf der Seite. Nur die Illustration selbst müssen wir uns ansehen. Es ist der eigentliche Blickfang. Wir haben den Text, der dieses Bild beschreibt, und nichts weiter. Es gibt keinen zusätzlichen Weißraum, der vorgibt, eine Aussagekraft zu haben. Meiner Meinung nach ist das rechte Bild das sauberste und kraftvollste dieser Bilder. Diese Lösung probiere ich immer als Erstes. Sie mag aus dem einen oder anderen Grund nicht funktionieren, aber damit fange ich immer an. Ein weiteres Beispiel, diesmal eine Landschaft. Es ist ziemlich offensichtlich, warum ich es ausgewählt habe: Die Linien auf dieser Seite sind sehr horizontal. Mehrere Horizontlinien, die Linien der Hügel, die Linien des Grases im Vordergrund. Deshalb möchte ich auch ein horizontales Layout gestalten. Der Text verläuft entschieden horizontal, wodurch im negativen Raum eine starke waagerechte Linie entsteht. Wie Sie sehen, hat sie dieselbe Größe wie diese Fläche und auch fast dieselbe Größe wie diese Fläche. Wir haben also viele starke horizontale Linien, die einander auf diese und auch auf diese Weise entsprechen. Für mich ist dies die stärkste Linie auf dieser Seite. Ich habe diese Überschrift hier oben schwebend gesetzt, ohne sie an irgendetwas auszurichten. Wenn ich sie hier oder hier ausrichten würde, würde unbeabsichtigt ein Rechteck entstehen. Ich möchte die Überschrift hier oben lieber frei schweben lassen. Mein Auge betrachtet sie nicht als Teil der Linie. Ihr Auge möglicherweise schon. Vielleicht sehen Sie diese Form. In dem Fall könnte eine mögliche Lösung so aussehen: Sie setzen die Überschrift negativ. Dann entspricht sie einerseits ihrer Aussage und tritt außerdem im Bild zurück. Die starke Linie verläuft nun hier. Es ist vielleicht nicht offensichtlich, aber ich arbeite auf Basis eines Rasters, das so aussieht. Eine Zeitschrift würden Sie so gestalten. Wir haben ein Raster aus zweieinhalb Spalten. Wie Sie sehen, verwende ich nur diesen Teil davon. Die Seite kann auch auf diese Weise gestaltet werden. Hier ist das gleiche Raster. Zweieinhalb Spalten. Aber sie verlaufen jetzt nicht mehr horizontal, sondern vertikal. Das ist eine perfekte Möglichkeit, um Überschrift, Untertitel, Einleitung, Initiale und Einleitung zu setzen, passt aber nicht mehr zur Linie des Bilds. Sie sehen, dass hier die dominante Linie ist. Also ist es nicht meine erste Wahl. Was mir hier außerdem nicht gefällt, ist dieser sehr rechteckige Raum schafft, der nicht zu den weichen organischen Linien dieses Bilds passt. Ihr Auge muss diese Fläche durchqueren, um zum Text zu gelangen. Sie dort oben ein Rechteck. Zusammenfassend: Wenn Sie starke Linien in Ihrem Bild haben, sollten diese zu den starken Linien auf Ihrer Seite und den starken Linien Ihres Layouts passen. Wann immer möglich, sollten die Linien Ihres Bilds, Ihrer Seite und Ihres Layouts dieselbe Richtung haben. Das ist immer meine erste Wahl, und ich weiche nur davon ab, wenn es nötig ist. Und das ist Ihr Design für heute. Bis nächstes Mal.
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Inhalt
-
-
-
Ein modernes Buchcover gestalten: Denken Sie einfach und rechtwinklig3 Min. 21 Sek.
-
(Gesperrt)
Eine Produktbeschreibung neu gestalten: Setzen Sie den Text an die richtige Stelle3 Min. 2 Sek.
-
(Gesperrt)
Eine Visitenkarte gestalten: Inhalt und Form angleichen5 Min. 9 Sek.
-
(Gesperrt)
Verdoppeln Sie Ihre Bilder!3 Min. 51 Sek.
-
(Gesperrt)
Transparente Bildversionen nutzen: Ein Bild passt stets zu sich selbst6 Min. 19 Sek.
-
(Gesperrt)
Eine Visitenkarte gestalten: Wiederholungen nutzen4 Min. 37 Sek.
-
(Gesperrt)
Warum runde Buchstaben größer sind als gerade1 Min. 49 Sek.
-
(Gesperrt)
Ein wirkungsvolles Plakat gestalten: Arbeiten Sie mit Ihrem Foto, nicht dagegen7 Min. 6 Sek.
-
(Gesperrt)
Zeigen Sie nicht das Logo, sondern das Produkt8 Min. 22 Sek.
-
(Gesperrt)
Ausrichtung: Ihr Lineal eignet sich nur für gewöhnliche Dinge4 Min. 38 Sek.
-
Logo-Design: Denken Sie einfach!3 Min. 51 Sek.
-
(Gesperrt)
Ein dramatisches Foto als Blickpunkt für ein wirkungsvolles Design verwenden8 Min. 39 Sek.
-
(Gesperrt)
Daten anschaulich visualisieren2 Min. 33 Sek.
-
(Gesperrt)
Ein attraktives Logo mit Fonts von der Stange gestalten3 Min. 33 Sek.
-
(Gesperrt)
So übertragen Sie Ihr Design in ein neues Format13 Min. 17 Sek.
-
(Gesperrt)
Dreiecke5 Min. 5 Sek.
-
(Gesperrt)
Die (sehr!) vielseitige Kunst der Silhouette8 Min. 44 Sek.
-
(Gesperrt)
Einfaches und funktionales Design mit Umrissen7 Min. 23 Sek.
-
(Gesperrt)
Beschilderung: Konsistenz ist alles!8 Min. 19 Sek.
-
(Gesperrt)
Schwarz auf Weiß: Dominant oder nicht?2 Min. 44 Sek.
-
Bilder für Weltraum-Fans10 Min. 1 Sek.
-
(Gesperrt)
Bewegungsspielraum statt Überfrachtung5 Min. 29 Sek.
-
(Gesperrt)
Denken Sie IKEA!6 Min. 15 Sek.
-
(Gesperrt)
Designmaßnahme: Aus schlecht wird gut8 Min. 57 Sek.
-
(Gesperrt)
Persönlichkeitsbildung2 Min. 49 Sek.
-
(Gesperrt)
Freisteller: Harte Kanten brechen2 Min. 51 Sek.
-
(Gesperrt)
Freisteller: Wenn Layouts Geschichten erzählen6 Min. 50 Sek.
-
(Gesperrt)
Abgerundete Ecken: Struktur schaffen mit Flächen6 Min. 57 Sek.
-
(Gesperrt)
Abgerundete Ecken: Webseiten strukturieren4 Min. 9 Sek.
-
(Gesperrt)
Logo-Design: Gedrängt, gepresst, eng – so wirkt die Type5 Min. 9 Sek.
-
Logo-Design: Bessere Typografie5 Min. 23 Sek.
-
(Gesperrt)
Gestalten mit Raster: Collage3 Min. 28 Sek.
-
(Gesperrt)
Gestalten mit Raster: Profilbilde5 Min. 34 Sek.
-
(Gesperrt)
Typografie und Farbe folgen dem Bildstil4 Min. 35 Sek.
-
(Gesperrt)
Eine Karte aus reinem Text gestalten7 Min. 18 Sek.
-
(Gesperrt)
Eine kleinformatige Anzeige gestalten4 Min. 10 Sek.
-
(Gesperrt)
Eine Visitenkarte für eine Fotografin gestalten5 Min. 31 Sek.
-
(Gesperrt)
Namen mit Schrift und Grundformen gestalten4 Min. 7 Sek.
-
(Gesperrt)
Überarbeitung eines Ladenschilds8 Min. 30 Sek.
-
(Gesperrt)
Eine kleine, mehrseitige Broschüre gestalten9 Min. 49 Sek.
-
Mit Schwarz, Weiß und Grau gestalten5 Min. 20 Sek.
-
(Gesperrt)
Gestalttheorie: Isomorphie6 Min. 37 Sek.
-
(Gesperrt)
Eine Visitenkarte neu gestalten8 Min. 1 Sek.
-
(Gesperrt)
Bewegung in einem unbewegten Layout12 Min. 35 Sek.
-
(Gesperrt)
Farbharmonien mithilfe des Farbkreises finden7 Min.
-
(Gesperrt)
Layoutentscheidungen treffen5 Min. 11 Sek.
-
(Gesperrt)
Eine Broschüre im Brieftaschenformat gestalten4 Min. 24 Sek.
-
(Gesperrt)
Panoramische Wortabstände3 Min. 33 Sek.
-
(Gesperrt)
Multifunktionsformat für eine Visitenkarte8 Min. 31 Sek.
-
(Gesperrt)
Die Herausforderung eines langweiligen Buchcovers: Teil 17 Min. 38 Sek.
-
Die Herausforderung eines langweiligen Buchcovers: Teil 24 Min. 31 Sek.
-
(Gesperrt)
Haarfeine Schriften in der Textgestaltung4 Min. 27 Sek.
-
(Gesperrt)
Die (annähernd) richtige Farbe treffen5 Min. 6 Sek.
-
(Gesperrt)
Design-Techniken mit Rastern4 Min. 54 Sek.
-
(Gesperrt)
Ihr Auftrag: einen Lanzarote-Kalender neu gestalten4 Min. 9 Sek.
-
(Gesperrt)
Blickpunkt im Vordergrund setzen3 Min. 2 Sek.
-
(Gesperrt)
Anhalten, anschauen, beobachten4 Min. 5 Sek.
-
(Gesperrt)
Dynamische Raster, Pi mal Daumen8 Min. 13 Sek.
-
(Gesperrt)
Die einfache Wirkung von negativem Raum9 Min. 24 Sek.
-
Im Fluss bleiben9 Min. 43 Sek.
-
(Gesperrt)
Learning by Doing11 Min. 52 Sek.
-
(Gesperrt)
Aus Liebe zum Design!4 Min. 17 Sek.
-
(Gesperrt)
Die Herausforderung eines langweiligen Buchcovers: Teil 36 Min. 34 Sek.
-
(Gesperrt)
Wer wagt, gewinnt5 Min. 36 Sek.
-
(Gesperrt)
Einfach schön5 Min. 8 Sek.
-
(Gesperrt)
Einfache, aber vielseitige Looks5 Min. 28 Sek.
-
(Gesperrt)
Kühne Philanthropie5 Min. 48 Sek.
-
(Gesperrt)
Die kleinen Extras1 Min. 49 Sek.
-
(Gesperrt)
Jede Schrift hat ihren Platz5 Min. 19 Sek.
-
Einfache Folien11 Min. 43 Sek.
-
(Gesperrt)
Blicklinien erkennen12 Min. 27 Sek.
-
(Gesperrt)
Schweizer Stilraster: Teil 15 Min. 22 Sek.
-
(Gesperrt)
Schweizer Stilraster: Teil 27 Min. 2 Sek.
-
(Gesperrt)
Poetische Schrift5 Min. 24 Sek.
-
(Gesperrt)
Visuelle Kontinuität4 Min. 43 Sek.
-
(Gesperrt)
Finde deine Balance5 Min. 33 Sek.
-
(Gesperrt)
Prokrastination mit Album-Cover10 Min. 29 Sek.
-
(Gesperrt)
Schauen Sie sich um4 Min. 13 Sek.
-
(Gesperrt)
Keine Tricks, bitte!2 Min. 1 Sek.
-
Einen Blickpunkt definieren6 Min. 2 Sek.
-
(Gesperrt)
Details und Strukturen8 Min. 24 Sek.
-
(Gesperrt)
Klein und einfach5 Min. 47 Sek.
-
(Gesperrt)
Sprechen Sie den Betrachter an2 Min. 43 Sek.
-
(Gesperrt)
Experimente mit Rahmen5 Min. 34 Sek.
-
(Gesperrt)
Gekonntes Magazinlayout5 Min. 19 Sek.
-
(Gesperrt)
Gute und schlechte Produktanzeigen3 Min. 44 Sek.
-
(Gesperrt)
Noch einmal: die Lanzarote-Kalender-Aufgabe4 Min. 53 Sek.
-
(Gesperrt)
Finden Sie Ihre innere Mitte – mit Typografie4 Min. 42 Sek.
-
Gekonntes Design mit starken Kontrasten5 Min. 40 Sek.
-
(Gesperrt)
Konzertplakat neu und kontrastreich gestalten6 Min. 23 Sek.
-
(Gesperrt)
Kleine Logos wirken oft besser1 Min. 6 Sek.
-
(Gesperrt)
Salt Water: Design-Lektion mit Restaurantschild1 Min. 19 Sek.
-
(Gesperrt)
Nick's Cove: Authentizität ist alles1 Min. 10 Sek.
-
(Gesperrt)
LUXE: lieber minimalistisch2 Min. 44 Sek.
-
(Gesperrt)
Pacific Wave: unverwechselbares Branding4 Min. 30 Sek.
-
(Gesperrt)
Minimalistisches Cover-Design5 Min. 23 Sek.
-
(Gesperrt)
Weniger ist mehr: augenfällige Flyer gestalten5 Min. 22 Sek.
-
(Gesperrt)
Zwei Techniken, um Druckfarbe zu sparen4 Min. 45 Sek.
-
British Academy: Logo4 Min. 21 Sek.
-
(Gesperrt)
British Academy: Schriftgestaltung3 Min. 51 Sek.
-
(Gesperrt)
British Academy: Rasterdesign4 Min. 39 Sek.
-
(Gesperrt)
Einprägsame Überschrift mit Gossamer gestalten4 Min. 30 Sek.
-
(Gesperrt)
Linienstärken: Der Teufel steckt im Detail1 Min. 51 Sek.
-
(Gesperrt)
Aufgeräumte Flyergestaltung4 Min. 21 Sek.
-
(Gesperrt)
Blue Note, Teil 1: Caddy-Daddy-Albumcover3 Min. 51 Sek.
-
(Gesperrt)
Blue Note, Teil 2: Bildelemente4 Min. 55 Sek.
-
(Gesperrt)
Blue Note, Teil 3: Textstruktur und Führungslinien4 Min. 47 Sek.
-
(Gesperrt)
Blue Note, Teil 4: Weitere Textelemente4 Min. 4 Sek.
-
Fragen Sie John: Authentische Werbematerialien2 Min. 34 Sek.
-
(Gesperrt)
Fragen Sie John: Leidenschaft finden2 Min. 41 Sek.
-
(Gesperrt)
Fragen Sie John: Logo für ein Yogastudio entwerfen1 Min. 52 Sek.
-
(Gesperrt)
Helvetica Now unter der Lupe6 Min. 14 Sek.
-
(Gesperrt)
Optische Illusionen im Layout vermeiden2 Min. 8 Sek.
-
(Gesperrt)
In der Ruhe liegt die Kraft6 Min. 53 Sek.
-
(Gesperrt)
Einfach und wirkungsvoll: das Uber-Rebranding4 Min. 6 Sek.
-
(Gesperrt)
Authentizität ist wichtig5 Min. 27 Sek.
-