10 Fun Web Games to Test Your Designing Skills

Do you find it difficult to find an excuse to take a break from your design duties? If so, these fiendishly addictive design games are for you. Each one is ideal for playing during your coffee break, no matter how short it is. And if anyone asks, you can tell them that these games help hone your design instincts and sharpen your skills. Seriously.

In this post are ten addictive games that test your knowledge on things related to design: fonts and kerning, colors and hues, hex codes, site layouts, and more. Race against the time and compare scores with your fellow designers, and most of all, have some fun.

20+ Useful Sketching and Prototyping Tools for Designers

20+ Useful Sketching and Prototyping Tools for Designers

Most web designers work on their projects using software and digital resources like wireframes, mockups, and prototypes, etc.... Read more

Kolor

Think you know magenta from fuchsia or snow from ivory? Here’s a chance to test your eye for subtle shade differences as you race against the clock to identify the correct design color in this great game from Kolor.

Kolor

Kern Type

Laying out text evenly on the page, or ‘kerning’ as it’s known in the typography business, is harder than it looks. However, as any self-respecting designer will tell you, it’s integral to creating slick content on the page.

Kern Type

Shape Type

There’s a fine art to shaping letters, especially when you want to create an aesthetically pleasing image on the screen. Test your skills with this fun, tablet-compatible game. It’s harder than it looks.

Shape Type

Hex Invaders

Whoever said that hex codes were fairly useless in terms of everyday skills obviously never played this game! It’s based on the classic arcade game, but with a cunning design twist, of course. To destroy the invaders, you’ll need to match the supplied hex code that appears on the top of the screen.

Hex Invaders

The Bezier game

Ever struggled to draw things in your designs with the pen tool? With Bezier, you get a tutorial that shows you how to use the pen tool to draw several shapes. Just copy the steps to quickly master the pen tool. Replay the tutorial if you find yourself at a loss.

The Bezier game

Brandseen

Brandseen gives you the chance to combine your knowledge of some of the world’s most famous brands with your color identification prowess. You’ll be shown 9 of the most iconic logos, and you’ll need to use your supreme design-jedi master skills to match the right color to the logo design.

Brandseen

color

Now it’s time to get serious about testing your color knowledge. This simple, yet comprehensive test challenges your eye in finding the right shade. You’ll need to identify complementary colors, analogous hues, triadic, tetradic and saturation.Or just try to get the color in the middle circle right. Good luck!

color

Odd one out

Here’s a nice color recognition game with a twist. You’ll need to find the odd one out each time, but be warned, the game gets progressively trickier! It’s a great way to train your eyes to get used to subtle differences between hues, which is always useful when designing a site.

Odd one out

Pixel perfect

Pixactly is the game that assesses how well you really know your pixels. All you’ve got to do is draw a box that matches the width and height dimensions given, and see how close you get to the right answer. Sounds easy, right? There’s only one way to find out.

Pixel perfect

Online Color challenge

According to the statistics included on this site, 1 in 255 women and 1 in 12 men have some sort of color vision deficiency. No matter your gender, we suspect you’ll find this color sorting game quite challenging!

Online Color challenge

The Rather Difficult Font Game

As designers, we use fonts all the time. So why are the names so hard to remember? If you’re constantly finding that the name of the perfect font that is just at the tip of your tongue, here’s a game to help improve your knowledge and understand the subtle differences between font styles.

The Rather Difficult Font Game

Shoot the serif

Select your level of design skill, then shoot only the serif fonts in order to get promoted. It’s an addictive shoot-em-down style game that helps you easily identify serif fonts. Just make sure you leave the sans serif standing!

Shoot the serif

We hope you enjoyed your break, had a lot of fun, and even learned something new! What’s your favorite game? Do you know any other great design quizzes, tricky experiments, or challenging apps? Do share your scores, achievements, and thoughts!

WebsiteFacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail