Wie Sie raffinierte Mockups, Wire­frames und Skizzen er­stellen

Der Mockup Fachbeitrag

Informationen gemäss Stand vom 14.10.2021

Definition: Ein Mockup ist ein Mo­dell, eine Art Attrappe, welches Sie für Präsentations­zwecke benö­tigen. Je nach Branche werden Mockups für verschiedene Zwecke ein­ge­setzt. Im folgenden Beitrag sehen wir uns Mockups an, wie Sie viele im Inter­net finden.

Inhaltsverzeichnis: Mockups

• Mockups Muster
• Mockups Informationen
• Adressen rund um Mockups
• P.S.

Mockup Muster

Mockup Infor­ma­tio­nen

Diese Mockups werden im Web­design eingesetzt, zur Illustra­tion oder einfach als Gag.

Bei Mockup Generatoren können Sie direkt online mit einem Werk­zeug Ihre Mockups erstellen.

Bei anderen Diensten können Sie PSD-Dateien her­unter­laden, die Sie mit geeigneten Bild­be­ar­beitungs­­pro­gram­men weiter­verar­beiten können.

In der Konzeptionsphase von Web­sites ist ein Mockup eine gute Methode, um erste Ideen zu skiz­zieren. Wire­fra­mes und Mockups dienen nicht nur als Unter­stützung bei der Konzep­tion. Mockups sind ein gutes Mittel, um den eigenen Kunden die eigenen Entwürfe besser zu veran­schau­lichen.

Adressen rund um Mockups

Im Web gibt es viele Mockup Genera­toren und Software. Die meisten da­von sind kosten­frei, zumindest in den ein­facheren Varianten. Hier erhal­ten Sie einige Adressen.

• Pidoco
  Pidoco ist eine Software zum schnellen Erstellen klickbarer Wire­frames und voll inter­ak­tiver UX-Prototypen. Pidoco ist so einfach zu bedienen wie ein Baukasten. Mit der Drag & Drop-Funktion er­stel­len Sie aus vorge­­fer­tigten Elementen inter­aktive Prototypen, völlig ohne zu pro­grammieren.
  pidoco.com/de
• Placeit (E)
  Placeit ist einer der bekann­testen Mockup-Diens­te. Die Website stellt über 2’800 Mockups, Vorlagen und De­mo Videos zur Verfügung.
  placeit.net*
• Mockupworld (E)
  Die Website bietet Mockups als iPhone, Ipad, MacBook, IMac, Apple Uhr, Nahrungs­mittel, Verpackungs­ma­te­rial, Fahnen, Kleidung, Kissen, Magazine und E-Books in Form von PSD-Dateien zum Herunterladen.
  mockupworld.co
• Mediamodifier (E)
  Wenn Sie viele Mockups pro Jahr benö­tigen, dann sind Sie hier am richtigen Ort. Die Aus­wahl an Mockups ist riesen­gross.
  mediamodifier.com
• Designermill (E)
  Hier finden Sie eine grössere Auswahl an Mockups im PSD-Dateiformat.
  designermill.com/category/free-psd/mockups/
• Mockups (E)
  Kostenpflichtiger Dienst zum Erstellen von Mockups, Mind­maps, Wireframes, Schemas und Online-Skizzen.
  moqups.com
• Moqups (E)
  Mit dem Tool erstellen Sie nicht nur Mockups, sondern auch Onli­ne-Skiz­zen. Die ein­zel­nen grafischen Ele­men­te bringen Sie aus dem linken Bereich per Klicken und zie­hen in das Hauptfeld. Die Elemente können Sie an­schlies­send bearbeiten, posi­tio­nie­ren und aus­richten. Die ganze Bedie­nung ist sehr in­tui­tiv.
  moqups.com

• Weitere Mockup-Werkzeuge
  finden Sie in unserer Rubrik Online-Tools.

P.S.:

„Haben Sie von diesem Beitrag profitiert? Dann verlinken Sie bitte kundennutzen.ch, weil Sie uns helfen, noch mehr solche Beiträge zu schreiben.“

Autor: Walter B. Walser, kundennutzen.ch