Typography

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. It involves selecting typefaces, point sizes, line lengths, line-spacing (leading), and letter-spacing (tracking).

Key Concepts

• Legibility: The extent to which letters in a font are different from each other.
• Readability: How easily text can be read over prolonged periods of time.
• Hierarchy: Using typography to create visual hierarchy by varying font sizes, weights, styles, and colors.
• Grids: Layout systems that provide structure for arranging elements on a page.

Related Concepts

• affordances
• hierarchy
• grids

Fundamental UI/UX Design Concepts: Affordances, Hierarchy, Grids - Typography Explained

Clip title: Every UI/UX Concept Explained in Under 10 Minutes Author / channel: Kole Jain URL: https://www.youtube.com/watch?v=EcbgbKtOELY

Summary

This video provides a comprehensive overview of fundamental UI/UX design concepts, emphasizing how to create intuitive, user-friendly, and aesthetically pleasing digital interfaces. The main topic revolves around mastering the basics of visual communication and interaction to build effective designs.

• The video begins by explaining Affordances, which are perceived and actual properties of objects that determine how they can be used.
• It then delves into Hierarchy in design, highlighting its importance for guiding users through a digital interface efficiently.
• Lastly, the concept of Grids is explored to show how it provides structure and balance to layout elements.

2026 04 10 Fundamental UIUX Design Concepts Affordances Hierarchy Grids

Source Notes

• 2026-04-07: New Nano Banana Update: How to Use Nano Banana 2