We may earn an affiliate commission when you visit our partners.
Packt - Course Instructors

This course equips you with essential skills to create visually compelling and user-friendly designs. You’ll learn core design principles, wireframing techniques, typography best practices, and prototyping using tools like Adobe XD and Figma. By the end, you’ll be able to build structured layouts, apply effective color schemes, create responsive typography, and present your designs confidently.

Read more

This course equips you with essential skills to create visually compelling and user-friendly designs. You’ll learn core design principles, wireframing techniques, typography best practices, and prototyping using tools like Adobe XD and Figma. By the end, you’ll be able to build structured layouts, apply effective color schemes, create responsive typography, and present your designs confidently.

You’ll start with visual design foundations, exploring balance, contrast, emphasis, and rhythm. Next, you’ll dive into wireframing using Balsamiq, Adobe XD, and Figma, followed by hands-on typography and layout design exercises.

The course also covers feedback handling, sketching, prototyping, and collaboration with developers to bring your ideas to life. Through real-world exercises, you’ll refine your skills in presenting and iterating based on user needs.

Ideal for aspiring UX/UI designers, product designers, and developers, this course requires no prior experience, though basic design familiarity is helpful.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

What's inside

Syllabus

In this module, we will explore prototyping with Figma, from project setup to creating interactive designs. You’ll learn how to arrange elements, draw shapes and curved lines, and build reusable components. By the end, you’ll be equipped to design complete interfaces and share interactive prototypes seamlessly.
Read more
Practice Prototyping
Visual Design Foundations
In this module, we will build a strong foundation in visual design by exploring its core elements and principles. You will delve into fundamental concepts like line, shape, color, and texture, and learn how they interact to create aesthetically pleasing and functional designs. By mastering these basics, you will be prepared to craft designs that are both impactful and harmonious.
Handling Feedback as a UX Designer
In this module, we will uncover the critical role feedback plays in shaping exceptional UX designs. You will learn to navigate the complexities of handling feedback by exploring how to request constructive input, embrace a growth-oriented mindset, and transform critiques into actionable improvements. This section equips you with the tools to foster productive dialogue and evolve as a designer.
Receiving UX Feedback by Example
In this module, we will explore real-world scenarios to better understand how to receive and respond to different kinds of UX feedback. Through examples, you will learn how to handle constructive criticism, manage unhelpful or prescriptive comments, and maintain a professional demeanor in all situations. This practical approach will strengthen your ability to turn feedback into opportunities for growth.
Collecting Design Inspiration
In this module, we will explore essential sites and tools for collecting design inspiration that fuel creativity and innovation. You’ll learn how to strategically source ideas, compare platforms, and create an organized repository for your design projects.
Introduction to Wireframing
In this module, we will delve into the fundamentals of wireframing, including its purpose, benefits, and practical applications. Through a mix of demonstrations and hands-on activities, you’ll learn to create wireframes on paper and with tools like Balsamiq and Adobe XD. By the end, you’ll understand the strengths and limitations of each approach and be equipped to share and refine your wireframes effectively.
Practice Sketching
In this module, we will practice sketching by tackling real-world design problems and proposing creative solutions. You’ll develop your ability to visually translate concepts into sketches, ensuring clarity and effectiveness in presenting your ideas.
Practice Wireframing
In this module, we will apply wireframing techniques to address specific design challenges. You’ll practice building wireframes as a problem-solving tool, focusing on clarity, functionality, and user-centric solutions.
Typography for Designers
In this module, we will uncover the art and science of typography, from foundational principles to advanced applications. You’ll learn essential terminology, explore the differences between print and digital typography, and discover how to select and combine typefaces effectively. Through hands-on exercises, you’ll master typographic hierarchy, responsive design, and variable fonts, ensuring your typography elevates both form and function in your designs.
Before and After: Typography
In this module, we will analyze and transform typographic designs, comparing their "before" and "after" states. By revisiting initial layouts and refining them with advanced typographic techniques, you’ll gain a deeper understanding of how thoughtful typography enhances both aesthetics and user experience.
Designing Layouts
In this module, we will focus on designing cohesive and functional layouts by integrating multiple design elements. You’ll learn to refine text content, structure visual hierarchy, align elements using grids, and select colors that enhance usability and accessibility. By mastering these techniques, you’ll create layouts that are both visually appealing and user-friendly.
Creating Mockups
In this module, we will explore the essentials of creating mockups, from understanding their purpose to preparing and building them. You’ll learn step-by-step techniques to create professional mockups, streamline your process, and effectively communicate your designs to stakeholders.
Before and After: Color
In this module, we will evaluate and refine color palettes by comparing their "before" and "after" states. You’ll learn how to address common color-related issues and implement changes that improve the overall aesthetic and functionality of your designs.
Before and After: Layout
In this module, we will examine and transform layouts, focusing on the improvements made between "before" and "after" iterations. You’ll gain insight into how adjustments to structure and design elements can significantly enhance the effectiveness and aesthetics of a layout.
Prototyping with Adobe XD
In this module, we will dive into prototyping with Adobe XD, covering everything from basic tools to advanced interactive features. You’ll learn to create artboards, add shapes, images, and text, and build functional prototypes with interactivity. By the end, you’ll be equipped to design and share professional prototypes that bring your ideas to life.
Prototyping with Figma
In this module, we will apply prototyping skills to solve real-world design challenges. You’ll work through the process of creating and refining an interactive prototype, focusing on effectively translating ideas into functional solutions.
Collaborating with Developers
In this module, we will focus on fostering productive collaboration with developers throughout the design process. You’ll learn strategies for clear communication, bridging the gap between design and development, and ensuring a seamless final handoff of your designs for implementation.
Presenting Design Ideas
In this module, we will focus on presenting design ideas effectively, from understanding your audience to structuring a compelling narrative. You’ll learn how to set clear goals, communicate your problem-solving approach, and outline actionable next steps, ensuring your designs resonate and gain stakeholder buy-in.

