For the data map project, I created a spread that displays numbers in a visual way. I used my League of Legends gaming stats as a topic. For texts, I decided on:

Adobe Caslon and Iowan Old Style as my main text fonts because the smooth strokes and serifs are easily readable.

Capitals as the Title font because it is legible at large sizes, with a somewhat elegant style due to the serifs.

Haettenschweiler as the Graphics title font because it is a large sans serif font, differentiated from the other choices.

I felt these gave a sense of hierarchy due to their differences but this changed as I progressed. I changed from Haettenschweiler to Oceans Sans Std for an ease of legibility. Haettenschweiler’s letters are too close to comfortably read. I also sized the title way up for the final because before, it looked like a header and not a title.

For graph content I had issues deciding how to align each graph and I ended up scrapping one set of data completely, switching it for another that fit more easily. Another major change was meshing the three graphs on the second page into one big one, so it’s more readable as well as align-able.

As I went, I also added icons to characterize each role I play in the game. I had a different color to match to each role but that was too distracting so I simplified to a two-color color scheme; Green for the first half, and blue for the second, more detailed half. I added in a grey box around the intro too so it’s more easily blocked off from the rest.

Phase 1: Trouble aligning graphs

Phase 2: Combining graphs to create legibility

Phase 3 Final: Unifying color schemes for simplicity.