Skip to main content
MasarUX
01
ux-b02MasarUX ProBeginner

Foundations of Visual and UI Design

A foundations course in visual and UI design: how Gestalt principles, visual hierarchy, contrast, and alignment shape what people perceive, how grids, spacing scales, and composition patterns turn that perception into repeatable systems, and how to develop the craft and judgment to evaluate any interface for visual clarity.

12 hours (approximately)3 Levels · 30 Lessons
03

By the end of this course you can name and apply the perceptual principles behind any layout, build a consistent grid and spacing system for a small product, judge whether a screen is visually clear versus visually complex, and give a structured, principle-based critique of any interface.

01Gestalt principles of perception: proximity, similarity, closure, continuity, and figure/ground
02How to build and use visual hierarchy, contrast, alignment, and balance deliberately
03How grids, spacing scales, sizing scales, and composition patterns create consistent layouts
04How to build reusable components and judge visual density for different audiences
05How to develop visual craft, run a structured critique, and check basic visual accessibility
04

Curriculum

3 Levels · 30 Lessons

Assessment

Each Lesson may include a Quiz

Each Level may include an Exam

Completion requirements

Complete the available Lessons

Pass all configured Quizzes and Exams

Locked activities open only after their prerequisites are met

05
Course Skills5 Course Skills
Gestalt Principles
Grid Systems
Spacing and Layout Systems
Visual Design Craft
Visual Hierarchy
Related Competency Domains
Visual & Systems Design
06
Career Path relationship

Completed Course progress automatically counts toward the Career Path when this Course belongs to a Mission.

07
What You'll Gain
  • Builds a precise, systematic visual vocabulary directly on top of the UX foundations course
  • Grounded in Gestalt psychology, established grid and typography systems, and WCAG contrast guidance
  • Every lesson ends with a real-interface example you can practice on
  • Sets up the later Typography and Color, Wireframing, and Usability courses without overlapping them
Who Is This Course For?
  • Beginners who have completed an introductory UX course and now want the visual/UI toolkit
  • Career switchers building foundational visual design skills
  • Developers and product people who want to read and discuss visual design more precisely
  • Students preparing for further UI-focused coursework
Course Features
  • 30 short, focused lessons across 3 progressive levels
  • A graded quiz after every lesson and a 12-question exam per level
  • Worked examples drawn from everyday apps and real interface patterns
  • No design software required — this course is conceptual, building judgment before tools
08
Course Completion Certificate

Awarded after the Course's configured completion requirements are met.