Professional Certificate
UI Design Course San Francisco
Level-up your design skills and accelerate your design career by learning how to build stunning visual interfaces and interactive prototypes using cutting-edge tools.
View the Course Package to access:
- Tuition details and scholarships
- Financing options
- Employer sponsorship
The highlight of my learning experience was finishing the course with a tangible case study to add to my portfolio.
Stephanie Krompier
Creative Director at Marks Agency
Learn Essential UI Design Skills Live, Led by Experienced Design Leaders
UI Designers play a critical role on any digital team by creating pixel-perfect user interface designs that represent delightful and intuitive digital products. Through this live course, learn visual design principles and industry tools to create beautiful, functional, and interactive interfaces that resonate with users.
Format
Online classroom. Live and expert-led.
Skill Level
Ideal for learners looking to upskill.
Real Outcomes
Build an interview-ready portfolio project.
Professional Certificate
Earn a BrainStation UI Design Certificate.
Upcoming Course Dates & Campuses
Due to COVID-19, some courses are currently being held online.
| First Class | Last Class | # of Classes | Class Times | ||
|---|---|---|---|---|---|
| June 14 August 16 | August 16 | 10 Tuesdays | 3:30pm - 6:30pm PDT | Enroll Now | |
| June 15 August 16 | August 16 | 10 Wednesdays | 6:30pm - 9:30pm PDT | Enroll Now | |
| July 20 September 21 | September 21 | 10 Wednesdays | 3:30pm - 6:30pm PDT | Enroll Now |
This Course is Offered Online in San Francisco
This Course is Offered Online in New York
This Course is Offered Online in Miami
This Course is Offered Online in London
This Course is Offered Online in Toronto
This Course is Offered Online in Vancouver
Unit 1
UI Design Foundations
Beautiful UI solutions are built upon the right framework and mindset. In this unit, develop strong design foundations by familiarizing yourself with common UI elements, best practices, and concepts. Learn human-centered design principles and apply your new knowledge to plan intuitive interfaces that resonate with users. Practice creating sketches and translate them into wireframes using Figma – an industry-leading tool used throughout the course.
-
-
-
Figma
- Key Skills:
- Sketching
- Wireframes
- Design Analysis
- UI Planning
Explore UI Elements, Patterns, and Concepts
Build your understanding of UI design by familiarizing yourself with common elements, best practices, trends, and features used by UI designers today.
Learn Essential Principles for Impactful Designs
Human psychology shapes how we process information and interact with design solutions. Learn the Gestalt Principles – a set of design principles used by leading companies to improve the aesthetics, engagement, and usability of their digital experiences.
Draft Designs With Sketches & Wireframes
The best designs are made using an iterative process. Learn how to plan and validate your designs quickly by practicing sketching and wireframing. These methods allow for rapid cycles of testing and iteration to catch issues early on and optimize your designs.
Unit 2
Visual Design Principles
With your designs planned through sketches and wireframes, you're ready to begin adding layers of detail and refinement. In this unit, you'll learn critical concepts for visual design, creating structure, deepening communication, and supporting accessibility. Explore ideas like color contrast and visual identity, along with accessibility tools and best practices for visual design.
-
Figma
-
Stark
-
Tota11y
-
Material Design Color Tool
- Key Skills:
- Design Grids
- Color Theory
- Typography & Visual Hierarchy
- UI Accessibility Fundamentals
Build Structured, Clear, and Intuitive Interfaces
Good design is invisible – users shouldn't need to think about how to interpret what they are seeing. Apply core design concepts including grids, hierarchy, typography, alignment, and spacing to build on your designs and support usability.
Create Compelling Visuals by Applying Color Theory
Colors are an important part of human communication, and affect how users feel and process information. Learn to use colors effectively in designs, branding, app interactions and more. Apply your knowledge and build on your wireframes with the strategic application of color.
Explore Accessibility
Accessibility ensures designs are inclusive. Learn the role UI design plays in creating accessible solutions by understanding the diversity of abilities; such as auditory, cognitive, physical, and more. Apply this understanding to inform and elevate your designs.
Unit 3
Responsive Design & Prototyping
Modern design needs to accommodate the wide range of devices in today's technology ecosystem. In this unit, you will explore how to adapt your designs to a variety of responsive layouts and practice creating interactive prototypes to test your designs and define a near-complete experience. Finally, you'll explore key motion and interaction design principles, learning how these concepts should be used to enhance your designs and bring them to life.
-
Figma
- Key Skills:
- Responsive Design
- Interactive Protoyping
- Interaction Design (IxD)
Explore Responsive and Mobile App Interfaces
User interfaces for leading apps are available across devices such as your TV, Phone, Laptop, Tablet, and more. Learn how interfaces are built to function across different devices and screen sizes. Explore app design concepts and patterns to help inform flexible designs.
Build Interactive Prototypes to See Your Designs in Action
Using industry-standard tools, build interactive prototypes that allow you to click and tap through your designs and experience them first-hand. Get hands-on practice using prototypes to iteratively develop your designs.
Learn Interaction Design and Animation Principles
Modern interfaces support user interaction, and provide polish, life, and identity through animation and moving elements. Learn essential principles that explain how and when to use interaction design (IxD) and motion successfully.
Unit 4
Industry Workflows & Professional Development
A UI Designer works as part of a group, contributing their designs to a larger project. In this unit, you will learn how to prepare your designs for other teams by leveraging the Design Quality Assurance process. You'll also explore how to use Figma for design handoff and collaboration with developers. Finally, you'll learn about the importance of design portfolios, round out your knowledge with additional concepts, and familiarize yourself with what's in store for the future of UI design.
-
Figma
- Key Skills:
- Design Presentations
- Design Handoff
- UI Design Trends
Learn Industry Workflows and Design Handoff
UI Designers play an important role as part of a larger project. Learn how digital agencies and product companies integrate UI design as part of their work, and explore industry tools used to communicate your design to developers, product managers, and other stakeholders responsible for delivering the end-product.
Explore Design Systems & Portfolios
Design projects often reuse components to build consistency and support the user experience. Learn about design systems and style guides as an important tool to accelerate progress and improve communication. Review design portfolios and explore how to showcase your future design work.
Understand Future Trends in UI Design
UI design is rapidly a changing field. Design trends are constantly evolving while new interfaces, like voice and wearables, introduce completely new paradigms. Explore these trends and identify future learning opportunities within the field of UI design.
Taught by Experienced Industry Experts
BrainStation Instructors are experienced practitioners who work at the world's most innovative companies. They're experts in their field, and enter the classroom with years of experience making sure you're learning the most up-to-date and practical skills companies around the world need.
Built With Experts From The World's Most Innovative Companies
BrainStation partners with industry experts when building all of our courses, ensuring every course covers the latest industry-relevant topics and tools businesses need. We continue to work with our network of experts to update our courses so they're always up to date.
Build and Showcase Your UI Design Portfolio Project
Earn your certificate and showcase everything you've learned with a real-world portfolio project. Build a UI design solution of your choice from sketches through to an interactive prototype with your own UI scheme. By the end of the course, you'll have created a stunning, usable UI solution and have the opportunity to present your process and final output as part of your portfolio.
View Tuition, Financing Options, and More in the Program Package
View the Course Package to access:
- Tuition details and scholarships
- Financing options
- Employer sponsorship
Earn a BrainStation UI Design Certificate
Upon completing BrainStation's UI Design Course, you'll receive an industry-recognized professional certificate to share with your network and showcase all that you've learned. BrainStation certificates are formatted for sharing on LinkedIn.
What Our Graduates Are Saying
Dylan Hebb
Senior Consultant at Content Bloom
When you take a BrainStation course, you're learning with some of the very best in the industry. You collaborate with product managers, digital strategists, UX designers, and all kinds of other backgrounds.
#brainstation #BeFutureProof #LearningAtBrainStation #remotelearning
Andrew Gosine
Product Designer
Our instructor... was clear, detail oriented, and made the learning environment safe and collaborative. We got a lot of real world examples from him, and all the little details he shared made this entire course special, and more than simply reading a textbook.
Overall, I'm a big advocate for Brainstation's courses - they've proved to be extremely valuable in my career.
Stephanie Krompier
Creative Director at Marks Agency
The highlight of my learning experience was finishing the course with a tangible case study to add to my portfolio... One of the most valuable skills I learned with UX/UI, is understanding how important it is to follow the design process, as it has been developed for a reason.
Read Full Testimonial
Mahnoor Adnan
My experience at BrainStation was a 10/10! This was my first time taking a course at BrainStation and I couldn't have asked for anything more... The lectures focus on the theory as well as hands on learning. At the end of the course, you have a final project that is completed to add into your portfolio. I would highly recommend BrainStation for anyone looking to advance their skills in a certain area. I look forward to taking more courses here in the future.
Join our growing community of 15,000+ alumni.
Frequently Asked Questions
-
What is the difference between UI and UX design?
UX design is the craft of making a user's experience as effective, efficient, and pleasant as possible, especially when interacting with digital products. Essentially, it's the process of designing products with the user in mind.
UI design, on the other hand, refers to all the visual design elements the users of a website, app, or piece of software (or mobile device, or even appliance) interact with. The "UI" in "UI design" stands for "user interface."
UI design, therefore, has a narrower focus than UX design, which concerns a user's entire journey from beginning to end. These two specialties must work seamlessly together to create a strong user experience.
-
Will I earn a UI design certificate from this course?
Yes, when you complete the UI Design course, you will earn a BrainStation User Interface Design certificate, which can boost your LinkedIn profile and resume, helping you stand out in the job market when applying for UI or UX design positions.
-
What payment options do you offer?
BrainStation offers some of the most competitive payment options for UI design training, with a range of flexible plans and scholarship opportunities.
These include:
-
Monthly payment installments
Allowing you to split your tuition into smaller monthly payments.
-
Employer sponsorship
Get your tuition reimbursed by your employer.
-
Scholarships
We offer a range of scholarships to make learning UI design more accessible.
-
Monthly payment installments
-
Are there any prerequisites for this UI design course?
BrainStation's UI Design course was created for those who are new to UI or UX design, and can be considered beginner-friendly. There are no prerequisites for this course.
-
What kind of backgrounds do people have that take this course?
By enrolling in the UI Design course, you can expect to learn from an Instructor with experience in the UI and UX design field, and to collaborate with a wide range of like-minded, ambitious professionals keen to boost their UI design skills.
From an educational point of view, 80 percent of learners at BrainStation have a post-secondary education, with 20 percent having earned a Master's degree or PhD.
Professional backgrounds vary quite a bit, as an increasing amount of individuals – from development to marketing – are looking to add design know-how to boost their career toolkit.
-
What design tools do we learn?
Throughout the UI Design course, you will learn to work with design tools that will take your digital design skills to the next level.
This course provides hands-on experience with Figma, a powerful and flexible industry design tool used by leading companies. You'll also have the chance to learn about motion graphics, mood boards, and accessibility tools that will help you effectively plan and create stimulating and inclusive designs.
You May Also Be Interested In:
UX Design
UX Design is the broader design discipline that includes UI Design and more. In BrainStation's UX Design course, you'll go deeper on UX concepts like Design Thinking, user research, personas, information architecture, and more.
Design Thinking
This hands-on course allows you to experience the design thinking process through an iterative series of exercises that will prepare you to apply Design Thinking to a wide range of challenges. Design Thinking has emerged as an essential tool for all kinds of designers, and complements the material covered in BrainStation's UX Design course.
View Course