Pixeldrama » Screendesign

Generator für Hintergrundmuster

Benjamin — Wed, 23 Jul 2008 06:00:25 +0000

BgPatterns ist ein Online-Tool um schnell und unbürokratisch eins dieser modischen Hintergrundmuster, die häufig in Websites via CSS eingesetzt werden, in Form kleiner Grafiken zu generieren.

Das eigenhändige Basteln solcher Grafiken kann schnell in zeitintensiver Arbeit enden. Gleichwohl ist das im Gegensatz zu BgPatterns weniger restriktiv. BgPatterns bietet verschiedene, vom User bestimmbare Parameter, wie Opacity oder Größe der Grafik, als auch eine Reihe an Icons und unterschiedliche Leinwände. Trotzdem ist die Auswahl doch eher beschränkt.

Speichern kann man seine Machwerke auch, sofern man sich einen Account zulegt.

Website besuchen: http://bgpatterns.com/
Quelle: Pixelgraphix

Neue Quellen für Brushes und Patterns: Brusheezy und Vecteezy

Benjamin — Tue, 04 Sep 2007 11:59:38 +0000

Für alles und jeden eine Grafik zu zaubern ist oftmals zu kostspielig, was das Zeitbudget angeht. Wenn absolute Einzigartigkeit nicht gefragt ist, ist man gut bedient mit dem Anzapfen diverser Quellen. Vorausgesetzt die Qualität und die Lizenzen für spätere Verwendung stimmen.

Frisch gebookmarkt für eben diesen Zweck, habe ich mir die Websites Brusheezy.com und Vecteezy.com, die netterweise eine Sammelplattform darstellen für Pinselspitzen und Muster sowie Grafiken, die sich mit Photoshop oder dem Illustrator verwenden lassen. Wobei sich Brusheezy.com auf Photoshoppinsel konzentriert und Vecteezy.com den Vektorgrafiken näher tritt.

A place for artists to download and vote for the best custom photoshop brushes and photoshop patterns on the internet!
Brusheezy.com
Vecteezy is an index of Free Vector Graphics available for download by some of the best artists around the world.
Vecteezy.com

Es handelt sich jedoch nicht nur um ein Sammelbecken, sondern die eingereichten Schöpfungen werden bewertet und nur die Besten zum Download angeboten. Die einen nennen es Bevormundung, denn geschmäcklerische Urteile sind mehr als subjektiv, die anderen werden sich freuen, dass es nicht ganz soviel Müll wegzuklicken gilt, um das Passende zu finden. Umso besser, dass sich zu jedem Angebot auch ein Link zur jeweiligen Lizenz findet.

Die Websites eignen gleichwohl nicht nur für den Suchenden auch der Schöpfende bekommt eine weitere Möglichkeit sein Werk einem breiten Publikum vorzustellen und ein wenig Traffic auf die eigene Website zu generieren.

Ob der heere Anspruch, einige der besten Grafiken und Arbeitsutensilien bereitzustellen, eingelöst wird, entzieht sich Gott sei Dank einer definitiven Beurteilung. Und ob die Name der Websites wirklich blöd sind, wird sich auch nicht final klären lassen.

Auf zu Vecteezy und Brusheezy

Suchmaschine für Icons – Iconlets

Benjamin — Sat, 28 Jul 2007 11:12:33 +0000

Erstellen von kleinen Grafiken im zweistelligen Pixelbereich erfordert Talent und Wissen. Zeit braucht man auch dazu. Wer das alles nicht hat, der bediente sich einstweilen bei den unzähligen Linksammlungen.

Mit Iconlet dagegen ist das Ziel vielleicht schneller erreicht. Bei den SERPs steht wird zugleich der Autor und die Lizenz aufgelistet, letzterem sollte unbedingt Beachtung geschenkt werden.

Wenn zum Browsen der Firefox genutzt wird und falls man bereit ist die Google Toolbar zu installieren, kann Iconlet auch als Browser Search Plugin integriert werden.

Iconlet besuchen…

Neues Design auf Perun.net

Benjamin — Mon, 16 Jul 2007 11:38:51 +0000

Eines meiner großen Vorbilder hat sich ein Redesign gegönnt. Und ich habe jüngst häufig daran gedacht das Vladimirs Blog schon eine ganz schön lange Weile die gleichen Kleider trägt und ob er seine Seite nicht mal neu gestalten wird. Jetzt ist es passiert und ich habe es noch nicht mal mitbekommen.
Dafür hat Vladimir in dem Blogpost Hinweise zum neuen Design die Geschichte zum neuen Layout erzählt, denn Perun.net 5.0 verfügt jetzt über ein Logo. Die Herangehensweise schildert der von Vladimir beauftragte Grafikdesigner Christoph Raffelt und für diesen Text erlasse ich einen Lesebefehl.

