Der Trick, ein großartiges Layout zu entwerfen
Warum sind Zeitschriften und Bücher immer gleich? Selbst mit einem alternativen Design gibt es eine Harmonie im Layout oder der Kopf des Lesers wird explodieren ... oder sie werden einfach aufhören zu lesen und auf die nächste Seite springen. Erfolgreiches Design in den Bereichen Publishing, Werbung, Webdesign, Illustration und allem anderen, was Elemente zusammenhält, hängt davon ab, den Leser einzuzeichnen und die Augen über die Seite zu führen.
Manche Leute denken, dass es keine große Sache ist und das Entwerfen einer Seite kommt natürlich aus kulturellen Lektionen, die wir lernen, aufwachsen und Design aus der Kindheit betrachten, aber nur wenige, wenn überhaupt, verstehen, warum es so funktioniert, wie es tut. In den meisten Gesellschaften lesen wir von links nach rechts. Immer noch einfach klingen? Fange einfach links an, und alles wird sich einfügen. Grundsätzlich besteht die Herausforderung darin, den Leser dazu zu bringen, Elemente in der richtigen Reihenfolge oder zumindest in der Reihenfolge zu betrachten, in der sie sie sehen sollen. Dies ist der knifflige Trick beim Layout-Design.
Die Regeln
Ich war nie einer, der den Regeln folgte, aber Lehrer und großartige Künstler haben einprägsame Zitate zu diesem Thema. "Bevor du die Regeln brechen kannst, musst du die Regeln kennen," und "um deine eigene Welt zu erschaffen, musst du zuerst die wirkliche Welt verstehen".
Wenn du die Regelbrecher studierst, kannst du sehen, dass sie alle die Basis hatten, von der realen Welt zu lernen, von den Grundlagen, und von dort zu entwickeln. Die Regeln sind das grundlegende Verständnis von Layout, Typ, Elementen der Farbe, Illustration und Fotografie, und wie das Auge sie sieht, und das Gehirn entziffert alles, wenn es zusammengefügt wird.
Was die meisten Lehrer im Layout zu vermitteln versuchen, nennt man das "Z" -Muster. Es ist das Muster des Lesens (westliche Kulturen) für die strategische Platzierung wichtiger Informationen. Beginnen Sie in der oberen linken Ecke, arbeiten Sie nach rechts und dann nach unten und wieder nach links, von oben nach unten. Standard und einfach.
Ich muss über die folgende Aufnahme der "Layout-Design-Regeln" der 1950er Jahre lachen, die ich im Internet gefunden habe. Die Prinzipien sind jedoch solide und sprechen immer noch von Design-Grundlagen.
- Verwenden Sie Rahmen, wenn Sie die Informationen rahmen und auf Informationen aufmerksam machen möchten (z. B. Inhaltsverzeichnis, Kalender, spezielle Notizen).
- Lassen Sie die Kanten von Textspalten und Grafiken die Illusion von Rändern erzeugen.
- Ziehen Sie die Aufmerksamkeit auf Boxen oder Bilder, indem Sie Rahmen mit einem Schlagschatten verwenden.
- Lenken Sie die Aufmerksamkeit des Lesers auf wichtige Elemente, indem Sie die Größe (Skala), die Farbe und die Seitenposition gegenüberstellen. Stellen Sie sicher, dass die Elemente eine Funktion haben, die den Inhalt unterstützt.
- Verwenden Sie große, fett formatierte Anzeigetypen und / oder Grafiken für die Erstellung des Fokus. Verwenden Sie Elemente mit visuellem Gewicht, Intensität oder Farbe für den Fokus.
- Verwenden Sie ein Raster, um Elemente auf der Seite zu organisieren. Stellen Sie sicher, dass das Raster flexibel ist, aber die Rasterabschnitte nicht zu klein sind. Teilen Sie die Seite für maximale Flexibilität in vier oder fünf Spalten.
- Verwenden Sie mehrere Spalten zum Organisieren von Text und Visualisierungen zu kleineren (leichter lesbaren) Informationsblöcken.
- Teilen Sie Text für optimale Ergebnisse auf einer Standardseite in zwei oder drei gleiche Spalten auf.
- Verwenden Sie eine einzelne, breitere Spalte mit einer kleineren Spalte für Pullout-Anführungszeichen und andere Arten von unterstützendem Inhalt.
Nun, das sind einfache Regeln, die sich immer noch auf das übertragen, was heute und in Zukunft gebraucht wird, aber mit unserer Konsumkultur und so vielen großen Regelunterbrechern im Design entwickeln sich heutzutage Regeln. Eine Evolution im Design war das "Grid-System" Wikipedia :
Nach dem Zweiten Weltkrieg begannen einige Grafikdesigner, darunter Max Bill, Emil Ruder und Josef Müller-Brockmann, unter dem Einfluss der modernistischen Ideen von Jan Tschicholds Die neue Typografie, die Relevanz der konventionellen Seite zu hinterfragen Layout der Zeit. Sie fingen an, ein flexibles System zu entwickeln, das Designern helfen kann, Kohärenz bei der Organisation der Seite zu erreichen. Das Ergebnis war das moderne typografische Raster, das mit dem internationalen typografischen Stil in Verbindung gebracht wurde. Die bahnbrechende Arbeit zu diesem Thema, Grid Systems in graphic design von Müller-Brockmann, trug dazu bei, die Nutzung des Rasters zunächst in Europa und später in Nordamerika zu propagieren.
Mitte der 1970er Jahre war die Einführung des typografischen Rasters als Teil des Lehrplans für Grafikdesign in Europa, Nordamerika und einem Großteil Lateinamerikas zum Standard geworden. Der grafische Stil des Rasters wurde als Blick für die Unternehmenskommunikation übernommen. In den frühen 1980er Jahren führte eine Reaktion gegen die Verschärfung des Netzes, insbesondere seine dogmatische Verwendung, und die Verbindung mit der Unternehmenskultur dazu, dass einige Designer seine Verwendung zugunsten einer organischeren Struktur ablehnten. Die Erscheinung des Apple Macintosh-Computers und der daraus resultierende Übergang vom Typ, der von Typographen zu Typendirektoren gesetzt wurde, führten zu einer Welle des Experimentierens, die im Gegensatz zu Tschichold und Müller-Brockmann stand. Das typografische Raster wird heute noch gelehrt, aber eher als nützliches Werkzeug für einige Projekte, nicht als Voraussetzung oder Ausgangspunkt für das gesamte Seiten-Design.
Regelmacher und Brecher
Wenn Sie noch nichts davon gehört haben Josef Müller-Brockmann , dann ist er ein Muss auf Ihrer Liste von Designern zu studieren. Müller-Brockmann war mehr als nur ein Mann, der versuchte, das zu bilden, was heute als Schweizer Schule bezeichnet wird; Konstruktivismus, De Stijl, Suprematismus und das Bauhaus, die seine Entwürfe in eine neue Richtung schoben, die Türen für kreative Ausdrucksformen im Grafikdesign öffnete, beeinflussten ihn. Unter seinen Altersgenossen ist er wahrscheinlich am leichtesten zu erkennen, wenn er diese Zeit betrachtet.
Müller-Brockmann wurde bald als der führende Praktiker und Theoretiker des Schweizer Stils etabliert, der einen universellen grafischen Ausdruck suchte, durch ein Gitter-basiertes Design, das von überflüssiger Illustration und subjektivem Gefühl gereinigt wurde.
Das Raster war die Priorisierung und Anordnung von typografischen und bildlichen Elementen mit der sinnvollen Verwendung von Farbe, die in einem Schein von Ordnung, von links nach rechts und von oben nach unten angeordnet wurde. Laut Wikipedia ist das Rastersystem "eine zweidimensionale Struktur, die aus einer Reihe sich überschneidender vertikaler und horizontaler Achsen besteht, die zur Strukturierung von Inhalten verwendet werden. Das Raster dient als Armatur, auf der ein Designer Text und Bilder auf rationale, leicht aufnehmbare Weise organisieren kann. "
Müller-Brockmann ist bekannt für seine schlichten Designs und seine saubere Verwendung von Typografie, insbesondere Akzidenz-Grotesk, Formen und Farben, die viele Grafikdesigner im 21. Jahrhundert inspiriert. Wie bei den französischen Plakaten in den 1890er Jahren versuchten auch Müller-Brockmann und seine Kollegen, Kunden zu gewinnen und Produkte mit kühner Einfachheit zu verkaufen. Die Plakate, die dazu dienten, ein Publikum für Veranstaltungen, insbesondere für Musikveranstaltungen und Museumsausstellungen zu gewinnen, umfassten die abstrakten geometrischen Formen, für die der Stil bekannt ist; aber es sind die öffentlichen Bekanntmachungsplakate aus dieser Zeit, die mehr beachtet wurden als in vielen anderen Designperioden. Die einfachen, sauberen und grafischen Botschaften konnten, wie bei den Musik-Event-Postern, von Zuschauern mit verschiedenen Sprachen verstanden werden.
Ed Fella , ein zeitgenössischer Designer, ist ein regelrechter Hemmschuh, wenn es um Layout und Design geht, aber er achtet immer noch genau darauf, wie Auge und Gehirn die Seite betrachten. Betrachtet man seine Arbeit, würde man denken, dass er ein Wahnsinniger ist. Er zwingt Widerspruch, spielt aber immer noch am Netz. Nicht weil es da ist, sondern weil es seinem Zweck dient, das Auge überall zu ziehen und trotzdem ein ansprechendes, lesbares Design zu schaffen. Es gibt Chaos und Balance, die Seite an Seite existieren wie identische siamesische Zwillinge - der eine gut und der andere böse.
© Ed Fella
Fella bezog sich stilistisch auf sein Werk, "es falsch verstehen". Seine Arbeit ist roh und zwanghaft. Es hat Kraft und Spontaneität. Geboren aus dem Wissen von Layout, Typografie, Design und Theorie, scheint er es sehr, sehr richtig verstanden zu haben. Er hat inspirierende Worte, die jeder Designer lesen sollte:
"Ich interessiere mich für Grafikdesign als Kunst", sagt er, "Dies ist eine Art Kunstpraxis, die Formen verwendet, die aus Grafikdesign, dekorativer Illustration und Schriftzügen stammen, allesamt miteinander vermischt - Formen, die aus der Kunst des 20. Jahrhunderts stammen , aus Miró und Picasso - alles hat eine Genealogie und ein bestimmtes Aussehen - so wie heute Künstler Comics und Graphic Novels benutzen. Ich war ein Illustrator, also sehen Sie endlose Stile, die aus den Büchern kommen. Die Zeichnungen sind eine unbewusste Entladung aller Stile und Formen, die ich als kommerzieller Künstler seit 30 Jahren benutzte - das war mein Beruf - ich habe es jeden Tag getan. Also, mein Unbewusstes hat all das Zeug darin, und jetzt, weil ich keinen Sinn mehr machen muss, kann ich einfach die Techniken verwenden, wie eine Maschine, die schon lange keine Widgets mehr produziert, aber die Maschine läuft noch. Ich mache immer noch Sachen. Ich liebe das Handwerk - vorsichtiges Kleinwerden. "
Paul Rand , berühmter Designer und Regelbrecher taten dies auf Umwegen. Mr. Rand akzeptierte als junger Designer eine Anfrage, die Cover einer kleinen, aber bemerkenswerten Publikation in den späten 1930er und frühen 1940er Jahren zu entwerfen. Während der beste Rat für Designer ist, nie kostenlos zu arbeiten, gibt es einige Ausnahmen. Mr. Rand akzeptierte, verlangte aber volle kreative Freiheit und bekam es. Wenn dich jemand um freie Arbeit bittet, haben sie wirklich keine große Wahl, oder?
Rands Spiel hat sich gelohnt. Seine Arbeit für Direction erweckte die richtige Aufmerksamkeit. Der Erfolg führte zu anderen Erfolgen. Nachdem er beauftragt worden war, das Seitenlayout für eine Jubiläumsausgabe des Magazins Apparel Arts zu gestalten, kam ihm ein Angebot, als Art Director für die Magazine von Esquire-Coronet zu fungieren. Anfangs lehnte Rand dieses Angebot ab und behauptete, dass er noch nicht auf dem Niveau der Arbeit war, aber ein Jahr später beschloss er, es zu akzeptieren und übernahm die Verantwortung für Esquires Modeseiten im jungen Alter von dreiundzwanzig Jahren.
Der coolste Trick!
Ein ehemaliger Illustrationslehrer von mir zeigte mir ein praktisches Werkzeug, um die Hauptschwerpunkte auf einer Seite zu identifizieren. Zeichnen Sie zuerst eine diagonale Linie von der oberen linken Ecke bis zur unteren rechten Ecke. Die Seite kann vertikal oder horizontal sein. Es funktioniert mit jeder Orientierung.
Als nächstes zeichnen Sie eine Linie von jeder anderen Ecke, um die vorherige horizontale Linie in einem rechten Winkel zu verbinden. Der Punkt, an dem sich die Linien verbinden, ist der Bereich maximaler Aufmerksamkeit. Versuchen Sie ein Experiment - nehmen Sie ein berühmtes Gemälde und zeichnen Sie diese Zeilen (nein, nicht in einem Museum, weil Sie verhaftet werden). Sie werden sehen, wie groß die Kunst mit dieser Layout-Technik ist.
Nehmen Sie jetzt eine Zeitschriftenseite oder eine Webseite und machen Sie dasselbe. Denken Sie zunächst daran, wie die Seite gestaltet ist. Liest es gut? Wohin geht dein Blick, wenn du auf die Seite schaust? Fängst du an, dich ein wenig ängstlich zu fühlen, während du auf die Seite schaust oder aufgeregt bist? Zeichnen Sie nun die Linien und sehen Sie, wo die Elemente fallen.
Wenn in den Bereichen, in denen sich die Linien treffen, keine Bedeutung zu finden ist (allgemeines Gebiet), hattest du Angst, weil dein Auge kämpfte, um auf die Seite zu schauen, und dein Gehirn war verwirrt, als das Layout gegen den Fluss ging. Wenn die Elemente gut ausgelegt sind, sind Sie aufgeregt, wenn Ihr Auge über die Seite geführt wird.
Wenn es darum geht, mit Ihrem Kunden oder einem Ausschuss, der Ihre Entscheidungen neu gestalten will, zu verhandeln, zeigen Sie, warum Sie die Elemente dort platziert haben, wo sie sind. Personen neigen dazu, die Platzierung von Elementen zu verstehen, wenn Sie eine solche Demonstration verwenden. Es quantifiziert eine Regel, die sie nicht brechen wollen. Zeigen Sie die Sorge um das Endprodukt und bringen Sie das Team mit Begeisterung für ihre Ideen ein und wie Sie alles in das Design integrieren können, und Sie werden mehr Spielraum in den Ausschüssen und bei den Kunden haben. Wenn man sich an die Regeln anderer hält, kann man Regeln brechen, die man nicht kennt ... oder nicht sehen kann.
Findest du das sinnvoll? Haben Sie jemals von diesem Layout-Trick gehört und wenn ja, haben Sie es versucht? Funktioniert es? Lass uns deine Gedanken in den Kommentaren wissen.