Crashkurs: Scribbeln und Skizzen für Entwickler

Author

Armin Stross-Radschinski

Zusammenfassung

Armin zeigt an Beispielen wie das souveräne Zeichnen von Diagrammen am Chart seine Schrecken verliert.

Diagramme als Skelett vorzeichnen

1. Baumstrukturen als Skelett mit "hellem, leichtem" Stift vorzeichnen.
2. Knotenpunkte markieren
3. Mit kräftigem Strich nachziehen
4. Ziehende Striche verwenden, Enden müssen nicht treffen (offene oder kreuzende Joins ausdrücklich erlaubt!)
5. Wenn benötigt, Ellipsen "üben" (Warmzeichnen)

Ergänzung Indices verwenden

1. Kreise mit Zahlen per Linie zuweisen
2. Indices (erst abschließend) zuweisen
3. Bezugnahme am Rand oder in Doku bei Platzmangel deutlich einfacher

Handgezeichnetes in elektronische Folien einbauen

1. Skizzen (ggf. ohne Text) scannen

Nicht im Video:

1. Wenn möglich Hintergrund entfernen (sichern von RGBA als PNG mit Transparenz)
2. Alternative: drucksensitives Grafiktablett verwenden (mit Inkscape oder Adobe Illustrator)
   • Als SVG speichern!
   • Vektordaten ergeben kleinere Dateien
   • randscharfer Druck / Transparenz ohne Freistellen inclusive

   • schönes Beispiel für elektronische Skizzen mit Grafik-Tablet ohne Drucksensitivitäthttp://learnyouahaskell.com/introduction (Danke für Beispiel an Stefan Schwarzer!)

     • zuerst schwarze Linien zeichnen (auf Ebene 1), Enden müssen und sollten NICHT schließen
     • danach auf Ebene 2 (unterhalb Ebene 1) Freihand-Polygone mit den Farbflächen zeichnen
     • zuerst die großen Flächen

     • dann ggf. HighLights und Schatten, sowie die Details

     • Wenn möglich die Objekte einfach mal auf "Tranparenz: Multiplizieren" setzen, dann wirkt es wie übereinandergelegtes Transparentpapier

Häufig Wiederkehrendes als Template

1. Leere Boxen vorzeichnen
2. Index Kreise vorgeben
3. Index Liste mit Hilfslinien vorgeben

Nicht im Video:

1. Linienstärken / Schriftgrad an Betrachtungsabstand anpassen!
2. Abheftrand nicht vergessen!
3. Kopiervorlage als PDF archivieren, Quelldatei – wenn möglich – als Attachment in PDF einbinden!
4. Kür: PDF Formular erstellen!

Über den Autor

Armin ist ausgebildeter Industrie-Designer und Illustrator aus Leidenschaft. In der Schule haben ihn Kunstlehrer gelangweilt. Während der Schulzeit sammelte er erste Erfahrungen als Karikaturist und Layouter in Schülerzeitungen und anderen Aktivisten Pamphleten. Im Studium kam dann nochmals richtig Freude beim Zeichnen auf, denn der Designer muss liefern. Dabei sind alle Tricks erlaubt, um den Termin zu halten und werden auch vermittelt. Mehrstufige lockere Vorzeichnungen sparen Zeit gegenüber mehrfach misslungenen Fertigzeichnungen. Das Zeichnen und Scribbeln ist der schnellste Weg, um im Team Ideen und iterative Entwicklungen auszuarbeiten.

Softwareentwickler kennen diese Methoden teilweise aus der agilen Entwicklung ;-).

Link zum Video:

• http://www.youtube.com/watch?v=WNn7X949Mrw (Minute 05:08-09:46)