Designportfolio von Dribbble und Behance auf dem Mac sichern

Diese Anleitung zeigt, wie du eigene Dribbble-, Behance- und andere Web-Portfolioseiten auf dem Mac als durchsuchbare PDFs speicherst. Du öffnest jede Projektseite, bereitest den Browser vor, nimmst sie in einer einheitlichen Größe auf, exportierst das Ergebnis und ordnest die Dateien nach Projekt und Datum.

Die PDF erhält die veröffentlichte Präsentation samt Beschreibungen und Layout. Bewahre die ursprünglichen Designdateien getrennt auf: Ein Screenshot-Archiv ist eine Referenzkopie und kein Ersatz für Quelldateien.

Kurz gesagt: Öffne jede Projektseite, nimm sie auf einem Retina-Display mit automatischem Scrollen für lange Seiten auf und exportiere eine durchsuchbare PDF. Einheitliche Namen wie Projektname_Plattform_Datum.pdf halten das lokale Archiv übersichtlich.

Was eine Portfolio-PDF erhält

Eine Portfolio-PDF hält die veröffentlichte Reihenfolge von Bildern, Beschreibungen, Tags und Layout fest. Dieser Kontext unterscheidet sich von den zugrunde liegenden Figma-, Photoshop- oder Sketch-Dateien.

Bewahre beides auf. Quelldateien bleiben für Bearbeitung und hochauflösende Ausgabe nötig. Die PDF dokumentiert, wie das Projekt am Aufnahmedatum im Web präsentiert wurde.

Wenn du eine Liste öffentlicher Projekt-URLs besitzt, kann Website Capture dieselben Einstellungen auf jede Seite anwenden. Nutze den folgenden Scrollablauf, wenn eine einzelne lange Projektseite mehrere Bilder benötigt.

Dribbble-Projekte aufnehmen

Dribbble zeigt einzelne Shots und vollständige Projektseiten mit mehreren Bildern und Beschreibungen.

Einzelne Shots

1. Öffne die Seite deines Shots im Browser und nicht nur die Rasteransicht.
2. Die Seite zeigt Bild, Titel, Beschreibung, Tags und gegebenenfalls weitere Bilder.
3. Wähle in Shotomatic die Fensteraufnahme und das Browserfenster.
4. Passt alles auf einen Bildschirm, erstelle eine einzelne Aufnahme.
5. Reicht die Seite unter den sichtbaren Bereich, nimm Page Down mit 1000 ms Abstand auf.
6. Exportiere die Auswahl als PDF.

Projektseiten in Dribbble Pro

Dribbble-Projektseiten gruppieren zusammengehörige Shots zu längeren, ausführlicheren Präsentationen:

1. Öffne die Projektseite.
2. Richte eine Fensteraufnahme mit Page Down und 1200 ms ein, damit Bilder Zeit zum Laden haben.
3. Nimm die vollständige Seite auf.
4. Exportiere sie als PDF.

Wenn die Aufnahmen schon vorliegen, prüfe und ordne sie mit der Anleitung „Screenshots auf dem Mac als PDF speichern“.

Das gesamte Dribbble-Portfolio systematisch erfassen

Bei vielen Shots hilft ein fester Ablauf:

1. Öffne dein Dribbble-Profil.
2. Öffne jeden eigenen Shot in einem neuen Tab, etwa per Mittelklick oder Cmd-Klick.
3. Nimm jede Shot-Seite einzeln auf.
4. Benenne die PDF direkt nach dem Export: Projektname_Dribbble_Datum.pdf.

Der Vorgang bleibt manuell, aber übersichtlich. Teste zuerst einige typische Seiten, bevor du das gesamte Portfolio bearbeitest.

Behance-Projekte aufnehmen

Behance-Projekte sind häufig länger als Dribbble-Shots. Sie verbinden erklärenden Text, Prozessbilder und Endergebnisse in einer festgelegten Reihenfolge.

Gewöhnliche Projektseiten

