DIGITAL DESIGN
Design for Screens.
Create for People.
Digital Design explores how visual communication works across screens, interfaces and changing digital environments. Students develop ways of organising content, creating clear visual systems and considering how people experience information through digital formats.
Designing for Digital Environments
A Screen Is More Than a Canvas.
Hierarchy
Organise information by importance to guide attention and create visual order.
Clarity
Make content easy to scan, understand and act on without confusion.
Consistency
Use repeatable patterns, components and styles to build familiarity.
Adaptability
Design systems that adjust across devices, contexts and user needs.
RESPONSIVE THINKING
Responsive Thinking
One System. Different Sizes.
Reflow
Content adapts smoothly to available space.
Priority
Keep the most important information visible.
Consistency
Preserve the same core patterns and behaviours.
Usability
Keep interfaces understandable and easy to use on every device.
Human-Centred Design
Start With the Person, Not the Interface.
01
Understand
Research users, their needs, goals and context.
02
Structure
Organise information and define flows that make sense.
03
Design
Create visual solutions that are clear, useful and accessible.
04
Evaluate
Review how clearly the design communicates and functions.
Interaction & Feedback
Good Interfaces Communicate What Happens Next.
Hover
Button
Indicates something is interactive.
Focus
Type here…
Shows where the user is.
Active
Button
Shows the action is being performed.
Success
Saved successfully
Confirms the action was successful.
Error
Something went wrong
Explains the issue clearly.
Motion With Purpose
Movement Should Help Explain the Experience.
Guide
Direct attention and support navigation through space.
Connect
Show relationships and smooth transitions between states.
Confirm
Reinforce outcomes and provide clear feedback.
Accessibility Matters
Respect reduced-motion preferences and avoid unnecessary movement.
Building a Digital System
Consistency Is Designed, Not Accidental.
Type
Choose and scale typography for rhythm and readability.
Colour
Use colour with purpose for clarity and emphasis.
Spacing
Apply spacing systems for balance and structure.
Components
Build reusable interface components that scale.
States
Define states for interaction and feedback.
Digital Design Process
From Problem to Experience.
01
Define
Understand the problem and user context.
02
Organise
Structure information and map user journeys.
03
Prototype
Create prototypes to explore ideas and flows.
04
Test
Review clarity, behaviour and usability.
05
Refine
Iterate and improve based on what is learned.
Digital Applications
Different Formats. Shared Design Principles.
Web Interfaces
Visual experiences designed for browser-based environments.
Mobile Interfaces
Digital experiences designed around smaller screens and touch interaction.
Digital Content
Visual communication created for digital platforms and presentations.
Motion Graphics
Visual information developed through movement and sequence.
What Students Develop
Think in Systems, Not Just Screens.
Interface Hierarchy
Build layouts that guide attention and improve understanding.
Responsive Thinking
Design systems that work across devices and contexts.
Interaction Awareness
Create interactions that feel natural and provide clear feedback.
System Consistency
Apply repeatable patterns to build stronger digital systems.
Connected Disciplines
Visual Communication
Strengthens messaging, layout, typography and storytelling across digital environments.
Branding & Packaging
Builds identity systems that can extend consistently into digital spaces and touchpoints.