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…
-
Form und Funktion – Bei Websites und für Hardware und Software
Erläuterung der Bezeichnungen Screendesign, Informationdesign, Interfacedesign und Interactiondesign. Sie stehen für die formale und funktionale Gestaltung.
-
Wahrnehmung und Farbe – Basis für Sichtbarkeit – z.B. für Online Business
Farb-Tools für Dein Branding. Verbessere mit Farbe die Sichtbarkeit Deines Online Business bzw. Online Kurs. Erreiche mit Farbe ein einheitliches Erscheinungsbild und stärke Deine Marke.
-
Typografische Grundlagen zur Gestaltung mit Schrift im Internet
Allgemeine Regeln & Begriffsdefinitionen zur Detail- und Makrotypografie im Kontext unterschiedlicher Medien. In der Typografie …
-
Wahrnehmung – Grundlagen zur visuellen 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 und Farbe für Branding, Marke und Marketing Deines Online Business mit Online Kurse
Durch Verstärkung des Kontrastes kann die Wahrnehmung des Betrachters bewusst gelenkt werden. Auch damit wird es möglich, in Erinnerung zu bleiben und als die richtige Marke wiedererkannt zu werden.
-
Metaphern & Wahrnehmungstheorie
Historische Beispiele der Desktop-Metapher. ›Wüstenschiff‹ gilt als Metapher für Kamel und ›Segler der Lüfte‹ für …
-
Icon – Piktogramm – Zeichensystem – Grundlage für Logo & Branding & Design
Grundlage für Dein Logo & Branding. Damit Dein Online Business als Marke wahrgenommen wird und Dein Marketing funktioniert. Sehr hilfreich, wenn Du mit Deinem Online Business nicht nur Online Kurse erstellen, sondern auch Online Kurse verkaufen möchtest.
-
Orientierung – Ziel und Absicht von Interfacedesign und Interactiondesign
Die medialisierte, computerzentrierte Welt ist eine andere als die reale, von uns unmittelbar mit all …
-
Suche nach Ordnung – Informationsvisualisierung als Beschreibung
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 – Basis für die Strukturierung von Websites und Apps
Flowchart einer Website der Studenten Klaus Bremers und Nikolaus Hurlbrink (Projekt im Fach ›Gestaltung interaktiver …
-
Funktionslayout – Wireframe – Basis für Software- und Website-Entwicklung
Vom Papierklick-Modell zum Wireframe. Die Bezeichnung ›Papier-Klickmodell‹ steht auch für Funktionslayout. Auf Basis einer korrekten …
-
Gestaltungslayout / Raster / Leserichtung
Inhaltsübersicht1 Fläche2 Format3 Raster3.0.1 Das 960-Pixel-System4 Komposition5 Leserichtung6 Gliederung des Layouts Die Gestaltung kann auf …
-
Storyboard – Planung für Online Business, Webinare, Online Kurse erstellen
Wie Du ein Storyboard für Webinare nutzt und wie Du damit Dein Online Business planst, wenn Du z.B. Online Kurse erstellen möchtest. Zudem hilft es Dir, dass Storytelling Deiner Marketing Kampagne zu entwickeln.
-
Screendesign – Form mit Funktion
Gerade weil Produkte auch funktionale Aspekte beinhalten, muss nicht nur ein Layout gestaltet werden, sondern …
Folge uns