Weitergabe von Techniken für Farbkontrast und -harmonie im Web

Weitergabe von Techniken für Farbkontrast und -harmonie im Web

Farbkontrast und Harmonie

Unter kontrastierenden Bedingungen unterscheidet sich die Interaktion der Farben von dem Eindruck, den eine einzelne Farbe vermittelt. Dieses Phänomen wird durch visuelle Nachbilder verursacht. Wenn wir lange auf ein Farbbild starren und dann auf einen weißen Hintergrund blicken, erscheint vor unseren Augen ein Komplementärfarbbild mit ungefähr demselben Farbton- und Helligkeitsverhältnis. Wenn der Hintergrund farbig ist, wird das Nachbild mit der Hintergrundfarbe gemischt, wodurch ein visueller Effekt eines Nachbildes in Komplementärfarbe entsteht. Unter Farbharmonie versteht man die sinnvolle Kombination zweier oder mehrerer Farben zur Erzielung einer einheitlichen und harmonischen Wirkung. Es hat zwei Bedeutungen: Erstens ist es eine Form der Schönheit und zweitens ist es ein Mittel zur Farbabstimmung. Die Grundlage der Farbharmonie ist der Farbkontrast.

1. Kontrast und Harmonie der Helligkeit

Unter Helligkeitskontrast versteht man den Kontrast zwischen unterschiedlicher Helligkeit desselben Farbtons und den Kontrast zwischen unterschiedlicher Helligkeit verschiedener Farbtöne. Er ist einer der wichtigsten Faktoren bei der Farbkomposition.

Der Kontrast unterschiedlicher Helligkeiten desselben Farbtons erzeugt unterschiedliche Tiefenebenen. Dies trägt dazu bei, die räumliche Beziehung und Reihenfolge der Farben zum Ausdruck zu bringen und den Charme eines Farbverlaufs zu erzeugen. Durch den Kontrast verschiedener Farbtöne und Helligkeiten lassen sich nicht nur Unterschiede im Farbton darstellen. Die durch das Hinzufügen unterschiedlicher Helligkeiten entstehenden Farbunterschiede lassen die Farben auch reicher und vielfältiger erscheinen. Je größer der Helligkeitskontrast ist, desto stärker ist die Farbwirkung des Farbtons; je kleiner der Helligkeitskontrast und je geringer der Unterschied zwischen kalten und warmen Farbtönen ist, desto sanfter ist die Farbwirkung.

Wirkung der Operation

Wirkung der Operation

Bei der Harmonisierung mit gleicher Helligkeit müssen wir auf folgende Punkte achten.

1. Um die gleiche Helligkeit und den gleichen Farbton zu harmonisieren, ist es notwendig, die Sättigung zu erhöhen, um eine Änderung zu erzeugen.
2. Um eine Harmonie mit gleicher Helligkeit und Farbsättigung zu erreichen, ist es notwendig, den Farbton zu ändern, um den Kontrast zu erhöhen.
3. Die Abstimmung verschiedener Farbtöne und Sättigungen bei gleicher Helligkeit kann die Widersprüche zwischen den verschiedenen Parteien ausgleichen und für Abwechslung sorgen.
4. Benachbarte Helligkeitsharmonien weisen ein einheitliches Harmoniegefühl auf, aber die Helligkeit ändert sich kaum und Farbton und Reinheit müssen geändert werden, um den Kontrast zu erhöhen.
5. Die Helligkeit ähnlicher Farben sollte harmonisiert werden. Bunte Farben wirken subtiler und weicher, aber auch Farbton und Sättigung müssen entsprechend geändert werden, damit sie koordinierter wirken.
6. Kontrast und Helligkeit harmonieren, die Farben sind hell und kräftig, aber schwer zu vereinen. Um sie harmonisch zu machen, müssen Farbton und Sättigung verbessert werden.
7. Die Helligkeit der Komplementärfarben ist harmonisch, die Farben sind leuchtend und anregend, wirken aber hart.

Wirkung der Operation

Wirkung der Operation

2. Kontrast und Farbsättigung

Chromakontrast ist eine Kontrastmethode, bei der Farben unterschiedlicher Chromas kombiniert werden, um das Beste ineinander hervorzuheben. Beim Chroma-Kontrast entsteht ein scharfer Kontrast, wenn die Farbe oder der Farbton mit der größten Fläche zur Linienfarbe gehört (eine Farbe mit hoher Chroma) und die andere Farbe eine niedrige Chroma aufweist. Im Allgemeinen ist der Farbton der Linie klar, auffällig und optisch sehr interessant. Die psychologische Wirkung des Farbtons ist offensichtlich, kann aber leicht dazu führen, dass sich Menschen müde fühlen und nicht in der Lage sind, ihre Aufmerksamkeit kontinuierlich aufrechtzuerhalten. Die Unschärfe und Lebendigkeit der Farben wird hauptsächlich durch den Farbkontrast verursacht, der dazu beiträgt, den gegenseitigen Kontrast zwischen den Farben zu verstärken. Wenn Sie beispielsweise Grau als Akzent für eine helle Vollfarbe verwenden, wirkt die helle Vollfarbe aufgrund des Kontrasts zwischen den beiden Farben lebendiger.

