1. Medienproduktion Session #2 Worksheets Struktur, Layout und Designhttp://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. Zusammengehrigkeit sichtbar machen: Nhe, Farbe, Form1 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 visuell1 2

9. Elemente aneinander1 2 ausrichten, Chaos vermeiden.

10. Elemente aneinander1 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