module 3: ui design principles

Module 3 of the BTEC Tech Award in DIT

Why are some apps just... nice to use? It's all about design principles. We'll explore how colour, fonts, layout, and even empty space (whitespace) are used to create UIs that feel intuitive, grab your attention, and are easy to understand.

lesson 3.1 - design principles: colour

Stop the rainbow mess! Learn how professional UI designers use a limited range of colours and house styles to create accessible, high-contrast interfaces. It is time to learn why the 'Cancel' button is always red.

lesson 3.2 - design principles: font style & size

Stop the font-pocalypse! Learn how to pick the perfect Google Fonts and sizes to make your UI readable, accessible, and professional. Feet or no feet? That is the question.

lesson 3.3 - design principles: language

Lesson 3.3 for BTEC DIT Component 1. We explore how words shape design! From jargon-busting to user-centred microcopy, learn why what you say on screen matters just as much as how it looks.

lesson 3.4 - design principles: amount of information & whitespace

Clutter kills apps! A fun, practical lesson on using White Space to save your UI designs. Less really is more. Ideal for BTEC DIT Component 1.

lesson 3.5 - design principles: layout (consistency, placement, grouping)

Squint your way to a better UI! Learn how Consistency, Placement, and Grouping turn messy screens into professional masterpieces. Warning: May cause excessive blinking.

End of Module Assessment

Last modified: December 18th, 2025

Login

module 3: ui design principles