Discover Classes. Earn Rewards.

UI Design Bootcamp

Become an expert in designing beautiful and visually effective websites and apps with Noble Desktop's UI Design Bootcamp. Learn the essentials of color, typography, layout, and UI patterns, and build your portfolio with hands-on projects and personalized feedback from expert instructors.

  • Level All levels
  • Age 18 and older
  • Price $1,695
  • Location Interactive Online Classroom

Start Dates (5)

  • $1,695
  • Interactive Online Classroom
20 seats left
Book
Show all 14 sessions
  • Wed, Feb 28 at 6:00pm - 9:00pm
  • Mon, Mar 04 at 6:00pm - 9:00pm
  • Wed, Mar 06 at 6:00pm - 9:00pm
  • Mon, Mar 11 at 6:00pm - 9:00pm
  • Wed, Mar 13 at 6:00pm - 9:00pm
  • Mon, Mar 18 at 6:00pm - 9:00pm
  • Wed, Mar 20 at 6:00pm - 9:00pm
  • Mon, Mar 25 at 6:00pm - 9:00pm
  • Wed, Mar 27 at 6:00pm - 9:00pm
  • Mon, Apr 01 at 6:00pm - 9:00pm
  • Wed, Apr 03 at 6:00pm - 9:00pm
  • Mon, Apr 08 at 6:00pm - 9:00pm
  • Wed, Apr 10 at 6:00pm - 9:00pm
  • Mon, Apr 15 at 6:00pm - 9:00pm
20 seats left
Book
Show all 6 sessions
  • Mon, May 06 at 10:00am - 5:00pm
  • Wed, May 08 at 10:00am - 5:00pm
  • Mon, May 13 at 10:00am - 5:00pm
  • Wed, May 15 at 10:00am - 5:00pm
  • Thu, May 16 at 10:00am - 5:00pm
  • Thu, May 23 at 10:00am - 5:00pm
20 seats left
Book
Show all 12 sessions
  • Thu, May 16 at 6:00pm - 9:00pm
  • Tue, May 21 at 6:00pm - 9:00pm
  • Thu, May 23 at 6:00pm - 9:00pm
  • Tue, May 28 at 6:00pm - 9:00pm
  • Thu, May 30 at 6:00pm - 9:00pm
  • Tue, Jun 04 at 6:00pm - 9:00pm
  • Thu, Jun 06 at 6:00pm - 9:00pm
  • Tue, Jun 11 at 6:00pm - 9:00pm
  • Thu, Jun 13 at 6:00pm - 9:00pm
  • Tue, Jun 18 at 6:00pm - 9:00pm
  • Thu, Jun 20 at 6:00pm - 9:00pm
  • Tue, Jun 25 at 6:00pm - 9:00pm
20 seats left
Book
Show all 6 sessions
  • Thu, Jul 25 at 10:00am - 5:00pm
  • Thu, Aug 08 at 10:00am - 5:00pm
  • Mon, Aug 12 at 10:00am - 5:00pm
  • Mon, Aug 19 at 10:00am - 5:00pm
  • Mon, Aug 26 at 10:00am - 5:00pm
  • Wed, Aug 28 at 10:00am - 5:00pm
20 seats left
Book
Show all 10 sessions
  • Thu, Oct 31 at 6:00pm - 9:00pm
  • Tue, Nov 05 at 6:00pm - 9:00pm
  • Thu, Nov 07 at 6:00pm - 9:00pm
  • Tue, Nov 12 at 6:00pm - 9:00pm
  • Thu, Nov 14 at 6:00pm - 9:00pm
  • Tue, Nov 19 at 6:00pm - 9:00pm
  • Thu, Nov 21 at 6:00pm - 9:00pm
  • Tue, Nov 26 at 6:00pm - 9:00pm
  • Tue, Dec 03 at 6:00pm - 9:00pm
  • Thu, Dec 05 at 6:00pm - 9:00pm
Save to WishList Purchase a Gift Card

Class Description

Description

What you'll learn in this web design class:

UI (User Interface) or Visual designers focus on the appearance of apps, websites, and other products so they are beautiful and visually effective.

Learn How to Design Webpages & Apps

Under the guidance of expert instructors, you’ll learn best practices for designing websites and mobile apps.

UI Design Foundations

What goes into designing an attractive website or app? Learn the important essentials of design such as color, typography, layout, standard interface conventions, UI patterns, and more.

Learn By Doing & Build Your UI Design Portfolio

In this project-based class, you’ll get 1-on-1 feedback on your designs as you learn and improve. You’ll create projects for your portfolio to show potential employers or clients.

This course has a prerequisite: Students should have knowledge equivalent to our Figma Bootcamp.

Learn more about UI Design Bootcamp at Noble Desktop.


Remote Learning

This course is available for "remote" learning and will be available to anyone with access to an internet device with a microphone (this includes most models of computers, tablets). Classes will take place with a "Live" instructor at the date/times listed below.

Upon registration, the instructor will send along additional information about how to log-on and participate in the class.

Also available in-person in NYC

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]"

Reviews of Classes at Noble Desktop (371)

(4.6-star rating across 371 reviews)
  • UI Design Bootcamp

    Anonymous review on 8/30/2017
  • UI Design Bootcamp

    Reviewed by Silvia M. on 5/18/2017
See reviews for other classes at Noble Desktop
loading...
Hide Reviews

Review Summary by CourseHorse

Students who have taken the UI Design Bootcamp course have found it to be a fantastic and insightful learning experience. They have gained more knowledge and insight towards visual guidelines, ideas, and strategies that they were able to implement immediately after the class. The course is highly recommended for anyone looking to expand their knowledge in this field. Quotes: 1. "It was a fantastic course than gave me more insight toward visual guidelines, ideas and strategies that I have already put into place the day after class." 2. He provided suggestions covering a wide range of design elements - content, gestalt principles, typography, color, photo elements, the overall feel, etc."

Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Similar Classes

Noble Desktop

Noble Desktop is a renowned educational institution that specializes in providing comprehensive training in various creative and technology-related fields. Established in 1990 and headquartered in New York City, Noble Desktop has earned a stellar reputation for its high-quality courses and innovative...

Read more about Noble Desktop

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified Online educator.

Noble Desktop

Give This Course as a Gift Card

  • Thousands of classes
  • No expiration
  • Unique and memorable gifts for any occasion
  • Personalized
  • Explore a passion, gain a new skill, discover a new hobby, engage in a memorable experience
  • Instant delivery

Buy a Gift Card

Book this Class as a Group Event

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

Or see all Professional Group Events

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

CourseHorse Gift Cards

  • Creative & unique gift for any occasion
  • Choose from thousands of classes & experiences
  • No expiration date
  • Instant e-delivery (or choose a date)
  • Add a personalized message
Buy a Gift Card
gift card with the CourseHorse logo gift card with the CourseHorse logo
Loading...