1. Öffne deine Behance-Projektseite im Browser.
2. Prüfe die Seitenlänge und ob hochauflösende Bilder erst beim Scrollen geladen werden.
3. Wähle in Shotomatic die Fensteraufnahme und dein Browserfenster.
4. Zeichne Page Down mit einem Abstand von 1200 ms auf.
5. Klicke auf Start und lasse Shotomatic durch das Projekt scrollen.
6. Stoppe am Fußbereich oder vor den Kommentaren.
7. Exportiere als PDF.

Der längere Abstand ist wichtig, weil Behance hochauflösende Bilder oft erst beim Scrollen lädt. Wird zu schnell aufgenommen, können Platzhalter oder unvollständige Bilder erscheinen. Passe den Wert an deine Verbindung und Seite an.

Behance-Fallstudien mit mehreren Abschnitten

Bei ausführlichen Fallstudien, wie sie in UX/UI-Portfolios üblich sind:

• Browserfenster maximieren, damit das vollständige Layout breit genug erscheint
• Retina-Auflösung verwenden, die auf einem Retina-Mac automatisch eine doppelte Pixelauflösung liefert
• Abstand auf 1500 ms erhöhen, wenn Bilder nicht vollständig laden

Moodboards und Bildraster aufnehmen

Dichte Raster laden besonders viele Bilder:

• stelle 1500 bis 2000 ms ein;
• nutze ein ausreichend breites Browserfenster;
• prüfe die ersten Bilder, bevor du den Lauf fortsetzt.

Aufnahmequalität für Designarbeiten

Auf einem Retina-Mac nimmt Shotomatic automatisch mit der nativen doppelten Pixeldichte des Displays auf.

Das bedeutet:

• Scharfer Text: Typografie in Beschreibungen und Fallstudien bleibt gut lesbar.
• Detaillierte Bilder: Designarbeiten sehen beim Vergrößern sauberer und weniger pixelig aus.
• Farben wie auf dem aufgenommenen Bildschirm: Die PDF hält die gerenderte Seite fest; Darstellung kann sich trotzdem je nach Display und PDF-Reader unterscheiden.

Nutze für ein Designportfolio die höchste praktikable Auflösung und prüfe die exportierte PDF in normaler Lesegröße, bevor du alle Projekte verarbeitest.

Retina-Aufnahmen erzeugen größere Dateien als Standardauflösung. Wie groß die PDF wird, hängt von Seitenlänge, Bildanzahl und Export ab. Miss deshalb zunächst ein repräsentatives Projekt.

Dateien benennen

Nutze ein einheitliches Muster:

Projektname_Plattform_Datum.pdf

Beispiele:

• BrandIdentity_Dribbble_20260322.pdf
• MobileAppRedesign_Behance_20260322.pdf
• IconSet_Dribbble_20260322.pdf
• UXCaseStudy_Behance_20260322.pdf
• PackagingDesign_Dribbble_20260322.pdf

Warum ein Datum? Portfolios verändern sich. Das Datum zeigt, welche Version die PDF festhält.

Warum die Plattform? Dasselbe Projekt kann auf Dribbble und Behance unterschiedlich präsentiert sein. Der Plattformname unterscheidet die Fassungen.

Portfolioarchiv ordnen

Ordnerstruktur

Portfolio Archive/
├── Branding/
├── UI-UX/
├── Illustration/
├── Motion/
├── Print/
└── _Archived/

Ordne nach Disziplin statt Plattform. Nach „dem Branding-Projekt“ suchst du wahrscheinlich eher als nach „dem Projekt auf Behance“.

Im Ordner _Archived liegt ältere Arbeit, die nicht mehr im aktiven Portfolio steht, aber erhalten bleiben soll. Der Unterstrich schiebt ihn in vielen Sortierungen nach oben.

Begleitnotizen

Zu jedem Projekt kannst du neben der PDF eine kurze Textdatei speichern:

ProjectName_notes.txt

Notiere:

• Kundenname, falls zutreffend
• Abschlussjahr
• verwendete Werkzeuge
• Speicherorte der Quelldateien
• ursprüngliche Plattform-URL

Diese Metadaten stehen nicht im Screenshot, liefern dem Archiv aber wichtigen Kontext.

Andere Portfolio-Plattformen

