Design Mood Boards - Find UI Inspiration for Your Next Project
Event details
Want to better articulate your vision for new projects?
Need support developing a collaborative feedback loop with their client or project stakeholder?
Start your project on the right foot
In this presentation, Breanna Clemens, Senior Designer at Headway, will guide you through the process of using UI mood boards to achieve alignment on creative direction early in your project timeline and ultimately help you deliver a productive solution to your design problem with more accuracy.
Mood boards are a great starting point for any design project and can serve as a visual reference as well as provide a space for UI Inspiration and new ideas throughout the project.
This process is key to ensuring that both the designer and the client or stakeholder are on the same page with the vision. This starts before the actual design work happens and eliminates the potential for the designer to present solutions that are off target.
Get a chance to learn
- Methods and best practices for how to communicate your vision for a project
- How to create UI mood boards in Figma that communicate the "feel" of your idea
- Where to source ideas and visual inspiration for your next project.
📌 In this presentation, Breanna will be using Figma with a focus on Product Design, however, the process of moodboarding can be applied to any design project or design software.
Segments
00:00 - Overview
02:02 - What is a Design Mood Board?
07:44 - Why Mood Boards Are Important
12:33 - Risks of Not Mood Boarding
16:36 - Mood Boarding Best Practices
18:02 - Mood Board Inspiration Sources
19:30 - Mood Boarding Apps and Tools
21:42 - Tips & Tricks for Success
25:29 - Mood Boarding in Figma
34:04 - Key Takeaways
34:54 - Q&A
UI design inspiration sources
Mood board apps and tools
Moodboard Builder - Sketch Plugin
UI design resources
Free UI Kit in Figma - Shipwright Design System
Intro to Using UI Kits in Figma - Video Lesson
Designer's Guide to Icons - Creating App Icons
Free Figma Tutorials for Beginners - Video Course
Intro to Typography in UI Design
Presenters
Reserve your spot
Design Mood Boards - Find UI Inspiration for Your Next Project
Watch the recording
Want to better articulate your vision for new projects?
Need support developing a collaborative feedback loop with their client or project stakeholder?
Start your project on the right foot
In this presentation, Breanna Clemens, Senior Designer at Headway, will guide you through the process of using UI mood boards to achieve alignment on creative direction early in your project timeline and ultimately help you deliver a productive solution to your design problem with more accuracy.
Mood boards are a great starting point for any design project and can serve as a visual reference as well as provide a space for UI Inspiration and new ideas throughout the project.
This process is key to ensuring that both the designer and the client or stakeholder are on the same page with the vision. This starts before the actual design work happens and eliminates the potential for the designer to present solutions that are off target.
Get a chance to learn
- Methods and best practices for how to communicate your vision for a project
- How to create UI mood boards in Figma that communicate the "feel" of your idea
- Where to source ideas and visual inspiration for your next project.
📌 In this presentation, Breanna will be using Figma with a focus on Product Design, however, the process of moodboarding can be applied to any design project or design software.
Segments
00:00 - Overview
02:02 - What is a Design Mood Board?
07:44 - Why Mood Boards Are Important
12:33 - Risks of Not Mood Boarding
16:36 - Mood Boarding Best Practices
18:02 - Mood Board Inspiration Sources
19:30 - Mood Boarding Apps and Tools
21:42 - Tips & Tricks for Success
25:29 - Mood Boarding in Figma
34:04 - Key Takeaways
34:54 - Q&A
UI design inspiration sources
Mood board apps and tools
Moodboard Builder - Sketch Plugin
UI design resources
Free UI Kit in Figma - Shipwright Design System
Intro to Using UI Kits in Figma - Video Lesson
Designer's Guide to Icons - Creating App Icons
Free Figma Tutorials for Beginners - Video Course
Intro to Typography in UI Design