Saturday, 4 February 2017

Wireframes

A wireframe is 'a skeletal 3d model in which only lines and vertices are represented'. For my project a developed several wireframes using the software Balsamiq. I developed wireframes to represent my index page, home page, sign up page, what my game pages will look like and how the scores will be displayed. Once I completed my wireframes using Balsamiq, I used another software known as Mockplus. Mockplus is a piece of software that allows you to develop more realistic mockups. I have chosen to design my wireframes in both Balsamiq and Mockplus to show a representation of how each web page will look and to keep a more realistic output to my wireframes.

Index- Balsamiq


Index- Mock Plus 



Sign Up- Balsamiq 




Sign Up- Mock Plus 


Home- Balsamiq



Home- Mock Plus 



Contact- Balsamiq




Contact - Mock Plus


Games- Balsamiq



Games- Mock Plus




Sitemap- Balsamiq



Sitemap- Mock Plus 



Memory Game- Balsamiq



Memory Game- Mock Plus


Quiz- Balsamiq


Quiz- Mock Plus

Score- Balsamiq


Score- Mock Plus


No comments:

Post a Comment