This week’s eLearning Heroes Challenge was to create a flat office or desktop theme based on your own work space. I love the visual design challenges so I jumped into to this one wholeheartedly!
What is flat design?
For the visual design newbies out there, flat design is a style that focuses on making images look simple, rather than realistic. It’s 2D rather than 3D with minimal shadows and shading and is very clean and modern. It is also really easy to create flat images using just some basic shapes!
Here is a picture of my work space. It’s cluttered (though not as cluttered as it was yesterday!).
Because of that, I decided to use it as inspiration rather than create an exact replica. I actually tried making a close replica at first and boy was it
terrible. Perhaps this means I need to simplify my office set up?
Well, that’s a question for another day.
I ended up cutting out some of the desk shelving and moving the cork boards over to that area instead. I also cut out all the stacks of papers and magazines and flies as well as 4 of my 5 pencil cups. I don’t know why I have so many pencil cups but I’m sure it is someone else’s fault.
I decided to keep my most fun element, a panda shaped pencil sharpener and mini shredder (you turn its tail to make either action happen), along with my yellow walls. I also added in my cat on top of the printer as that is her favorite napping spot when I’m in the office.
Adding some interactivity
In theory, this would be used as a setting for an interaction. I think it would be a little crowded to use as a simple background. So I went ahead and added some interactive elements into it. You can drag the pencil to the panda to sharpen it, view “videos” by clicking on the webcam or first monitor, read an excerpt from one of the books, or view documents in the inbox, on the cork board, and from the printer.
Click on the image above to check it out and let me know what you think! You can also download the source file to use or pick apart at your leisure.
Postscript: While my office has a PC desktop setup, I actually created this on my brand new Macbook Pro while sitting on the sofa in my living room… Just another person prodding Articulate for a native Mac version of Storyline. (Yes, I have put in a feature request!)