Skip to main content

WIE MAN: Richtung: ein grundlegendes Element des Designs - 2020

The Design Behind Super Mario Odyssey | Game Maker's Toolkit (August 2020).

Anonim

Zu den Elementen eines guten Seitendesigns - ob für Print oder Web - gehört das Konzept der Richtung, das eng mit der Bewegung verbunden ist. Elemente im Seitendesign leiten die Betrachter absichtlich von einem Bereich der Seite in einen anderen. Die drei Richtungen, die bei Konstruktionen üblich sind, um das Auge zu lenken, sind:

  • Horizontal - Wenn Sie die Seite oder den Bildschirm mit einer Linie oder einem anderen Element in zwei Hälften teilen, bewegt sich das Auge zu jedem Element in der oberen Hälfte des Designs, bevor Sie zu dem Abschnitt unter der horizontalen Linie oder dem Element gelangen, das die Seite teilt.
  • Vertikal - Wenn Sie zwei lange, schmale Textspalten oder zwei lange schmale Fotos oder grafische Elemente haben, haben Sie ein Design mit vertikaler Richtung. Das Auge fließt vom oberen Rand einer Säule nach unten und bewegt sich dann zum oberen Rand der zweiten Spalte.
  • Diagonale - Wenn Sie in Ihrem Entwurf Diagonalen oder Dreiecke verwenden, wird das Auge erfasst, insbesondere im Web, wo Sie nicht viele diagonale Richtungslayouts sehen.

Jedes Seitendesign hat eine dominante Richtung, die durch die Platzierung der wichtigsten Elemente festgelegt wird.

Verwendung der Richtung im Design

Im Webdesign wird die Richtung meistens durch die Bilder auf der Seite bestimmt. Sie können jedoch auch durch die Platzierung von Typ- oder Grafikelementen auf der Seite und mit Linien Richtung festlegen, insbesondere wenn sie Pfeilspitzen enthalten.

So legen Sie die Richtung in Print- und Webdesigns fest

Integrieren Sie die Richtung in Ihre Webdesigns auf folgende Weise:

  • Sehen Sie sich Ihre Bilder an, um festzustellen, in welche Richtung die Motive zeigen. Wenn die Personen auf dem Bild nach rechts schauen, sollten Sie das Bild auf der linken Seite der Seite platzieren. Andernfalls lenkt die Richtung der Augen auf dem Foto die Augen Ihrer Leser von der Seite ab. Sie möchten keine Personen, die von der Seite schauen.
  • Verwenden Sie Ihr Layout, um die Richtung vorzuschlagen. Positionieren Sie dichte Elemente wie Fotos in horizontalen, vertikalen oder diagonalen Linien. Während weniger dichte Elemente wie Text sie umgeben.
  • Verwenden Sie Linien, Bilder oder HR-Tags, um Bewegung und Richtung vorzuschlagen. Eine horizontale Linie ist ruhig und bewegt das Auge sanft von links nach rechts auf der Seite. Eine vertikale Linie deutet auf eine Bewegung von oben nach unten hin und eine diagonale Linie deutet stark auf eine Bewegung von einem Bereich der Seite in einen anderen hin.
  • Unausgeglichene Elemente zeigen auch Richtung und Bewegung an.

Layoutmerkmale, die Richtung und Bewegung beeinflussen

Das Auge geht normalerweise zuerst auf das größte Element auf einer Seite. Es kann sich um ein großes Foto oder eine große Überschrift handeln. Wo es sich als nächstes bewegt, hängt von der Richtung im Design ab. In einem guten Design führt der Ort, an dem das Auge weitergeht, zu einem wichtigen Teil der Nachricht, die die Seite zu liefern versucht. Die Bewegung des ersten großen Objekts auf der Seite zum nächsten wichtigen Objekt kann durch folgende Faktoren beeinflusst werden:

  • Farbe. Eine helle Farbe zieht das Auge schneller an als eine neutrale Farbe.
  • Grafik. Ein Zeigefinger oder ein Pfeil bewirkt, dass das Auge in eine bestimmte Richtung blickt.
  • Formen Eine Form, die sich durch die Seite windet - wie eine Spirale oder eine gestrichelte Linie, die sich von einem Element zum nächsten bewegt - trägt das Auge auf seinem Weg.

So bestimmen Sie die Richtung

Wenn Sie nicht sicher sind, wie Sie eine Seite als Richtungsanzeige gestalten, experimentieren Sie mit Webseiten und drucken Sie Publikationen, um zu ermitteln, wo Ihr Auge zuerst und dann als Zweites hingeht. Dann suchen Sie nach dem Grund, der passiert ist. Wenn Sie die Designelemente erkannt haben, durch die Ihr Auge von einem Element zum nächsten bewegt wird, können Sie diese Elemente in Ihrem eigenen Design verwenden.