Exhibition Design

Well Gallery Exhibition Design Postgraduate Diploma Design for Visual Communication Yin Yu Chen

Contents

Brief

02

Concept

06

Plan

16

Elevation & 3D View

22

Type Hierarchy

44

Detail

50

1

2

Brief 3

Brief

Overview

Modern life is saturated with complex information and data. For information to have impact, it must be easy to find, simple to use, and instantly understandable. Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it.

This exhibition will introduce information design to the audiences, focusing on the process of visualising data and the different type of infomation design.

The exhibition will feature LCC Postgraduate Diploma Design for Visual communication students’ works.

4

Location

This exhibition will be located in LCC well gallery.

Audience

The key audiences for the exhibition are:

Rationale •

•

Opportunity for Postgraduate Diploma Design for Visual communication students to present their works.

Introduce the programme of Postgraduate Diploma Design for Visual communication.

Primary • LCC students (aged 18-25) with passion for arts and design.

Key Messages

Secondary • LCC staffs • LCC visitors

• •

•

•

Introduction of the information design.

How to visualise information.

The different kinds of infographic used by graphic designers to present the data.

Help people to understand the information design through audience engagement.

Narritive

The exhibition will be structured thematically and there will be four sections primarily. In the display area, it will be divided into four sections.

• • •

•

Entrance(Visual Identity) Introduction Posters Display Area • Map • Timeline • Diagram • Typology Interaction

Interpretation

Mainbody text and captions will provide written interpretation with a strict hierarchy to enable visitors who want basic information to access this easily.

Content

The exhibition will mainly display the information design posters.

Exhibits will be drawn from LCC Postgraduate Diploma Design for Visual communication students’ works.

Design

The design should be simple and clear, helping people to understanding information design easily and effectively.

The content is all about creative ways to use design to visualise data. The exhibition design should complement this, through looking at the forms of infographic. It should show the content with the way design the information, echoing the exhibits.

The content presented thematically.

The exhibition should have a sense of movement, guiding people navigate through the space, even though the posters will be displayed in static way.

The visitors should feel easily to read the exhibits and therefore its design. They should leave with feeling inspired and understanding the basic of infographic.

5

6

Concept 7

Concept

The exhibits are selected from the PgDip Visual Communication students’ unit 1 and 2 works. There are four kinds of projects: typography, colour, visual grammar and information design. The exhibition will feature the information design posters for showing the students’ design abilities. Because when students did the information design project, they had to use the basic design language as typography, colour and visual grammar.

This exhibition will show 32 information design posters. All works can be classified into four different type of infographic: map, timeline, diagram and typology. So the posters will be displayed in four section based on the type of infographic. There will be 12 posters in map area, 11 in timeline area, 7 in diagram area and 2 in typology area.

8

9

Concept

2

1

The theme of the exhibition is to introduce information design.

The design concept should echo it.

Therefore, The visual identity of the exhibition is inspired by the process of data visualisation and how design elements to used to present the beauty of data.

3

10

11

Concept

When doing the information design, designers have to collect the data and find the connection between the information at first. The logo is inspired by the design process and≈infographic charts. It implies the concept of information collection and visualisation. It is like all the data be collected together and then emanate beautifully.

12

Futura medium

13

Concept

The logo will be placed on the pillar of the first floor for advertising the exhibition. And as the key visual identity, it also will be placed on the wall people will see at first when they go into the well gallery.

14

15

16

Plan 17

Plan

Visual Identity

Interaction Area

Display Area Map Timeline Diagram Typology

Introduction Area

The exhibition will be structured thematically and therefore the gallery space will be four main section. When walking into the gallery, people can see the key visual identity. Next to the Identity area, there are Introduction, Interaction and Display areas. Based on the type of exhibits, the Display play area will be designed as four section: map, timeline, typology and diagram.

18

960 4000

D

1630

2340

K

3620

E

I

3000

1100

G

5180

3100

Timeline

2400

H

Diagram & Typology J

2570

L 11800

1000 1000

Entrance

4000

F

Interaction

Map B

4000

5190

A

7630 3770 [GLASS SUREFACE]

5230

Key Visual

3020

11800

3620

C

260

Introduction

5230

0

100

500

