Design Block Valentin Spinnler

Während drei Wochen, nämlich vom 15.03. bis zum 09.04.2021 war ich im Design Block bei Karin Beerli, unserer Designerin. In dieser Zeit habe ich gelernt mit Sketch zu arbeiten und diese Designs dann in InVision zu klickbaren Protoypen zu machen. Ebenfalls habe ich Design in InDesign erstellt. Da der Block nicht sehr lang war, zeige ich euch in diesem Beitrag ein paar kleine Beispiele, die ich gemacht habe.

Sketch

Was ist Sketch? Nun Sketch ist ein Design-Programm, welches für Webseiten, Apps oder Programme (also allgemein Benutzeroberflächen) verwendet wird. Speziell an Sketch ist, dass es nur auf macOS läuft. Da ich Windows-User bin, habe ich Sketch zuvor auch noch nie verwendet. Wenn ich es mit einem Windows-Programm gleichstellen müsste, wäre das Adobe XD. Die Programme sind nämlich sehr ähnlich aufgebaut. Grundlegend ist eine simple und intuitive UI. Die Kernfunktionen von Sketch sind zum einen die "Symbols". Das sind globale Komponenten, wie z.B. Buttons oder Menüs, welche man einmalig gestaltet und dann verändert überall auf dem Design einfügen kann. Wenn man dann am Schluss noch eine Änderungen hat, beispielsweise die Farbe der Buttons ändern möchte, braucht es nur einen Klick und es wird überall im Design geändert. So kann man den Überblick auf bei grossen Projekten behalten.

InVision

InVision ist ein Programm, mit dem man die Design "zum Leben erwecken kann". Mit einem Plugin namens "Craft" für Sketch, kann man direkt von Sketch aus seine Designs ins InVision synchronisieren. Dort können dann andere Designer oder involvierte Personen Feedback zum Design geben und Kommentare bei einzelnen Elementen hinterlassen. Die Kernfunktionen von InVision sind aber, dass man die einzelnen Seiten der Prototypen miteinander verknüpfen kann und diese dann so zu klickbaren Prototypen werden, ohne dass man eine Zeile Code schreiben muss. So kann man das Design testen, bevor es wirklich umgesetzt wird.

InDesign

InDesign ist ebenfalls ein Adobe Programm und schon etwas älter als XD. Es ist weltweit bekannt und wird weltweit vielerorts zum Designen und Entwerfen von Drucksachen verwendet. Also alles was später gedruckt wird, z.B. Inserate, Flyer, Visitenkarten, Werbung oder Zeitungen.

Linsenmax Campus Deals Redesign

Die Campus Deals von Linsenmax: Das sind Deals, welche in Uni-Magazinen gedruckt werden. Diese habe ich neu designt.

Vorher:

Nachher:

Fazit

Ich bin zufrieden mit dem Block und er hat meine Erwartungen erfüllt. Auch wenn er etwas kurz war, konnte ich einiges lernen und gewann Einblicke in den Design-Prozess der MySign. Ebenfalls konnte ich sehr selbständig arbeiten und das finde ich sehr angenehm.