SlideShare a Scribd company logo
1 of 18
Download to read offline
RESPONDING TO AN
ENVIRONMENT
ART & DESIGN: INTERIM REVIEW
MY LOCATION: JUNIPER HALL

I took some photos, which I have
annotated for some raw sources to
work from and develop:

My environment was Juniper
Hall which is leased from the
National Trust, and is an 18thcentury 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.

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’KEEFFE
1887 – 1986
THIS WAS MY CONTEXTUAL STUDY
JING ZHANG
INFOGRAPHIC
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:
This is what it looks like when exported
and opened in a web browser

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.
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

More Related Content

Viewers also liked

Craig’S Websites Slide Share
Craig’S Websites Slide ShareCraig’S Websites Slide Share
Craig’S Websites Slide Sharecsmall18
 
Stand Up Paddleboarding Risk Management and Safety presentation
Stand Up Paddleboarding Risk Management and Safety presentation Stand Up Paddleboarding Risk Management and Safety presentation
Stand Up Paddleboarding Risk Management and Safety presentation Jose Gonzalez, Ed.D.
 
The Art of Marriage Week 1
The Art of Marriage Week 1The Art of Marriage Week 1
The Art of Marriage Week 1cocforesthill
 
Equip Your #AwesomeAdmin Toolkit with Process Automation Tools
Equip Your #AwesomeAdmin Toolkit with Process Automation ToolsEquip Your #AwesomeAdmin Toolkit with Process Automation Tools
Equip Your #AwesomeAdmin Toolkit with Process Automation ToolsSalesforce Admins
 
Lightning Bolt for Communities 101
Lightning Bolt for Communities 101Lightning Bolt for Communities 101
Lightning Bolt for Communities 101Salesforce Admins
 
Project thesis Refining of used motor oil using Solvent Extraction
Project thesis Refining of used motor oil using Solvent ExtractionProject thesis Refining of used motor oil using Solvent Extraction
Project thesis Refining of used motor oil using Solvent ExtractionSyed Waqas Haider
 
First Impressions Training (FIT) Professional Business Etiquette workshop 2011
First Impressions Training (FIT) Professional Business Etiquette workshop 2011First Impressions Training (FIT) Professional Business Etiquette workshop 2011
First Impressions Training (FIT) Professional Business Etiquette workshop 2011Pattie McNiel, MS
 
K to 12 fish processing learning module
K to 12 fish processing learning moduleK to 12 fish processing learning module
K to 12 fish processing learning moduleNoel Tan
 

Viewers also liked (12)

Craig’S Websites Slide Share
Craig’S Websites Slide ShareCraig’S Websites Slide Share
Craig’S Websites Slide Share
 
Stand Up Paddleboarding Risk Management and Safety presentation
Stand Up Paddleboarding Risk Management and Safety presentation Stand Up Paddleboarding Risk Management and Safety presentation
Stand Up Paddleboarding Risk Management and Safety presentation
 
The Art of Marriage Week 1
The Art of Marriage Week 1The Art of Marriage Week 1
The Art of Marriage Week 1
 
Connections unlimited ii
Connections unlimited iiConnections unlimited ii
Connections unlimited ii
 
Equip Your #AwesomeAdmin Toolkit with Process Automation Tools
Equip Your #AwesomeAdmin Toolkit with Process Automation ToolsEquip Your #AwesomeAdmin Toolkit with Process Automation Tools
Equip Your #AwesomeAdmin Toolkit with Process Automation Tools
 
Connections unlimited i
Connections unlimited iConnections unlimited i
Connections unlimited i
 
Lightning Bolt for Communities 101
Lightning Bolt for Communities 101Lightning Bolt for Communities 101
Lightning Bolt for Communities 101
 
F&B Entrepreneurs
F&B EntrepreneursF&B Entrepreneurs
F&B Entrepreneurs
 
Bits Hyderabad Finals
Bits Hyderabad  FinalsBits Hyderabad  Finals
Bits Hyderabad Finals
 
