====== 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** \\ 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 |