Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Noble Desktop

UI Design Certificate

via Noble Desktop

Overview

Gain the expertise to design user interfaces for websites and mobile apps. This course covers key design principles and best practices, equipping you with the tools and techniques to create polished, responsive digital products.

  • UI Design Fundamentals: Learn the core principles of UI design, including layout, composition, typography, color, and interactive elements. Understand how to design user-friendly interfaces that balance aesthetics with functionality across different digital platforms.
  • Design Responsive Web & Mobile Apps: Create responsive designs that adapt to any screen size using tools like Figma, Photoshop, and Illustrator. Design websites and mobile apps that look great on desktop, tablet, and mobile devices, focusing on optimized layouts and smooth user experiences.
  • Graphic Design Tools & Techniques: Develop skills in photo editing, vector graphics, and icon creation using Adobe Photoshop and Illustrator. Learn how to retouch images, create scalable graphics, and design professional-quality assets for web and mobile interfaces.
  • Interactive Prototypes & User Feedback: Bring your designs to life by creating clickable prototypes in Figma. Share your prototypes for client and user feedback, refining your designs to ensure a smooth development process and successful implementation of the final product.

Syllabus

Adobe Photoshop Bootcamp

  • Adjust color, brightness, and contrast to enhance photos with professional-quality edits.
  • Use layers, masks, and blend modes to create seamless image composites.
  • Retouch photos by removing unwanted elements and correcting imperfections.
  • Master selections, cropping, and background removal for precise image editing.
  • Prepare files for various formats, including web, video, and print production.
  • Utilize smart filters, adjustment layers, and Camera Raw for non-destructive editing.

Adobe Illustrator Bootcamp

  • Draw vector graphics using shape tools, the Pen tool, and advanced path editing techniques.
  • Apply colors, gradients, and patterns to create visually compelling designs.
  • Utilize Image Trace to convert sketches into digital artwork.
  • Work with layers, masks, and blending techniques to build complex graphics.
  • Create 3D text and realistic product mockups using Illustrator’s advanced tools.
  • Export and optimize graphics for web, print, and digital applications.

Figma Bootcamp

  • Design UI/UX layouts optimized for mobile, tablet, and desktop using grids and frames.
  • Work with components and variants to create reusable design elements efficiently.
  • Build interactive prototypes with clickable links, overlays, and smart animations.
  • Use auto layout to streamline spacing, alignment, and responsive design workflows.
  • Share and collaborate on designs in real time using Figma’s cloud-based features.
  • Export assets for web, apps, and developers in multiple formats, including SVG and PNG.

Graphic Design Portfolio Bootcamp

  • Explore essential design concepts, including composition, typography, and color theory.
  • Develop a creative workflow, from ideation and sketching to final digital execution.
  • Create portfolio-worthy projects such as logos, book covers, event posters, and album artwork.
  • Learn to use design hierarchy and grid systems to create visually engaging layouts.
  • Incorporate industry-standard tools like Photoshop, Illustrator, and InDesign into your design process.
  • Refine your work through critiques and upload your final projects to Adobe Portfolio.

UI Design Bootcamp

  • Develop a strong foundation in UI design, including typography, color, and layout principles.
  • Design engaging and user-friendly interfaces for websites and mobile applications.
  • Work with Figma to create wireframes, prototypes, and interactive designs.
  • Receive personalized feedback and expert guidance to refine your design skills.
  • Build portfolio-ready projects to showcase your UI design expertise.
  • Learn industry best practices and UI patterns to create visually effective digital products.

Graphic Design Capstone Project

  • Create a complete brand identity by researching, conceptualizing, and designing visual assets—including a logo, moodboard, and supporting materials—that reflect a clear brand strategy and aesthetic.
  • Apply the visual identity across various contexts such as packaging, signage, and digital platforms, while producing polished graphic design pieces that show consistency and creativity.
  • Document and present your work in a professional portfolio and final presentation, showcasing your creative process, technical skills, and the tools used to bring your branding concept to life.
  • Work on your capstone project both in and outside of class, using scheduled mentoring sessions to review your progress, ask questions, and get personalized feedback from your instructor.

AI for Graphic Design

  • Understand how AI can support graphic design workflows, including ideation, image generation, research, writing, and automation, while learning the strengths and limitations of AI tools.
  • Use leading AI platforms such as ChatGPT, Google Gemini, Adobe Firefly, and Midjourney to generate and refine images, create visuals from prompts, and explore creative directions.
  • Leverage AI-powered features in Adobe Photoshop, Illustrator, and InDesign to remove distractions, expand and edit images, generate content, improve image quality, streamline repetitive tasks, accelerate production workflows, and more.
  • Evaluate AI tools and workflows for commercial design projects, including topics such as copyright, data privacy, resolution limitations, and best practices for professional use.

