15 Best Interactive Games for Designers

Train your design skills with these games for designers!️

Kerntype

https://type.method.ac/ - This game is called Kerntype and tests your eye and knowledge of typography, trains you to set the correct kerning.

Kerntype is an engaging game designed to sharpen your eye for typography and refine your kerning skills. Kerning, the art of adjusting the spacing between characters, plays a crucial role in enhancing the legibility of digital text. Despite often being overlooked, understanding kerning is invaluable for designers, especially when crafting custom logotypes or fonts.

In Kerntype, you'll need to precisely space the letters within words. Each word kerned earns you a score out of 100, while offering three different views: your spacing, the optimal spacing, and a side-by-side comparison. Striving for a perfect score can be challenging, but it serves as a constant reminder of the endless opportunities for improvement in typography. That's why we believe it's a rewarding journey of honing skills and refining techniques.

Color

https://color.method.ac/ - This game is called Color Method. It’s a timed game, where you need to choose the right shades on the color wheel - it gets more difficult with each level.

By enhancing your proficiency in color, you empower yourself to make informed and impactful choices across various design endeavors. Color, a dynamic game, prompts you to discern hues, and saturation levels, and explore harmonious color combinations like complementary, analogous, triadic, and tetradic pairs.

Within the interface, you'll encounter an interactive color wheel with a central highlighted hue. The challenge is to identify the corresponding colors within the wheel in under 10 seconds. As you progress, the task escalates in complexity, particularly when matching colors for triadic and tetradic schemes. It's a stimulating exercise that sharpens your eye for color and expands your understanding of its application in design.

Shape Type

https://shape.method.ac/ - The next game is a Shape Method, it will help you to understand type anatomy better. Here you need to return the symbols to their original shape using Bezier curves.

Shape Method offers another captivating vector-based gaming experience worth exploring. In this game, players are tasked to transform a letter into its accurate form by adjusting various anchor points. Afterward, they receive a similarity score out of 100. Similar to Kern Type, players can switch between three views to compare their reshaped letter to the original form.

Beyond honing vector drawing skills, Shape Type provides an excellent opportunity to delve into the anatomical intricacies of various typefaces up close. It's a rewarding journey that not only sharpens your design abilities but also deepens your understanding of typographic elements.

It’s Centred That

https://www.supremo.co.uk/designers-eye/ - It’s Centred That - the game which helps to train your eye. You need to determine whether the point is in the center of the object and sometimes this is not as easy as it seems.

It's Centred That is an excellent tool for refining your sense of alignment and swiftly identifying spacing errors. The task is straightforward: decide whether a dot is perfectly centered within a shape. Despite its simplicity, the game presents a significant challenge as the dots are often positioned tantalizingly close to the center.

This game fosters a heightened awareness of composition by prompting you to assess geometry and locate reference points amidst overlapping and adjacent shapes. It's a stimulating exercise that hones your eye for precision and enhances your understanding of spatial relationships.

I Shot The Serif

https://www.tothepoint.co.uk/us/fun/i-shot-the-serif/ - This game is called I Shot The Serif, here you need to shoot at a speed at the serif, but not the grotesque(sans-serif).

A deep understanding of typefaces empowers designers to establish clear visual hierarchies, ensure text legibility, and effectively convey the intended message of written content.

"I Shot the Serif" is a game that tests your ability to swiftly recognize serif fonts. At the outset, you're presented with two letters, one of which is in a serif font. Your task is to"shoot the serif" by clicking on the correct letter before time runs out. As you advance, the game becomes increasingly demanding, presenting more letters simultaneously, thus intensifying the challenge of identifying and shooting the serif styles.

This game promises to keep you on your toes! This game is surprising by its enduring difficulty even after several rounds of play.

Typewar

https://typewar.com/ - This game is called Typewar. It offers yet another avenue for typeface training, putting your ability to identify various typefaces to the test. Each round presents a glyph, and your task is to select the correct typeface name from a pair of options. Your performance earns or deducts points, and the final score is influenced by how many other players answered the same question correctly.

With its instant feedback, real-time statistics, and exposure to lesser-known fonts, Typewar serves as a motivating platform for continual learning.

The X-Rite Color Challenge and Hue Test

https://www.xrite.com/hue-test - Next game is a very cool challenge in which you need to arrange the colors in the palette in the correct sequence. The task is complicated since all the palettes consist of muted pastel shades.

Do you belong to 1 in 255 women or 1 in 12 men with a color vision deficiency? Whether you're in a profession where color matters or simply intrigued by your color perception, our online challenge is here for you. Derived from the Farnsworth Munsell 100 Hue Test, it offers a fast, enjoyable method to test your color vision skills.

