Clay-Mockups: minimalistische Geräterahmen in jeder Farbe

Aktualisiert am 30. Oktober 2026

Ein Clay-Mockup setzt Ihren Screenshot in eine weiche, matte Geräteform in einer einzigen Farbe. Sie hat keine Kamera, keine Spiegelungen im Glas und keine Metallkanten. Man erkennt „ein Handy“ oder „ein Tablet“, ohne dass es ein bestimmtes Modell ist. Clay-Rahmen lenken den Blick auf Ihre App, und Sie können den Rahmen an Ihre Markenfarbe anpassen.

Was ein Mockup zu „Clay“ macht

Der Name stammt von Clay-Renderings in der 3D-Modellierung: Ein Objekt wird in einem schlichten, matten Material gezeigt, sodass man seine Form ohne Oberflächendetails sieht. Ein Clay-Geräte-Mockup funktioniert genauso.

Eine Farbe, matt. Der ganze Rahmen hat eine einzige Farbe, mit weicher Schattierung durch das Licht und ohne Glanz oder Spiegelungen.
Vereinfachte Form. Er hat die Proportionen eines Handys oder Tablets: abgerundete Ecken, ein Gehäuse etwas größer als der Bildschirm, ein wenig Tiefe. Kleine Details wie Kameraaussparungen fehlen.
An kein Modell gebunden. Er gibt nicht vor, ein bestimmtes iPhone oder iPad zu sein, also hält ihn niemand für das Gerät vom letzten Jahr.

Wann ein Clay-Rahmen besser ist als ein realistischer

Er soll zu Ihrer Marke passen

Echte Geräte gibt es in wenigen festen Finishes. Ein Clay-Rahmen kann jede Farbe haben: Ihre Markenfarbe, einen Ton der Akzentfarbe Ihrer App oder ein Neutral, das im Hintergrund verschwindet. Bei einem Set aus App-Store-Screenshots oder einer Serie von Social-Posts lässt eine Clay-Farbe auf jedem Bild das Set gestaltet statt zusammengestückelt wirken.

Minimalistische Posts und Folien

In einem Social-Feed konkurriert ein detailreiches Handy mit Spiegelungen und sichtbaren Tasten mit Ihrer Oberfläche. Ein matter Rahmen in einer sanften Farbe ist ruhiger, also schaut man auf Ihren Screen. Dasselbe gilt für Folien und Dokumentation, wo das Gerät nur zeigen soll: „Das läuft auf einem Handy.“

Es wirkt nicht veraltet

Realistische Rahmen veralten. Ein Screenshot im Modell vom letzten Jahr kann Ihre App älter wirken lassen, als sie ist, und Sie werden Ihre Bilder neu machen wollen, wenn neue Handys erscheinen. Ein Clay-Handy gehört zu keinem Jahr, Bilder von heute sehen also auch nächstes Jahr noch richtig aus.

Es passt zu jeder Bildschirmgröße

Manchmal passt Ihr Screenshot zu keinem aktuellen Gerät: eine Simulator-Aufnahme, ein älteres Gerät oder ein Handy, das noch nicht angekündigt ist. Ein realistischer Rahmen wäre dann das falsche Modell oder gäbe es noch gar nicht. Ein Clay-Rahmen nimmt seine Form vom Screenshot, er passt also zu allem, was Sie haben, ohne eine bestimmte Hardware anzudeuten.

Wann ein realistischer Rahmen besser ist

Clay ist nicht immer die richtige Wahl. Hängt Ihre App von einem bestimmten Gerät ab, etwa eine Funktion für das neueste iPhone oder ein Layout nur fürs iPad, zeigt ein realistischer Rahmen das auf einen Blick. Auch Produktankündigungen und Pressebilder wirken mit echter Hardware oft besser. Viele nutzen beides: realistische Rahmen für Launch-Bilder und Clay für alltägliche Posts.

So wählen Sie eine Clay-Farbe

