Skip to content

Web‐Typografie

Jump to bottom
Christian Brunner edited this page Nov 5, 2024 · 2 revisions

Aufgabe

(Alle)
Liest das Kapitel «Web-Typografie» von Boris Périssets Webdesign-Essentials selbstständig durch. Beachtet auch die weiterführenden Links zu den einzelnen Punkten.

(Alle)
Liest ausserdem den Blog Beitrag «Designing with intent» von Florian Schulz zum Thema Font Scaling durch.

(Designer:innen)
Überlegt euch im Anschluss, wie ihr in eurem Projekt mit dem Thema Schriften umgehen wollt und erarbeitet Lösungsansätze für folgende Punkte:

  1. Webfont Hosting (Font Server vs. Self-hosting)
  2. Schriftspezifikation (HTML-Semantik & CSS-Styling)
  3. Terminologie (Naming-Systematik)
  4. Scaling (Responsive Schriftgrössen)

Wir besprechen die Aufgabe am Nachmittag in den Teams. Die jeweiligen Einladungen sende ich euch per Slack.

Studio Web & Mobile Design & Engineering 1 – 2024 © Digital Ideation, HSLU, Maria Husmann und Christian Brunner

Projektbriefing

Inhalte Konzeption & Design

  • Inspirationsquellen
  • Methoden und Tools zur Ideenfindung
  • Projektmanagement-Methoden in der Software-Entwicklung
  • Webdesign Fundamentals 1/2: Figma Einführung für Designer*innen
  • Webdesign Fundamentals 2/2: Responsive Design
  • Design Vertiefung 1/4: Design Systems
  • Design Vertiefung 2/4: Webtypografie
  • Design Vertiefung 3/4: UX, Usability, Accessibility
  • Design Vertiefung 4/4: Dynamic & Motion Design
  • Design Optimizations: Vue Code Structure for Designers


    • Informatik-Inhalte
  • APIs
  • Content Management Systems (CMS)
  • Single Page Applications und JavaScript Frameworks
  • JavaScript Resources
  • Component Library
  • Requirements
  • Architectures
  • Clean Code und Code Reviews
  • Project Setup for Designers
  • Debugging
  • Testing Introduction
  • Unit and Component Testing
  • End-to-End Testing
  • Performance Testing
  • Responsiveness Testing
    • Clone this wiki locally