Web & Interface Design

Visual Design for the Web

Design web pages that look professional and guide the eye

12 lessons4 modules9h 35m durationbeginner level

Instructor: StretchLearn Faculty

About this course

This beginner course teaches the visual craft of web design: how layout grids, modular type scales, accessible color, spacing rhythm, and imagery work together to guide the eye. You will study real frameworks and tools designers use daily, then apply them to a full landing-page build. Every lesson pairs a principle with a concrete, numbers-backed technique you can use immediately.

Curriculum

Module 1: Layout and Grid Systems for the Web3 lessons

Why Layout Comes Before DecorationPreview45m
Building a 12-Column Responsive Grid🔒50m
Spacing, Rhythm, and the 8-Point System🔒45m

Module 2: Typography for Screens3 lessons

Choosing and Pairing Web Fonts🔒50m
Modular Type Scales and Hierarchy🔒50m
Readable Body Text: Size, Line Height, and Measure🔒45m

Module 3: Color and Visual Hierarchy3 lessons

Building a Web Color Palette🔒50m
Color Accessibility and WCAG Contrast🔒45m
Directing the Eye With Visual Hierarchy🔒50m

Module 4: Imagery, Components, and Finishing a Page3 lessons

Web Imagery: Selection, Cropping, and Optimization🔒50m
Consistent Components and Buttons🔒45m
Critique, QA, and Shipping the Page🔒50m