Wo finde ich Beispiele für kontrastreiche Kombinationen für Websites?

Ich mag die Idee hinter http://contrastrebellion.com/ und plane, das auf meinen Websites umzusetzen.

Allerdings bin ich Entwickler, kein Designer. Ich habe viel über das Thema gelesen – wo ich die Kombination aufbauen muss – frage mich aber, wo ich großartig aussehende und bewährte Kombinationen mit dunklem und hellem Hintergrund finden kann.

Ich versuche, mir einige Websites anzusehen, vermute jedoch, dass das Bild darauf meine Fähigkeit beeinträchtigt, zu beurteilen, wonach genau ich suche (ich mag es, weil es einen guten Kontrast gibt oder weil die Website für mich gut aussieht?).

Ironischerweise würde eine Website, die die Tugenden der Benutzerfreundlichkeit anpreist, selbst ein überladenes Durcheinander verwenden, das Javascript erfordert, um "richtig" angezeigt zu werden.
awwwards.com - es gibt viele Websites, die auf hohem Kontrast basieren
Hoher Kontrast ist in Bezug auf die Lesbarkeit nicht besser als niedriger Kontrast. Entscheidend ist die richtige Menge an Kontrast – nicht zu wenig, nicht zu viel.

Antworten (4)

Bei kuler finden Sie viele vordefinierte Farbthemen für hohen Kontrast . Und hier finden Sie eine riesige Sammlung von Werkzeugen, die mit Farben arbeiten.

Sie können viele Tools für Barrierefreiheit finden:

http://www.w3.org/WAI/RC/tools/complete

Als Kontrast verwende ich:

http://snook.ca/technical/colour_contrast/colour.html

Es ist ein einfach zu bedienendes Online-Tool

Basieren Sie Ihren Kontrast auf Farben, die einen großen Unterschied in Farbton und Sättigung aufweisen (Hintergrund vs. Text), hier gibt es eine Quelle, die die unterschiedliche Art des Kontrasts erklärt. Basieren Sie nicht auf dem Farbtonkontrast, sie sind nicht gut für Menschen mit Farbenblindheit. http://www.colorsontheweb.com/colorcontrasts.asp

hier gibt es eine andere Website, die über Kontrast spricht http://www.gomediazine.com/design-articles/technique-theory/rule-three-contrast-contrast-contrast/

Ich empfehle Ihnen, Ihre Farben zuerst selbst auszuwählen und dann auf http://www.checkmycolours.com/ zu testen .

Aber wenn Sie nach Farbkombinationen suchen (was Sie meiner Meinung nach tun), ist es am besten, sich Adobes Kuler unter http://kuler.adobe.com/#themes/search?term=tag%3Acontrast anzusehen