# UI Design Portfolio Bootcamp

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

## Overview

### Learn Current User Interface (UI) Design Techniques

Learn to design websites for mobile phones, tablets, and desktops using the visual design principles of color, layout, and typography.

You’ll learn about visual conventions, standards, and industry trends, and gain experience with the process and principles for designing responsive websites through lecture and hands-on practice.

You will design and produce one or more projects in this class to come out with portfolio material. Your work will be critiqued and you’ll get the feedback you need to help improve your designs.

## What you'll learn

- Learn to design websites for mobile, and desktop
- Apply design principles such as color, layout, and typography to webpages
- Learn about visual conventions, standards, and trends

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

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