<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

UI Kit Exercises

Explore hands-on “UI Kit” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

Components
Exercise

Components

UI Design Elements
Unique icons
Exercise

Unique icons

Icon Terminology
Assets
Exercise

Assets

Image Types and Formats
Universal icons
Exercise

Universal icons

Icon Terminology
UI kits
Exercise

UI kits

Technical UI Terms
Icons
Exercise

Icons

UI Design Elements
Icons
Exercise

Icons

Image Terminology
Icon sets
Exercise

Icon sets

UI Design Deliverables
UI design
Exercise

UI design

Design Disciplines
Graphical user interface (UI)
Exercise

Graphical user interface (UI)

Common Design Concepts
Patterns
Exercise

Patterns

Image Types and Formats
Icons
Exercise

Icons

Image Types and Formats
Design systems
Exercise

Design systems

Developing a Shared Language
Materials basics
Exercise

Materials basics

Interface Materials & Layers
Component inventory analysis
Exercise

Component inventory analysis

Design System Evaluation
Reusable templates and examples
Exercise

Reusable templates and examples

Building Core Components
What UI kits really offer
Exercise

What UI kits really offer

Design Systems vs. UI Kits vs. Style Guides
Seeing the layers of consistency
Exercise

Seeing the layers of consistency

Design Systems vs. UI Kits vs. Style Guides
Exercise

When to use a UI kit, style guide, or design system

Design Systems vs. UI Kits vs. Style Guides
Avoiding generic design traps
Exercise

Avoiding generic design traps

Design Systems vs. UI Kits vs. Style Guides
Exercise

Maintaining systems over time

Design Systems vs. UI Kits vs. Style Guides
Creating icon components
Exercise

Creating icon components

Iconography in Design Systems
Exercise

Why the inventory is the first step

Interface Inventory as the Foundation of Design Systems
Organizing components into categories
Exercise

Organizing components into categories

Interface Inventory as the Foundation of Design Systems
Structuring and maintaining the icon library
Exercise

Structuring and maintaining the icon library

Iconography in Design Systems
Collecting UI screenshots
Exercise

Collecting UI screenshots

Interface Inventory as the Foundation of Design Systems
Defining functional colors through UI needs
Exercise

Defining functional colors through UI needs

Color in Design Systems
Understanding the interface inventory
Exercise

Understanding the interface inventory

Interface Inventory as the Foundation of Design Systems
Using clear and universal icon metaphors
Exercise

Using clear and universal icon metaphors

Iconography in Design Systems
Naming and tagging icons for efficient search
Exercise

Naming and tagging icons for efficient search

Iconography in Design Systems
Inspecting code to reveal patterns
Exercise

Inspecting code to reveal patterns

Interface Inventory as the Foundation of Design Systems