PAGE online

Mockups per Drag and Drop: Das neue LiveSurface

Mit dieser speziell für Kreative entwickelten Kombination aus App und Illustrator-Plugin kann man Licht, Materialien und Veredelung simulieren – und das auf Knopfdruck

sechs Bilder eines Buches mit verschiedenen Materialisten, Veredelungen, färben und HintergründenLiveSurface gibt es bereits seit 2013. Dahinter steckt der ehemalige Apple-Designer Joshua Distler, der mit seinem Team die letzten Jahre für ein Update genutzt hat.

Das neue LiveSurface wurde gestern offiziell gelauncht, die Betaversion durften wir bereits letzten Monat testen.

Live-View und Animationen: Das ist neu

LiveSurface läuft als Plugin in Adobe Illustrator. Dabei kann man aus einem über 1000 Bilder starken Pool an Szenen, Produktshots und Werbemitteln wählen, die sich anschließend per Drag and Drop befüllen lassen. Dabei arbeitet man entweder auf einer zweidimensionalen Zeichenfläche, die anschließend auf das Objekt gemappt wird, oder zieht einzelne Elemente direkt auf das Mockup.

Spannend daran ist, dass sich das Design live in Illustrator bearbeiten lässt und Änderungen sofort angezeigt werden. In der neuesten LiveSurface-Version geht das sogar mit Bewegtbild.

Für die Mockups selbst sind außerdem Anpassungsmöglichkeiten wie Licht, Materialität und Veredelung vorhanden. So lassen sich in kürzester Zeit realistische Mockups erstellen, Varianten testen und auch gestalterische Entscheidungen treffen. Weitere spannende Ideen für Mockups findet ihr übrigens in PAGE 12.22.

ein gif in dem ein blanko Plakat ausgefüllt wird Eine Getränkedose in zwei verschiedenen Lichtsituationen

Development: Behind the Scenes

An der Betavariante arbeiteten Distler und sein Team bereits mehrere Jahre. Ende 2022 erschien die erste öffentlich zugängliche Beta, in der über 1000 Nutzer:innen ihr Feedback abgeben konnten.

Die Arbeit an einzelnen Features begann das LiveSurfaceteam zunächst in mehreren Standalone-Apps, die später zu einem gemeinsamen Prototyp zusammengeführt wurden. Bisher läuft LiveSurface nur auf Mac und ist auf das Apple UX und UI ausgelegt.

Wichtig zu beachten ist, dass die Mockups verschiedenen Lizenzmodellen zugeordnet sind und je nachdem nur zu Präsentationszwecken, in Publikationen oder auch in kommerziellen Projekten genutzt werden dürfen.

Pro-Nutzer:innen zahlen für LiveSurface 172 Dollar im Jahr oder 18 Dollar monatlich. Studios können jährlich Lizenzen für ihre Mitarbeitenden kaufen.

Eine Grafik, die rechts auf ein Gebäude projiziert ist

Produkt: Download PAGE - Microinteractions - Animationen und Transitions - kostenlos
Download PAGE - Microinteractions - Animationen und Transitions - kostenlos
Best Practices für Web und Mobile. Coding-Tipps für CSS3. Tools, Bibliotheken und Generatoren fürs Prototyping & Wireframing

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Das könnte dich auch interessieren