UI Design Bootcamp Online With Software

This course includes

30 hours of project-based training from experts
Answers from real instructors
Proprietary workbook included
Access to class recordings (30 days)
Verified digital certificate of completion
Learn at an accredited institution

UI Designers focus on creating visually appealing and intuitive layouts for websites, apps, and other digital products. In this project-based course, you will 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 will apply these concepts through hands-on projects, receive personalized 1 on 1 feedback, and build a professional portfolio that highlights your UI design skills for potential employers or clients.

This course has a prerequisite

Students should have knowledge equivalent to our Figma Bootcamp.

Digital Design Certificate Online

Tuition

Full Tuition

$1,695
Due before the class starts

This course includes

30 hours of project-based training from experts
Answers from real instructors
Proprietary workbook included
Access to class recordings (30 days)
Verified digital certificate of completion
Learn at an accredited institution

Why Learn at VDCI?

Hands-on training

Work on projects proven to boost retention

Time-tested curriculum

Refined over many years for an optimal learning experience

This training will definitely help my career. I was able to show my supervisor and co-workers what the software programs have to offer and what I'm capable of when the time comes for creating that construction design team in the future. I was able to provide documentation to my employer that the money spent was well worth it. The training I received at VDCI will become an asset moving forward.
—Donahue Chase

Learn from AEC industry experts

Experienced educators who are driven to help you succeed

Receive support from course instructors

Get help when you need it

100% Online. Start Anytime

24/7 access to our premium course videos and projects.
Industry experts are assigned as your course instructor. Message your instructor with any questions.
Participate in VDCI online discussion forums — share ideas and receive additional support.
Hands-on quizzes and mini projects to test and reinforce concepts.

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

Sample credential for completion of UI Design Bootcamp Online

male student at computer workstation taking revit course

UI Design Bootcamp Online Curriculum

What You'll Learn at a Glance

Develop a solid understanding of UI design fundamentals, including typography, color, and layout principles
Design engaging, user-friendly interfaces for websites and mobile applications
Use Figma to create wireframes, prototypes, and interactive designs
Receive personalized feedback and expert guidance to strengthen your design skills
Create portfolio-ready projects that showcase your UI design abilities
Learn industry best practices and UI patterns used to produce effective digital products

Course Syllabus

Download Syllabus PDF

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

Frequently Asked Questions

Is this course open to beginners?

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 Options FAQ to find related programs that qualify.

How long do I have access to the course materials?

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.

What is the cancellation and refund policy for this single course?

For this course, you are entitled to a 90% refund (your payment less the nonrefundable 10% registration fee) within 30 days of purchase if you have not accessed the course materials.

What’s included with my tuition?

A hands-on learning experience working on projects and exercises, which is proven to boost comprehension, retention, and engagement
Expert instructors who are industry professionals and experienced educators that are driven to help you succeed
Expert support with answers to your questions from real instructors throughout your learning journey
Comprehensive learning materials including proprietary workbook developed by industry experts
30-day access to class recordings to review material at your own pace
A certificate of completion to verify your accomplishment
The confidence of learning at an accredited institution

Are there any additional fees or expenses?

There are no extra fees or taxes for our courses. The price you see on this page is the maximum you’ll pay us.

However, you may need to obtain required software. We’ll help you get set up with a free trial of paid software prior to the class. Most of our coding classes utilize freely-available open-source software. For most of our design and motion graphics courses, we will help you get set up with a free trial of Adobe Creative Cloud. If you attend the course in-person, we will have a computer already set up for you with all of the required software for no additional cost.

Do you offer any discounts for this course?

We don’t currently offer discounts as we do our best to affordably prices our courses.

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

Digital Design Certificate Online

Price: $4,495 | Hours: 138 Hours

Installments
	10% non-refundable deposit
$1,695.00	Total You Pay

This course includes

This course has a prerequisite

Take this course as part of a certificate and save:

Tuition

Full Tuition

This course includes

Why Learn at VDCI?

Hands-on training

Time-tested curriculum

Learn from AEC industry experts

Receive support from course instructors

100% Online. Start Anytime

Earn a Certificate of Completion

UI Design Bootcamp Online Curriculum

What You'll Learn at a Glance

Course Syllabus

UI Fundamentals

How & when to use common UI patterns

Wireframing for UI Designers

Wireframing

Wireframe to Refined Design

UI or Visual Design Concepts

Learning from Existing Websites & Apps

Color

Typography & Fonts

Design Elements

Trends in Web & App Design

Design Patterns

Multiple Screen Sizes

Frequently Asked Questions

Is this course open to beginners?

Do you offer payment plans or student financing for this course?

How long do I have access to the course materials?

What is the cancellation and refund policy for this single course?

What’s included with my tuition?

Are there any additional fees or expenses?

Do you offer any discounts for this course?

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

Related Courses: Compare to UI Design Bootcamp Online

Figma Course Online