Designtheorie: Hierarchie im Design

Designtheorie: Hierarchie im Design
<br />Originaltext: http://andymao.com/andy/post/80.html
Ich habe kürzlich gesagt, dass Design ein Gefühl der Hierarchie haben muss. Dieses Gefühl der Hierarchie kann viele Formen annehmen, wie z. B. die Überlagerung von Farben oder Elementen. Wenn einem Design die Hierarchie fehlt, kann die Seite eintönig oder kitschig wirken. Beim Design tappen wir oft in die Falle, eine bestimmte Farbe oder einen bestimmten Effekt zu bevorzugen, was dazu führen kann, dass unseren Designs auf lange Sicht die Vitalität fehlt. Und wir selbst werden durch unsere Besessenheit von dieser Vorliebe in unserer Ästhetik eingeschränkt, was sich auf unseren Fortschritt auswirken wird. Diese Art von Paranoia führt häufig zu einem Mangel an Hierarchie in unseren Entwürfen.
Wo also zeigt sich normalerweise das Gefühl der Hierarchie? Im ersten Artikel der Reihe „Farbantworten“, den ich zuvor geschrieben habe, habe ich über die Farbstufen gesprochen. In diesem Artikel erwähnte ich die Verwendung von „Schwarz, Weiß und Grau“, um die Farbstufen zu analysieren. Beim Designen verwenden wir möglicherweise eine Farbe für die gesamte Website, stellen jedoch fest, dass die Wirkung dieser einzelnen Farbe unsere Website eintönig und kitschig aussehen lässt. Manchmal sieht es auch dann noch kitschig aus, wenn mehr Farben verwendet werden. Die auf der Website verwendeten Farben sind nicht hierarchisch und kontrastlos. Sie sind alle in einer ähnlichen Graustufe gehalten, sodass die Website grau und schäbig aussieht. Natürlich können wir auch kontrastreiche Vollfarbblöcke für unsere Designs verwenden (viele koreanische Websites verwenden diese Technik). Diese Technik ist ansprechend, weil sie relativ einfach ist, aber sie lässt sich auch leichter kopieren. Doch solchen Designs fehlt die Vitalität. Als Trend sind sie ein bisschen wie Fast Food und können von jedem kopiert werden. Es ist keine Kultur als Grundlage erforderlich. Dies bedeutet natürlich nicht, dass diese Methode völlig nutzlos ist. Sie kann nur als Methode und nicht als Allheilmittel verwendet werden.
Es ist unmöglich, es nur durch Worte zu fühlen. Schauen wir uns also dieses Bild an:
Designtheorie und Hierarchie im Design_123WORDPRESS.COMjb51.net
Wir können sehen, dass das Design von IBM nicht viele Farben aufweist, aber dennoch einen Eindruck von Mehrschichtigkeit vermittelt. Er hat hier Schwarz, Hellblau und Weiß, wobei der Kontrast zwischen Schwarz und Hellblau auffälliger ist. Und wir fanden heraus, dass das Schwarz reines Schwarz ist, während das Hellblau leuchtend ist. Dieser starke Kontrast übt einen gewissen Reiz auf das menschliche Auge aus. Und es ist in Schwarz, Weiß und Grau erhältlich. Außerdem sind die Anteile zwischen den dreien nicht gleich. Beim Entwerfen verwenden wir normalerweise Farben mit ähnlichen Graustufen und nicht hoher Sättigung, sodass das endgültige Werk nur grau und eintönig sein kann. Ich werde nicht nach Beispielen für solche Websites suchen, weil niemand damit glücklich wäre. Natürlich schließe ich mich hier auch ein. Haha, du kannst in meinem Portfolio danach suchen, da gibt es bestimmt ein paar graue und hässliche Sachen dieser Art.
Darüber hinaus können wir auch sehen, dass das neue Design von IBM dreidimensionaler ist als das ursprüngliche Design. Dies ist das, was ich oben als Elementebene bezeichnet habe. Durch diese Schichtung wird die visuelle Tiefe des Betrachters erhöht und unsere Webseiten wirken nicht mehr flach. Obwohl es sich nicht um einen 3D-Effekt handelt, glaube ich, dass 2D-Effekte unweigerlich ein neuer Trend im Webdesign werden. Durch die Simulation eines dreidimensionalen visuellen Effekts durch 2D wird das Webdesign dynamischer und der Inhalt reichhaltiger.
Beim Layout aus einfarbigen Blöcken fallen Bilder in leuchtenden Farben stärker ins Auge. Dies ist eine andere Art visueller Ebene, oder man kann es als Kontrast zwischen Komplexität und Einfachheit bezeichnen! Für das Design gibt es keine festen Regeln und es spielen viele Faktoren eine Rolle. Ob ein Design gut oder schlecht ist, hängt davon ab, wie umfassend das Verständnis des Designers von der Welt ist. Daher können sich Designer nicht nur auf die Verbesserung ihrer Produktionsfertigkeiten konzentrieren, sondern müssen auch ihr kulturelles Wissen kontinuierlich erweitern. Erweitern Sie ständig Ihre eigenen Fähigkeiten, damit Sie noch wundervollere Werke gestalten können. Ich möchte mit euch allen hart arbeiten!

<<:  So machen Sie Formulareingaben und andere Textfelder in HTML schreibgeschützt und nicht bearbeitbar

>>:  Implementierungsideen und Schritte für die MySQL-Master-Slave-Konstruktion (mehrere Master und ein Slave)

Artikel empfehlen

Implementierung einer zirkulären Scroll-Listenfunktion basierend auf Vue

Hinweis: Sie müssen dem übergeordneten Container ...

Tipps zum Listenaufbau für Website-Wartungsseiten

Und oft ist es für Wartungsarbeiten erforderlich, ...

Lösen Sie das Problem der Kombination von AND und OR in MySQL

Wie unten dargestellt: Wählen Sie Produktname, Pr...

Suchmaschinenfreie Sammlung von Website-Einträgen

1: Anmeldeeingang der Baidu-Website Website: http:...

Lösen Sie das Problem, dass Docker Sudo-Operationen verwenden muss

Die Schritte sind wie folgt 1. Erstellen Sie eine...

Vite führt die Implementierung virtueller Dateien ein

Inhaltsverzeichnis Hintergrund Virtuelle Dateien ...

Probleme bei der Installation von Python3 und Pip in Ubuntu in Docker

Text 1) Laden Sie das Ubuntu-Image herunter Docke...

Einfaches Anwendungsbeispiel für rekursive MySQL 8.0-Abfragen

Vorwort Dieser Artikel verwendet die neuen Funkti...

Eine detaillierte Analyse und Verarbeitung von MySQL-Alarmen

Vor kurzem hat ein Dienst einen Alarm ausgelöst, ...

Natives JS zur Implementierung eines atmenden Karussells

Heute zeige ich Ihnen ein mit nativem JS implemen...

mysql-5.7.28 Installations-Tutorial unter Linux

1. Laden Sie die Linux-Version von der offizielle...

So sperren Sie eine virtuelle Konsolensitzung unter Linux

Wenn Sie an einem gemeinsam genutzten System arbe...