Project thesis Refining of used motor oil using Solvent Extraction
Project thesis Refining of used motor oil using Solvent ExtractionProject thesis Refining of used motor oil using Solvent Extraction
Project thesis Refining of used motor oil using Solvent Extraction
 
First Impressions Training (FIT) Professional Business Etiquette workshop 2011
First Impressions Training (FIT) Professional Business Etiquette workshop 2011First Impressions Training (FIT) Professional Business Etiquette workshop 2011
First Impressions Training (FIT) Professional Business Etiquette workshop 2011
 
K to 12 fish processing learning module
K to 12 fish processing learning moduleK to 12 fish processing learning module
K to 12 fish processing learning module
 

Similar to Responding to an Environment

Similar to Responding to an Environment (20)

Exhibition pre production
Exhibition   pre productionExhibition   pre production
Exhibition pre production
 
Art Gallery - pre production
Art Gallery - pre productionArt Gallery - pre production
Art Gallery - pre production
 
Imaginary Spaces
Imaginary SpacesImaginary Spaces
Imaginary Spaces
 
Pop art presentation
Pop art presentationPop art presentation
Pop art presentation
 
Cmp induction project 2021 pro forma
Cmp induction project 2021 pro formaCmp induction project 2021 pro forma
Cmp induction project 2021 pro forma
 
"The Trees"
"The Trees""The Trees"
"The Trees"
 
Pop art powerpoint
Pop art powerpointPop art powerpoint
Pop art powerpoint
 
New Realism
New RealismNew Realism
New Realism
 
Cmp induction project 2019 student fom
Cmp induction project 2019 student fomCmp induction project 2019 student fom
Cmp induction project 2019 student fom
 
2015 portfolio
2015 portfolio2015 portfolio
2015 portfolio
 
Storm Thorgerson Presentation
Storm Thorgerson Presentation Storm Thorgerson Presentation
Storm Thorgerson Presentation
 
Art poster finished
Art poster finishedArt poster finished
Art poster finished
 
Museum Transformation
Museum TransformationMuseum Transformation
Museum Transformation
 
Pop art pp updated 2
Pop art pp updated 2Pop art pp updated 2
Pop art pp updated 2
 
Pop art pp updated
Pop art pp updatedPop art pp updated
Pop art pp updated
 
Conceptualizing
ConceptualizingConceptualizing
Conceptualizing
 
'Place in Question' Art powerpoint
'Place in Question' Art powerpoint'Place in Question' Art powerpoint
'Place in Question' Art powerpoint
 
Art poster finished
Art poster finishedArt poster finished
Art poster finished
 
The Mary Nohl Estate
The Mary Nohl EstateThe Mary Nohl Estate
The Mary Nohl Estate
 
Stained glass powerpoint
Stained glass powerpointStained glass powerpoint
Stained glass powerpoint
 

Recently uploaded

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 

Recently uploaded (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 

Responding to an Environment

  • 1. RESPONDING TO AN ENVIRONMENT ART & DESIGN: INTERIM REVIEW
  • 2. MY LOCATION: JUNIPER HALL I took some photos, which I have annotated for some raw sources to work from and develop: My environment was Juniper Hall which is leased from the National Trust, and is an 18thcentury 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. COLOUR SCHEME
  • 4. INFORMATION TO INCLUDE • Map of grounds • Map of building • Opening / Closing • Meal times • Room number and pass-codes • Photos • More information
  • 6. THIS WAS MY CONTEXTUAL STUDY
  • 9. 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
  • 11. 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
  • 12. 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
  • 13. IDEA 1 • However, for the interactive website- when you click on a certain room the whole image could expand like in the graphic below:
  • 14. 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
  • 15. IDEA 2 • I can use Adobe Firework to create this function, which I was taught below: This is what it looks like when exported and opened in a web browser 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.
  • 16. 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:
  • 17. 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:
  • 18. 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