From Chaos to Consistency: Creating and Using a UI-kit for Articulate 360

 

A UI kit is a collection of pre-designed, reusable interface elements, such as buttons, icons, layouts, colors, and text styles, that help create consistent, polished designs without requiring a start from scratch with every project. 

In this session, guest presenter Kate Golomshtok will cover the basics of UI-kits and how their use can be a significant benefit for instructional designers. You’ll learn how to build your own UI-kit from scratch that you can use to help speed up your own projects.

Related Class:

• Top 5 Visual Design Mistakes and How to Avoid Them by Kate Golomshtok

Resources

UI / Design Systems

• Google Material Design 3
• UI for iOS and iPadOS
• Gravity UI
• Bootstrap

Inspiration / UI Galleries

• Dribbble
• Behance
• Call to Inspiration
• Game UI Database
• Design Vault

Colors & Typography

• Adobe Color
• Colors
• Shade Generator
• Google Fonts
• Mixfont

Images & Icons

• Freepik
• Storyset
• unDraw
• Blush
• Humaaans
• Flaticon
• Free Illustrations
• 3dicons

Contact Kate

• LinkedIn: https://www.linkedin.com/in/kate-golomshtok/
• Portfolio: https://rise.articulate.com/share/pMncp-QSH19CzWogfzXVukBnWw7DbAc9#/
• Email: katemart.course@gmail.com