| / | | Webdesign Essentials Beta |
| / | | Start |
| /themen/webdesign-fundamentals | | Webdesign Fundamentals |
| /themen/design-vertiefungen | | Design Vertiefungen |
| /themen/design-approaches | | Design Approaches |
| /themen/geschichte | | Geschichte |
| /themen/generative-gestaltung | | Generative Gestaltung |
| /themen/internet-setup | | Internet Setup |
| /themen/technik-struktur | | Technik und Struktur |
| /themen/inhaltsstrategien | | Inhaltsstrategien |
| /themen/web-industrie | | Web-Industrie |
| /app-ubersicht | | Werkzeuge |
| /about | | Über |
| /about | | Vorwort |
| https://www.buymeacoffee.com/p... | Neues Fenster Extern Subdomain | Buy me a Coffee |
| /kategorien/html-css-einfuhrun... | | HTML & CSS Einführung für Designer:innen Die Web-Grundprinzipien erfordern die Gestaltung neu zu denken. Dabei gilt es die Grundregeln von HTML & CSS, als mo... |
| /kategorien/variable-gestaltung | | Variable Gestaltung Das modulare Baukastensystem aus HTML und CSS gilt es, in eine systemische Designsprache umzuwandeln. Schauen wir uns erste Layout-Schrit... |
| /kategorien/responsive-design | | Responsive Design Gestalten mit der Logik des Codes. Vergiss die Device-Grössen. Vergiss das Format. Es ist nicht relevant. Es existiert nicht. Nur das Desig... |
| /kategorien/variabler-inhalt | | Variabler Inhalt Nicht nur die Form ist im Web responsive, sondern auch der Inhalt. Ein Kapitel über die Herausforderung für alle Fälle eine gute Lösung bere... |
| /kategorien/asthetische-prinzi... | | Ästhetische Prinzipien Ein kurzer Überblick, was ein:e Grafiker:in lernt. Im Grunde ist dieses Kapitel eine kurze Video-Zusammenstellung von GCFLearnFree.org |
| /kategorien/web-typografie | | Web-Typografie Eine Einführung in die Web-Typografie, Webfonts und ihre Möglichkeiten. Dieses Kapitel geht nicht auf die Schriftästhetik oder die richtige Sc... |
| /kategorien/usability | | Usability Wie schafft man eine Gestaltung, welche immer den Nutzen im Zentrum hat? Weder aufdringlich noch unauffällig, sondern einfach immer adäquat. |
| /kategorien/accessibility | | Accessibility Eine barrierefreie Webseite ermöglicht es allen User:innen mit oder ohne Behinderungen, die Webseite zu verstehen und zu bedienen. Wir schauen ... |
| /kategorien/user-interaction-v... | | User Interaction Visualization Die Bedienung digitaler Oberflächen bedingt ein adäquates Feedback. Eine visuelle Brücke zwischen physischer Interaktion und v... |
| /kategorien/cyberspace | | Cyberspace Webdesign befasst sich mit der Gestaltung des virtuellen Raumes und der Interaktion darin. Es hat viel mit Produktdesign, Signaletik, Szenografie ... |
| /kategorien/evidenzbasierte-ge... | | Evidenzbasierte Gestaltung Die heutigen Vorgaben des Marktes verändert das altbekannte Grundverständnis der Gestaltung. |
| /kategorien/design-system | | Design System Modular. Responsive. Kollaborativ. Die logische Konsequenz der digitalen Transformation. Ein Design System hilft, der Komplexität des Digitalis... |
| /kategorien/human-centered-design | | Human Centered Design Das Gestaltungsprinzip, welches die Brücke zwischen virtuellem Raum und menschlicher Interaktion schlägt. Eine nachhaltige Design-Think... |
| /kategorien/big-data | | Work in Progress Big-Data Daten sind das neue Erdöl. Die Sammlung hat Dimensionen erreicht, die wir als Menschen nicht erfassen können. Doch für Designer:inn... |
| /kategorien/datenvisualisierung | | Datenvisualisierung Von Infografiken zu Datenvisualisierungen mittels Machine-Learning-Tools die unsere Daten interpretieren und uns neue Werkzeuge und Inter... |
| /kategorien/machine-learning | | Work in Progress Machine Learning Wie lernen Machinen zu zeichnen und Bilder zu verstehen. Eine kleine Einführung. |
| /kategorien/ai-design | | Work in Progress AI Design Wenn Maschinen die Gestaltung übernehmen. |
| /kategorien/generative-art | | Work in Progress Generative Art Design mit Code. Eine faszinierende Erweiterung des künstlerischen Horizonts |
| /kategorien/storytelling-und-k... | | Storytelling & Kreation Von der Kunst die Aufmerksamkeit zu erhalten. Geschichten zu erzählen, bei denen die Zuhörer nicht mehr weghören wollen. Aber, was ha... |
| /kategorien/zielgruppen-strate... | | Zielgruppen Strategien Eindenken in die User:innen ist ein fundamentaler Designprozess. Dieses Kapitel gibt einen Überblick über die Analyse der Kund:innen d... |
| /kategorien/informations-archi... | | Informations-Architektur Wir kennen die Zielgruppe, wir wissen ihnen eine packende Geschichte zu erzählen. Nun gilt es dieses Drehbuch in eine Webseite umzuw... |
| /kategorien/devices-displays | | Devices & Displays Von der physischen Beschaffenheit von Pixel über die Farbdarstellung bis zu den Interaktionsmöglichkeiten von Mensch zur Maschine. |
| /kategorien/programmiersprachen | | Programmiersprachen Code bildet die Brücke zwischen Mensch und Maschine. Dies ist eine kurze Übersicht über die verschiedenen Arten von Code und ihre Einsatz... |
| /kategorien/anatomie-einer-web... | | Anatomie einer Webseite Wie setzt sich eine Webseite zusammen? Eine Übersicht über die Struktur und die Namenskonventionen von Elementen. |
| /kategorien/berufe | | Berufe Die Digitalisierung der Kommunikationsbranche brachte eine Unzahl an Berufsbezeichnungen hervor. Ein Versuch, etwas Klarheit in den Bezeichnung-Dschun... |
| /kategorien/teamwork | | Teamwork Komplexe Projekte stehen limitierten Ressourcen (Menschen, Zeit, Geld und Wissen) gegenüber. Techniken und Ideen, welche agile und nachhaltige Proje... |
| /kategorien/grafikbranche | | Grafikbranche Die Grafikbranche ändert sich. Welche Dynamiken gilt es zu beobachten. |
| /kategorien/geschichte-der-kom... | | Geschichte der Kommunikation Kommunikation ist alles in der kooperativen und kollektiven Welt der Homo Sapiens. Unsere Kultur, unser Wissen und unsere Vorste... |
| /kategorien/geschichte-des-int... | | Geschichte des Internets Eine kurze Einführung in die Entstehung des Internets. Wie die Digitalisierung unserer Gesellschaft, das Leben aller veränderte. |
| /kategorien/adressverwaltung | | Adressverwaltung Jedes Gerät muss einmalig identifiziert werden. Für Maschinen wie für Menschen. |
| /kategorien/verbindungsmanagement | | Verbindungsmanagement Um ein dezentrales Netzwerk zu unterhalten, braucht es Standards und Kontrollen in der Datenübertragung. |
| /kategorien/verbindungstechnol... | | Verbindungstechnologien Jedes Signal wird durch physische Geräte gesendet. |
| https://www.buymeacoffee.com/p... | Neues Fenster Extern Subdomain Textduplikat | Buy me a Coffee |
| /datenschutzerklaerung | | Datenschutzerklärung |
Meta Title
(Nice to have)