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
Approx. 6 hoursCertificate of completion
Included with paid plansPrerequisites
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 quizzes4 out of 5 Codecademy learners achieve their goals
"Codecademy gave me the tools I needed to land my first job as a developer, completely changing my career from the waste industry." - Jonathan Manner, Sweden
Projects in this course
- 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. - 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. - 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.
Reviews from learners
- 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
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.
Join over 50 million learners and start Learn Visual Design today!
...
Frequently asked questions about Visual Design
Visual design is a discipline that aims to develop a strategic aesthetic for digital products.