Mood boarding is a technique often used in web and graphic design, but its use is even broader than this. Painting, photography, game design, interior design, movies, marketing, fashion, music, advertising and even architecture are domains where mood boarding is used to develop concepts and to intercommunicate with other members of the design team. A mood board is a type of poster design containing text, images and samples of objects used in a composition of the choice of the mood board creator. It enables a person to illustrate the direction and general style which the final product is pursuing.
Mood boards are not limited to visual objects and can also be used to visually explain a specific style of writing or a setting for a storyline. Mood boards serve as visual tools and inform the others about the general “feel” that a designer tries to achieve. Mood boards are usually created digitally, as it is much easier, but physical objects tend to have a higher impact on people. In some countries graphic design students study mood boarding as a semester-long course.
Why and where?
Mood boards are useful when trying to establish the aesthetic flow of a site. In most cases it doesn’t give a tremendous amount of inspiration, but you can get from it something you can use further. It is also very good time saver in the creative process. Many issues can be solved right away (or at least easier) if you go for a mood board – which, by the way, also solves some problems you would normally encounter later on during the development phase.
The first time you can use a mood board in a design project would be submitting it to the client. If he likes the feel of it, you can move on and create a layout. If he doesn’t like it, you create another one. The advantage is that you don’t always spend time on creating a new layout which takes hours to finish – the risk of losing time with something that will never be used is minimal.
Mood boards also set a general direction for your layouts and project in general. It cuts the time spent on a project which has a bad planning phase behind. By submitting one of those to a client you might help him understand some of the research you do before starting to design. We say that an image is better than a thousand words. Imagine how much a mood board with ten images can do. You will understand this better if you’ve had a situation when a client that couldn’t understand anything about a concept, but got the idea immediately when shown a picture or an example. A mood board works in a similar way. It creates a picture in the clients’ minds and makes sure the drafts you come up with will not shock them, as they are already used to the flow and expect something like that.
Image by Board Shanty.
The first thing you need to do is to choose the best elements that can help you. Start thinking about the general direction you want your project to take and also about the client and what would he be interested in. Mood boarding can also be done in a different way than most do it: this is where you can already start designing your layout, only just on paper. You will only draw it in grayscale and will only draw the homepage and two other subsequent pages – with not very much details besides the containers and menu. I think that this overlaps with the creative process and don’t usually like starting designing before the mood board is accepted.
Designers who use mood boards to set up an environment or a general feeling do not start designing already. They include few examples of websites they like, color schemes (Adobe Kuler is probably the best help you can get), textures or photography. All these come in a style which will be further developed into a website. Words that can describe a mood board could be: dark, slick, glossy, modern, soft, round, elegant, realistic, rough, bright, sketchy, colorful and so on. As you can see, these are words that can also describe a web site or a poster. The transition from a mood board to the final product should be easy to notice.
Mood boarding is not a difficult process and doesn’t need to much explanation. The most asked question is if it should be done on paper or on the computer. As mentioned earlier, I am a fan of doing it on the computer. Photoshop works just fine for me. However, there are some other online solutions you could use, so I will review some of them for you today.
Sampleboard is one of my favorites. It allows you to upload images and organize them into projects. You can also store them online and use the integrated web editor to pull together trends and color schemes. You have the option of sharing your mood boards with others on social media and even turn them into documents or presentations thanks to the exporting options.
Evernote is a virtual mood boarding tool useful for clipping and pasting collected inspiration. You can do it online, use their desktop program or the mobile application – so Evernote is simply everywhere. You can even integrate handwritten notes or images captured from web pages or your camera device.
You can’t create mood boards here, but you can get a lot of inspiration from Polvore. It is a community with 6.5 million monthly visitors and you can find many styles and trends from around the world and get inspired from them.
Image by BMerry.
If you find yourself often in the middle of the creative process and don’t know where to head, think of using a mood board next time. Many us of use mood boards and, in the least, they will help you set up the mood of the project. I am not saying mood boards will solve all your problems – they will obviously not, but they will help you along the way. They are not very difficult to create and are a solid base for your projects, so at least give it a try. You will fall in love with them and will never start another project without one.
Until next time… what do you think about mood boarding? Have you ever used one or do you plan on doing it? If you have used a mood board before, how useful was it as a whole?
Why Mood Boards Matter? on Web Designer Depot
A Great Example of Mood Boards In Action on BoagWorld
Inspiring Mood Boards on Flickr