Learn Visual Design
Visual design organizes elements into a cohesive whole and supports usability. Learn basic visual design principles to build more aesthetic digital products.
Skill level
BeginnerTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary1 hourProjects
3Prerequisites
None
About this course
As a designer, one of the most important skills is understanding how to use the various tools and concepts of visual design thoughtfully. By studying Visual Design elements and principles, color, and typography, you will learn to create effective and engaging digital experiences for your users.
Skills you'll gain
Implement Visual Design principles to design effective digital experiences
Utilize color as a critical visual design element
Account for accessibility, readability, and scannability in your designs
Syllabus
3 lessons • 3 projects • 3 quizzesCertificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Projects in this course
- practice Project
Visual Design Fundamentals: Upward Spiral
Analyze visual design principles in sample websites. Apply these principles to create an effective visual design for a fictional band’s website. - practice Project
Color: Upward Spiral
Use color tools to build palettes and color schemes. Apply these schemes to create an effective design for a fictional band’s website in Figma. - practice Project
Typography: Upward Spiral
Make decisions about typography for a band website and document them in a style guide. Working with mid-fidelity wireframes, choose typefaces, style different types of copy, create a basic type style guide, and save type styles in Figma.

Earn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
Learn Visual Design course ratings and reviews
- 5 stars
- 4 stars
- 3 stars
- 2 stars
- 1 star
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Frequently asked questions about Visual Design
Visual design is a discipline that aims to develop a strategic aesthetic for digital products.
Join over 50 million learners and start Learn Visual Design today!
Looking for something else?
Related resources
- Article
Design - Color
Learn about color considerations in your visual design. - Article
What are UI and UX Design?
Understand the differences between User Interface (UI) design and User Experience (UX) design. - Article
Introduction to User Centered Design
This article provides an introduction to user centered design.
Related courses and paths
- Course
Learn Color Design
Learn how to use color effectively to create attractive and useable websites!With CertificateIntermediate2 hours - Course
Software Design Principles
Start designing more complex systems with techniques such as design patterns, SOLID principles, and UML.With CertificateIntermediate1 hour - Free course
Data Visualization with Python: Visual Arguments
Learn good design principles for telling a visual story with data using Matplotlib.Beginner Friendly2 hours
Browse more topics
- Web design2,434,637 learners enrolled
- Code foundations7,637,066 learners enrolled
- Computer science6,099,208 learners enrolled
- Web development5,118,062 learners enrolled
- Data science4,643,249 learners enrolled
- Python3,748,379 learners enrolled
- For business3,512,754 learners enrolled
- JavaScript2,933,358 learners enrolled
- Data analytics2,606,904 learners enrolled
Unlock additional features with a paid plan
Practice Projects
Guided projects that help you solidify the skills and concepts you're learning.Assessments
Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.Certificate of Completion
Earn a document to prove you've completed a course or path that you can share with your network.