Research + Layout WireFrame

Avant-Garde Page Layout 

For some of the Grid styles, I reffed back to some of the original avant-garde layout. They are often reference back to from the graphic design of Fluxus and as I am building this concept in the spirit of Fluxus I felt this was appropriate. 

Layout 1 

• This layout does not allow for panels to overlap but they can align next to each other. 
• It follows a pattern of image text, image text. 
• Content is aligned left. 

Layout 2

• Content panels can overlap the grid system is built from this idea of layers. 
• Panels are placed across the entire space. 
• Structures follows principles of chaos and with a postmodern aesthetic 

 Layout 3

• Content Panels make good use of white space following a structure of text, images.
• This is a more rational layout, with modernism disciplines of order and structure  

Layout 4

• This layout uses panels throughout with a semi-flat design giving content more depth 
• It will follow rational structure 
• Inspired by contempary archiving website nuke
• 
  

Layout 5

• Inspired from 1920's avant garde page layout that has appropriated various cinematic themes 
• Using scale, Juxtaposition and superimposed planes
• The Grid is visible and used aesthetically to lay out the images. 

Layout 6

• Emphasis on randomness 
• No rules at all 
• Beautiful Mess 
•