visualisation diagrams and wireframe layouts

• what are visualisation diagrams used for?


  Static products eg website, poster, magazine front cover
• who uses visualisation diagrams?

  graphic/visual designer and the client can use them to give any feedback
• what is the purpose of a visualisation diagram?

  To plan the layout of a static/still product in a visual manner, it should give a good idea of how the final product may look
• what is the content of a visualisation diagram?

  1, multiple images/graphics showing their size and position

  2, colours/colour schemes

  3, position and style of text

  4, fonts/size of text to be used

  5, annotations to provide more detail and explanations

  6, dimensions eg cm or mm
• what may a website also include?

  banners, adverts, videos, sounds and buttons
• what is a wireframe layout?

  A more simplistic version compared to a visualisation diagram, it can still be detailed but is made up of boxes and frames rather than images
• who uses wireframe layouts?

  Media developers such as web designers / games programmers
• what do media developers use these wireframe layouts for?


  To design and then create website pages and interactive digital media products and game menu screens
• what is the purpose of a wireframe layout?

  To show the positioning of different elements and components in a static page or similar product
• What is the content of a wireframe layout?

  Boxes (square or rectangular) , circles and ovals and text to identify what the box is or what it contains
• what can be shown on a separate diagram to the wireframe?

  House style can be shown on a separate diagram so you dont have to repeat it on every wireframe
• what does house style include?

  Colour scheme, fonts, font sizes, logos, name, slogan