UI Design Bootcamp
via Noble Desktop
Affiliated with Course Report
Develop interface projects in Noble Desktop's UI Design Bootcamp. The course focuses on visual design decisions for webpages and apps, connecting layout, typography, color, and interface conventions with Figma work. Instructor feedback helps you refine projects that demonstrate how you approach the design of a digital interface.
What's included with live classes
- Free course retake within one year to refresh the material and gain practice.
- Class recordings
Overview
UI Designers, sometimes called Visual Designers, are responsible for the look and feel of apps, websites, and digital products, making sure everything is both beautiful and visually effective. This course teaches you the best practices for designing websites and mobile applications, all under the guidance of expert instructors who give you one-on-one feedback as you learn and grow.
You'll start by building a strong foundation in the essentials of design, including color, typography, layout, standard interface conventions, and UI patterns. From there, the course takes a project-based approach, meaning you're putting those concepts into practice right away and building up a portfolio of work you can show to potential employers or clients. It's the kind of hands-on experience that makes a real difference when you're just starting out in the field.
Prerequisites
Students should have knowledge equivalent to our Figma Bootcamp.
Topics included
Schedule & enrollment
Find dates that fit your schedule, then book on Noble Desktop.
- Live tuition
- $1,695
- Course length
- 30 hours
All class times are Eastern (ET).
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 6pm ET
Final session ends at 9pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 6pm ET
Final session ends at 9pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
-
Dates
–
Class time
Starts at 10am ET
Final session ends at 5pm ET
Attend
In-person or live online
Confirm current dates and availability on Noble Desktop before booking. Enrollment opens in a new tab.
Self-paced tuition & enrollment
Learn through recorded lessons on your own schedule.
- Tuition
- $1,695
- Course length
- 30 hours
- Format
- Self-paced online
This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.
Loading enrollment options…
Prefer to enroll directly? Open the course website.
Curriculum
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
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 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
Self-paced course
Learn through recorded lessons on your own schedule.
This course is available for 30 days. You can choose when to start your access period. Once you activate, you will have 30 days to complete it (access the course materials, quizzes, projects and videos). You may request one extension of seven (7) days. Other extension requests will be evaluated on a case-by-case basis. Videos are not downloadable.
View self-paced tuition & enrollmentUI (User Interface) Designers focus on creating visually appealing, intuitive layouts for websites, apps, and digital products. In this project-based course, you’ll learn best practices for designing webpages and mobile interfaces while building a foundation in color, typography, layout, UI patterns, and standard design conventions.
Guided by expert instructors, you’ll apply these concepts through hands-on projects, receive personalized 1-on-1 feedback, and develop a professional portfolio that showcases your UI design skills to potential employers or clients.
Self-paced prerequisites
Students should have knowledge equivalent to our Figma Bootcamp.
Self-paced curriculum
What you'll learn self-paced
- 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
Self-paced 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 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
What's included with self-paced
- Course workbook
Course Reviews
Is this course right for you?
Knowledge equivalent to the Figma Bootcamp is expected. Choose this course for UI project development and feedback. Compare the UI Design Certificate if you also need the broader software and visual-design foundation surrounding portfolio work.