Hey, in this video we're gonna look at mood boards  and inspiration and we've done our wire frames  and now we're gonna move into the physical  designing stuff in a second. So we're gonna build a ui. Now, before we go  and do that, we wanna get an idea about what this kind  of look and feel's gonna be now, the um,  the term's called mood boards. And it's just a way of getting together a bunch of stuff  that other people have done to give a kind of a feeling  of what you are gonna do. Now if you're working in a larger company, you might have  to present your mood boards, okay? You'll have to actually, you know, display them  and show the kind of thing that,  the path you're gonna go down before you go and do it.

If you're doing it in a smaller team, it might be just be,  uh, get some stuff together  and be a kind of like an over the shoulder type thing  where somebody's just kind of, you know, you're kind  of spit balling with 'em about ideas before you go off  and do it either way. Um, there's a really cool tool  that I use is one here called Nice With Two Eyes, um, do co. So Nice co there is there  and all it is is just a mood board. It's like Pinterest. You might use Pinterest, that's fine. I don't like Pinterest for the fact that it's, um,  it has a very, uh, I like this  because it's really strip beer.

Okay? I've got all these kind of images here,  like Pinterest, but it's all kind of like more  of a montage than a, you know, like a kind of a list, kind  of formal kind of thumbnails like Pinterest does. You could use Pinterest just fine. Now what you do is you install Go it,  sign up, there's a free account. I think you get like four mood boards you can do. And what happens is there's a little icon,  you see the top here, there's this little eye,  two eyes here, that's the little Chrome plugin.

Um, it's free to install. And what it means is you can go to other sites, say say I go  to a site, like, um, let's just say I go to Bee Hunts, okay? And I'm looking, bee hunts is a good way  to get inspiration, okay? Say you do a search in here and you're looking for ui  and in here you are looking for just, just ideas  and concepts for yourself  and say you like, um, some  of these designs on this page, okay? What happens is say you like this  and want to use this to your mood board  'cause you like the look and feel for it. What you can do is you can click this little icon here  so little thing pops up in the bottom  and what we can do is we can create a new board.

So I'm gonna add a new mood board  and this is going to be for my uh, video tutorial  project, okay? And what happens is grab this little icon,  drag him down here, okay? And he's added to this mood board,  find some other stuff, okay? Some say you like that, but you also like this. Okay? And you drag this into that mood board  and what's happening is you can keep adding things  to this mood board, jump back to Nice  and we'll see in here, hopefully give it a refresh.

There's my video tutorial project. I'm gonna click on that and there's my mood  board with these two on here. And uh, the free version has some features disabled. Um, but you can print these, you can print them to A PDF  and once you've got a few of them, watch this. We'll keep adding some stuff as we go along. But you can start to do, actually  that's quite an important one.

And this one here, you can move around to this function  and you can build this really nice mood  board to get a look and feel. And then what you do is you go to your client  or to the, you know, your stakeholders  and say, this is the look I'm going down. Or you might create two mood boards  and say this is one option, this is another option, which,  you know, how are we feeling about it? Or before you go off and spend loads of time designing. Okay? So, um, uh, that's how you build your mood boards.

Now, sites you can go to to get inspiration,  you probably got somewhere you go,  okay's got a place now I'll share you mine. Um, and it's quite specific to do with UI and ux. Now the first one is this one called the Webby Awards. So every year there's a Webby Awards like the Oscars,  but for designers or UX or UI designers. And there's a bunch of different categories in here. I'm in best user experience  and really cool thing about it is that it,  it details it quite cool, uh, quite well in terms  of apps, okay?

So, um, you can go through  and decide whether it's I'm in the mobile sites  and apps category, but you might go into the web design one. You can see there's a huge amount  of different options in here. But what it does is it kind  of breaks down the apps snarly photos  and really great for mood boards. Okay, Hey Tinder  and uh, you know, so you might decide that I like the look  of this Boomerang app. Okay? And you like the look and feel of it  and you're gonna borrow stuff  or at least get the mood for it there.

Okay? There's not much on this one. But anyway, I can open up my nice app now  and click hold, drag him in  and now he's part of that mood board okay? And just work your way through the site. Webbys. Quite cool.

Another really good one is the awards Dip Dub Dub. Okay? So it's kind of a web based one. There is stuff for both mobile, um, and um,  and websites and um, yeah, just really cool, you know, the,  it's, we find really beautiful stuff, okay. Might get you inspired for your nukes project. Okay.

And they have quite good details who worked on them? Um, yeah. Nice. Okay. And so let's look at some other ones. And we looked at this one already.

Behan, this is Adobe's version. Okay. It has some really cool stuff on here. If I go into this and type search  and I type ux, there's some really cool UX projects on here. Um, cool. Just plan on Google Images.

Okay? So I'm in Google Images here  and I'm just gonna type UI design  and there's just,  just great things to kind of get you started. You might like, I love that. And open up your app, start dragging things in, okay. And yeah, that's how I get my mood boards  or at least my style ideas together in some sort of kind  of order or, you know, just get a feeling for things  and I can go back to my clients  and say, this is what I'm looking  to do before you go off and do it. 'cause they might be like, wow, that looks so 1990s.

And I'm like, huh, I thought they were quite, quite modern  or they, they've got a really different feeling for it. Um, so yeah, mood boards can be really helpful  and save some time before you go in actually doing ui. Alright, so that's it for mood boards  and getting your inspiration. Next step, let's start designing some mockups.