Yelp Facebook LinkedIn YouTube Twitter Instagram

Visual Design Bootcamp

UI Design Classes in New York City

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.

Visual conventions, standards, industry trends, web typography, grid systems, calls to actions, appropriate use of color, and much more will be covered through lectures and hands-on practice, giving you experience with the process and principles for designing responsive websites.

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

This is a design class in which you’ll use Sketch, Adobe XD, or Photoshop, so you’ll need to feel comfortable using one of those apps.

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

Register for a Class
  • $975
  • 18 Hours
  • Mac or PC
  • 185 Madison Ave, 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:

Class Overview Video

Visual Design Bootcamp Class Overview

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.

  • “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.

  • “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

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

    Lorenna Maia

  • “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

See our 2,656 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.

  • Is there mandatory work outside of the classroom?

    • If taken during the day, no work outside of class is required.
    • If taken at night or on weekends, some work outside of class could be required.

  • 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 training is not available online.

Student getting feedback from a professional web designer

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

Students working on their visual design portfolio

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 graduating from the Visual Design certificate

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!

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 Visual Design classes

Design websites for mobile phones, tablets, and desktops

Visual Design
  • Visual design is the look and feel of a website, app, etc.
  • Visual design incorporates color, composition, typograph, photography, illustraton, and more to create attrictive and usable layouts.
  • Visual designers, also called User Interface (UI) designers, craft a visual language and hierarchy that combines UX (user experience), information architecture, and interaction.
Visual Design Applications
  • Photoshop has been around the longest and is used by many web designers. It is a photo editor with web design features added on, so some web designers are turning to other apps such as Sketch and Adobe XD which were created solely for the purpose of visual and UX design.
  • Sketch is a Mac only app that many web designers are using, and more people every day are switching to it. Not only can you create your designs (for website, apps, etc.), but you can even turn them into working protoypes to show clients and do user testing with.
  • Adobe XD is a newer Adobe app that is very similar to Sketch. It’s an easy to use app that enables you do design and protype your ideas. Unlike Sketch though, it works on Mac and PC. It’s the newest of these apps, and is still continuing to develop rapidly.