UI Design Bootcamp
Hands-on Training from Experts
NYC or Live Online
Learn to design websites and apps and develop your UI Design (User Interface Design) portfolio in this project-based course
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.
This course has a prerequisite
Students should have knowledge equivalent to our Figma Bootcamp.
Take this course as part of a certificate program and save:
Highly Reviewed by Our Alumni
From our hands-on training style to world-class instructors and custom-crafted curriculum, we deliver results our alumni are proud of.
Learn the Skills Guarantee™
Learn the concepts and skills covered in this course or your tuition is on us. See details and terms & conditions.
Hands-on training
Work on projects proven to boost retention
Time-tested curriculum
Refined over many cohorts for an optimal learning experience
The teaching method at Noble Desktop is perfect and the classes provide you with infinite knowledge that makes you eager to take everything they offer. I love Noble!
—Ivonne Ackerman
Learn from experts
Experienced educators who are driven to help you succeed
Retake for free
Refresh the materials for free within one year
Interactive Training
Learn in Real-Time with Small Class Sizes
Attend this course in-person in NYC or Live Online via Zoom. Engage with expert instructors, ask questions, and get feedback on your exercises and projects. Switch between live-online and in-person as needed, even after the course has started.
Unlike other providers, these are not mass open-enrollment classes. At Noble Desktop, you’ll learn in small groups (typically 8-15 students) and receive personalized attention.
On Campus in NYC 185 Madison Ave, NYC
Get face-to-face interaction with an instructor and other students when you learn at our NYC campus. Courses are hands-on with a computer and software provided.
- Live, interactive class
- Experienced instructor in the room with you
- Computer and software provided
Live Online Remote, from anywhere
Get the same interactivity and access to the instructor as in-person students. There are no extra fees and we’ll work with you to ensure your remote setup is perfect.
- Live, interactive class
- Experienced instructor teaching over Zoom
- Remote setup assistance provided
Expert Instructors
Our instructors are verterans of their field and experienced educators, driven to help you succeed.
Earn a Certificate of Completion
Upon completion of this course, you’ll receive an official certificate testifying to your mastery of the curriculum. We’ll send you a link where you can download your certificate, share it online with your friends, post it to your professional network on LinkedIn, and view all your earned certificates. Congratulations on your achievement!
Shareable on
Free Retake & Class Recordings
Missed a session or need a refresher? We have you covered!
Free Retake
We offer a single free retake of the the class within a year.
Class Recordings
You can also access recordings of each session in your student portal within one business day of the session’s end. Recordings are available for one month after the session.
UI Design Bootcamp Curriculum
What You’ll Learn at a Glance
- 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
Samples of Student Portfolio Projects
Here are some projects students created for their portfolios as part of this course.
Course Syllabus
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
We cover the tools and techniques you need to succeed.
-
UI Design Principles
What makes for a good looking User Interface (UI) for websites, app, etc.? The combination of layout, hierarchy, spacing, typography, color, interactivity, and more are all important factors.
![Logo for UI Design Principles]()
-
UI Portfolio
Portfolio websites are how UI designers show their skills and get hired. Create a collection of UI examples (showing good visual design) to show potential clients or employers.
![Logo for UI Portfolio]()
-
Figma
Design the UX and UI of digital products such as websites, apps, and more. Build prototypes and visual designs in this design app.
![Logo for Figma]()
-
Layout
Layout is important for establishing how you look at a design. Sometimes called composition, it’s the design principles of hierarchy, spacing, alignment, and more which affect the appearance and usability of a design.
![Logo for Layout]()
-
Typography
Typography is the art of styling text. Type design establishes hierarchy, affects legibility, branding, and includes choosing typefaces, size, line spacing, and much more.
![Logo for Typography]()
-
Color Theory
Color theory guides how we apply color to elements in a design. Decisions such as which elements get color, what color, which combinations of colors (color harmony), and more are considered.
![Logo for Color Theory]()
Frequently Asked Questions
Does this course require any prior knowledge or experience?
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 payments plans or student financing. See our Payment Plan FAQ to find related programs that qualify.
Can I take this course online (remote learning)?
You may attend this training virtually (online) at the scheduled time the course is offered (New York, Eastern Time).
How does attending “live online” work?
- Students can attend this training remotely through screen sharing software (we use Zoom).
- Participants can hear the instruction, ask questions, and even share their screen with the instructor.
- For audio you can use your computer’s microphone/speakers or call a phone number that we’ll provide.
- Classes are activity-based and taught by a live instructor, so we strongly encourage students who are local to the area to attend in person!
- You will need your own computer and copy of any required software. If you don’t have the software, you can usually do a free trial or purchase your own license. If you need assistance, contact us at hello@nobledesktop.com
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.
- If you can’t come into the classroom but can still attend remotely, we will provide you with the Zoom login information.
- You can use your free retake to make up any missed class time.
