SPP3! Standard Image Layouts

I have now completed a few standard layout ideas for the exhibition catalogue. I like the more standard layouts as although structured there is still room for design within them.

Block Layout

The first layout concentrated around four squares displaying four sites. The sites have not be styled but have simply been positioned to show a key element within the design of the page. This was an idea incorporated from previous portfolio site research on layouts. The Bestwood Engine House image has zoomed in on the interactive floor plan as this was an element purely designed by me within the group project. The Yorkshire Tea re-design concentrates on the tea page as this was the page design I felt was most successful within the site. My portfolio highlights the flash header, this was chosen as I feel it is representative of me and my communication skills which is why it was originally incorporated into the portfolio site design. Finally the Homemade image displays the polaroid and menu navigation across the bottom as these were quirky elements within the design bringing both the off-line and on-line presence together. This layout is successful at identifying key elements within my design work however with simple straight images it may be thought as bland within the catalogue design.

The second block layout follows the same layout and site choice as the previous but instead of a single shot of the site there are compositions of elements and pages. This layout was successful as it allows multiple elements within the page to be displayed at once and is more visually stimulating then the previous. However mixing elements especially in the case of the Bestwood box may cause the design to become slightly overcrowded.
The third block design incorporates an extra box within the layout. This therefore allows an extra piece of work to be displayed. The boxes give a slanted view of the sites to move away from the conventional straight layout within the box. All of the boxes incorporate key design elements with the pages as demonstrated before.

Horizontal Layout

This horizontal layout works well as it allows multiple pages to be viewed within the windows. It gives a feeling of progression through the site reflective of viewing the page on-line. However the multiple pages also create a busy layout and cause information displayed to be covered due to the overlapping of the pages.

This horizontal layout is simplistic in comparison but also a lot cleaner than the previous. It allows a wide view of the page and therefore a greater page span then previous layouts.

Vertical Layout

The use of a vertical page layout allows a greater span of the page as a whole in a vertical sense allowing a more complete view of the site design. The opposing slants separates the windows successfully and also leads the eye along the line. The downside to this design is that due to the width of the windows not much information is seen within them which can be limiting at highlighting design skills. However this could be overcome by using only three strips allowing a larger width.