Case Study: Iconography of Race to Adventure




Click the images above to embiggenate! We're wrapping up the final design for the cards in Race to Adventure. You can see a sneak peek at an early draft in this earlier post. I want to give you a light overview of some of the process.


At the top of this post, you can see how the icon language evolved over several rounds. The images from that last post were from around Round 4 or 5. Since then, we got some really useful input from the gamma test team. They're all avid Euro board game players. Since there are long-term international hopes for this game, we wanted a global perspective.


Mostly the direction was to err on the side of minimalism and simplicity, like a Euro or German game. In Euro terms, this seemed to mean no high-texture or three-dimensional rendering anywhere near the icons. We went back and forth on that point for a while. We settled on the side of three-dimensionality, with some constraints. The essential silhouettes of the icons are still clearly visible, but also use color-coding sampled from the actual item card art.


Visualizing movement was another troublesome matter. The biplane moves one space in a cardinal direction, then another space in a cardinal direction. Then, all other players may move one cardinal direction. The earliest rounds were very literal, showing a full spread of potential movement with lines arrayed from a central pawn. When movement could cross borders, as with the jetpack, we literally showed a border around the pawn.


Clearly this becomes problematic in the confined real estate of the average playing card. In each iteration, we became less and less literal for the sake of space constraints and distance-reading. Instead of showing an example playing field, we simply use icons to represent each type of movement. We now use cardinal arrows to communicate each cardinal movement. Those arrows rotate 45º to indicate diagonal movement. When movement can cross borders, we use a separate icon for that.


Thus, you can see how the "words" of this visual language are born. Two orthogonal crossed arrows translate to "Two movements, each in a cardinal direction." The basic syntax filtered out into the rest of the game, too. It was a great experience working with a robust gamma testing process. Definitely looking forward to working on more card games in the future!

P.S. As an added bonus, here's the Pinterest board I pulled together for inspiration way back when the project first began.

Comments

  1. Quentin HudspethFebruary 7, 2012 at 10:49 AM

    Lookin' snazzy! It's also really cool to see the evolution. I really love behind-the-scenes documentary stuff, showing the way creators create. I find it interesting and educational.

    ReplyDelete

Post a Comment

Popular posts from this blog

5 Graphic Design and Typography Tips for your Card Game

Image
Chris Farrell of Illuminating Games just wrote a thorough critique of card games setting their body text to be so small that they cannot be read at arm's length, let alone across the table. Here's an excerpt, but the whole thing is worth a read for any would-be card game designers out there. (Myself included.) Break out your copy of the base set of Dominion, and look at the Chapel. This has a text box roughly 3.5cm by 4.5cm. It's got a single line of text. That line of text is 1 (one) millimeter high. 1mm! For me, it's only clearly readable at half an arm's length even in the bright light of day. (...) Compare this to a more sane game like Glory to Rome, where the font size is 2-3 times as large (text is 2mm high, keywords 3mm and usually highlighted). I can generally read Glory to Rome cards across the table, and can certainly see the important keywords. To heap insult upon injury, not only does Glory to Rome have far more legible text than Dominion it also has...
Read more

Low-High Dice Game

Image
A dice game inspired by the stock market (and playing lots of Martian Dice). Roll a bunch of dice and choose which sets to keep. Choose your strategy wisely! Stuff You Need Two-to-Six PLAYERS A PENCIL and PAPER to keep score Thirteen standard six-sided DICE How to Play The shortest player takes the first turn. On your turn, first roll all thirteen dice. Several dice will have matching results. These are called SETS. (A single die result is a set, too.) You must choose a set to keep. For example, your first roll results are 111124445555 . The sets are four 1 s, one 2 , three 4 s, and four 5 s. After keeping a set of dice, lock them up in a row. This is called the GOOD TRACK. For example,  you could keep the set of four 1 s, one 2 , three 4 s, or four 5 s . You decide to keep the four 1 s and line them up in your good track. After keeping a set, you may end your turn or re-roll the remaining unlocked dice. When you re-roll, immediately set aside any results tha...
Read more

One Thing to Avoid in Game Design

Image
When game designer Paul Peterson was interviewed for the upcoming Titans Series of games from Calliope Games, there was one segment at 1:55 that really caught my attention (emphasis mine): "A couple years ago I was teaching people how to play Guillotine and I hadn't played in a while. The first thing I did was say, 'The first thing you gonna do when you open your game is you look through this deck and you take this card.' I pulled out the Callous Guards card and threw it over my shoulder. Everybody laughed. I said, ' That's the biggest mistake I ever made as a game designer in my life.'" Oof. Those are strong words. What's the big deal? For context, the game Guillotine is all about collecting the heads of French nobles during the revolution. There is only one guillotine, with a line of nobles waiting for their grim fate. On your turn, you play action cards to change the order of the line, then take the Noble card from the front of the ...
Read more