Welcome to My (Flat) World

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!

My inspiration

photoHere 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.

My design

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.

2014-09-16_11-43-53I 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!)

Advertisements

One comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s