week 8 — 2014-11-24

week 8

Data Visualisation 1 workshop


Image 1


Image 2

3.pic_hd copy

Image 3

These three images of my group work from Data Visualisation 1 workshop. The image 3, I used the Photoshop add some text to make my installation clearer. We want to present that the cost of the college students in China and the UK.

There are five cost types were compared. (Tuition fee, Accommodation, Canteen, Shopping, and Transport.) As you can see the image 1, we use disposable cups to show the difference, similar to the form of bar graph. Blue stands for consumption in China, and the green stands for consumption in the UK. In this data visualization I think we have 3 points need to improvements, the first point is we have not to give a title to show, we need to give a title to show our purpose more clear. The second point is the background; we should use the blank paper. The last point is that if we use some coins or paper money to expression data it would be great, but we don’t have enough money at that time.

After reading‘’ Creating Exciting And Unusual Visual Hierarchies‘’I have learned that layout is one of most important aspects of graphic design.

Layout design of the size, spacing and position content. Includes details of trademarks, titles, images, text, and so on. Effective layout is crucial to help people quickly find what they are looking for, as well as look visually appealing. Effective layout can make the difference between design, users immediately understand that left users confused and disoriented.

Layout is like in your living room. When you enter the living room, you might experience room, sitting comfortably on the couch. Room should be pleasing to the eyes. But if things are going to be disturbed, you will never again enter the living room. Same with your design. Users enter your design, is easy to pass and to understand what it is . . .

The following is I think a good layout design:

Designed by Natalie Shau

1. Designed by Natalie Shau

Who’s Jack Magazine Designed by SAWDUST

2. Who’s Jack Magazine Designed by SAWDUST

Minimal Publication Layout by - Robert Moxon

3. Minimal Publication Layout by – Robert Moxon

Creative Layout spread by - DHNN

4. Creative Layout spread by : DHNN  

  1. Increased interest and relevance to make font typesetting associated with pictures. A strong sense of visual impact.
  2. Use the geometry grid to layout is easy to attract attention. Single tone keeps simple style.
  3. Use a different color and not unified layout reflects the focus point.
  4. Use double tonal reflect the overall level.
Week 7 — 2014-11-17

Week 7

Pick 2 information or data visualisation from this website: http://www.visualcomplexity.com/vc/

The first example is Underground Map Redesign by KickMap.

Comparing the Official Underground Map and the KickMap London, (Images: 1) the KickMap on the whole more readable, full of information. We can see the right of the images 1, Background combined with maps, let people more clearly understand to each station. I think it is very suitable for tourists.

(Images: 1)


The station symbols compared (Images: 2) the top images more intuitive in detail, Compared with the bottom images, the top images given more accurate icon is displayed rather than the abstract, and readability is stronger.

(Images: 2)


In the images 3, as we have seen, the KickMap found the geographical errors on the official underground map, and corrected.

(Images: 3)


The second example is Lyrical Cartography designed by Neal Peterson.

 737_big01  737_big02


  The project description is the Artist, designer, and musician Neal Peterson has visualized an entire album’s lyrics as a conceptual map. As he explains: “Lyrical cartography is a system which reorganizes and connects lyrical content for the purpose of producing an alternative, visual interpretation.”

  483 words are alphabetically arranged around a circle and tied by a profusion of lines with nine different colors, representative of the nine analyzed songs.

  The first feeling when I saw this image is messy. All sorts of color of line interlaced together makes the pictures very messy, unable to concentrate on some point. Make me bored.

  As you can see on the picture below, although here gives the meaning of each color represents, but I still can’t understand from the picture of the author want to convey meaning. Perhaps my thinking is different, maybe others can understand.



week 6 — 2014-11-10

week 6

The relationship between print and digital publishing

In the new media age, visual communication nights have been given more space for development, it is no longer a mere manifestation of the plane, more three-dimensional, thinking manifestations appear rich visual representation of existing elements.

By reading Post-digital print: a future scenario learned moving more and more content from print to digital, we seem to be approaching an inevitable turning point, where the publisher will soon launch more than print and electronic publications. A key factor in this development is that electronic publishing is becoming as simple as a traditional publishing – not only for producers, but also due to the new interface, the habits and practices of consumers as well.

Traditional print publishing, on the other hand, increasingly showcases their products valuables and collectibles, through the use of physical and tactile quality of paper. For example, there are many famous novels are limited print edition, which is a new means to attract consumers. If you combine the two with each other, using a variety of new and old media without ideological ties to them in any particular burden, certainly will have the ability to develop new and genuine hybrid publication, by creatively combining the best good standard and digital and print interface.

week 5 — 2014-11-03

week 5

From Post-its to Processes: Using Prototypes to Find Solutions

Before starting to prototype, you must take into account these circumstances and reach a consensus. Determine the objectives of your questions and projects.

Low-fidelity prototypes are rough and incomplete, with certain features of the target product, but in other respects is simple, usually rapid prototyping and testing of production broad concept. You can use paper, pencils, scissors to complete. Because of its simplicity can make all the stakeholders and to encourage trial and error process.

Just-good-enough fidelity means the quality is not too high nor too low, just right that users can grasp the concept or variable and give useful feedback.

High fidelity prototype is close enough to a final product to be able to examine usability questions in detail and make strong conclusions about how behavior will relate to use of the final product.

My contention is that Low-fidelity prototypes, which are just good enough to share with those whose opinions we value. This is all we need, because we prototype to learn rather than to test a theoretically finished product. This allows us to make mistakes faster, identifying areas that can be improved phase can identify and correct effectively.