Tron: Creating a Tron-themed tileset allowed me to geek out as a nerd by looking at retro artistic inspiration such as the Tron artist Peter Lloyd. This was my first experience using Mapbox Studio and made me appreciate the infinite amount of customization afforded by coding libraries compared to a tool like Mapbox.
The most central design feature was the integration of neon blue and orange. I stuck with just one blue and orange hue but manipulated the value of each hue to ensure a visual hierarchy arose. The colors were blurred slightly to give the map a more retro and exciting feel. The major roads were visualized as neon blue to adhere to the Tron grid being how the riders maneuver. Lower level roads are visualized in orange when zoomed in. I also used a buildings layer to have the urban structures pop out at the map reader when they zoom in. The result was a more dynamic interaction with the map. The type was kept to one modern typeface known as audiowide which has a fun mixture of smooth and curved qualities that exemplify a retro style. For major water bodies, I designed a grid texture to recreate the grid seen in Tron. The grid fades out as a user zooms in because the actual road features come out and evoke a sense of a grid. Finally, I did end up adding a yellow hue to ensure that rivers would be represented on the map. The generalized lines make the map exciting while the buildings help give the map a feel of Tron's dynamism. The color palette of the design features neon blues and oranges which are blurred to give a retro feel. The type is kept to one modern typeface known as audiowide which has a fun mixture of smooth and curved qualities. I created the Tron texture which is applied to water features in Adobe Illustrator to recreate the grid seen in tron. The grid fades out as a user zooms in because the actual road features come out and evoke a sense of a grid.
Created using Mapbox Studio
A large-scale look at Dubai, United Arab Emirates is pictured. The unique skyscraper towers in the map which is well-known throughout the world. The stark edges of the building help reinforce the engaging nature of the map.
A global view of the map style is provided to show the extensive Tron grid made from a seamless texture. The typeface shines at this scale to reinforce the retro feel.
The Great Lakes
The great lakes region is shown to highlight water bodies besides the oceans. At this scale, the grid texture is beginning to fade whereas the roads come into view. This came from inspiration of a retro map integrating roads to feel like a grid.
The map of Nigeria is zoomed in on the capitol og Nigeria, Abuja. The unique road structure with funky labels allows for the user to imagine about the retro world of Tron.
A Regional Look
The glimpse in this shot is the last zoom level before city labels start to appear. The clean-looking, minimalist countries with the crisp typeface make this view satisfying.
Tokyo has an extremely dense road network which makes the orange and blue road grid stand out. Also, the neon skyscrapers are reaching toward the user as if they were flying over the skyline.