After creating my app and poster, I went back to my website as I was still having trouble with bending the grid in InDesign. I had tried all sorts of methods, including bending it in Photoshop with perspective warp and with puppet warp, but none were working the way I wanted them to.
I then decided to try and create the bent grid using the method I had used for the poster, which was the “bucket” method – where the the planet sat in a circle of lines and then the grid would come off around it. I had planned to lay the solar system out horizontally, so the user would move across the screen from right to left. This way of creating the bend in the grid worked really well and I was happy with how that part came out. However, when it came to drawing on the rest of the grid, I found it difficult, firstly just to get my head around how that would work with the perspective, as well as how to join it up with the planet next to it.
I decided to scrap that idea and try it using just the “bucket” method.
I think that this looks okay and is fairly easy to understand. Because I had almost completely got rid of the grid, I added more information at the top, where the user can hover over, to explain what was happening.
My website will also act as my infographic as the bent “bucket” grid will visually explain to the viewer how much each planets mass bends space-time. This will be a fairly easy and simple way to explain it to the viewer, who I have targeted it at teenagers and young adults. I think that doing this visually would be much better than explaining it in words as the user can actually see how much space-time is bent rather than just imagining it.