Aus dem Kurs: Grafikdesign-Tipps von John McWade

Mit Schwarz, Weiß und Grau gestalten

Aus dem Kurs: Grafikdesign-Tipps von John McWade

Gratismonat starten Für Ihr Team erwerben

Mit Schwarz, Weiß und Grau gestalten

“

Hallo zusammen, John McWade. Heute sehen wir uns eine kleinformatige Anzeige in schwarz-weiß und grau an. Ich möchte Ihnen dabei zeigen, wie Sie durch Variation von Grauschattierungen Räumlichkeit vermitteln und den Blick auf verschiedene Elemente linken können. Das ist unser Text, es ist eine Werbung für eine Outdoor-Sommer-Konzertreihe in den Bergen. Das ist unsere Grafik, eine einfache Geige, nichts besonderes oder originelles. Wir setzen diese Elemente in eine kleine quadratische Fläche und gestalten sie fett. Der erste Schritt besteht in einer Gestaltung der Headline. Superfette Schrift, Versalien. Das ist der Standardzeilenabstand, er ist ziemlich groß. Wir möchten alles viel enger setzen, sodass ein massiver Block entsteht. Und mit "eng" meine ich einen negativen Zeilenabstand. Wenn die Schrift 12 Punkt groß ist, würde das einen Zeilenabstand von 8,5 Punkt bedeuten. Die Schriftart ist Block T Heavy, sie ist quadratisch und dicht. Sie hat diese schönen unregelmäßigen Kanten, die sehr gut zu der Outdoor Berg Nadelbaum-Stimmung unseres Events passen. Wir fügen Datum und Zeit hinzu. Diese Schrift ist Block T Regular, wie Sie sehen, sie ist magerer und schmaler. Unser Geigenfoto verwenden wir nicht so, wie es ist. Wie zeichnen es nach und setzen nur die Silhouette auf die Fläche. Ich würde sagen: mittelgroß, typisch, durchschnittlich, etwas langweilig, leicht zu vergessen. Sehr klein oder sehr groß würde sie dramatischer wirken. Zu groß für die Fläche. Kippen Sie sie, rücken Sie sie nach rechts. Jetzt muss ich das Auge über die Fläche und zur Geige hin bewegen. Wir erhalten dadurch eine visuelle Aktion. Setzen Sie den Textblock in die linke obere Ecke. Hier wird er vom Auge erfasst. Dann bewegt er sich auf die Fläche direkt zur Geige. Das ist eine gute solide Konstruktion, sehr stark, sehr schwarz. Alle schwarzen Elemente befinden sich auf derselben Ebene. Oft reicht es schon völlig aus, es wirkt sehr stark, auch wenn wir in diesem Fall eine kleine Kollision von Geige und "Y" haben. Sehen Sie aber was passiert, wenn wir die Überschrift grau färben. Sie tritt zurück, mit 60% rückt sie ein wenig in den Hintergrund. 30% und die Geige tritt deutlich in den Vordergrund. Man kann sagen, dass das Design nun Tiefe besitzt. 10% - kaum noch vorhanden. Dasselbe können wir mit der Geige machen. 60% - direkt unter der Oberfläche, 30% - deutlich im Hintergrund, 10% - nur noch ein Geist, ein Hauch, eine Andeutung. Das ist das Phänomen. Sehen wir uns ein halbes Dutzend Variationen an. Hier gibt es vier Ebenen: schwarz, weiß und zwei Grautöne. Die schwarze Geige ist komplett im Vordergrund. Summer Concert Series liegt im Hintergrund. Das Spannende an Grautönen ist, dass sich mit ihnen die Betonung so leicht verändern lässt. In dieser Version tritt Summer Concert Series in Schwarz in den Vordergrund. Und da die drei Grautöne aneinander sehr ähneln, ist die Gesamtwirkung weicher. In dieser Version ist der Hintergrund dunkler als der Text, aber heller als die Geige. Summer Concert Series in Weiß tritt in den Vordergrund. Und wenn der Hintergrund dunkler ist als 50%, erhält das Design eine nächtliche Stimmung. Das könnte gut wirken. Wenn es um Jazz geht, wäre genau das wahrscheinlich eine gute Lösung. Weiß tritt deutlich in den Vordergrund. Die Geige wird als Silhouette oder Schatten sichtbar. Das ist wirklich hübsch und einfach. Wir ordnen nichts neu an, verändern nur die Grauwerte. Es macht Spaß damit zu experimentieren. Nicht alles funktioniert gleich gut. Auf mich wirkt eine helle Geige irgendwie unnatürlich. Wo kommt dieses Licht her? Schöne Tiefe, aber diese Version wäre nicht meine erste Wahl. Was ich auch vermeide, ist eine schwarze Fläche mit einer weißen Geige. Das wirkt ebenfalls unnatürlich. Die graue Schrift im unteren Bereich sieht vor beiden Hintergründen ähnlich gut aus, aber sie wirkt hier an der Kante etwas unharmonisch. Gehen Sie nach Ihrem Auge und nicht nach den Farbwerten, weil hier eine optische Täuschung zum Tragen kommt. 50% ist der mathematische Mittelpunkt zwischen Schwarz und Weiß. Aber vor Weiß wirkt dieses Grau dunkler als vor Schwarz, wie Sie hier sehen. Betrachten Sie dies einen Augenblick lang. Es hilft, wenn Sie eine Bildschirmhälfte mit der Hand bedecken. Wenn ich sie näher zueinander schiebe, bleibt der Effekt, bis sie sich tatsächlich berühren. Zur Wiederholung. Sie können eine Menge massiver Elemente auf engem Raum setzen, wenn Sie sie durch eine Tiefenstaffelung mit Hilfe von Grauschattierungen voneinander trennen. Und das ist Ihr Design für heute. Bis nächstes Mal.

Inhalt