Website besuchen…

Designen mit Grid… diesmal mit Excel

Benjamin — Sat, 16 Jun 2007 16:09:39 +0000

Um geeignete Proportionen zu finden, benutze ich ganz gerne eine Vorlage, die ich mir in Photoshop oder Gimp als Ebene einbinde. Dabei komme ich nicht umhin, den Taschenrechner zu zücken, um Gesamtenbreiten zu berechnen. Vor allem ist die Geschichte meist recht unflexibel. Soeben ist mir ein wirklich abgefahrener Artikel auf Design Canopy über gelenkigere Grids untergekommen. Die Grundlage des Grids wird nicht mit einem konventionellen Grafikprogramm erstellt, es kommt eine Software für Tabellenkalkulation zum Einsatz – Excel. Bemerkenswert, wenn jemand bei seiner Arbeit plattformübergreifend denkt, von so einem Geist lebt die Szene, großartig.

Website besuchen…

Ultimative Web 2.0 Farbverläufe

Benjamin — Wed, 30 May 2007 21:30:45 +0000

Was ist überhaupt Web 2.0? Definitionen schießen ins Kraut, keine Frage, aber ein Aspekt, der webzweinullige Seiten zweifellos überdurchschnittlich zu eigen ist, sind die Farbschemen. Auf Dezinerfolio werden 170 Verläufe für Photoshop in charakteristischer Web 2.0 Optik zum Download für Photoshop angeboten.

Denjenigen, die mit dieser bezeichnenden Gestaltungsweise nichts mehr angefangen können, sei gesagt, dass der reguläre Surfer noch nicht so mit modernen Websites verbandelt ist, wie der erprobte Webdesigner, der sich gewiß an den einschlägigen Schriftzügen und repräsentativen Buttons satt gesehen hat. Aber die Anregung von Dezinerfolio könnte auch uniquen Designs beistehen.

Zum Download

Einiges über Rasterlayouts und ein 720px-Raster

Benjamin — Fri, 11 May 2007 12:04:43 +0000

Für Webdesigner ist es eigentlich Plicht sich mit dem Thema Rasterlayout zu beschäftigen. Zur Zeit gibt auch es eine kleine Welle in den einschlägigen Designblogs. So gibt es den endlosen Diskurs fluis/liquid Layouts vs fixed Layouts. Heute aber nur zu den fixen Layouts, welche auch schon vielen Fragen aufwerfen, die unbedingt der Klärung bedürfen. Dabei sollten keine Dogmen verbreitet werden, sondern immer die konkrete Aufgabenstellung und Zielgruppe den Leitfaden spinnen.

Was man mit Grids so alles anstellen kann, ist auf Subtraction nachzulesen. Dort hat man sich die Mühe eines hypothetischen Redesigns eines bekannten Suchportals gemacht, um zu erklären, wozu ein Grid ein gut ist. Am Ende des Artikels gibt es ne klasse Präsentation im PDF-Format. Pflichtlektüre!
Auch lesenswert ist Tanz auf dem Raster auf cold-heat.de, dort könnt ihr Christian Mücke beim Spielen mit einem Rasterlayout über die Schulter gucken.

Inspiriert durch den Artikel Gridding the 960 von Cameron Moll habe ich mich an eine Rastervorlage für 720px gemacht. Sie basiert auf dem Grid von Christian Watson.

Download
720px-grid-png.zip
grid-720px-ps.zip

Wieso jetzt 720px? Zum Beispiel sollte bei Projekten immer die Zielgruppe berücksichtigt werden, also welche Endgeräte kommen zum Einsatz und die daraus resultierende Breite für das Layout, um das ungeliebte horizontale Scrollen zu vermeiden. Viele Websites spekulieren schon auf eine Mindestauflösung von 1024×768 und entscheiden sich für eine Breite rund um die 900px-960px. Damit ist schon ein Puffer für Browserseitenleisten, Scrollbalken und nicht bildschirmfüllende Fensteransicht einberechnet. Ein Trend, der den Fortschritt bei der Hardware Tribut zollt, denn mit dem Einzug von Flachbildschirmen in Haushalte und Büros, kam auch eine höhere Auflösung. Doch gerade bei Firmenauftritten oder Informationsseiten setze ich noch auf 720px Breite, um auch für alte Geräte mit 800×600 oder kleine Fenster gewappnet zu sein. Daher die Entscheidung auch ein 720px-Raster vorrätig zu haben…