19

There are two main kind of movements for audiences navigating through the space. In the Key visual identity wall, people can have the information about the space section: the left side is introduction while the right side is the display area and interaction.

20

Therefore, the audiences who already know about the information design might go to the display area firstly (the blue route). However, people who have no idea about infographic might want to understand what information design is before they see the exhibits. They will go to the introduction before the display area (the green route).

Introduction

Timeline

Diagram Typology

Interaction Map

Key Visual

Diagram Typology Introduction

Timeline

Interaction Map Key Visual

0

100

500

21

22

Elevation & 3D View 23

Elevation & 3D View

3020

3770 [GLASS SU

4750

1800 1200

Postgraduate Diploma Design for Visual Communication 15/16 Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

2500

1500

5190

A

Visual Identity

The key visual is placed at the wall A, as it is the first place people can see when they walk into the gallery. In the wall A, people can also get the introduction about the exhibition and information design.

24

7630

UREFACE]

Map

Favourite dog breed in London

Yin Yu Chen

3000

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

4000

5230

B

Map Display Area

The wall is divided into two section because there is a door between wall A and B. In normal situation, people usually navigate the space from left to right but the door interrupts people’s movement. So wall B is designed as another section: Map Display area.

In this area, it show the students’ works which all about map infographics. There are 12 posters. The main colour is blue.

25

Elevation & 3D View

It is the ideal place to identify the exhibition. People can see key visual identity when they on the bridge. And it is also the first place people will see in the entrance.

26

Visaul Identity Area

27

Elevation & 3D View

4000

Timeline

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

11800

C

Map Display Area

Next to the wall B, the wall C continues displaying the map infographic. However it is divided into two parts, one for displaying map infographic and another for timeline.

28

4000

1800 Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

1500

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

1200

5230

D

Timeline Display Area

Guiding by the lines and circles, people will follow the route to the timeline display area which is next to the map area. It includes wall C, D and E. There are11 posters. The design is same with map area but the main colour of this area is orange.

29

Elevation & 3D View

4000 Favourite dog breed in London

Yin Yu Chen

3100

2400

Favourite dog breed in London

Yin Yu Chen

Favourite dog breed in London

1100

E

30

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

2570

Where Are Your From?

3000

1800

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

1500 1200

4000

F

Interaction Area

Interaction area is under the bridge.

It is a living inforgraphic and will be completed by the audience. It helps people understanding the information design deeper through audience engagement.

31

Elevation & 3D View Diagram & Typology Display Area

Diagram

2400

3000

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

1470

1100

In the small room under the bridge, it is the diagram display area. It includes wall G, H and I. There are 7 posters in this area. The main colour is green.

32

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

3100

G

Diagram Display Area

Favourite dog breed in London

3000

1800 Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

1500 1200

3620

H

33

Elevation & 3D View Diagram & Typology Display Area

3000

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

Yin Yu Chen

5480

I

34

Typology

3000

1800

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

1500 1200

3620

J

Typology Display Area

There are only 2 typology posters.

They are displayed next to the diagram area. The main color is purple.

35

Elevation & 3D View

The display area is structured thematically and there are four sections: map, timeline, diagram and typology. The four section are designed with the same style and distinguished by colour. Each area has its own identity colour.

36

The background is designed simple and clear to let the audience focus on the information design posters.

For echoing the concept, only lines and circles are used to decorate the background. These circular shape captions and lines can also be used to guide people navigate through the space.

Display Area

Map Timeline Diagram Typology

37

Elevation & 3D View

The interaction area is inspired by Roman Ondák’s Measuring The Universe. It is a living infographic.

There is a world map on the wall.

People can sign their names on the place where they are from. The place will be darker when more visitors sign their names. It can show the information of the country most people coming from. So after people see all the exhibits, the interaction area helps people understanding the information design more through audience engagement.

4

5

6

Roman Ondák’s Measuring The Universe, 2007 38

4

Interaction Area

39

Elevation & 3D View

Present Data Visually

Collect Data

Sort

4000

4000

1800

Arrange

Area chart

1200

2340

960

K

Introduction Area

This is the space to introduce information design process. It is a inforgraphic that visualising the process. In wall K, there are the first three steps: Collect, Sort and Arrange.

