PSD Vorlage mit Wireframe Layout

Das beste Mittel um Kunden den zukünftigen Facebook Auftritt oder die zukünftige Facebook App zu erklären sind natürlich gute Mock-Ups. Zusammen mit Hike, die wir schon von ihrem kostenlosen iFrame Tab Builder und aus diesem Tabbuilder Beitrag kennen, können wir euch heute eine kostenlose Photoshop Vorlage für Facebook Pages vorstellen. Dank der übersichtlichen PSD-Datei ist es nun viel einfacher schöne Designs, Scribbles oder auch Wireframes zu erstellen.

Einige Features des Facebook Page Templates sind:

• Vektor basiert, d.h. dass Dokument kann beliebig vergrößert werden ohne dass die Qualität schwindet. Lediglich die Page Icons sind nicht als Vectoren vorhanden.
• Pixelgenau, die Positionierung der einzelnen Elemente passt genau mit Facebook überein.
• Viele & gut benannte Ebenen, damit das einarbeiten in die Vorlage besonders schnell geht.
• Kostenlos, ihr könnt das Dokument kostenfrei auch für kommerzielle Produkte nutzen. Ihr solltet nur nicht an anderen Stellen behaupten, dass ihr es erstellt hab.

Alle Elemente sind Normal sowie als Wireframe vorhanden

Ausschnitt aus der Bibliothek

Am Anfang einer Facebook Anwendung oder eines Fanpage Designs steht häufig die Frage nach der Visualisierung eines Prototypen oder eines Klickdummys. Gerade wenn die Facebook Funktionalität, wie etwa Statusupdates oder ähnliches präsentiert werden sollen müssen hierzu Screenshots der Facebook Plattform angelegt werden in den die verantwortlichen Grafiker sich dann austoben können.

Um diese Arbeitsweise zu vereinfachen hat Surgeworks im vergangen Monat eine umfangreiche Vorlagenbibliothek für Photoshop erstellt und kostenlos veröffentlicht. Neben den zentralen Elementen wie dem Seitenaufbau und den Statusmeldungen finden sich auch fast alle kleinen Details, welche die Plattform ausmachen. Seien es der Friend-Selektor, Rechteanfragen oder gar die Chatoptionen.

Das Paket kann von der Surgeworks Homepage kostenlos runtergeladen werden. Es ist knapp 5 Megabyte groß und steht unter einer Creative Commons Lizenz.

—–
Update Oktober 2010: Bitte beachtet auch die neue Version dieses Beitrags “10 Tipps für das perfekte Facebook Profilbild”
—–

Ein Sprichwort sagt, der erste Eindruck zählt. Und was in der persönlichen Begegnung das Aussehen und Auftreten eines Menschen oder die Haptik eines Produkte ist, ist im digitalen Leben das Profilbild.

Damit dieser erste Eindruck auf Facebook auch ein besonders guter wird, gibt es einige Sachen zu beachten:

• Größe
  Profilbilder bei Facebook werden mit maximal 200 Pixel Breite und 600 Pixel Höhe dargestellt. Bilder mit geringerer oder höherer Breite werden auf 200 Pixel skaliert. Für ihr Profilbild sollten sie sich bereits beim Erstellen an die 200 Pixel Breite halten. Zudem sollten sie nicht unter 200 Pixel Bildhöhe kommen.

• Miniaturbild
  Aus dem Originalbild wird  von Facebook ein 50 x 50 Pixel großes Miniaturbild erzeugt. Hierzu werden die oberen 200 x 200 Pixel genommen, um 13 Pixel rundum beschnitten und anschließend auf 50 x 50 Pixel skaliert. Bilder mit unter 200 Pixel Höhe werden zuerst skaliert. Achten sie also darauf, dass alle wichtigen Informationen in den verbleibenden 174 x 174 Pixeln Platz finden.

• Einfache Schriften
  Besonders Pages (Public-Profiles) werden häufig mit einem Profilfoto des Logos der Firma, der Band oder des Produktes ausgestattet. Auf den Miniaturbildern ist von diesen häufig nichts mehr zu erkennen. Hier sollte also auf ausreichend Kontrast sowie die richtige Größe geachtet werden.

• Abwechslung
  Ein sinnvoller regelmäßiger Wechsel des Profilbildes erhöht das Interesse an der Seite. So wechselt die Zeitschrift NEON monatlich ihr Profilbild und verwendet das Coverbild der aktuellen Ausgabe. Der T-Shirt Hersteller Threadless setzt ebenfalls regelmäßig ein neues T-Shirt Motiv als Profilbild ein. Beide verzichten auf den Schriftzug ihrer Marke, da dieser ja von Facebook in unmittelbarer Bildnähe ausgegeben wird. Sowohl auf der Profilseite selbst, als auch bei den Statusmeldungen.

• Vorlage
  Wir haben eine Photoshop Vorlage für euch gebastelt, mit der ihr schon mal in Sachen Größe und Miniaturbild nicht mehr viel falsch machen könnt.