Kimberly Bourque Portfolio Blog
  • Blog
  • Portfolio

Pantone's color of the year

12/17/2014

8 Comments

 
When David Anderson tasked the Articulate community with designing an elearning interaction using Pantone's 2015 color of the year, I jumped on it. While many do not like the color choice, I happen to be the opposite. I LOVE this color. However, it must be said that I do not love the color swatch, I love this color in images, on people, and in food, etc.

After struggling for a while to figure out how I wanted to design my layout, I remembered digital magazine layouts I screen captured for future inspiration from National Geographic Traveler.

Picture
Screen captures from my iPad. Photo Credit: National Geographic Traveler, September 2014 edition
I decided to remake their ingenious quiz with the marsala influences. I found an article by Stylyze that used Pantone's lovely styled photoshoot and added a color scheme.

Here's my color scheme inspiration from Stylyze:

Picture
Photos captured from Stylyze
After nailing down my color scheme, I began the task of figuring out the dimensions of my final layout and creating the 9 placeholder shapes. This took a considerable amount of time until I found the perfect blend. The final dimensions of the layout is 600x800.

Filling the shapes with the pictures was the easiest task. I decided to use 9 images from the Pantone photoshoot mixing images found on Stylyze's article and on Pantone's article so that the images would match by color/tone/style.

The OCD perfectionist in me loves symmetry and in my final output, you'll see that I let that go when numbering the individual boxes. It was very tough, let me tell you.

Each image simply has a state that changes once it is clicked on with a box filled with the marsala color. The biggest hurdle was trying to figure out how to get the selected state to stop showing the numbers on top of the state change.
Picture
It took a little bit of thinking, but then it hit me (after leaving the file alone for a time) that all I had to do was change the state of the number to hidden when the user clicked each box.

All that was left was to sit back and really enjoy how the final product turned out.
Picture
View the demo by clicking on the picture, or going here.

If you'd like your very own version of this file, download here.
8 Comments
dedektör fiyat link
8/2/2022 01:52:15 am

Really informative article, I had the opportunity to learn a lot, thank you. https://www.ugurelektronik.com/

Reply
takipci satin al link
8/2/2022 09:40:01 am

Really informative article, I had the opportunity to learn a lot, thank you. https://takipcialdim.com/ucuz-takipci-satin-al/

Reply
instagram takipçi satın al link
8/3/2022 02:29:38 am

Really informative article, I had the opportunity to learn a lot, thank you. https://www.takipcikenti.com/instagram/turk-takipci/

Reply
okx kayıt olma link
8/9/2022 04:54:56 am

Really informative article, I had the opportunity to learn a lot, thank you. https://www.smsbankasi.net/2022/01/okex-nedir-nasl-kayt-olunur-nasl.html

Reply
shopify yurtdışı kargo link
8/9/2022 08:54:03 am

Really informative article, I had the opportunity to learn a lot, thank you. https://www.smsbankasi.net/2022/08/amazon-shopify-aliexpress-walmart-ebay.html

Reply
instagram takipçi satın al link
8/11/2022 04:41:19 pm

Really informative article, I had the opportunity to learn a lot, thank you. https://bit.ly/instagram-takipci-satin-al-takipci

Reply
Mobil ödeme bozdurma link
8/19/2022 03:55:56 pm

Really informative article, I had the opportunity to learn a lot, thank you. https://guvenbozum.com/

Reply
weptekno link
9/10/2022 06:04:15 pm

En güncel haberleri weptekno.com sizin için hazırladı.

Reply



Leave a Reply.

    Author

    Hi my name is Kimberly Bourque Valliere and I'm an Instructional Designer; lover of technology, Articulate Storyline, pictures, and learning.

    Welcome to my blog! You'll find examples of my work, Articulate challenges that I've participated in, and my general professional opinions (all my own, of course--I have plenty.)

    Take a look around and if you'd like to see my formal portfolio, click the link above.

    Thanks!


    Based on a true story...

    Archives

    July 2015
    December 2014
    October 2014
    July 2014
    February 2014

    Categories

    All

    RSS Feed

Powered by Create your own unique website with customizable templates.