Was du siehst
Auf Punktpapier zeichnet sich Strich für Strich der Entwurf einer Website: Kopfzeile, Überschrift, Bild, drei Karten und ein Pfeil mit der Frage „größer?“. Mit den Werkzeugen links zeichnet man weiter, rechts wechselt man Papier, Tinte und Strich. Weiter unten liegt die Skizze über der fertigen Website, ein Regler schiebt zwischen beiden hin und her.
So ist es gebaut
Die Skizze ist SVG. Jede Linie wird zweimal leicht versetzt und gebogen gezeichnet, so wirkt sie wie von Hand. Das Zeichnen selbst ist eine Animation der Strichlänge. Eigene Striche werden beim Zeichnen geglättet, Formen bekommen denselben Bleistift-Charakter.
Woher die Idee kommt
squig ist ein Werkzeug für Wireframes, die bewusst wie Skizzen aussehen. Wir haben das Prinzip nachgebaut, weil genau so unsere Projekte anfangen: grob auf Papier, dann schön.
Darauf achten wir
- Zeichnen mit Maus, Stift und Finger
- Rückgängig mit Strg+Z
- Vergleichsregler auch per Tastatur