Adobe Photoshop Bootcamp (Self-Paced)

  • Learn to retouch photos and design graphics
  • Enhance images by adjusting color, brightness, and contrast
  • Use selections to edit specific areas of an image
  • Prepare images for digital, web, video, or print formats
  • Simplify edits with adjustment layers
  • Remove backgrounds using layer masks
  • Sharpen and refine photos
  • Apply visual effects with filters, shadows, blend modes, and more
  • Getting Started 32m 11s
  • Photo Retouching 14m 25s
  • Cropping Photos 16m 39s
  • Creating Graphics Combining Photos, Text, & Graphics 33m 34s
  • Replacing Backgrounds 17m 9s
  • Blend Modes and Opacity 12m 29s
  • Color Correction Using Color Balance 14m 9s
  • Color Correction Using Curves 28m 39s
  • Preparing & Exporting Digital Photos for Print and Web 25m 39s
  • Sharpening Photos 13m 42s
  • The Liquify Filter & Intro to Smart Filters 10m 50s
  • Layer Masking 17m 7s
  • Masking Smart Filters 21m 29s
  • Converting to Black & White & Lens Correction 18m 33s
  • Placing Your Designs in Premade Mockups 9m 44s
  • Adjustment Layers & Masks 18m 37s
  • Retouching 17m 15s
  • Changing Color With a Blending Mode 18m 29s
  • Clipping Masks Filling Shapes with Images 8m 56s
  • Using Adjustment Layers as Clipping Masks 13m 13s
  • Camera Raw Fundamentals 20m 47s
  • Camera Raw as a Filter 5m 1s
  • Batch Actions & the Image Processor 12m 6s
  • Photoshop for Design Adding a Title & Layer Styles 20m 48s
  • Photoshop for Design Creating Digital Art in Photoshop 21m 51s
  • Photoshop for Design Compositing into a Photo 9m 41s

Adobe Illustrator Bootcamp (Self-Paced)

  • Draw vector graphics using shape tools, the Pen tool, and advanced path editing techniques.
  • Apply colors, gradients, and patterns to create visually compelling designs.
  • Utilize Image Trace to convert sketches into digital artwork.
  • Work with layers, masks, and blending techniques to build complex graphics.
  • Create 3D text and realistic product mockups using Illustrator’s advanced tools.
  • Export and optimize graphics for web, print, and digital applications.

Figma Bootcamp (Self-Paced)

  • Design UI/UX layouts optimized for mobile, tablet, and desktop using grids and frames
  • Work with components and variants to create reusable design elements efficiently
  • Build interactive prototypes with clickable links, overlays, and smart animations
  • Use auto layout to streamline spacing, alignment, and responsive design workflows
  • Share and collaborate on designs in real time using Figma’s cloud-based features
  • Export assets for web, apps, and developers in multiple formats, including SVG and PNG

Graphic Design Portfolio Bootcamp (Self-Paced)

  • Explore essential design concepts, including composition, typography, and color theory
  • Develop a creative workflow, from ideation and sketching to final digital execution
  • Create portfolio-worthy projects such as logos, book covers, event posters, and album artwork
  • Learn to use design hierarchy and grid systems to create visually engaging layouts
  • Incorporate industry-standard tools like Photoshop, Illustrator, and InDesign into your design process
  • Refine your work through critiques and upload your final projects to Adobe Portfolio

UI Design Bootcamp (Self-Paced)

  • Develop a strong foundation in UI design, including typography, color, and layout principles
  • Design engaging and user-friendly interfaces for websites and mobile applications
  • Work with Figma to create wireframes, prototypes, and interactive designs
  • Receive personalized feedback and expert guidance to refine your design skills
  • Build portfolio-ready projects to showcase your UI design expertise
  • Learn industry best practices and UI patterns to create visually effective digital products

Graphic Design Capstone Project

  • Create a complete brand identity by researching, conceptualizing, and designing visual assets—including a logo, moodboard, and supporting materials—that reflect a clear brand strategy and aesthetic.
  • Apply the visual identity across various contexts such as packaging, signage, and digital platforms, while producing polished graphic design pieces that show consistency and creativity.
  • Document and present your work in a professional portfolio and final presentation, showcasing your creative process, technical skills, and the tools used to bring your branding concept to life.
  • Work on your capstone project both in and outside of class, using scheduled mentoring sessions to review your progress, ask questions, and get personalized feedback from your instructor.

AI for Graphic Design (Self-Paced)

  • Generate vector illustrations, photo edits, and layouts using AI tools in Illustrator, Photoshop, and InDesign
  • Create original visuals through prompt-based image generation with Midjourney, Leonardo AI, and DALL·E 3
  • Enhance and restore images with AI-powered sharpening, upscaling, and de-noising techniques
  • Use ChatGPT and Notion AI to develop creative briefs, brand names, and design directions
  • Build moodboards, style guides, and concept sets with free and paid AI design tools
  • Assemble a complete brand identity using multiple AI platforms in a simulated design workflow
  • Course Overview 1m 47s
  • Photoshop Setup 19m 25s
  • Remove Tool AI 27m 39s
  • Generative Expand 13m 28s
  • Smart Selections 12m 44s
  • AI Upscaling 10m 36s
  • Upscale Limitations 3m 28s
  • Neural Filters 11m 4s
  • Harmonize Tool 3m 36s
  • Generative Fill 4m 8s
  • Select & Mask AI 8m 53s
  • Photoshop Web AI 5m 1s
  • Vector Generation 17m 40s
  • Vector Styles 5m 24s
  • Shape Fill AI 5m 44s
  • Model Comparison 3m 3s
  • Pattern Generation 2m 4s
  • AI Recoloring 5m 15s
  • Mockups with AI 1m 49s
  • InDesign AI 17m 49s
  • Adobe Firefly 13m 40s
  • Midjourney Basics 12m 14s
  • Leonardo AI 5m

Taught by

Michael Suen, Christophe Drayton, and Dan Rodney

Reviews

4.8 rating at Noble Desktop based on 672 ratings

Start your review of UI Design Certificate

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.