In Design Basics findest Du grundlegende Informationen für die Umsetzung von Design-Projekten. Die Artikel befassen sich mit Grundlagen Gestaltung, Icon – Metapher, Grundlagen Interactiondesign und Interfacedesign, Prototyping, Wireframe, Styleguide, Informationsdesign, Usability, Zielgruppendefinition und vieles mehr…
-
BlogDesign BasicsGrundlagen GestaltungInformationsdesignInteraction-/InterfacedesignInteractiondesignForm und Funktion
Erläuterung der Bezeichnungen Screendesign, Informationdesign, Interfacedesign und Interactiondesign. Sie stehen für die formale und funktionale Gestaltung.
-
Wahrnehmung und Farbe
Erklärt werden hier Farbtöne des Spektrums, Additive Farbmischung, RGB, Subtraktive Farbmischung, CMYK und CIE-Farbraumsysteme – für Grundlagen Gestaltung.
-
Typografische Grundlagen zur Gestaltung mit Schrift im Internet
Allgemeine Regeln & Begriffsdefinitionen zur Detail- und Makrotypografie im Kontext unterschiedlicher Medien. In der Typografie …
-
Wahrnehmung
Nicht das Auge sieht, sondern das Gehirn konstruiert Wahrnehmung. »Das Ganze ist mehr als die Summe seiner Teile«. Wahrnehmung ist die Basis für Grundlagen Gestaltung.
-
Kontrast mit Farbe
Informationen über den Simultankontrast können genutzt werden, um durch Verstärkung des Kontrastes die Wahrnehmung des Betrachters bewusst zu lenken.
-
Metaphern & Wahrnehmungstheorie
›Wüstenschiff‹ gilt als Metapher für Kamel und ›Segler der Lüfte‹ für Wolken. Mit Sprachbildern wie …
-
Icon – Piktogramm – Zeichensystem
Inhaltsübersicht1 Icon – Metapher2 Icon – Symbol als Marke3 Icon – ISOTYPE4 Icon – Piktogramm, …
-
Orientierung
Die medialisierte, computerzentrierte Welt ist eine andere als die reale, von uns unmittelbar mit all …
-
Suche nach Ordnung
Die grundsätzlichen Wechselbeziehungen zweier oder mehrerer Elemente sind Gleichheit, Ähnlichkeit und Verschiedenheit (siehe Kapitel ›Informationdesign‹). …
-
Navigation – Ein Problemlösungsprozess
Inhaltsübersicht1 Navigationsstrukturen2 Lineare Verknüpfung3 Hyperlink-Verknüpfung4 Hierarchische Verknüpfung5 Netzwerkartige Verknüpfung6 Einzelbild-Struktur7 Navigationsformen8 Direkte Manipulation9 Hierarchische Navigationssysteme10 …
-
Flowchart
Flowchart einer Website der Studenten Klaus Bremers und Nikolaus Hurlbrink (Projekt im Fach ›Gestaltung …
-
Funktionslayout – Wireframe
Die Bezeichnung ›Papier-Klickmodell‹ steht auch für Funktionslayout. Auf Basis einer korrekten Beschriftung lässt sich ein …
-
Gestaltungslayout
Inhaltsübersicht1 Fläche2 Format3 Raster4 Komposition5 Leserichtung6 Gliederung des Layouts Die Gestaltung kann auf das Screen- …
-
Drehbuch/Storyboard
Inhaltsübersicht1 Exposé2 Treatment3 Das literarische und das technische Drehbuch4 Storyboard5 Die wesentlichen Notizfelder eines Storyboards:6 …
-
Styleguide
Aus den Skizzen ergeben sich erste gestalterische Ideen, Flowcharts und eine Hierarchisierung der Inhaltsstruktur (siehe …
Folge uns