Save this course

Save UX: Visual Design Process to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in UX: Visual Design Process with these activities:
Review Design Principles
Reinforce your understanding of fundamental design principles before diving into the course material. A solid grasp of these principles will make learning new tools and techniques easier.
Browse courses on Balance
Show steps
  • Read articles or watch videos explaining each principle.
  • Find examples of good and bad design that illustrate each principle.
  • Practice applying these principles in simple design exercises.
Review 'The Design of Everyday Things'
Gain a deeper understanding of user-centered design principles. This book provides a strong foundation for creating intuitive and effective visual designs.
Show steps
  • Read the book, focusing on the chapters related to usability and affordances.
  • Take notes on key concepts and examples.
  • Reflect on how these concepts apply to your own design work.
Design Inspiration Board
Collect and curate design inspiration to fuel your creativity. This will help you strategically source ideas and create an organized repository for your design projects.
Show steps
  • Explore design inspiration websites like Dribbble, Behance, and Awwwards.
  • Save examples of designs that you find visually appealing or innovative.
  • Organize your inspiration into categories based on style, color, or functionality.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Typography Exercises
Improve your typography skills through focused exercises. This will help you master typographic hierarchy, responsive design, and variable fonts.
Show steps
  • Choose a few different fonts and experiment with different sizes, weights, and styles.
  • Create a typographic hierarchy for a sample website or app.
  • Practice adjusting typography for different screen sizes.
Review 'Refactoring UI'
Learn practical techniques for improving the visual design of user interfaces. This book provides actionable advice on typography, color, layout, and spacing.
View Melania on Amazon
Show steps
  • Read the book, focusing on the chapters that are most relevant to your design challenges.
  • Experiment with the techniques described in the book on your own design projects.
  • Share your results with others and get feedback.
Redesign a Website
Apply your visual design skills to a real-world project. This will help you solidify your understanding of layout design, typography, and color theory.
Show steps
  • Choose a website that you think could be improved.
  • Analyze the existing design and identify areas for improvement.
  • Create wireframes and mockups for your redesigned website.
  • Present your redesigned website to others for feedback.
Portfolio Presentation
Showcase your design skills and projects in a professional portfolio. This will help you present your design ideas effectively and gain stakeholder buy-in.
Show steps
  • Select your best design projects to include in your portfolio.
  • Write a brief description of each project, highlighting your role and contributions.
  • Design a visually appealing layout for your portfolio.
  • Practice presenting your portfolio to others.

Career center

Learners who complete UX: Visual Design Process will develop knowledge and skills that may be useful to these careers:

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in UX: Visual Design Process.
Classic in the field of UX design. It provides a foundational understanding of usability, accessibility, and user-centered design principles. Reading this book will help you understand the 'why' behind many of the visual design techniques taught in the course. It is highly recommended as additional reading to deepen your understanding of UX principles.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Similar courses are unavailable at this time. Please try again later.
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser