Before this post about mood boards over at Viget Inspire, I never had thought about mood boards in terms of web design. But it makes sense. Almost every artistic and creative medium uses inspiration boards in some way. It's just that, until recently, I had always been a "grab my sketchbook and takes notes" kinda girl. It was quicker (again, until recently), than opening up Adobe Illustrator and just sorta sketching digitally. And when it finally came time for me to start dev work on a project, I always found my desk (and myself) covered in post-its with RGB codes, font sizes and specs, and margin widths and paddings. Seriously. It was intense.
So I've been enjoying using the mood board this time around. It's going to be a much more lightweight process, I can already tell (and honestly, that's sort of the point of redesigning right now as it is). I saved it as a PDF out of Illustrator and I can open it up on my opposite screen, or even print it out if necessary. I do so little design work before dev this way, and can just go straight to CSS and the screen for the most part. It's not the most perfect or complete mood board ever, but it's my first. And it's a good place to start.
It will be interesting to see how this comes together. I'm really excited about the potential new site!
2 Comments
Leave a comment
What a brilliant idea! I don't know why it's never occurred to be me before either but I definitely think planning at the beginning will mean a much more cohesive and detailed design. I hope you don't mind my printing out your mood board and using it as a template of all the different components I should be considering for my redesign!
Go ahead and print it out! There are other mood boards at the Viget post that are definitely what I used to guide me for templates, so I don't mind at all!