The overall designing of the app was done by Kat, however i was in charge of presenting how the app looked and what transitions were used and happened.
Instead of just having the app cut straight to the next page we decided to use transition animation animations to create a smooth change. So we made the app transition upwards when selecting one of the main menu icons i made the transition look like it was a rising curtain just like the theatre, so an upward transition was used, however with the transitions to another page that had already been selected we used a simple fade to white as the rising curtain was fine for the main menu as there was a transition of red to white but a white t white transition was much more expedient than a white to red to white because while we want the app to look professional but we didn't want it to be slow but something people could navigate quickly. The loading screen uses the pirouette animation but it is whited out on the red background.
Along with the loading screens and transitions I had to include smaller effects such as contact taps, a small circle to show where you've tapped switching between red and white depending on the background (red over white and vice versa) and on the main menu when a section is selected it will contract and expand to add a more pleasing and appealing look to it so that it doesn't feel robotic and automated.
Because i was making these alterations and effects I had to go back into Kats PSD files and flatten certain layers to make it as compressed and small as possible, much to Kats graphic design instincts horror. However this allowed me to put her assets to the best effect and make them more appealing.
No comments:
Post a Comment