UI Design Course

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.

UI designers play a critical role on any web design team by creating pixel-perfect user interface designs for a variety of digital products. Through BrainStation’s live UI Design course, you’ll learn user interface design principles and industry tools to create beautiful interfaces that resonate with users.

Principles of UI Design

Beautiful UI solutions are built on the right framework and mindset. In the first unit of BrainStation’s UI Design course, you’ll develop strong UI design fundamentals by familiarizing yourself with common UI elements, best practices, and concepts.

Learn human-centered design principles and apply your new knowledge to create interactive and intuitive user interfaces. Practice creating sketches and translating them into wireframes using Figma, an industry-leading UI design tool used throughout the course.

Basics of UI Design

Build your understanding of UI design basics by familiarizing yourself with common elements, best practices, trends, and features used by UI designers today.

Principles for User Interface Design

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.

UI Wireframing

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.

Visual Design

With your user interface designs planned through sketches and wireframes, you're ready to begin adding layers of detail and refinement. In the second unit of BrainStation’s UI Design course, 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.

UI Elements

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.

UI Color Palettes

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.

UI Accessibility

Accessibility ensures designs are inclusive. Learn the role UI design plays in creating accessible solutions by understanding the diversity of abilities, including auditory, cognitive, physical, and more. Apply this understanding to inform and elevate your user interface designs.

Responsive Design

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.

Mobile UI Design

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.

UI Prototyping

Using industry-standard UI design tools, build interactive UI prototypes that allow you to click and tap through your designs and experience them first-hand. Get hands-on practice using user interface prototypes to iteratively develop your designs.

Interaction Design

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.

UI Design Career 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.

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.

User Interface Design 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 user interface design portfolios and explore how to showcase your future design work.

UI Trends

UI design is rapidly a changing field. UI 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.