Was ist ein Mockup?

Ein Mockup ist nichts anderes als ein Modell (im Maßstab oder in Originalgröße) eines Projekts in Entwicklung.

Es ist ein Ausstellungsmaterial für eine Website, ein Design, eine Verpackung oder ein neues Konzept für eine Werbekampagne.

Kurz gesagt, es handelt sich um die exakte Nachbildung des fertigen Projekts mit Details und Verzierungen, die darauf abzielen, das Endergebnis zu betonen.

Es wird häufig in der Markenkommunikation sowohl online als auch offline verwendet.

Unterschiede zwischen Mockup, Wireframe und Prototyp

Das Mockup ist also eine Art Modell, das beschreibt, wie das fertige Produkt aussehen wird.

In der Welt des Webs wird der Begriff digiital mockup verwendet, um dieses spezielle Mockup zu beschreiben, das sich auf das Design einer Website, einer Landing Page oder einer Anwendung konzentriert.

In diesem Fall ist das digitale Mockup im Grunde genommen das Modell einer Website, das auf verschiedenen Geräten wie Smartphones, Tablets und tragbaren Geräten dargestellt wird, oder das vollständige Design einer Anwendung.

Wer Mockups erstellt, wird als Mockup-Künstler bezeichnet.

Sogar vor dem Mockup wird oft, nicht immer, das Wireframe verwendet.

Auch diese Art von Modell è molto utilizzato soprattutto nel digital ed è ein visuelles Schema in der embryonalen Phase, das eine grobe Vorstellung davon vermittelt, wie das Endprodukt aussehen könnte.

Die Entwicklung der klassischen Bleistiftskizze ist sehr nützlich, um zu verstehen, wie man die Räume füllt und eine Grundstruktur entwickelt.

Nach dem Wireframe folgt in der Entwurfsphase das Mockup mit einer vollständigen und akribischen Umsetzung des Projekts.

In einigen Fällen ist auch die Verwendung eines Prototyps notwendig. In einigen Sektoren, hauptsächlich in der Industrie, reicht eine grafische Darstellung des Produkts nicht aus, sondern es wird auch ein praktisches Modell benötigt, das die konkreten Funktionen des Projekts prüft und testet: dies ist der Prototyp.

Wie man ein Mockup erstellt: nützliche kostenlose Tools

Ausgehend von der Idee, dass ein gutes Mockup in Illustrator oder Photoshop erstellt werden kann und dass für die wichtigsten Projekte die Adobe-Suite Adobe Comp sowie für Wireframes Adobe XD zur Verfügung stehen, gibt es viele großartige Online-Tools, oft kostenlos (nur kostenpflichtig, wenn bestimmte Funktionen freigeschaltet werden sollen), die wirklich nützlich und umfassend sind, um ein gutes Mockup zu erstellen: 

• Moqups: eine umfassende Ressource, perfekt für digitale Mockups wie Landing Pages und Anwendungen.
• Invision: eines der bekanntesten Web-Ressourcen für die Erstellung eines professionellen Mockups und mit Sicherheit erfolgreichen. Es gibt eine kostenlose Version mit Einschränkungen und eine vollständige Version zu guten Preisen.
• Marvel: Mit diesem Programm können Hybrid-Modelle zwischen Mockups und Prototypen erstellt werden, denn Marvel ermöglicht auch die Erstellung von Übergängen zwischen den Karten.
• Wireframe.cc: Diese Ressource ist hervorragend geeignet, um professionelle Wireframes zu erstellen. Es ist eine Art interaktive Tafel, die für die Entwicklung dieser Art von Schnittstelle weiterentwickelt wurde. 

Zusammenfassend lässt sich sagen, dass das Mockup die Nachbildung des Endprojekts ohne seine interaktiven Funktionen ist. Es hat Farben, Grafiken und das endgültige Design auf seiner Seite und es ist äußerst wichtig, sich auf die Details des Projekts zu konzentrieren, die wirklich den Unterschied zwischen einem Mockup und einem anderen ausmachen können.