Dribbble

Wie du Dribbble, die wohl bekannteste Designer-Community, wirklich nutzbringend verwendest und nicht bloß deine Zeit darauf verschwendest, erfährst du hier.

Dribbble als Tempel

Dribbble ist ein Ort der Selbstbeweihräucherung, ein Hafen für all die narzisstischen Designer da draußen. Darüber werden wir wohl Einigkeit erzielen können. Wenn du das noch untertrieben findest, wird dir möglicherweise dieser Artikel des ehemaligen MAD-Mitarbeiters Speider Schneider gefallen.

In der Tat kommt es durchaus häufig vor, dass ich mich frage, warum denn wohl der Urheber diese oder jene „Leistung” meinte, der Community zugänglich machen zu müssen. Beispiel gefällig? Bitte sehr. In anderen Fällen wird tatsächlich ein Konzept zur Diskussion gestellt. Aufgrund der enormen Größe der Plattform finden sich auch immer „Diskutanten”.

Dribbble definiert sich als „Show and tell for designers”, was in der freien Übersetzung etwa „Präsentieren für Designer” bedeutet. In der etwas längeren Form beschreibt sich Dribbble als eine Plattform, auf der Designer in Form von Screenshots ihre Arbeiten zeigen können, also was sie gerade zu erschaffen versuchen. Andere Community-Mitglieder sind dann in der Theorie aufgefordert, sich zu den gezeigten Entwürfen zu äußern. Davon hätte dann der Ersteller was, es fände ein fachlicher Austausch statt. Wie wir alle wissen, ist fachlicher Austausch immer gut.

Dem Realitäts-Check hält diese Theorie indes nicht stand. In der weit überwiegenden Zahl der Fälle besteht die Interaktion bestenfalls darin, einem Shot (so heißen die einzelnen Präsentationen auf Dribbble) ein „Like” zu geben. Kommentare gibt es auch in den meisten Fällen. Diese würde ich aber nicht unter dem Stichwort „Fachlicher Austausch” subsumieren. Denn es handelt sich ausschließlich um Entzückungsrufe wie „awesome”, „lovely” oder „great work”.

So könnte man also am Ende des Tages zu der Einschätzung gelangen, dass Dribbble ein überflüssiger Ort für Designer mit zu viel Zeit ist. Das allerdings wäre viel zu kurz gegriffen. Denn tatsächlich lässt sich aus Dribbble echter Nutzen ziehen. Wie das funktionieren kann, schauen wir uns jetzt an.

Die Zauberworte lauten Kuration und Inspiration sowie die Verknüpfung aus beidem. Unser entscheidendes Hilfsmittel im folgenden Prozess werden die Dribbble-Bucketlists sein, die man sich wie Schubladen vorstellen kann, in die man unterschiedliche Bekleidungsstücke einsortiert.

Dribbble als Inspirationsquelle

Allein die schiere Größe der Dribbble-Community garantiert, dass sich auf der Plattform ein repräsentativer Querschnitt der Branche abbildet. Shots werden in schneller Folge eingestellt, sämtliche Bereiche kreativer Arbeit im digitalen Raum sind vertreten. Es lohnt sich deshalb immer mal die „Recent Shots” anzusehen, rein zu Inspirationszwecken.

An dieser Stelle empfehlen wir, vorab die Chrome-Erweiterung „Booom” zu installieren, die wir kürzlich in unserem Beitrag „35 praktische Chrome-Erweiterungen für Designer und Entwickler” vorgestellt haben. Die Extension, die es auch für Safari gibt, verbessert das Handling von Dribbble deutlich. So werden die Shots größer angezeigt, sie sind direkt aus dem Feed zu liken oder in die Bucket-List zu legen. Beide Tätigkeiten könntest du ansonsten nur von der Detailansicht aus erledigen. GIFs starten automatisch schon in der Liste. Zudem verbessert Booom die Darstellung auf Monitoren mit höherer Auflösung. So werden Shots in besserer Qualität gezeigt. Beim Öffnen selbiger findet stets die @2x-Variante Verwendung. Auch nützlich ist, dass „Booom” ein Infinite-Scrolling einsetzt. So kannst du in einen regelrechten Scroll-Flow geraten.

Neben der Shot-Ansicht „Recent” gibt es auch noch „Most Popular”, „Most Viewed” und „Most Commented”. Innerhalb dieser Ansichten lässt sich filtern. Ebenfalls interessant für uns sind die Filter „Animated GIFs” und „Shots with Attachments”. Dazu später mehr.

Über das oben angeordnete Suchfeld findest du per Freitext-Suchbegriff Shots, die dich interessieren könnten. Möchtest du dich etwa zum Thema „Icons” inspirieren lassen, gibst du den Begriff entsprechend ein und schaust, was Dribbble dir vorschlägt.

Spätestens an dieser Stelle kommen unsere Bucket-Listen zum Einsatz. So könntest du dir Bucket-Listen zu den verschiedenen Themen anlegen, die dich interessieren. In einer Bucket-Liste „Website-Inspiration” sammelst du fortan Website-Designentwürfe, die dich ansprechen. In einer anderen namens „Icon-Inspiration” sammelst du Teile des eben besprochenen Suchergebnisses. Leg dir so viele Bucket-Listen an, wie du sinnvoll verwalten kannst.

