◀️ Last Page

Next Page ▶️

<aside> 💡

In this section, I’ll cover PART 2 of creating your UI/UX design:

For PART 1: 2. Wireframing for UI/UX - How to start your UI/UX project

</aside>

How to create a mood board for UI/UX

How to create a mood board for UI/UX

image.png

Creating a Mood Board

This is an important and helpful step to developing a higher fidelity prototype which will require a branding style that includes defined/consistent typography and color.

To develop your mood board, pull together images that inspire the type of app look and feel you want to have whether it’s for desktop/web or mobile.

Resources for finding inspiration:

The mood board that I developed for my community mobile app in this example:

Mood Board.png

For this mood board, I looked for colors, typography, UI/UX screen examples and other visual design that felt aligned with the branding I wanted for my mobile app.

Creating a Brand Kit

A brand kit is a helpful tool to refer to as you start designing the visual design of your app. It helps you stay consistent as you create your design. Use the mood board you curated to help develop your brand kit and logo.

What to include in your brand kit: