Hier findest Du Artikel, Tutorials, Downloads, Tipps, Hacks, Snippets und aktuelle Szene-News rund um illustratives Webdesign, Social Media und digitale Bildbearbeitung.
Pattern
Hier siehst Du eine Übersicht aller Beiträge, die mit dem Stichwort "Pattern" versehen wurden. Um nichts zu verpassen kannst du alle Beiträge zu diesem Stichwort per RSS-Feed abonnieren. Oder du nutzt den Feed mit allen Inhalten des Blogs.
Leichte Hintergrundtexturen, Muster oder Körnungen können die grafische Qualität einer Website spürbar verbessern. Es macht einen Unterschied ob ein Hintergrund einfach nur weiß ist, oder ob ein dezentes Muster eingesetzt wurde.
Genau an dieser Stelle setzt die Website Subtle Patterns an und zeigt eine Kollektion sehr hochwertiger, dezenter Muster. Alle Pattern können gratis, als Grafik oder Photoshop-Muster, heruntergeladen werden.
Lea Verou hat vor einiger Zeit auf Ihrem Blog ein sehr interessantes Experiment vorgestellt: Mit Hilfe von CSS3-Gradients hat sie Hintergrund-Kacheln erzeugt, die anschließend wie eine als Grafik abgespeicherte Kachel eingesetzt werden können.
Der Vorteil liegt auf der Hand: Geringere Dateigrößen und reduzierte HTTP-Requests. Vor ein paar Tagen hat sie dann die CSS3-Pattern-Gallery ins Leben gerufen, auf der Sie die angewandte Technik kurz beschreibt und sehr ansprechende Beispiele präsentiert.
Wenn Ihr häufig eigene Hintergrund-Muster in Photoshop erstellt, diese anschließend als Grafik exportiert und im CSS-Dokument wieder einbettet, dann schaut euch unbedingt mal folgendes Online-Tool an.
Patternify ist ein Online-Generator zur Herstellung von Hintergrundmustern und erleichtert die Gestaltung und vor allem die Einbindung von CSS Pattern erheblich.