The first step in the digital creation of my wireframe is to establish a grid layout as moving forward this will help me have a neat look. The grid layout that I opted to use was 10 rows and 31 columns because my frame is a horizontally long and I feel as though this grid will help me when creating my wireframes. Although if i do come along any issues on the way I’ll be okay with changing my grid layout
The measurement for my frame is W2880, and H1024. I achieved this by placing two desktop frames together and and drawing a frame the same size as the 2 desktops
These are the first sketches that I came up with for my AV interface. I quite enjoyed doing these but I wanted to do more to see what I could potentially come up with. The more I do the more options I have to pick from.
These were the last batch of sketches I did. I feel like the first batch kick started my creativity and that made it easier when I was doing the second sketches. I found myself coming up with ideas very easily and it got me very exciting to start wireframing them. After I was done with my sketches I hopped on Figma and proceeded with the wireframing which was also an enjoyable process throughout this project
During the creation of my wireframes I received feedback from one of my peers and he told me that I had too much white space ad that it would benefit me to take advantage of the space I have and make some use of it. Hence I decided minimize the spaces between my shapes in my wireframes by using a 20px wide rectangle, this helped me improve my wireframe before adding content to them.
I used Adobe Fonts to curate some fonts that stood out to me. The reason why I chose these fonts is because of how easily readable they are and how timeless they appear. I didn’t involve any serf typefaces as I wanted my AV to give a timeless, sophisticated, and classy look.