Creative Technologies Lab | dokuWiki

Repository of academic adventures, experimental technology, accidental brilliance, and collaborative nerdery.

User Tools

Site Tools


teaching:ba:courses:www1:sose25:praktikum

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
teaching:ba:courses:www1:sose25:praktikum [2025/07/06 10:59] – removed - external edit (Unknown date) 127.0.0.1teaching:ba:courses:www1:sose25:praktikum [2025/07/06 10:59] (current) – ↷ Page moved from teaching:ba:courses:sose25:www1:praktikum to teaching:ba:courses:www1:sose25:praktikum Felix Hardmood Beck
Line 1: Line 1:
 +====== 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|
 +
 +
 +
 +