Week8 class activity—Data visualisation and Visual Hierarchies

This morning, we took a exercise about data visualisation. All classmates attended the activity and very funny.

IMG_7259

brief

 

Topic: Travel

Content: places that you have been to/places that you will plan to go

Objects:  group members (Anna, Evelyn, Heath, Vinsa, Chen)

Form: bar chart

Data: Vinsa(2/7) Chen(3/5) Evelyn(7/3) Anna(4/6)  Heath(2/4)

Tips: (numbers of have been to/ numbers of plan to)

IMG_7185

drawing a simple bar chart

 

 

 

 

 

Process1:

We finished the bar chart as follow:

IMG_7205

process1-bar chart

 

process2:

construct a 3-D installation to communicate our data

IMG_7221

interactive installation show the places we have been to and will plan to go

IMG_7210副本

move around the world

detail

img_7222 (1)

detail

 

 

 

 

 

IMPROVEMENTS:

  • give more detail
  • precisely map with famous scenic spots

 

 

 

Good example of visual hierarchy

屏幕快照 2014-11-21 下午4.04.22

homapage

屏幕快照 2014-11-21 下午4.05.13

comment

屏幕快照 2014-11-21 下午4.04.46

account

 

屏幕快照 2014-11-21 下午4.10.43

menu

Visual Hierarchies can be achieved by relying on several things: texture and tone, combing

  • typeface
  • color
  • grid

It is websites that describe the function of app

http://www.mooncampapp.com/

1.good use of visual texture and tone. characteristics of patterns or texture to reveal the theme and identity.

2.Homepage—Position and orientation are stand out, causing reader to quickly move on the theme.

3. complex guid and structures, careful typographic choices  enhance communication, bring cohesion and improve legibility.

 

In total, it is a good example that reflect priority, emphasis and possibly tone of voice is the starting point in creating an exciting and unique hierarchy with type. It is also very effectively to express and simplify information, making the process of reading intensely enjoyable.

Advertisements
Standard

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s