In week 3 studio we explored the stages of creating screen design interfaces. Throughout the process we were to consider the changes and behaviour of the interactive product. Templates available on vUWS allowed us to create our own screen design.
Our first task was to create a wireframe based on an exercise file from vUWS. During this process we were able to understand and visualise the placement of elements on the screen. An example was provided to understand the order of layers and the standard that was to be expected.
Below is the wireframe and composition created in Adobe illustrator
Afterwards we were tasked with creating another wireframe and composition based on the work ‘Making Toast’. Below is the finishing product.