Wirkung der Operation

Wirkung der Operation

Unter Bedingungen gleichen Farbtons und gleicher Helligkeit ist die größte Eigenschaft des Farbkontrasts die Weichheit. Je kleiner der Sättigungsunterschied, desto weicher das Gefühl. Die gleiche Sättigung kann Farben mit unterschiedlichen Farbtönen und Helligkeiten harmonisieren, aber um die gleichmäßige Farbstruktur aufzubrechen, ist es dennoch notwendig, den Farbton und die Helligkeit zu ändern. Die Harmonie benachbarter Farbwerte erfordert eine Erhöhung der Farbton- und Helligkeitsänderungen. Die Harmonie kontrastierender Farbwerte erfordert eine Verbesserung der Harmonie durch die Vereinheitlichung von Farbton und Helligkeit.

Wirkung der Operation

Wirkung der Operation

3. Kontrast und Farbharmonie

Der Farbtonkontrast entsteht durch den Unterschied zwischen den einzelnen Farbtönen und seine Intensität kann durch den Abstand zwischen den Farben auf dem Farbtonkreis ausgedrückt werden. Wählen Sie eine beliebige Farbe aus dem 24-Farben-Farbkreis. Die Farbe, die nach Verstärkung oder Abschwächung ihrer Helligkeit entsteht, ist dieselbe Farbe wie diese Farbe. Die Farbe, die diesem Farbton angrenzt, ist die Nachbarfarbe, die Farbe, die etwa 60° neben diesem Farbton liegt, ist die ähnliche Farbe, die Farbe, die etwa 90° neben diesem Farbton liegt, ist die mittlere Differenzfarbe, die Farbe, die etwa 120° neben diesem Farbton liegt, ist die Kontrastfarbe und die Farbe, die etwa 180° neben diesem Farbton liegt, ist die Komplementärfarbe. Dieselbe Farbe, benachbarte Farben und ähnliche Farben weisen einen schwachen Farbtonkontrast auf; Farben mit mittlerem Unterschied haben einen mittleren Farbtonkontrast; Kontrastfarben und Komplementärfarben haben einen starken Farbtonkontrast. Wirkung der Operation

Wirkung der Operation

Achromatische Farben lassen sich am einfachsten mischen, Sie müssen jedoch auf die Helligkeitsänderungen zwischen den Farben achten. Farben, die zu nah beieinander liegen, verschwimmen und Farben, die zu weit auseinander liegen, wirken zu grell. Wenn dieselbe Farbe mit einem einzigen Farbton harmonisiert wird, erscheint sie monoton. Um abwechslungsreiche Farben zu erzeugen, müssen Helligkeit und Sättigung angepasst werden. Neben der Methode der „kleinen Intervalle“ zum Anpassen der Farben können Sie zur Verschönerung auch Kontrastfarben hinzufügen. Benachbarte Farben sind sehr ähnlich und normalerweise werden Helligkeit und Farbsättigung geändert, um Tiefe zu verleihen. Obwohl sich ähnliche Farben im Vergleich zu benachbarten Farben ändern, können sie leicht eintönig erscheinen, da die Farbtonänderung nicht offensichtlich ist. Zu diesem Zeitpunkt ist es notwendig, die Helligkeit und Sättigung zu ändern, um die Farben lebendig und leuchtend zu machen.

Wirkung der Operation

Wirkung der Operation

<<:  HTML-Code Textfeld Eingabe begrenzen Textfeld wird grau Textfeldeingabe begrenzen

>>:  Detaillierter Prozess der Installation von Jenkins-2.249.3-1.1 mit Docker

Artikel empfehlen

Zusammenfassung der Methoden zum Einbinden von Dateiinhalten in HTML-Dateien

Im Forum fragen Internetnutzer oft: „Kann ich den...

WebStorm kann die Lösung der Vue3-kombinierten API nicht korrekt identifizieren

1 Problembeschreibung Die kombinierte API von Vue...

So erstellen Sie einen vollständigen Samba-Server unter Linux (CentOS-Version)

Vorwort smb ist der Name eines Protokolls, das fü...

Spezifische Schritte für den Vue-Browser zur Rückgabe der Überwachung

Vorwort Beim Teilen einer Seite hoffen Sie, durch...

Wie kompliziert ist die Priorität von CSS-Stilen?

Gestern Abend habe ich mir eine Interviewfrage ang...

Ein Artikel zum Verständnis von Linux-Festplatten und Festplattenpartitionen

Vorwort Alle Hardwaregeräte im Linux-System werde...

Vue+Openlayer verwendet modify, um den gesamten Code des Elements zu ändern

Vue+Openlayer verwendet „modify“, um Elemente zu ...