---
title: "Tool-Tipp: Skizzen-Vorlagen für responsive Webdesigns"
author: "Ellen Bauer"
date: 2012-10-29
lang: de
source: https://elmastudio.de/tool-tipp-skizzen-vorlagen-fur-responsive-webdesigns/
---

# Tool-Tipp: Skizzen-Vorlagen für responsive Webdesigns

![Layout Skizzen-Vorlagen für responsive Webdesigns](https://elmastudio.de/wp-content/uploads/2012/10/interface-sketch-02.jpg)

*[Interface Sketch Vorlagen](https://interfacesketch.tumblr.com/) für responsive Webdesigns.*

Schnelle, **unkomplizierte Skizzen auf Papier** sind oft die einfachste Methode, um die ersten Ideen für ein neues responsive Webdesign-Layouts zu entwickeln. Um nicht auf einem ganz leeren Papier arbeiten zu müssen, kannst du dir fertige PDF-Skizzenvorlagen herunterladen und einfach einige dieser Vorlagen-Blätter ausdrucken.

## 1. Interface Sketches

Auf der Tumblr-Seite ["Interface Sketch"](https://interfacesketch.tumblr.com/) findest du eine sehr schöne Auswahl an Vorlagen, für mobile Geräte wie iPad, iPhone 4 und 5, Android und Windows 8 Phones. Auch Vorlagen für Desktop-Browser sind zum Ausdrucken vorbereitet.

![Interface Sketch Skizzenvorlagen zum Ausdrucken](https://elmastudio.de/wp-content/uploads/2012/10/interface-sketch-01.jpg)

*Skizzen Vorlagen-Blätter für die unterschiedlichen Devices.*

## 2. Responsive Sketchsheets

Eine weitere Quelle für vielleicht etwas lockerer erste Ideen-Skizzen sind die [Responsive Sketchsheets von Zurb](https://zurb.com/playground/responsive-sketchsheets). Du kannst dir alle Vorlagen-Blätter in einer PDF-Datei herunterladen, die Vorlagen bieten auch Platz für Notizen am Bildrand.

![Responsive Sketchsheets von Zurb](https://elmastudio.de/wp-content/uploads/2012/10/interface-sketch-04.jpg)

*Ein Skizzenblatt der [responsive Sketchsheets](https://zurb.com/playground/responsive-sketchsheets) von Zurb.*

Ich selbst finde Skizzen unglaublich hilfreich, um schnell Ideen auszuarbeiten und durchzudenken, wie sich ein Webdesign-Layout auf verschiedenen Bildschirmgrößen verhalten wird.