Der Aufnahmeansatz funktioniert auch mit anderen webbasierten Portfolios, die du sichern darfst.

Cargo

Cargo-Portfolios verwenden oft eigene Layouts und Scrollübergänge. Beginne mit 1200 ms für Page Down und erhöhe den Abstand, wenn Übergänge mehr Zeit brauchen.

Adobe Portfolio

Adobe-Portfolioseiten haben meist klare Layouts. Fensteraufnahme und Page Down mit 1000 ms sind ein brauchbarer Ausgangspunkt.

Eigene Websites mit Squarespace, WordPress oder anderen Systemen

Auch ein Portfolio auf der eigenen Website profitiert von einer PDF-Sicherung. Hosting, Domainverlängerung und CMS-Updates bleiben Abhängigkeiten. Eine PDF hält die sichtbare Präsentation unabhängig davon fest.

Portfolioseiten in Figma oder Notion

Öffne die freigegebene Seite im Browser, nimm das Fenster beim Scrollen auf und exportiere die Auswahl als PDF. Achte darauf, nur eigene oder ausdrücklich freigegebene Inhalte zu erfassen.

Portfolio-Aufnahmen verbessern

Volle Browserbreite verwenden: Maximiere das Fenster oder stelle mindestens 1200 Pixel Breite ein, damit das vorgesehene Layout Platz hat.

Anmeldezustand wählen: Angemeldete Besitzer sehen möglicherweise Bearbeitungsschaltflächen oder Admin-Overlays. Melde dich für eine saubere öffentliche Ansicht ab oder bleibe angemeldet, wenn die Aufnahme keine störenden Elemente zeigt.

Pop-ups und Banner schließen: Entferne Tarifhinweise, Cookie-Meldungen und Benachrichtigungsabfragen vor dem Start.

Projektseite statt Raster aufnehmen: Das Raster zeigt nur Vorschaubilder. Die einzelne Projektseite enthält die vollständige Präsentation.

Bildladen prüfen: Scrolle vor der Aufnahme einmal von Hand durch die Seite, damit Lazy-Loading-Bilder angefordert werden. Kehre danach nach oben zurück und starte die Aufnahme.

Sicherung wiederholen: Nimm dein Portfolio regelmäßig oder nach neuen Projekten erneut auf. Eine ältere Sicherung enthält die neueste Arbeit nicht.

FAQ

Kann ich meine Dribbble- oder Behance-Dateien direkt herunterladen?

Dribbble erlaubt den Download eigener hochgeladener Shots als Bilder, nicht aber der vollständigen Projektseite mit Beschreibung, Kommentaren und Layoutkontext. Behance bietet begrenzte Exportmöglichkeiten. Screenshots erhalten die sichtbare Präsentation.

Wie groß werden die Portfolio-PDFs?

Das hängt von Seitenlänge, Bildanzahl, Aufnahmeauflösung und Exporteinstellungen ab. Erfasse zuerst ein typisches Projekt und schätze anhand dieses Ergebnisses den übrigen Speicherbedarf.

Reicht die Bildqualität für den Druck?

Retina-Screenshots eignen sich gut für Bildschirmansicht und Referenz, erreichen aber nicht die Auflösung der ursprünglichen Quelldateien. Das Archiv ersetzt keine druckfertigen Ausgangsdateien.

Was passiert nach einer Layoutänderung der Plattform?

Eine datierte PDF hält den sichtbaren Stand zum Aufnahmezeitpunkt fest. Sie erhält keine Interaktionen oder ursprünglichen Quelldateien.

Funktioniert das mit anderen Portfolio-Plattformen?

Ja, sofern du die betreffenden Seiten im Browser anzeigen und sichern darfst. Dazu gehören etwa Cargo, Adobe Portfolio, Squarespace und eigene Websites.

Portfolioseiten speichern

Beginne mit einer Projektseite und prüfe Bilder, Beschriftungen und nachgeladene Abschnitte. Nimm danach die übrigen Projekte mit derselben Browserbreite und demselben Benennungsschema auf.

Shotomatic herunterladen oder Tarife ansehen.