--- title: Wie Sketch unseren Workflow v... | arsmedium group | blog description: Der goldene Photoshop Stuhl wackelt. Im Designteam von arsmedium arbeiten wir seit einigen Monaten stattdessen mit Sketch App von Bohemian BV. image: https://www.arsmedium.com/hubfs/Thumb-018-rs-Sketch_Workflow-.jpg --- [arsmedium](https://www.arsmedium.com/de) - [Haftungsausschluss](https://arsmedium.com/en/#haftungsausschluss) - [Impressum](https://arsmedium.com/en/#impressum) [DESIGN](https://www.arsmedium.com/blog/topic/Design) # Wie Sketch unseren Workflow verbessert hat [** ZUR ÜBERSICHT](https://www.arsmedium.com/blog) Dienstag, 13.10.2015 Folge uns - - - Teilen Seit vielen Jahren ist Photoshop das Nonplusultra in Sachen Screendesign. Doch der Thron wackelt. Im Designteam von arsmedium arbeiten wir seit einigen Monaten stattdessen mit Sketch App von BohemianCoding. Zeit, ein Resümee zu ziehen und den veränderten Workflow zu beleuchten. ### Was ist Sketch? Bei Sketch handelt es sich um ein vektorbasiertes Layoutprogramm. Mittlerweile in Version 3 angelangt, ist es genau das Programm, auf das wir Designer seit Jahren gewartet haben. Sketch wurde von Screendesignern für Screendesigner entworfen. Der Vorteil ist, dass es ohne den Überfluss an Funktionen auskommt, der mittlerweile z. B. die Adobe Programme zum Ressourcenfresser gemacht hat. Daraus resultiert ein wesentlich schlankeres Programm, das gleichzeitig mehr Optionen für Screendesigner bietet. ### Unterschiede Sketch/Photoshop ![Infografik-Vergleich2x-1.jpg](https://www.arsmedium.com/hs-fs/hubfs/Imported_Blog_Media/Infografik-Vergleich2x-1.jpg?width=519&height=1153&name=Infografik-Vergleich2x-1.jpg) ### Sketch im Workflow bei arsmedium Bei arsmedium haben wir mehrere Abteilungen, die Sketch einsetzen. Wir arbeiten in jedem Projekt abteilungsübergreifend. Meist startet ein Projekt in der Konzeptionsphase. Es werden Scribbles und Wireframes erstellt, die Informationsarchitektur erarbeitet sowie die logische Basis für den weiteren Ablauf gelegt. ![Infografik-Workflow.jpg](https://www.arsmedium.com/hs-fs/hubfs/Imported_Blog_Media/Infografik-Workflow.jpg?width=519&height=557&name=Infografik-Workflow.jpg) Die erarbeiteten Wireframes in Sketch gehen dann weiter an das Designteam, das die Datei direkt als Basis seiner Arbeit nutzen kann. Erste Ergebnisse sind so effizient und schnell erstellt. Die fertigen Layoutdateien gehen weiter in unsere Frontend-Entwicklung. Für die Umsetzungen können wir alle Assets und CSS-Stile direkt aus Sketch vorbereiten, sodass hier nahtlos weitergearbeitet werden kann. ### Ein paar Zahlen ![Infografik-zahlen2x-1.jpg](https://www.arsmedium.com/hs-fs/hubfs/Imported_Blog_Media/Infografik-zahlen2x-1.jpg?width=519&height=538&name=Infografik-zahlen2x-1.jpg) ### Ausblick und Wünsche: **Was wir uns für die Zukunft noch wünschen würden:** • Ein verbesserter Flow in Sachen Typographie. Photoshop ist da leider noch um einiges besser und intuitiver. • Eine Option, um CSS-Styles zu importieren, um Styles, Schriftschnitte sowie Farbpaletten darauf basierend zu erstellen. • Allgemein etwas mehr Stabilität und weniger Bugs. ### Fazit: Sketch kann Photoshop nicht voll ersetzen und hat sicherlich auch noch einige Kinderkrankheiten. Allerdings bietet Sketch im direkten Vergleich mehr Vor- und weniger Nachteile als Photoshop. Die wichtigsten Vorteile für unsere tägliche Arbeit sind die geringeren Dateigrößen, der allgemein vereinfachte Workflow durch das schnellere Programm sowie die übergreifende Nutzung von Dateien in allen Schritten eines Projekts. Folge uns - - - Teilen ## autor. [![Autorenbild Robin Schreiner](https://www.arsmedium.com/hubfs/Default-BLOG.jpg) Robin Schreiner extern ](https://www.arsmedium.com/blog/author/robin-schreiner) ## weitere artikel. [ 30.06.2022 | Von Philipp Körber ## Anticipatory Design & Hyper-Personalisation UX- und UI-Design sind faszinierende Bereiche, in denen es unter anderem darum geht, neue digitale P... ZUM ARTIKEL ](https://www.arsmedium.com/blog/anticipatory-design-hyper-personalisation) [ 02.03.2022 | Von Amelie Jedlitschka ## Psychologische Gestaltungsprinzipien: Wie Design wirkt Dass Werbung, oder noch genauer das Design einer Werbung, einen jeden Menschen innerlich beeinflusst... ZUM ARTIKEL ](https://www.arsmedium.com/blog/psychologische-gestaltungsprinzipien) [ 01.12.2021 | Von Lisa Erhardt ## Wie die Pandemie unsere Arbeitswelt und Kreativität prägt Hätte man mir vor anderthalb Jahren gesagt, dass es illegal sein würde, seinen eigenen Geburtstag mi... ZUM ARTIKEL ](https://www.arsmedium.com/blog/pandemie-arbeitswelt) **emotional brand marketing** | Marken und Märkte aktivieren ## arsmedium *group* Bucher Straße 103 90419 Nürnberg Germany Maximiliansplatz 12 a 80333 München Germany Telefon [+49 911 200485 0 ](tel:+499112004850)Telefax +49 911 200485 55 [![asm-SoMe-Mail--white](https://www.arsmedium.com/hs-fs/hubfs/asm-web/images/social-media-icons/asm-SoMe-Mail--white.png?width=32&name=asm-SoMe-Mail--white.png)](mailto:info@arsmedium.com)   [![asm-SoMe-Facebook--white](https://www.arsmedium.com/hs-fs/hubfs/asm-web/images/social-media-icons/asm-SoMe-Facebook--white.png?width=32&name=asm-SoMe-Facebook--white.png)](https://www.facebook.com/arsmedium)   [![asm-SoMe-Instagram--white](https://www.arsmedium.com/hs-fs/hubfs/asm-web/images/social-media-icons/asm-SoMe-Instagram--white.png?width=32&name=asm-SoMe-Instagram--white.png)](https://www.instagram.com/arsmedium)   [![asm-SoMe-Linkedin--white](https://www.arsmedium.com/hs-fs/hubfs/asm-web/images/social-media-icons/asm-SoMe-Linkedin--white.png?width=32&name=asm-SoMe-Linkedin--white.png)](https://www.linkedin.com/company/arsmedium-group-emotional-brand-marketing/) ## management Albert Hans Haeckl Michael Bayer Dominik Müller Stefan Prölß Robert Puchalla ##  gründung 1996 - [Haftungsausschluss](https://arsmedium.com/de/haftungsausschluss) - [Datenschutz](https://arsmedium.com/de/datenschutz) - [Impressum](https://arsmedium.com/de/impressum) -   - [Cookie-Einstellungen](https://www.arsmedium.com/blog/wie-sketch-unseren-workflow-verbessert-hat#)