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:  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! |
Artikel empfehlen
Verwenden Sie das Ansichtsfenster im Meta-Tag, um das Bildschirm-CSS zu definieren
<meta name="viewport" content="B...
WeChat-Miniprogramme ermöglichen nahtloses Scrollen
In diesem Artikelbeispiel wird der spezifische Co...
So führen Sie ein Projekt mit Docker aus
1. Geben Sie das Verzeichnis ein, in dem Ihr Proj...
Farben werden in HTML durch 6-stellige Hexadezimalcodes, RGB oder Schlüsselwörter dargestellt.
Es gibt drei Möglichkeiten, Farben in HTML darzust...
Grundlegende Operationen an unsichtbaren Spalten in MySQL 8.0
Inhaltsverzeichnis 01 Unsichtbare Spalten erstell...
Drei Möglichkeiten, das längste Wort in einem String in JavaScript zu finden (empfohlen)
Dieser Artikel basiert auf dem Free Code Camp Bas...
Beispiele für die Implementierung von Fortschrittsbalken und Reihenfolge-Fortschrittsbalken mit CSS
Die Vorbereitung auf die Abschlussprüfungen im le...
So verwenden Sie das MySQL-Limit und lösen das Problem großer Paging-Aufgaben
Vorwort Wenn wir in der täglichen Entwicklung MyS...
Implementierung einer zeitgesteuerten MySQL-Datenbanksicherung (vollständige Datenbanksicherung)
Inhaltsverzeichnis 1. MySQL-Datensicherung 1.1. m...
Nginx beschränkt den IP-Zugriff auf bestimmte Seiten
1. Um allen IP-Adressen den Zugriff auf die drei ...
Beim Hochladen von Bildern mit Axios in Vue sind Probleme aufgetreten
Inhaltsverzeichnis Was ist FormData? Eine praktis...
Detaillierte Erklärung der Definition und Funktion von Trennzeichen in MySQL
Wenn Sie MySQL zum ersten Mal lernen, verstehen S...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.25
Das neueste Download- und Installationstutorial f...
Windows Server 2016 – Kurzanleitung zur Bereitstellung von Remotedesktopdiensten
Jetzt unterstützt der 2016-Server den Multi-Site-...
Verwendung und Unterschied von Js-Modulverpackungsexporten erfordern Import
Inhaltsverzeichnis 1. Commonjs-Exporte und erford...