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…

Datum Einführung in Themen/Inhalte Literatur Weblinks Tools
01Do, 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
02Do, 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)
03Do, 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
04Do, 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
05Do, 12.06.2025
Do, 26.06.2025
Animation x UI Design Disney's 12 principles of animation
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