Beim Website-Design sollte auf die Farbhierarchie geachtet werden
|
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! |
<<: Detaillierte Erklärung der MySQL-Binlog-Verwendung
>>: CSS3-Analyse der Schritte zur Erstellung des Douyin-LOGO
Artikel empfehlen
Eine kurze Erläuterung des Lazy-Loading-Attributmusters in JavaScript
Inhaltsverzeichnis 1. Einleitung 2. On-Demand-Att...
HTML-Lernhinweise – Detaillierte Erklärung der HTML-Syntax (unbedingt lesen)
1. Was ist die HTML-Auszeichnungssprache? HTML is...
Detaillierte Beispiele für Docker-Compose-Netzwerke
Ich habe heute mit den Netzwerkeinstellungen unte...
MySQL 8.0.18 Installations-Tutorial unter Windows (Abbildung)
Herunterladen Download-Adresse: https://dev.mysql...
Eine sehr detaillierte Erklärung des Linux DHCP-Dienstes
Inhaltsverzeichnis 1. DHCP-Dienst (Dynamic Host C...
Vue implementiert den automatischen Sprung zur Anmeldeseite, wenn das Token abläuft
Das Projekt wurde in diesen Tagen getestet und de...
So installieren Sie PHP7.4 und Nginx auf Centos
Vorbereiten 1. Laden Sie das erforderliche Instal...
Paketieren, Zusammenführen und Komprimieren von Vue-Projekten zur Optimierung der Reaktionsgeschwindigkeit von Webseiten
Inhaltsverzeichnis Vorwort 1. Der Anforderungsinh...
vue+el-upload realisiert den dynamischen Upload mehrerer Dateien
vue+el-upload Dynamischer Upload mehrerer Dateien...
Erstellen der Benutzererfahrung
<br />Vielleicht sind Sie gerade in ein Unte...
SQL-Implementierung von LeetCode (183. Kunden, die noch nie eine Bestellung aufgegeben haben)
[LeetCode] 183.Kunden, die nie bestellen Angenomm...
MySQL Series 11-Protokollierung
Tutorial-Reihe MySQL-Reihe: Grundlegende Konzepte...
Implementierungscode der HTML-Floating-Promptbox-Funktion
Allgemeine Formulareingabeaufforderungen belegen ...
Erläuterung des MySQL-Multitabellen-Join-Abfragebeispiels
In tatsächlichen Projekten gibt es Beziehungen zw...
Überlegungen zur Partitionierung von MySQL-Datenbanktabellen [empfohlen]
Die Tabellenpartitionierung unterscheidet sich vo...