Praktikum: Webentwicklung (www1)

Im Sommersemester 2025 werden Prof. Stalljohann und Prof. Beck zusammen mit Julian Winter und Leonie Winkelmann gemeinsam das www1-Praktikum unterrichten. Weitere Informationen folgen im Kurs…

Link- und Literaturliste

	Datum	Einführung in Themen/Inhalte	Literatur	Weblinks	Tools
01	Do, 03.04.2025 Do.,10.04.2025	UX-Design + Raster	Interaction Design Designing Interactions, Bill Moggridge Interaktive Systeme, Bernhard Preim Branded Interactions, Katja Wenger Grids Grid Systems, Josef Müller Brockmann	UX-Design https://www.justinmind.com/de/blog/ https://m3.material.io/ https://developer.apple.com/design/human-interface-guidelines/designing-for-macos Grids https://www.grids.obys.agency/rectangular_others/ Wireframing https://www.blindtextgenerator.de/ https://picsum.photos/images https://wireframe.cc https://placehold.co	Xscope Red Lines Tool FreeRuler
02	Do, 17.04.2025 Do, 24.04.2025	Typografie	Thinking with type, Ellen Lupton Satztechnik und Typografie – Satztechnische Grundlagen, Richard Frick Read/ability Typografie und Lesbarkeit, Jan Filek	Games https://type.method.ac/# https://color.method.ac https://fathom.info/ragtime/ Ressources https://webaim.org https://fonts.google.com History https://www.youtube.com/watch?v=wOgIkxAfJsk https://https://www.fontfabric.com/blog/history-and-evolution-of-typography-fonts-timeline/	FontFinder (Chrome/Firefox Extension)
03	Do, 08.05.2025 Do, 15.05.2025	Do's and Don'ts	Grid Systems, Josef Müller Brockmann	Inspiration https://dribbble.com https://www.behance.net https://www.pinterest.de Game https://cantunsee.space
04	Do, 22.05.2025 Do, 05.06.2025	UI Design	Designing Interactions, Bill Moggridge	Design Systems https://m3.material.io https://developer.apple.com/design/resources/ https://neumorphism.io/#e0e0e0. https://uiverse.io
05	Do, 12.06.2025 Do, 26.06.2025	Animation x UI Design		Disney's 12 principles of animation in UI Design https://app.uxcel.com/lessons/principles-of-ux-in-motion-959 https://uxdesign.cc/disneys-12-principles-of-animation-exemplified-in-ux-design-5cc7e3dc3f75 https://www.creativebloq.com/advice/understand-the-12-principles-of-animation https://www.interaction-design.org/literature/article/ui-animation-how-to-apply-disney-s-12-principles-of-animation-to-ui-design Source HTML + CSS https://codepen.io/collection/AxKOdY/ https://www.smashingmagazine.com/2011/09/the-guide-to-css-animation-principles-and-examples/ https://codepen.io/anistal/pen/VypzZv