. miradlo bloggt   
« Subversion (svn) über Konsole nutzen Registrierte Linuxnutzer ::: Der Linuxzähler »

Farbzusammenstellungen auf Webseiten

22. April 2009 ute

  • Screenshot henss.eu Layoutfarben aus der Headergrafik

Als Nicht-Grafikerin, die aus der Informatik kommt, ist mir Design ja schon von vorne herein nicht ganz so wichtig. Für völlig abgefahrene Traumentwürfe bin ich daher auch nicht die Richtige. Mir würde schon die Geduld fehlen unzählige Farbkombinationen auszuprobieren, aber mir fällt auf, wenn etwas gar nicht zusammenpasst.

Um vorm Erstellen eines Layouts die ersten Ideen zu bekommen, gibt es Hilfsmittel.

Erweiterungen, Plugins oder ähnliches die den Kontrast von Farbkombinationen auf Webseiten prüfen, haben meines Erachtens weitgehend ausgedient, falls sie nicht auch Farben aus Bildern hinzuziehen. Denn inzwischen gibt es kaum ein Design, was nicht mittels Hintergrundbildern erstellt wird. Schließlich soll hier und da noch ein Schatten, ein Transparenzeffekt ein Farbverlauf oder ähnliches genutzt werden. Ich kenne derzeit kein Hilfsmittel, was auch mit den Farben eines Bilds etwas anfangen kann. Falls es automatisiert nicht möglich ist, ist es sinnvoll auf verschiedenen Monitoren und auch mal mit abgedunkeltem Modus zu testen, um festzustellen, ob der Kontrast immer lesbar bleibt.

Um eigene Farbideen mal nebeneinander zu sehen, mag ich ColorCombos.

Kombinationen, die laut Farbwerten zueinander passen, lassen sich sehr schön mit dem Color Scheme Generator finden.

Wenn möglich nutze ich zum Logo passende Farben und wähle genau die, die auch im Logo enthalten sind, z.B. beim Guggat emol Blog, das Logo entstand aus den Farben von Diagrammen, die Farben fürs Blog kamen aus dem Logo.

Meine Lieblingsversion, um Farbzusammenstellungen zu finden, sind jedoch Fotos. Wie solche Kombinationen aussehen können zeigen die Beispiele für Farbkombinationen aus Fotos. Ein Beispiel für eine Farbzusammenstellung aus Fotos im Header ist das Layout von Rüdigers Seite auf dem Screenshot.

Wann immer es ein Design mit Bild im Kopfbereich, also einer Headergrafik ist, nehme ich mir die Farben aus dem Foto. Stimmiger und passender geht es aus meiner Sicht gar nicht. Wer gerade erst beginnt mit Layouts zu experimentieren ist mit dieser Variante auf der sicheren Seite und kann wenig falsch machen.

Merken und weiterempfehlen Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • TwitThis
  • Technorati
  • Wikio DE
  • Digg
  • del.icio.us
  • MisterWong
  • Y!GG

Ähnliche Beiträge

Wir erstellen Webseiten, Blogs, Webapplikationen und mehr...

Der Beitrag wurde am Mittwoch, den 22. April 2009 um 00:07 Uhr veröffentlicht und wurde unter web abgelegt.

Dir gefiel der Artikel? Dann abonniere doch den RSS Feed oder abonniere die Beiträge per E-Mail. Du kannst die Kommentare zu diesem Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

2 Reaktionen zu “Farbzusammenstellungen auf Webseiten”

  1. Jörg sagt:

    Danke für die Links, sind ein paar nette Sachen dabei.
    Werde ich am WE mal ein wenig ausführlicher testen ;-)

    Zitieren

  2. ute sagt:

    Jörg: Danke für die Links, sind ein paar nette Sachen dabei.

    Gerne, die Seite mit den Beispielen für Farbkombis aus Fotos war ab und zu mal nicht erreichbar, da die Beispiele jedoch sehr schön sind, lohnt es sich, es später erneut zu versuchen.

    Zitieren

Schreibe mir

Subscribe without commenting

zum Seitenanfang