# UI Design Bootcamp

Canonical URL: <https://www.nobledesktop.com/classes/ui-design-portfolio-bootcamp>

## Overview

UI Designers, sometimes called Visual Designers, are responsible for the look and feel of apps, websites, and digital products, making sure everything is both beautiful and visually effective. This course teaches you the best practices for designing websites and mobile applications, all under the guidance of expert instructors who give you one-on-one feedback as you learn and grow.

You'll start by building a strong foundation in the essentials of design, including color, typography, layout, standard interface conventions, and UI patterns. From there, the course takes a project-based approach, meaning you're putting those concepts into practice right away and building up a portfolio of work you can show to potential employers or clients. It's the kind of hands-on experience that makes a real difference when you're just starting out in the field.

## What you'll learn

- Learn UI design concepts & best practices
- Design webpages and apps with Figma
- Get 1-on-1 help and feedback on your design work so you can learn and improve
- Develop projects for your portfolio to showcase your work as a UI designer

## Prerequisites

Students should have knowledge equivalent to our [Figma Bootcamp](/classes/figma-bootcamp).

## Curriculum

### 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

**Skills covered:** UI Design Principles, UI Portfolio, Figma, Layout, Typography, Color Theory

## Schedule
- Jun 22, 2026 – Jun 26, 2026 — NYC
- Jul 29, 2026 – Aug 24, 2026 — NYC
- Oct 12, 2026 – Oct 16, 2026 — NYC
- Jan 4, 2027 – Jan 27, 2027 — NYC

## Pricing

**Tuition:** $1695