Keep in mind, though, this isn't a substitute for the comprehensive test!

The Boolean Game

https://boolean.method.ac/ - The Boolean Game serves as an interactive tutorial on Boolean operations, essential for efficiently crafting and modifying 2D shapes in vector-based design software.

Here's how it works: You're presented with a shape to replicate, which then transforms into an outline after a brief period. On the left side of the screen, various shapes are available for you to drag into the outline, gradually reconstructing the final shape. Along the bottom of the screen, four Boolean operations—union, subtract, intersect, and difference—are provided. Clicking the Continue button initiates a step-by-step animation illustrating the merging process using the selected Boolean operation. This animation aids in visualizing any mistakes made when selecting the incorrect operation.

The Bezier Game

https://bezier.method.ac/ - Another valuable tool for enhancing your vector skills is The Bézier Game, designed to refine your precision in creating graphics using the pen tool.

Through introductory tutorials, you'll learn to utilize controls like alt and shift to position anchor points and manipulate Bézier handles effectively. The game guides you through drawing both simple geometric shapes and more intricate designs, such as hearts and cars, with minimal anchor points or nodes. Each level provides a set number of nodes, and the game tracks unused nodes to maintain engagement.We appreciate this game for its ability to illustrate the correlation between anchor point placement and Bézier handle angles, resulting in smoother lines and curves.

Can’t Unsee

https://cantunsee.space/  - This game helps you pick the most correct design and improve your UI/UX skills.

Can't Unsee is an interactive game tailored for designers seeking to hone their visual discernment skills. In this game, players are presented with pairs of designs, each containing subtle differences in elements like typography, layout, color, or spacing. The objective is to identify and pinpoint the discrepancies between the two designs within a given time frame.

With each correct identification, players earn points and unlock more challenging levels. The game provides instant feedback on their selections, helping them learn basic design principles and understand why one design is more visually effective than the other.

Logo Design Quiz

https://www.jpink.co.uk/logo_quiz/ - Guess the brand by just a partial preview of its logo!

Players are presented with a series of challenges where they have to either identify famous logos or create new ones based on given prompts. Alongside the gameplay, the game could include educational content about logo design principles, the psychology of colors, and the importance of branding.

Players can learn about famous logos, their evolution, and the stories behind them, enriching their knowledge of design and marketing.

Better Web Type

https://betterwebtype.com/triangle/ - Learn how to kern, lead, or track the perfect paragraph. Players are introduced to the fundamentals of typography, including terminology like font, typeface, serif, sans-serif, kerning, leading, etc.

Players are given sets of fonts and tasked with pairing them to create harmonious combinations for different contexts like headlines, body text, and call-to-action buttons. As players advance through the game, they unlock new levels, challenges, and achievements. After completing each challenge or puzzle, players receive feedback on their choices, explaining the reasoning behind good typography practices.

The Font Game

https://ilovetypography.com/2020/07/01/the-font-game/ - The Font Game allows you to expand your typography skills.

Players are shown samples of text rendered in various fonts and must identify the font name from a multiple-choice list. The game offers different difficulty levels, with increasing complexity in font styles, variations, and obscure typefaces as players progress.

Alongside gameplay, players receive information and trivia about typography, font history, and famous typefaces. Tips on font selection, pairing, and usage in design are provided to help players improve their understanding of typography principles.

What the Hex

https://yizzle.com/whatthehex/ - What the Hex is a fun and educational interactive game that challenges players to explore and experiment with color theory, specifically focusing on hexadecimal color codes.

Players start with a base color represented in hexadecimal format (e.g., #FF0000 for red) and are tasked with creating new colors by adjusting the hexadecimal values for red, green, and blue(RGB) components. Players are shown a target color and must adjust the hexadecimal codes of their current color to match it as closely as possible.

Players learn about color harmonies such as complementary, analogous, and triadic schemes by creating color combinations that adhere to these principles. The game provides visual feedback on the harmony of selected colors, helping players understand how different hues interact.

Pixact.ly

https://pixact.ly/  - Play to estimate pixel dimensions.

Challenges could range from creating pixel art characters or scenes to designing logos, icons, or even entire landscapes. The game provides a variety of tools specifically tailored for pixel art creation, including pixel brushes, color palettes, shape tools, and layers. Players have the freedom to customize their canvas size, background color, and grid settings to suit their preferences and the requirements of each challenge. After completing a design challenge, players receive constructive feedback on their creations, highlighting strengths and offering suggestions for improvement.

To Sum Up

Now friends, which one is your favorite? We're happy that designers around the world are making these incredible challenges for both newbies and professional designers to test their skills and grow further!

By playing these games, you're able to improve your kerning, color combining, pacing, knowledge of fonts, and much more.