Title: Mockups
Course: E-Design - Erzeugung und Gestaltung der Designidee > Section: Visuelle Kommunikation

20 min

Haben Sie ein großartiges Design entworfen, möchten Sie es natürlich Ihrem Kunden auch gut aufbereitet Präsentieren. Hierfür ist es nützlich ein Mockup zu erstellen.

Was ist ein Mockup?

Es ist ein virtuelles Modell Ihres Designs auf dem Produkt. Ein Werkzeug um Ihre Ideen bildlich zu präsentieren. Beispielsweise ein Logo auf Visitenkarten, Beklebung auf einem Auto, Plakat auf einer Plakatwand. Dieses Vorfrühmodell bietet Ihrem Kunden einen ersten Blick auf das wahrscheinliche Endergebnis. Ein sorgfältig erstelltes Mockup ist wichtig, da es dem Kunden hilft das finale Produkt zu visualisieren.

Design von MartisLupus

Arbeiten Sie parallel zu Ihrem Designentwürfen auch am Mockup. Sie ersparen sich Zeit, indem Sie sich Ihr Design sich gleich am echten Produkt vorstellen und nicht erst zum Schluss auf dieses dann das Mockup anpassen müssen. Versuchen Sie sich einen Bezug zur realen Welt vorzustellen. Bei einer Verpackung zb.: aus welchen Materialien wird sie bestehen? Wer wird dieses Produkt kaufen? Welche Größe hat das Produkt wenn es in der Hand gehalten wird? Um diese Fragen beantworten zu können, müssen Sie Ihre Zielgruppe kennen. Mit einem gut gestalteten Mockup können Sie Ihren Kunden von Ihrem Design überzeugen.

Welche Möglichkeiten gibt es um ein Mockup zu erstellen?

In einem Bildbearbeitungsprogramm

Am einfachsten ist es, wenn es sich um ein Logo oder Etikett handelt. mit Photoshop zu arbeiten. Mithilfe der Neigen-Option (Bearbeiten > Transformieren > Neigen) können Sie das Design grob über ein 3D-Modell legen und sehen ob der Text gut lesbar ist und ob Ihr Design zur Form des Produktes passt.

Produktetikett von Javier Milla

Ein Mock-up Generator

Eine schnelle Möglichkeit ein Mockup zu erstellen ist es einen Mockup-Generator zu benutzen. Sie können Ihr Design hochladen und auf ein vor eingestelltes Objekt ziehen. Der Nachteil an einem Generator ist, das Mockup wird nicht sehr individuell aussehen. Aber es bietet eine schnell Lösung.

Beispiel: Make Mockups, Logos, Videos and Designs in Seconds (placeit.net)

Eine Mock-up Vorlage

Mittlerweile gibt es viele Vorlagen die Sie, zum Teil auch gratis, verwenden können. Laden Sie sich die Vorlage herunter und passen Sie sie an. Hier ein paar Links:

Freepik.com

graphicburger.com

Die meisten Vorlagen arbeiten mit Smartobjekten in Photoshop. Klicken Sie die Ebene doppel an, passen Sie das Objekt an und schon ist das Mock-Up fertig.

Versuchen Sie das Mockup soweit wie möglich an den Kunden anzupassen. Der Kunde soll sein Produkt und seine Marke darin wiederfinden. Zeigen Sie ihm wo Ihr Design in dessen Markenidentität passt. Demonstrieren Sie wie Ihr Design aussehen könnte, wenn der Kunde es bei Ihnen kauft. Ihr Mockup soll das Produkt zum Leben erwecken und nicht nur ein Design in 3D vorführen.

- Zeigen Sie das Produkt in Aktion.
- Das Mockup soll im Mittelpunkt stehen. Lenken Sie den Betrachter nicht mit zu vielen Elementen ab.
- Zeigen Sie mehrere, durchdachte Mockup-Szenen, die das Design enthalten um Ihre Vision zu verdeutlichen.

Quellen: https://www.accentsconagua.com/articles/design/25-best-free-psd-mockups-photoshop-templates-for-2018.html

https://99designs.de/blog/design-tipps/mockups-designs/