Das Hinzufügen von Shots zur Liste kannst du bequem aus der Übersicht vornehmen, wenn du das weiter oben erwähnte „Booom” installiert hast. Wenn nicht, musst du zunächst in die Detailansicht des jeweiligen Shots wechseln. Das geschieht per Klick auf die Preview in der Übersicht. Bucket-Listen lassen sich übrigens bequem anlegen, indem du auf das Bucket-Icon klickst.

Danach öffnet sich ein Overlay, in welchem du auswählen kannst, ob das gewählte Element zu einer vorhandenen Liste hinzugefügt oder ob eine neue angelegt werden soll. Solltest du sehr viele Listen führen, filtere an dieser Stelle den Bestand durch die Eingabe eines entsprechenden Suchbegriffs oder der Kombination mehrerer Suchbegriffe. Denke daran, dass die Ergebnisse umso enger werden, je spezifischer die Suchbegriff-Kombination wird. Für ein erstes Auswerfen des Netzes empfiehlt sich eher eine relativ generische Suche.

Das ist schon ganz gut und nützlich bis hierher. Noch nützlicher wird Dribbble allerdings, wenn du die Schaffenskraft anderer Kuratoren anzapfst. Neben dem Bucket-Icon siehst du, in wie vielen Buckets sich der angezeigte Shot schon befindet. Ein Klick auf die Info öffnet eine Liste der entsprechenden Listen und hier findest du die wahren Perlen.

Es stecken nämlich eine nicht unerhebliche Zahl an Personen richtig Aufwand in die Kuration. Diese Nutzer liefern dir auf diese Weise handverlesene Shots, die sich zumeist mit genau dem Thema befassen, für das du die Suchfunktion bemüht hattest. Gehe die vielversprechendsten Bucket-Listen durch und füg die interessantesten Shots deinen eigenen Listen hinzu oder folge direkt den Erstellern der Liste. Die Ansicht der Bucket-Listen ist übrigens chronologisch sortiert. Die Buckets mit den neusten Einträgen werden ganz oben angezeigt. Nach unten werden die Listen dann immer statischer, weil schon sehr lange nicht mehr aktualisiert. Listen, die älter als drei Monate sind, dürfen wohl als verlassen, Shots daraus als veraltet gelten.

Wenn du schon auf Twitter aktiv bist, empfiehlt sich die Verknüpfung Dribbbles mit Twitter, weil dir Dribbble dann direkt Personen vorschlägt, denen du auf Twitter folgst und die auch ein Profil auf Dribbble unterhalten.

Mit der Zeit erstellst du dir auf die beschriebene Weise einen ganzen Reigen von Listen mit Inspirationsmaterialien zu den diversen, für dich relevanten Themen.

Kleiner Tipp am Rande: Wenn du etwa ein komplexes Icon oder anderes Designelement gefunden hast, das dein Interesse geradezu entflammt hat, wieso legst du dir den Shot nicht als Hintergrundebene in das Designtool deiner Wahl, etwa Sketch, und orientierst dich zeichnerisch an der Vorlage? Natürlich soll das kein Aufruf zur Erstellung von Plagiaten sein. Deine persönliche Note musst du schon einbringen; es dürfte allerdings so sehr viel leichter werden.

Dribbble als Ressourcensammlung

Neben der Funktion als Inspirationsquelle eignet sich Dribbble mit etwas Aufwand sogar als Quelle für direkt verwendbare Design-Ressourcen. Hier spielt der weiter oben bereits erwähnte Filter mit dem sprechenden Namen „Shots with Attachments” eine Rolle. Die Anwendung dieses Filters sorgt dafür, dass dir nur noch solche Shots angezeigt werden, die über einen Dateianhang verfügen. Das ist zwar häufig genug kein Indiz für freien Content, aber doch des öfteren.

Innerhalb der Shots aus dem Freebie-Tag ist die Sortierung generell zunächst chronologisch absteigend. Die jüngsten Kontributionen werden also ganz oben angezeigt, ältere weiter unten. Diese Sortierung kannst du per Klick auf „Popular” ändern, dann erfolgt die Ansicht nach Popularität, deren Berechnung allerdings nicht völlig transparent erscheint.

Wenn du die Shots nicht direkt auf deine Festplatte laden willst, was während einer Sammler-Session wohl die Regel sein dürfte, greifst du wieder auf das bereits erwähnte Konzept der Bucket-Listen zurück. In einer Liste „Icon-Freebies” etwa, könntest du kostenlose Iconsets sammeln, in einer Liste „Template-Freebies” PSD-Templates für Websites und so weiter.

Der Download erfolgt in der Regel über die externen Websites der jeweiligen Shot-Ersteller. Gehe also mit der gebotenen Vorsicht an den Download und achte auf die Nutzungsbedingungen.

Wenn du es dir noch einfacher machen willst, dann besuche regelmäßig Fribbble. Deren Betreiber kuratieren PSD-Dateien und andere freie Design-Ressourcen aus dem Dribbble-Bestand direkt auf der eigenen Website, was das eigenhändige Suchen überflüssig macht.

Weblinks:

https://t3n.de/news/designer-echten-nutzen-dribbble-775926/

https://wolkenhart.com/webdesignblog/dribbble-das-kreative-social-network