# UI Design Bootcamp

Canonical URL: <https://training-nyc.com/courses/ui-design-portfolio-bootcamp>

## Overview

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.

## 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
- Apply UI design concepts and best practices
- Act on one-to-one feedback on your design work

## Prerequisites

Students should have knowledge equivalent to our [Figma Bootcamp](/courses/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 How 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

## Schedule
- Dec 21, 2026 – Dec 29, 2026 — NYC
- Jan 4, 2027 – Jan 27, 2027 — NYC
- Feb 3, 2027 – Feb 10, 2027 — NYC
- Mar 8, 2027 – Mar 12, 2027 — NYC
- Apr 20, 2027 – May 18, 2027 — NYC
- Apr 21, 2027 – May 3, 2027 — NYC
- Jun 21, 2027 – Jun 25, 2027 — NYC
- Jul 14, 2027 – Jul 21, 2027 — NYC
- Oct 6, 2027 – Oct 14, 2027 — NYC

## FAQ

### Is this course open to beginners?

Students should have knowledge equivalent to our Figma Bootcamp .

### Do you offer payment plans or student financing for this course?

This course does not qualify for payment plans or student financing. See our Payment Plan FAQ to find related programs that qualify.

### Can I take this course online (remote learning)?

No upcoming live online dates are currently available. Please contact us about future availability.

### What happens if I need to miss a session?

You have some options: You can watch a recording of the session. We will provide any course materials. Contact us to confirm whether remote attendance is available for your session. You can use your free retake to make up any missed class time.

### What’s included with my tuition?

A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement Expert instructors who are industry professionals and experienced educators that are driven to help you succeed Access to industry-standard software during your training Top-notch curricula that have been tried and tested over many cohorts and are consistently improved for an optimal learning experience A 1-year free retake policy which allows students to retake any part of the course or program for free to refresh the materials and gain additional practice 30-day access to class recordings to review material at your own pace A certificate of completion to verify your accomplishment

### Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

### Do you offer any discounts for this course?

Take this course as part of a certificate program and save: UI Design Certificate Price: $3,995 | Hours: 121 Hours Web Design Certificate Price: $4,995 | Hours: 162 Hours Digital Design Certificate Price: $4,495 | Hours: 138 Hours AI Design Bootcamp Price: $6,995 | Hours: 390 Hours AI Graphic Design Bootcamp Price: $4,995 | Hours: 264 Hours

## Pricing

**Tuition:** $1695