Rad der Farbe
Diese Dokumentation wird archiviert und wird nicht gepflegt werden.
Robert Hess
Microsoft Corporation
Farbe Basics
Wir wissen, dass das, was wir „sichtbar“ Licht betrachten in ein Spektrum werden kann abgebaut, die in einem progressiven Regenbogen auf Rot von Blau reicht.
Abbildung 1. Das sichtbare Spektrum des Lichts
Wir haben auch gesehen, und vielleicht verwendet, ein Farbrad, das zeigt, wie durch Mischen von zwei oder mehreren anderen Farben zusammen mit einer bestimmten Farbe zu gelangen. Das Farbrad ist im wesentlichen die lineare Progression der Farbe, wie in dem Farbspektrum zu sehen ist, verbindet die beiden Enden zusammen, so daß Rot am anderen Ende mit lila verbindet up.
Abbildung 2. Das Farbrad
Ein Farbrad umfasst in der Regel 12 verschiedene Farben, wie hier gezeigt. Während wichtige Aspekte des Farbrad und Farbtheorie und Künstler bekannt sind, könnten sie nicht in vollem Umfang von den Programmierern unter uns zu erkennen sind, und dass der Mangel an Verständnis kann sie ein Durcheinander von Dingen zu machen führen.
Aber wenn Sie einen Tintenstrahlfarbdrucker haben, nehmen Sie einen Moment Zeit, um den Deckel zu öffnen und an den Patronen zu suchen. Haben Sie rot / grün / blau sehen? Nee. Sie sehen wahrscheinlich vier Tintenvorräte: Cyan, Magenta, Gelb und Schwarz. Die Farben sind anders, weil ein Computer-Monitor additiven Farb verwendet, während der Drucker subtraktiven Farb verwendet. Der Monitor gibt farbiges Licht, während die Tinte auf dem Papier Farbe aus dem Licht absorbiert es reflektiert. Jede weitere Diskussion über diese sprengt den Rahmen dessen, was will ich mit diesem Artikel zu tun, aber wenn man für ein wenig mehr lesen suchen, sind hier ein paar Links zu überprüfen:
Sekundärfarben
Abbildung 4. Die Sekundärfarben
tertiäre Farben
Abbildung 5. Die Tertiärfarben
Der letzte Schritt unser Farbrad in dem Aufbau ist wieder um die Mitte Farben zwischen den Farben findet zur Zeit auf unserem Rad ausgefüllt. Glücklicherweise sind diese Tertiärfarben für beide gleich der additiven und subtraktiven Welten. Nun, da wir die Farben definiert haben wir für unsere 12-Punkt-Farbrad verwenden, können wir die Farben der Beziehungen zueinander diskutieren.
analoge Farben
Abbildung 6. Analoge Farben
Dies sind alle Farben direkt neben einer bestimmten Farbe. Wenn Sie mit Orange und Sie möchten, um ihre zwei analoge Farben zu starten, wählen Sie rot und gelb. Ein Farbschema, das analoge Farben verwendet bietet eine Harmonie und das Mischen der Farben, ähnlich dem, was man in der Natur gefunden werden.
Komplementärfarben
Abbildung 7. Komplementärfarben
Split Komplementärfarben
Abbildung 8. Split Komplementärfarben
Split Komplementärfarben können aus zwei oder drei Farben hergestellt werden. Sie eine Farbe auswählen, ihre Komplementärfarbe auf der anderen Seite des Farbrades finden, verwenden Sie dann die Farbe oder die Farben auf jeder Seite dieser Komplementärfarbe.
Triad Farben
Abbildung 9. Triad Farben
Warme Farben
Abbildung 10. Warme Farben
Warme Farben bestehen aus den rot Farbtönen wie rot, orange und gelb gemacht. Sie verleihen ein Gefühl von Wärme, Komfort und Energie auf die Farbauswahl. Sie produzieren auch ein visuelles Ergebnis, dass diese Farben bewirkt, erscheinen auf den Betrachter zu bewegen, und von der Seite zu stehen.
Cool Colours
Abbildung 11. Kühle Farben
Kühle Farben kommen von den blauen Farben, wie Blau, Cyan und Grün. Diese Farben werden stabilisieren und das Farbschema kühlen. Sie werden scheinen auch vom Betrachter zurücktreten, so dass sie gut für Seitenhintergründe zu verwenden.
Es ist wichtig zu beachten, dass Sie diese Farbgruppen genannt verschiedene Dinge in verschiedenen finden könnten Bücher, aber wenn Sie die Grundlagen verstehen, werden sie alle für Sie Sinn machen.
Das bringt mich schließlich zu dem Haupt Konzept, das ich besprechen möchte, der Kontrast ist.
Pump up the Contrast
Der Kontrast ist die empfundene Differenz zwischen zwei benachbarten Farben. Da weiß und schwarz nicht wirklich Farben sind, werden sie zu der unbunten Kontrast darstellen. Schwarz und weiß auch den höchsten Grad an Kontrast darstellen. Komplementärfarben aus dem Farbrad stellen hohen Farbkontrast. Das menschliche Auge ist empfindlicher gegenüber unbuntem Kontrast als es zu Farbkontrast ist, weshalb der .jpg-Kompressions-Algorithmus wird die Farbinformation löscht, bevor es Schwarz-Weiß-Informationen aus einem Bild fällt, wie Sie den Kompressionsfaktor erhöhen.
Abbildung 12. Weiß auf Schwarz: unbunten Kontrast Rampe
Monochromatische Abbildung 13. Kontrast ramp blau unter Verwendung
Der Kontrast ist extrem wichtig in Web-Design. Und es gibt viele verschiedene Möglichkeiten, es zu benutzen, alle von ihnen basierend auf den anderen Farbkonzepte oben aufgeführt sind. Es ist jeder klar, dass schwarzer Text auf weißen Hintergrund extrem einfach zu sehen, welcher Teil des Grundes ist, warum die meisten der gedruckten Materials Sie ist schwarzer Text auf weißen Hintergrund lesen. Ebenso weiß auf schwarz erzeugt einen hohen Kontrast, aber es ist schwieriger zu lesen, da schwarz als schwerer als weiß wahrgenommen wird und somit drückt sie ein wenig aus.
Abbildung 14. Hochkontrastfarbkombinationen
Die gleiche Art von Wirkung geschieht mit warmen und kalten Farben. Die warmen Farben werden als fort aus dem Bildschirm leicht wahrgenommen, und die kühlen Farben schwinden. Das bedeutet, dass eine warme / dunkele Farbe ist am besten für Text, während eine kühle / Lichtfarbe am besten für den Hintergrund arbeitet. Allerdings ist dieser Ansatz nicht ganz geschnitten und getrocknet. Lassen Sie uns einen Blick auf ein einfaches Beispiel, in dem wir zwei kontrastierenden Farben wählen, eine mit für den Hintergrund und die andere für den Text.
Abbildung 15. Komplementärfarbkombinationen
Sie werden feststellen, dass die Ergebnisse ziemlich schlecht sind. Diese beiden Farben nicht nur miteinander kontrastieren, erscheinen sie fast, es zu werden duking aus. Auf jeden Fall nicht eine gute Kombination. Lassen Sie uns die Farben halten grundsätzlich die gleichen, und stellen Sie die Helligkeit / Dunkelheit von ihnen sie noch weiter auseinander zu bewegen.
Abbildung 16. Modifizierte Farbkombinationen
Sie können sehen, dass dies eine viel bessere Kombination ist, und es zeigt, wie wichtig etwa Kontrast des Denkens nicht nur in einem analytischen Sinne, sondern von einem visuellen Standpunkt als auch.
Eine solche Verwendung von Farbe und Kontrast ist vielleicht der wichtigste Text auf Hintergrundbilder in Überlagerung. Mit diesen Vorstellungen von Kontrast, müssen Sie daran denken, dass die Textkomponente Ihrer Seite muss mit allen Farben in dem Hintergrundbild stark genug Kontrast. Zum Beispiel, wenn Sie einfach einen Satz der Triade oben beschriebenen Farben verwenden, werden Sie drei deutlich kontrastierende Farben für die Seite zu kämpfen haben.
Abbildung 17. Triad Farbkombination; Text über ein Hintergrundbild
Ein besserer Ansatz ist es, einen Satz von geteilten Komplementärfarben zu verwenden, mit den analogen Farben für den Hintergrund, und die Komplementärfarbe für den Text. Auf diese Weise werden die Hintergrundfarben mischen zusammen, richtig ohne offenkundige Aufmerksamkeit auf sich zu nennen, und der Text abheben.
Abbildung 18. Split Komplementärfarbkombination; Text über ein Hintergrundbild
Show: Vererbte geschützte