“50 Shades of Grey” – ein Sequel für Designer

Habt Ihr den erotischen Liebesroman "Shades of Grey" von E.L. James gelesen? Trotz der widerstreitenden Kommentaren, ist er zum Sensationserfolg geworden und hat ziemlich alle Verkaufsrekorde gebrochen.

Wir werden im Rahmen dieses Artikels jedoch nicht darüber diskutieren, denn Buchbeiträge gehören nicht zu unseren Aufgaben, wenn sie keinen Bezug zu Webdesign, Webentwicklung oder Internet-Marketing haben. Unabhängig davon, wie wir den Roman mit all seinen erotischen Szenen finden, wäre es nicht richtig, die Tatsache abzustreiten, dass wir uns davon nicht inspirieren haben lassen. Also, haben wir beschlossen, unseren eigenen Roman über graue Farbe im Webdesign, ihre Schattierungen, Farbtöne und Bedeutung zu schreiben. Nennen wir es, sagen wir, "Wie viele Grauschattierungen verwendet Ihr in Euren Entwürfen?" Sicherlich werden wir unseren Artikel mit verführerischen Templates von Profis veranschaulichen und Euch die besonders gewinnende Farbkombinationen, die zu Grau passen, zeigen.

Farbpsychologie

Grau ist die Farbe, die Intellekt, Wissen und Weisheit symbolisiert. Sie wird als lang anhaltend, klassisch oder auch elegant und vornehm wahrgenommen. Sie ist würdevoll, konservativ und verleiht Autorität. Grau ist kontrolliert und unauffällig, und wird als eine Farbe des Kompromisses angesehen, vielleicht weil sie zwischen den extremen schwarzen und weißen Polaritäten liegt. Grau ist eine perfekte neutrale Farbe, weshalb Designer sie oft als eine Hintergrundfarbe verwenden. Grau beunruhigt uns und schafft Erwartungen.

Wissenswertes über Grau

  • Habt Ihr gewusst, dass New York Times manchmal "Die graue Dame" genannt wird?
  • Grau steht für Nicht-Beteiligung und strahlt eine formale Autorität aus.
  • Grau wird mit Intellekt assoziiert und unser Gehirn besteht aus "grauen Zellen".
  • Grau verköpert eine pessimistische Stimmung
  •  Es ist unglaublich, aber das menschliche Auge kann bis zu 500 Graustufen unterscheiden.
  • Grau ist die Farbe der Fastenzeit und Reue im Christentum.

Graustufen im Webdesign

Variationen von Grau sind achromatische Grautöne, die genau zwischen Weiß und Schwarz und in der Nähe von Farben mit geringer Farbigkeit liegen.

Diagramm von Computer-Web-Grauen-Farben

greys-chart

Weiße und schwarze Farben kann man als Schattierungen von unbuntem Grau betrachten, da sie beide die gleichen Anteile von Rot, Blau und Grün enthalten. Weiß befindet sich am äußersten oberen und Schwarz am äußersten unteren Ende der unbunten Werteskala. Akromatische Farben enthalten keine Farbtöne, so dass ihre Farbton-Codes in der Regel als Bindestrich markiert werden. Achromatische Grautöne sind die Farben, in denen die RGB-Werte genau gleich sind. Sie befinden sich entlang der Achse des Farbraums von Weiß am ihren oberen Ende zum schwarz an der Unterseite.

Hier sind die Beispiele für achromatische Grautöne:

achromatic

  • Medium gray (gray (X11)) #BEBEBE
  • Spanish gray #989898
  • Davy’s gray #555555
  • Jet #343434

Off-Grautöne sind Farben, die sehr nah an unbunten Grautönen sind, aber deren Rot-, Grün- und Blau-Farbcodes sind nicht genau identisch. Hier sind einige von ihnen:

  • Platinum
  • Ash gray #B2BEB5
  • Battleship gray #848482
  • Charcoal #36454F

Kühle Grautöne sind Farben, die erkennbar bläulich-grau, gräulich-cyan, grünlich-grau oder violett-grau sind. Hier sind einige Beispiele von kühlem Grau:

  • Cool gray #8C92AC
  • Cadet gray #91A3B0
  • Blue-gray #6699CC
  • Glaucous #6082B6
  • Slate gray #708090

Warme Grautöne sind Farben, die erkennbar bräunlich, rötlich-grau, oder rötlich-lila sind. Braune Farben enthalten auch dunkle Rosatöne, rot und gelb. Diese Töne werden zu warmen Grautönen, wenn sie mit Grau vermischt sind.

Hier sind einige der warmen Grautönen:

  • Rose quartz #AA98A9
  • Cinereous #98817B
  • Rocket metallic #8A7F8D
  • Taupe #483C32

Graue Farbschemen

Klickt bitte einfach auf das Bild unter diesem Text und der Link wird Euch auf die Website mit Tonnen von Farbkombinationen führen. Jedes Farbschema enthält die HTML-Farbcodes , die Ihr benötigt, um Eure Website zu codieren. Die Hex-Codes findet Ihr unter jedem der Farbfelder.

combos

Reale Beispiele

Möchtet Ihr sehen, ob Graustufen wirklich verführerisch sein können? Wir haben für Euch 50 wunderschöne graue Website-Designs zu diesem Zweck zusammengestellt. Ihr werdet sehen, dass graue Farbe so universell ist, dass sie fast für jede Website-Kategorie von T-Shirt-Shop bis Autohändler-Geschäft verwendet werden kann. Ihr könnt auch die besonders gewinnende Farbkombinationen in Euren eigenen zukünftigen Projekten anwenden.

* * *

001-210111349
Modeagentur, Gas & Öl, Erick O’Hara, Car-Audio-Systeme, Klingeltöne.

* * *

002-3581622

Luxus-Interier, Salsa, Kevin Bridges, Katzenzüchter, Spielgeschäft.

* * *

003-1425274445

Lingerie, Neue Hoffnung, Reifen, Fahrräder, Klempnerarbeiten.

* * *

004-1718202933

Easy Way, Twingoo, Herrenmode, Celebrities, T-Shirt-Shop.

* * *

005-59213643

Photo Stream, Musik, Extreme, Video Content, Industrie.

* * *

006-632344050

Hosting, Londa, Physiotherapie, Schmuck, J. Ohira.

* * *

007-419232646

Radfahren, Smart Move, Spero, RC Models, Welt der Geschenke.

* * *

008-2831414247

Lingerie, Möbel, Forepoint, Betreuung von Waisen, Küche.

* * *

009-1524353848

Ron Swanson, Arch, Rugby, Billiard, Beatrix.

* * *

010-112303739

"Neugeborenes Baby" Club, Souvenirladen, Lily Wam, Handwerker, XC Car.

* * *

Zum Abschluss

Verwendet Ihr denn graue Farben in Euren Entwürfen? Welche Farbkombinationen mit Grau mögt Ihr am meisten? Hat dieser Artikel einen Sinn für Euch gemacht? Wir warten auf Eure Kommentare und wünschen Euch inspirierende Designs.

Dieser Artikel wurde aus dem Englischen übersetzt. Das Original findet Ihr hier: “50 Shades of Grey” – Sequel for Designers.



Olga Wirth

Hat sich Texterin auf den Bereich Webdesign und Online-Marketing spezialisiert. Olga auf Facebook.