§5.1 Color Scheme
The practical HSB color framework, shadow shifts, 9-level scales, and WCAG contrast.
Unit 5 · UI Design Considerations (Overview)
Unit 5 covers the visual and structural considerations for designing digital interfaces. The unit is divided into focused slide decks available below for viewing and download.
Unit 5 Slide Decks
Section titled “Unit 5 Slide Decks”§5.2 Visual Hierarchy
The 7 core principles of visual perception: Alignment, Color, Contrast, Proximity, Size, Texture, and Time.
§5.2 Typography & Fonts
Type anatomy, font classification, psychological framing, modular scales (1.25), and line height.
§5.3 Screen Sizes & Responsive
Viewport ergonomics, Steven Hoober thumb zones, fluid typography, touch targets, and 6 UI states.
§5.3b Navigation Design
The 4 primary navigation patterns: Global, Utility, Associative, and Inline navigation.
§5.4 Navigational Models
Structural mental models: Hub and spoke, Fully connected, Multilevel tree, Stepwise linear, Pyramid, and Flat models.