RESPONDING TO AN ENVIRONMENTART & DESIGN: INTERIM REVIEW

MY LOCATION: JUNIPER HALLMy environment was Juniper Hall which is leased from the National Trust, and is an 18th-century country house in a quiet wooded valley within the chalk North Downs in Surrey. There are vast grounds with many different features to study; plant-life, textures, surfaces, colours, landscapes etc.

I took some photos, which I have annotated for some raw sources to

work from and develop:

COLOUR SCHEME

MY OUTCOME & DIRECTION

INFORMATION TO INCLUDE

• Map of grounds

• Map of building

• Opening / Closing

• Meal times

• Room number and pass-codes

• Photos

• More information

GEORGIA O’KEEFFE1887 – 1986

THIS WAS MY CONTEXTUAL STUDY

JING ZHANGINFOGRAPHIC DESIGNER

SOME OF HER WORK

INFOGRAPHIC PUBLICATIONS

“INFORMATION IS BEAUTIFUL” BY DAVID MCCANDLESS“ AND INFOGRAPHICA”, BY MARTIN AND SIMON TOSELAND AND DESIGNS AND INFOGRAPHICS BY, MARK BRYSON AND JESSE BROWN

SOME OF THEIR WORK

IDEA 1 • This idea is for the map of the building

• I started with a photograph of the building

• I then drew a basic outline

• Finally I scanned the drawing onto my computer, and added a darker, straighter more defined outline

IDEA 1• The map for this building will be in the style of these images

by Jing Zhang

• So, I’ll have to enlarge my previous image and apply the appropriate colours and shading

• Then insert the rooms, like the ones in this image (right)

• This would be on the A1 poster

IDEA 1• However, for the interactive website- when you click on a

certain room the whole image could expand like in the graphic below:

IDEA 2

• My second idea is for the interactive website

• It is for the map of the grounds

• There will be a map as a background

• Then when you click on a location (e.g. cafeteria), an animation will be appear

• The animation will show how to get there from the main hall

IDEA 2

• I can use Adobe Firework to create this function, which I was taught below:

By creating multiple layers, slices and using the split tool, you can render the

page so that when the user hovers over an image, more media (e.g. text, picture,

annotations) will appear.

This is what it looks like when exported and opened in a web browser

IDEA 2• I will create my own images, but this is just to show what

the animation (that’ll appear) will look like

• The wave like image will flow from the main building to wherever the user hovered over

• The wave like image is inspired by Georgia O’Keeffe’s paintings:

IDEA 3• I already have the map of the grounds for the interactive

webpage (Idea 2)

• So, for the non-electronic version, I’ll make another map type

• I started by drawing a Georgia O’Keeffe painting:

IDEA 3• I rotated the image, flipped it and then duplicated it.

• Now it looks more like a map, with all the lines, representing contour lines

• When I make the actual image the colour will look more accurate than the second image- but this is how I will make my map of the grounds