Beim Hintergrund beginnen. Rahmen und Hintergrund sind die zwei großen Farbflächen. Wählen Sie zuerst den Hintergrund, dann eine Rahmenfarbe eine Stufe heller oder dunkler aus derselben Familie. Hellgrau auf Weiß, Tiefblau auf Marineblau und Pfirsich auf Creme funktionieren alle.
Den Bildschirm am hellsten halten. Hat Ihre App eine helle Oberfläche, hebt ein etwas dunklerer Rahmen den Bildschirm hervor. Bei einer dunklen Oberfläche macht ein hellerer Rahmen dasselbe.
Die Markenfarbe mit Bedacht einsetzen. Eine Markenfarbe in voller Stärke auf dem Rahmen kann den Bildschirm übertönen. Eine abgeschwächte Version, mit mehr Weiß oder mehr Grau, sieht meist besser aus und wirkt trotzdem nach Ihnen.
Einheitlich bleiben. Nutzen Sie eine Rahmenfarbe für ein ganzes Bildset. Variieren Sie lieber Hintergrund oder Layout.
Den Kontrast prüfen. Liegt die Rahmenfarbe sehr nah an der Hintergrundfarbe, kann das Gerät verschwinden. Ein weicher Schatten hilft, beide zu trennen.

So erstellen Sie Clay-Mockups in FeatureFrame

FeatureFrame hat zwei Clay-Geräte: Clay-Smartphone, geformt wie ein aktuelles iPhone, und Clay-Tablet, geformt wie ein iPad mini. Keines hat eine gezeichnete Dynamic Island oder Kamera. Beide nehmen ihre Form von Ihrem Screenshot, sie passen also zu jeder Bildschirmgröße.

Screenshot hinzufügen. Ziehen Sie ihn ins Fenster oder fügen Sie ihn ein. Handyförmige Screenshots kommen auf das Clay-Smartphone, tabletförmige auf das Clay-Tablet.
Wählen Sie Clay im Menü „Gerät“, wenn der Screenshot in einem echten Geräterahmen liegt.
Eine Farbe wählen. Es gibt 14 Vorgaben: Weiß, Schwarz, Wolke, Stein, Sand, Terrakotta, Graphit, Rosé, Pfirsich, Butter, Mint, Himmel, Lavendel und Salbei. Für jede andere Farbe, etwa Ihre Markenfarbe, geben Sie den Hex-Wert ein oder nutzen den Farbwähler.
Neigen. Clay-Rahmen sind 3D wie die echten Geräte, Winkelvorgaben und Neigung funktionieren also genauso. Eine leichte Neigung zeigt die weiche Schattierung an der Kante.
Die Szene gestalten. Wählen Sie einen Hintergrund (einfarbig, Verlauf, ein macOS-Hintergrundbild oder ein eigenes Bild), einen Schatten und eine Flächengröße. Fügen Sie für ein Layout einen zweiten oder dritten Screenshot hinzu.
Kopieren oder exportieren. Kopieren Sie das Bild, um es in einen Post einzufügen, ziehen Sie es heraus oder exportieren Sie PNG oder JPEG.

Clay-Smartphone und Clay-Tablet in Weiß und Schwarz sind kostenlos. Die anderen Farben, eigene Farben, die echten Geräterahmen, der PNG-Export und Ihr eigenes Wasserzeichen gehören zu FeatureFrame Pro, für einmalig 19,99 $ oder 9,99 $ pro Jahr.

Ein einfaches Rezept für den Anfang

Für ein sauberes Set aus App-Store-Screenshots oder einen Social-Post:

Nutzen Sie den Rahmen Wolke oder Himmel auf einem sehr hellen Hintergrund derselben Farbfamilie.
Fügen Sie eine leichte Neigung und einen weichen Schatten hinzu.
Behalten Sie auf jedem Bild des Sets dieselbe Farbe und denselben Winkel.
Nutzen Sie eine 4:5-Fläche für Feeds oder 16:9 für eine Launch-Seite oder Folie.

Wenn Sie App-Store-Screenshots erstellen, prüfen Sie die Größen, die Apple verlangt, in unserem Ratgeber zu App-Store-Screenshot-Größen.

Weiterlesen

Die Bibliothek der Geräterahmen: jeder echte iPhone- und iPad-Rahmen in FeatureFrame.
Bildgrößen für App-Screenshots.