On the wall L, there are various chart graphics to show the last step: data visualisation.

40

Concentric chart Pie chartL

1500

260

ine chart

Tape chart

Gantt chartF Bubble chartT

an chart ree Map

LevelP Bar chart

yramidS Grid

ide by side Comparison Scales

Venn Diagram Spoke Wheel

Map Scatter Plot

Bubble chart StaircaseH

Bubble race chart ead Profile

Timeline

11800

L

41

Elevation & 3D View

Introduction Area

The huge and black graphics are used to help people understand the information design easily and efficiently. It also creates strong impact.

42

43

44

Type Hierarchy 45

Type Hierarchy

Tiltle Subtile Timeline

Map

Arrange

Postgraduate Diploma Design for Visual Communication 15/16

Bar chart

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

Heading

Futura Medium 1400pt

Futura Medium 75pt

Futura Medium 380pt

Futura Medium 36pt

Main Body

Where Are Your From?

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Favourite dog breed in London

Favourite dog breed in London

Yin Yu Chen

Yin Yu Chen

Main Body Caption

Heading Main Body

Title Subtitle 46

Favourite dog breed in London

Typology

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

Fan chart

Diagram

Caption

Futura Medium Italic 24pt Futura Medium 18pt

240

2300

2200

Map

Futura Medium 380pt

2100

2000

1900

1800

1700

1600

Information Mapping is a research based method for writing clear and user focused information, based on the audienceÕs needs andthe purpose of the information. The method is applied primarily to designing and developing business and technical communications. It is used as a content standard within organizations throughout the world.

Futura Medium 36pt

1500 Ten Years of Pop Rock Art Rosillo Corona Gaby

1400

An infographic showing the art on the covers of the top pop rock music albums in the United Kingdom since 2005.

Futura Medium Italic 24pt Futura Medium 18pt Futura Medium 18pt

15% 47

Type Hierarchy

2100

2000

1900

1800

1700 Futura Medium 75pt

Futura Medium 36pt

Postgraduate Diploma Design for Visual Communication 15/16

1600

1500 Modern life is saturated with complex information and data.

For information to have impact, it must be easy to find, simple to use, and instantly understandable.

Information design is the practice of presenting information in a way that fosters efficient and effective understanding of it. The term has come to be used specifically for graphic design for displaying information effectively, rather than just attractively or for artistic expression.

1400

1300

1200

1100 15% 48

Futura Medium 75pt

Futura Medium 36pt

Futura Medium Italic 24pt

Futura Medium 18pt

Visual Com 15/16

Modern life is saturate complex information a information to have im Ten Years of Pop Rock Art Rosillo Corona Gaby

100% Typeface Size 49

50

Detail 51

Detail

The caption is designed in the circular shape which echoing the design concept. The radius of the circle is 75mm. And it is designed with the main colours of the area.

The black graphics are mad by the acrylic board and installed on the wall.

52

The posters are digital printed on the paper and framed in the black wood frames.

The visual identity, background textures and captions will be made by the vinyl films.

53

Colorphon 38 pages Size: A4

Typeface:

Futura Book and Minion Pro

Paper:

GF. Smith Mohawk Everyday Digital White Smooth 148gsm

Printing and Finishing:

Digital printed in London College of Communication.

Elephant and Castle, London.

Design and Photography: Yin-Yu Chen

Image Source: 1. https://upload.wikimedia.org/wikipedia/

2.

3.

4.

5.

6.

54

commons/thumb/9/9b/Social_Network_Analysis_ Visualization.png/1024px-Social_Network_Analysis_ Visualization.png http://1u88jj3r4db2x4txp44yqfj1.wpengine.netdnacdn.com/wp-content/uploads/2015/03/complex-data. jpg http://research.kraeutli.com/wp-content/ uploads/2013/11/artist-bubbles-closeup-1024x573. png http://www.mymodernmet.com/profiles/blogs/ roman-ondak-measuring-the-universe http://cp.art.cmu.edu/wp-content/uploads/2016/02/ img_2926.jpg http://www.sweet-station.com/blog/wp-content/ uploads/2010/09/sptrrmfkeq5c8ky4agezuv53o2_500. jpg

50