The Complete App Design Course - UX, UI and Design Thinking

Explore color theory and how red, yellow, green, blue, and purple evoke emotions to guide effective app design and branding.

Explore color theory to build effective palettes using the color wheel: analogous harmony, complementary contrast, split colors, triadic balance, and monochromatic tones for modern app icons.

Explore color palettes and color theory to guide mood in design. Use tools like colorhunt.com, flat ui colors, material palette, and ColorZilla to generate iOS-ready palettes and capture hex codes.

Explore the serif type family from old style to modern, including Didot and slab serif, and see how modulation and historical context shape typography.

Explore the sans serif family and its four subtypes—grotesque, neo grotesque, humanist, and geometric—alongside examples like Franklin Gothic, News Gothic, Helvetica, Arial, Gill Sans, and Futura.

Explore how typography affects readability, comparing grotesque and humanist typefaces. Learn about features that boost readability—open shapes, spacing, letter differentiation, and varying proportions.

Learn to pair serif and sans serif fonts for headings and body, keep to two fonts, and use mood, era, and weight variations to create contrast.

Explore the core parts of user interface design for mobile apps, focusing on creating engaging, beautiful user interfaces that evoke emotional responses and make apps feel lovable.

Imagine your app as a journey, and you as the tour guide, guiding users from a to b to c through a curated visual flow.

Design interactive UI elements by using light from above cues, shadows, and subtle gradients to signal clickability and mirror real-world interactions. Prioritize function over form and use subtle material cues.

Master alignment in interface design by using edge alignment to create cleaner, more cohesive layouts and reduce guides by snapping elements to edges in tools like Photoshop, Sketch, or Illustrator.

Start with a monochrome design to focus on layout and alignment, then add color to highlight key elements; use Dribbble for inspiration and color hex search to guide your palette.

Learn how to keep text visible over changing images using overlays and color contrast, with black or colored overlays, gaussian blur, gradient opacity, and thorough testing across images.

Become an attention architect by guiding user focus through typography and design techniques that shape the app's and website's user journey.

Explore how user experience design shapes every interaction, from apps to everyday objects, by prioritizing function over form and guiding seven questions to create pain-free, enjoyable digital experiences.

Identify the app’s core functionality and design for a frictionless task completion by minimizing steps. Map the user journey to a simple path (go today, go tomorrow) and avoid anti-patterns.

Learn how small favors build consent and likability in user experience design, and use light patterns with incremental permissions like terms and GPS to build trust.

Evaluate form versus function in menu design by analyzing NBC News' logo-shaped menu, noting readability at 90 degrees and limitations with many items.

Prioritize simplicity to prevent bad user experience and avoid cluttered interfaces. Show how minimizing steps, grandma proof design, and intuitive onboarding improve app discovery and usability.

Learn to minimize cognitive load by designing clear interfaces with contextual hints, forgiving password rules, and avoiding front-loaded onboarding and confusion tactics that derail signups.

Explore how onboarding should empower users through intuitive design and learning by interaction, avoiding explicit tutorials, by contrasting NBC News anti-patterns with Flipboard's gesture-driven discovery.

Discover the differences between iOS and Android design, including tab bars versus hardware buttons, and why non-native porting can create a jarring user experience.

Compare android back navigation with iOS, where Android returns to the previous screen and iOS moves up the hierarchy, and note the tab bar's five-item limit versus the hamburger menu.

Compare Android and iOS design choices by title alignment and control patterns. Left aligned titles on Android and centered titles on iOS, with Android dropdowns vs iOS wheels.

Explore how visual hierarchy guides user focus, using size on Android and typography weight on iOS to prioritize title, subtitle, and body text, shaping the reading flow.

Explore the key differences between iOS and Android design and align apps with each platform's guidelines. Refer to the human interface guidelines and material design guidelines.

Explore hands-on app design by defining features for a workout app—select workouts, track progress, and view stats—then draw inspiration from mobile patterns and craft a color palette using Color Hunt.

Create a user flow diagram to map a user journey across screens, decisions, and arrows, illustrated with a home feed, compose screen, and tweet or cancel actions.

Transform your user flow into wireframes that sketch screen layouts, images, and navigation. Use simple tools and the Pop app to create a quick, clickable prototype.

Learn how to use Canva to create app mockups with drag-and-drop wireframe components and templates. Customize navigation, headings, color palettes, and multi-page screens without Sketch.

Turn your wireframes into photorealistic recipe app mockups using Place It dot net or sketch. If you lack mac access, Canva provides a viable alternative.

Turn high-fidelity mockups into interactive, no-code prototypes using Marvel, Invision, Principal, and Proto.io, with tween animations and Keynote’s Magic Move to show how the app looks and works.

Learn to prototype app animations with keynote, including transparent phone outlines, map blocking, zoom and pan, and magic move and drop effects.

Create interactive prototypes with Marvel by signing up for a free account, creating a project, dragging screens, linking interactive areas, and testing navigation; import or design from scratch.

Turn your wireframes and mockups into a fully functional prototype using Keynote or Marvel, test on your phone, and share your recipe app prototype with peers.

Explore digital design, app design, UI and UX, and learn to create beautifully designed apps through curated articles on programming, app design, and app business in the Lab report.