» All Posts «

Design Games

Jackrabbit Design December 7, 2016 Creativity, Productivity

Share Comment 0

There’s an intrinsic link between creativity and mental engagement.

There are myriad ways to stimulate your brain and harvest episodes of creative inspiration (want to better understand the connection? Check out our whitepaper on Neuroscience and Design). If you want to have fun while working your creative muscles, you’re in luck: here are some fun browser-based games that will test your knowledge or skill in typography, color, and more! Enjoy!

Typography Games

01_kerntype
KernType

Summary: Kerning is the adjustment of space between individual letters to improve readability and visual balance. Use the arrow keys to move the selected letters and see how you compare to others.

02_trdfontgame

The Rather Difficult Font Game

Summary: This quiz is part of a great typography resource, ilovetypography.com. How many fonts can you identify? They do offer answers as multiple choice to help narrow it down.

03_ishottheserif

I Shot the Serif

Summary: A serif is a small line attached to the end of a stroke in a letter or symbol. Find more info in our post, Anatomy of Typography. I Shot the Serif challenges you to identify the serif fonts – but you can’t take too long, since there’s a timer and the number of letters increase with each stage you clear.

04_typeconnection

TypeConnection

Summary: Learn about pairing typefaces as you play matchmaker in this typographic dating game. You can read short blurbs on the potential candidates, including Adobe Garamond Pro, Univers, and Archer. It’s a fun way to get to know many of the typefaces we use daily.

bezier
Shape Type

Summary: This one is for those who love Bezier curves. Drag the handles to restore the letterforms to their intended shape. Test both your typographic eye and vector shaping skills.

Color Games

06_color
Color

Summary: Match the given color by adjusting your position on the color wheel. There are sections on hue, saturation, complementary, analogous, triadic, and tetradic. We mention some of these in our color post. A visual countdown shrinks in size as your time runs out, so you need to be fast as well.

07_x-rite

The X-Rite Color Challenge

Summary: Instructions for this challenge are pretty straightforward, but the game itself may not be so simple. Arrange the colored boxes according to hue color and submit your answer to view your accuracy. According to X-Rite, 1 out of 255 women and 1 out of 12 men have some form of color vision deficiency.

09_kolor

KOLOR

Summary: This game starts out pretty easy but gets tricky, fast. You are racing the clock while matching the featured color to its corresponding circle.

08_colorrun
ColorRun

Summary: If you liked the speed of KOLOR, you may also enjoy Color Run. This game simplifies the options to just two colors – left or right. You need to just click on the lighter of the two. Get ready for a vibrant color mash up on your screen!

10_rgb

The Great RGB Challenge

Summary: If you spend your day typing in RGB color values, then you’ll excel at this game. Try to guess the color created with the given RGB numbers. Remember, 0-0-0 creates black and 255-255-255 makes white!

11_colorgame

Eye Test

Summary: One of these things is not like the others. Spot the tile that’s a different color. It starts pretty obvious but definitely gets trickier as they up the tile number and decrease contrast between the colors.

Other Web Games

12_pixactly

Pixactly

Summary: How well can you measure out pixels without any rulers? Test your skill here and draw a rectangle in the given dimensions.

13_designtheweb

Dedesign the Web 2

Summary: Are you familiar with wireframes? You can learn more here! See if you can recognize popular websites when they’re shown as wireframes.

14_logo

Logo Quiz

Summary: Here’s a quick A-Z logo test. Identify these companies from a letter in their logo.

15_logoquiz

Logo Font Quiz

Summary: This quiz requires a bit more background in typography. Try to guess the fonts used to create these famous logos.

0 Comments

There aren't currently any comments for this entry.

Leave a Comment