
Discover the core theory of ux ui design, from ux and ui distinctions to design methodologies like double diamond, design thinking, and user-centered design, and grasp layouts, typography, and color.
Understand design as envisioning and planning to solve problems through objects, systems, or processes. Learn design disciplines and ten principles of good design by Don Norman and Dieter Rams.
Learn how user experience extends beyond screens to a journey—from discovery to use and after—encompassing emotions, context, and goals in every interaction, as defined by Don Norman and Jacob Nielsen.
Explore human-centered UX design, from research with personas, journey maps, competitive analysis, and usability reports to information architecture, wireframes, prototypes, and polished visual design and design systems.
Explore UI design, turning structure into visible layouts with wireframes, color, typography, icons, and interactions. Learn how good UI guides users smoothly with clarity, consistency, and delight across every screen.
Explore key visual, interactive, and navigation elements—typography, color schemes, buttons, and menus—and learn to apply design systems, responsive layouts, and accessibility in Figma for cohesive UI design.
Explore the foundations of design as a purposeful problem-solving process, define UX, UI, functionality, aesthetics, and user needs, and learn how typography, color, and layout create meaningful interfaces.
Explore how the five planes of ux design—strategy, scope, structure, skeleton, surface—translate research into tangible interfaces through methods like personas, journey maps, card sorting, wireframes, and usability testing.
Explore how UX methodologies guide real-world design work, from understanding users to testing solutions, with core methods like Double Diamond, design thinking, and user-centered design.
Explore the double diamond UX framework through Discover, Define, Develop, and Deliver, balancing divergent and convergent thinking with activities like user interviews, affinity mapping, journey mapping, prototyping, and usability testing.
leverage the design thinking methodology to center people in problem solving, iterating through empathize, define, ideate, prototype, and test with divergent and convergent thinking.
Place users at the center through four phases: understand context, specify requirements, produce design solutions, and evaluate designs, embracing iterative, empirical user feedback in UCD.
Explore the practical application of visual principles to create interactive UI elements, transforming wireframes into pixel-perfect, responsive interfaces with layout, typography, and color palettes.
Master layouts and grid systems to turn design principles into organized interfaces using a 12-column grid, 4–6-column grids, and the box model with padding, borders, margins, following the 8-point grid.
Explore how typography shapes user interface usability by selecting typefaces, configuring line height and line length, and using typographic scales to establish hierarchy and readability on screens.
Explore how color in ui design communicates mood and guides users by creating visual hierarchy, using the color wheel, warm and cool tones, and color models like rgb and hsl.
Apply color theory to create professional palettes for interfaces using monochromatic, analogous, complementary, split-complementary, and triadic schemes, then implement the 60-30-10 rule with WCAG AA contrast (4.5:1 normal, 3:1 large).
Welcome to the Fundamentals of UI UX Design, a comprehensive roadmap designed to transform how you perceive and build digital products. We begin by stripping away the jargon to answer the most vital question: What is Design? You will learn that design is far more than aesthetic decoration; it is a systematic approach to problem-solving. By exploring the "Elements of UI," we bridge the gap between abstract ideas and the functional components—like buttons and navigation bars—that make digital interaction possible.
Moving beyond visuals, we dive into the strategic world of UX Design. Here, you will master the "Double Diamond" and "User-Centered Design" methodologies. These frameworks ensure you aren't just designing for yourself, but for the actual needs, frustrations, and behaviors of your users. You’ll learn how to research, iterate, and validate your ideas before a single pixel is finalized, ensuring your product is as logical as it is beautiful.
Finally, we sharpen your visual intuition in the UI Design phase. This section focuses on the technical "craft" of the interface. We cover the core pillars of Layouts, Typography, and Color theory, teaching you how to use visual hierarchy to guide a user’s eye and evoke the right emotions. By the end of this journey, you will possess the foundational tools to create digital experiences that are intuitive, accessible, and professional.