1. Medienproduktion
Session #2
Worksheets –
Struktur, Layout
und Design
http://www.tpub.com/content/draftsman/14066/img/14066_41_1.jpg

2. 1 2

3. 1 2

4. Nicht übertreiben!
Firlefanz nur wo es
Sinn macht.
1 2

5. Zusammengehörigkeit
sichtbar machen:
Nähe, Farbe, Form
1 2

6. Spalten und Reihen
bringen Ruhe und
Übersichtlichkeit.
1 2

7. Spalten und Reihen
bringen Ruhe und
Übersichtlichkeit.
1 2

8. Weniger bringt mehr.
Reduktion, nicht nur
didaktisch, sondern
auch visuell
1 2

9. Elemente aneinander
1 2 ausrichten, Chaos
vermeiden.

10. Elemente aneinander
1 2 ausrichten, Chaos
vermeiden.

11. Beispiele

12. http://sprawsm.com/

13. http://sprawsm.com/

14. http://ycnonline.com/

15. http://www.tivi.de/fernsehen/logo/start/index.html

16. Timothy Samara:
Making and breaking the grid, S. 39

17. Timothy Samara:
Making and breaking the grid, S. 39

18. Timothy Samara:
Making and breaking the grid, S. 20

19. Timothy Samara:
Making and breaking the grid, S. 20

20. Nicht langweilen!

21. http://webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups