Yelp Facebook LinkedIn YouTube Twitter Instagram

Visual Design Bootcamp

UI Design Classes in New York City

Design for Web & Mobile

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.

Prerequisites: This is a design class, not a coding class. Knowledge of a design app such as Sketch, Adobe XD, or Photoshop is required.

Read more
  • Small Classes
  • Computer Provided
  • Top Instructors
  • Free Retake

Register for a Class
  • $975
  • 18 Hours
  • Mac or PC
  • 594 Broadway, NYC
  • FAQ •
  • Discounts
    Discounts
    • 10% Alumni Discount: Get 10% off this course if you’ve previously taken any 12+ hour course.
    • $100 Individuals Discount: Take $100 off this course if you’re an individual paying for yourself (you’re not being reimbursed by a company).

    Discounts are applied at checkout (no promo code required) and will be verified after you place your order. Discounts are subject to change. Read our discount policies for more details.

    Payment Plan

    This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.

    Take this course as part of a certificate program and save:
  • • Policies

Corporate training available

Email

Take this class as part of a certificate program and save:

What You’ll Learn

  • Learn to design websites for mobile, tablet, and desktop
  • Apply design principles such as color, layout, and typography to webpages
  • Learn about visual conventions, standards, and trends
View full syllabus

Visual Design Bootcamp Class Syllabus

What You’ll Learn

Design Overview

Topics

  • User Experience (UX) Design
  • Visual Design
  • UX Is Not UI
Learning from Existing Websites

Topics

  • What Works & What Does Not?
Color

Topics

  • Color Harmonies
  • Creating Contrast with Color
  • Guidelines for Proper Color Usage
Typography & Fonts

Topics

  • 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

Topics

  • Proximity
  • Similarity
  • Continuity
Trends in Web Design

Topics

  • Analysis of Example Websites
Design Patterns

Topics

  • Example Design Patterns
Multiple Screen Sizes

Topics

  • Responsive Web Design
  • Mobile Considerations & Limitations
  • Discoverability Challenges
  • Mobile Navigation
Workflow: Idea to Design

Topics

  • Example Web Design Workflows
Getting to Know a Project: Creative Briefs

Topics

  • What is a Creative Brief?
  • What to Include in a Creative Brief
Wireframing

Topics

  • Issues to Solve
  • Steps in Creating a Wireframe
  • Designing on a Grid System (like Bootstrap)
Wireframe to Refined Design

Topics

  • Iterate & Refine
  • Understanding the Mobile Experience

Time for You to Design
Project Work

Topics

  • Create Wireframes
  • Turn Your Wireframes into Refined Designs
  • Get Critiques
  • Incorporate Feedback & Improve Your Designs
  • Desktop and mobile design by visual design student

    Website design by Jen O’Connor

  • Responsive design for Meditation website

    Website design by Craig Maher

  • Coffee website design by visual design bootcamp student

    Website design by Jaclyn Giuntini

  • Visual design student's portfolio project

    Website design by Jen O’Connor

  • Visual design student's design for a fashion website

    Website design by Sophie Steinmeyer

Become a Visual Designer

In this hands-on course you’ll work on real-life designs such as logos, digital graphics, responsive web designs, and more. Classes are led by a professsional web and visual designer. Small class sizes and personalized feedback will ensure you come away with great design skills and portfolio material.

  • “If you want to break into web / digital design, this is a great way to break the ice and dive in.”

    Mark Maltais

    Art Director

  • “The Visual Design bootcamp is a must for anyone getting into the UI field. Dan Rodney is a great instructor with lots of knowledge and enthusiasm. I learned a great deal in a short period of time. Very happy I decided to go with Noble Desktop.”

    Paul Lafreniere

  • “Classes content is very wide, full of import tips and details that help you improve your work. It's totally worth it!”

    Lorenna Maia

  • “Having some knowledge in visual design, I wasn't sure if I needed this course but decided to take the leap. 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. I recommend this class to anyone looking to gain more knowledge in this field.”

    Jemal McClary

    Completed the visual design bootcamp course

  • “My professional experience up to this point has been primarily print based so when I learned Noble Desktop had a web and mobile class geared toward visual designers, such as myself, I immediately signed up and was very pleased with the results. The three day course offered an in-depth overview of visual theory, communication design, technical processes, industry practices and standards as it relates to cross platform web design. The assignments were pertinent, engaging and offered an opportunity to learn from fellow classmates. The course instructor was a highly effective instructor, attentive to each student and extremely knowledgeable. I would recommend this class to others seeking to make a positive career change.”

    James Massey

    Art Director/Designer

  • “Great class. Coming from a development background with knowledge of Sketch and some basic graphic design concepts, I was able to relate to Dan's helpful and insightful feedback while working through the class website project. He provided suggestions covering a wide range of design elements - content, gestalt principles, typography, color, photo elements, the overall feel, etc.”

    Harteg Wariyar

    Software Developer

    Gained insightful feedback and learned design concepts in Visual Design for Web & Mobile.

See our 2,596 testimonials
5
4.9
4.9

Frequently Asked Questions

  • Are there prerequisites for this course?

    Yes. Students should have strong working knowledge in either Sketch, Adobe XD, or Photoshop for web design.

  • Do I need to bring anything to the class?

    We provide computers (Mac or PC) equipped with Sketch (Mac only), Adobe XD, and Photoshop. Choose your operating system at checkout.

    In class you will be designing a website, so we encourage you to come with a concept (or real-life project) in mind. If you do not have one, the instructor will help you brainstorm ideas or will provide you with project ideas you can choose from. If you want to work on your own website design project, please collect as much content (text, images, logos, etc.) as you can ahead of time, and bring that to class so you’ll be ready to work!

  • What is the focus or goal of this course?

    This course covers visual design theory and techniques and helps participants develop and apply skills to projects. This course does not focus on how to use any particular design application.

    If you are interested in learning professional design apps (Sketch, Photoshop, and Illustrator) in addition to developing portfolio projects (which you do in this class), we recommend our Visual Design Certificate Program.

  • Do you offer discounts or a payment plan for this course?

    Discounts
    • 10% Alumni Discount: Get 10% off this course if you’ve previously taken any 12+ hour course.
    • $100 Individuals Discount: Take $100 off this course if you’re an individual paying for yourself (you’re not being reimbursed by a company).

    Discounts are applied at checkout (no promo code required) and will be verified after you place your order. Discounts are subject to change. Read our discount policies for more details.

    Payment Plan

    This course is not eligible for a payment plan, which is only available for programs priced at $2,495 and above. Read our Payment Plan FAQ for more details.

    Take this course as part of a certificate program and save:

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

    Sorry, but this course is not available online.

Personalized Design Feedback

“Great class. I was able to relate to Dan's helpful and insightful feedback while working through the class website project. He provided suggestions covering a wide range of design elements - content, gestalt principles, typography, color, photo elements, the overall feel, etc.”
Harteg Wariyar, Software Developer, Feb 15, 2018

Student getting feedback from a professional web designer

Create Portfolio Projects

Create wireframes and web designs that can be added to your portfoio. Throughout the class, your work will be critiqued and you’ll get feedback to help you improve your designs.

Students working on their visual design portfolio

Part of a Certificate Program

This class is included in the Visual Design and Graphic Design certificate programs. Take the other courses to earn a certificate!

Students graduating from the Visual Design certificate

Related Classes & Certificates

Photoshop for Web Design & UI

12 Hours

$650

More details

Sketch in a Day

6 Hours

$325

More details

Web Development Level 1

18 Hours

$975

More details
See all related classes & certificates