Discover Classes. Earn 10% Rewards.

UI Design Bootcamp

Build expertise in creating beautiful, highly functional websites and apps through Noble Desktop's UI design bootcamp. Study the core principles of color theory, typography, layout, and common UI patterns while strengthening your portfolio through real projects and one-on-one guidance from working industry instructors who know what employers want.

  • All levels
  • 18 and older
  • Earn 10% Rewards
  • Price Lock

    Secure your booking now and we'll match any price drop within 48 hours across all booking platforms, ensuring you never miss out on savings!

  • 185 Madison Ave, New York, NY & Virtually Online

Express Checkout – $1,695


Proceed to Checkout

No Booking Fees. Lowest Price Guaranteed. Earn 10% Rewards.

Give as a Gift

Start Dates (10) $1,695/person

Show all 5 sessions
  • Mon, Dec 21 at 10:00am - 5:00pm
  • Tue, Dec 22 at 10:00am - 5:00pm
  • Wed, Dec 23 at 10:00am - 5:00pm
  • Mon, Dec 28 at 10:00am - 5:00pm
  • Tue, Dec 29 at 10:00am - 5:00pm
20 left
Book
Show all 8 sessions
  • Mon, Jan 04 at 6:00pm - 9:00pm
  • Wed, Jan 06 at 6:00pm - 9:00pm
  • Mon, Jan 11 at 6:00pm - 9:00pm
  • Wed, Jan 13 at 6:00pm - 9:00pm
  • Mon, Jan 18 at 6:00pm - 9:00pm
  • Wed, Jan 20 at 6:00pm - 9:00pm
  • Mon, Jan 25 at 6:00pm - 9:00pm
  • Wed, Jan 27 at 6:00pm - 9:00pm
20 left
Book
Show all 5 sessions
  • Wed, Feb 03 at 10:00am - 5:00pm
  • Thu, Feb 04 at 10:00am - 5:00pm
  • Mon, Feb 08 at 10:00am - 5:00pm
  • Tue, Feb 09 at 10:00am - 5:00pm
  • Wed, Feb 10 at 10:00am - 5:00pm
20 left
Book
Show all 5 sessions
  • Mon, Mar 08 at 10:00am - 5:00pm
  • Tue, Mar 09 at 10:00am - 5:00pm
  • Wed, Mar 10 at 10:00am - 5:00pm
  • Thu, Mar 11 at 10:00am - 5:00pm
  • Fri, Mar 12 at 10:00am - 5:00pm
20 left
Book
Show all 8 sessions
  • Tue, Apr 20 at 6:00pm - 9:00pm
  • Thu, Apr 22 at 6:00pm - 9:00pm
  • Thu, Apr 29 at 6:00pm - 9:00pm
  • Tue, May 04 at 6:00pm - 9:00pm
  • Thu, May 06 at 6:00pm - 9:00pm
  • Tue, May 11 at 6:00pm - 9:00pm
  • Thu, May 13 at 6:00pm - 9:00pm
  • Tue, May 18 at 6:00pm - 9:00pm
20 left
Book
Showing 1 – 5 of 10

Book a Private Group Event

Booking this class for a group? Find great private group events

Or see all Graphic Design Group Events

Explore group events and team building activities ranging from cooking, art, escape rooms, trivia, and more.

Class Description

Description

User Interface (UI) and Visual Designers craft the aesthetic and functional aspects of applications, websites, and digital products to create beautiful, visually compelling experiences that engage users effectively.

Mastering the Art of Webpage and App Design

Study under the mentorship of industry experts who will guide you through proven methodologies and best practices for creating exceptional websites and mobile applications.

Understanding UI Design Fundamentals

What makes a website or application truly attractive and effective? This course explores the foundational elements that every designer must understand, including color theory and application, typography and font selection, layout principles and composition, standard interface conventions and patterns, UI design patterns, and many other essential design principles.

Learn Through Hands-On Project Work and Build a Professional UI Design Portfolio

This project-intensive course provides individualized feedback on your design work as you progress and develop your skills. You will complete multiple projects suitable for showcasing to prospective employers or clients, building a competitive portfolio that demonstrates your capabilities and design thinking.

Please note that this course has a prerequisite: Students should possess knowledge equivalent to what is taught in our Figma Bootcamp.

For additional information, visit the UI Design Bootcamp page at Noble Desktop.

Syllabus

UI Fundamentals

How & when to use common UI patterns

  • Menus
  • Tabs
  • Bottom tab bar
  • Buttons (including “Call to action” or CTA)
  • Accordion
  • Carousel
  • Breadcrumbs
  • Modals
  • Forms
  • etc.

Wireframing for UI Designers

Wireframing

  • Why and Gow to Create Wireframes
  • Issues to Solve
  • Steps in Creating a Wireframe
  • Designing on a Grid System (like Bootstrap)
  • Get Critiques
  • Incorporate Feedback & Improve Your Designs

Wireframe to Refined Design

  • Iterate & Refine
  • Understanding the Mobile Experience

UI or Visual Design Concepts

Learning from Existing Websites & Apps

  • What Works & What Does Not?

Color

  • Color Harmonies
  • Creating Contrast with Color
  • Guidelines for Proper Color Usage

Typography & Fonts

  • Display Text (Such as Headings) versus Body Text
  • Legibility
  • Type Trends
  • Typeface Selection & Pairing
  • Where to Get Web Fonts
  • Ideal Line Height
  • Column Width (Line Length)
  • Hyphenation & Justification

Design Elements

  • Proximity
  • Similarity
  • Continuity

Trends in Web & App Design

  • Analysis of Example Websites & Apps

Design Patterns

  • Example Design Patterns

Multiple Screen Sizes

  • Responsive Web Design
  • Mobile Considerations & Limitations
  • Discoverability Challenges
  • Mobile Navigation
  • Phone vs Tablet App Design

Refund Policy

  • Students may cancel up to 14 days before the class/program start date and receive a refund, less the registration fee (10% of the undiscounted course price). 
  • Cancellations within 14 days are not permitted, but students may reschedule up to three business days before the class start date.
  • For cancellations and reschedules, please email us at [email protected]

In any event where a customer wants to cancel their enrollment and is eligible for a full refund, a 5% processing fee will be deducted from the refund amount.

Reviews of Classes at Noble Desktop (452)

(4.6-star rating across 452 reviews)

This class: 4.0 out of 5 from 2 reviews

  • UI Design Bootcamp

  • UI Design Bootcamp

See reviews for other classes at Noble Desktop
loading...
Hide Reviews

Similar Classes

Noble Desktop

Noble Desktop is a reputable New York-based training institute known for offering a wide range of creative and technical courses, including web development, design, coding, and digital marketing. With a strong emphasis on hands-on learning and industry-relevant skills, Noble Desktop equips individuals with the knowledge and expertise needed to excel in today's competitive job market.

View school profile
Noble Desktop
Vetted by CourseHorse

A verified Brooklyn educator.

CourseHorse’s Choice 4.6 out of 5 · 452 reviews
Loading...