106
Visual Summary Manosij Sarkar MA Graphic Design London College of Communication, 2012

Yatrakshar | Major Project Visual Summery

Embed Size (px)

DESCRIPTION

This is my MA Graphic Design's Major Project Visual Summery, done at London College of Communication | University of the arts London

Citation preview

Page 1: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Visual Summary

Manosij Sarkar

MA Graphic DesignLondon College of Communication, 2012

Page 2: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 3: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Visual Summary

Manosij SarkarMA Graphic Design

Tutor: Paul McNeilLondon College of Communication, 2012

Yatrakshar means a set of letters for the journey.It is derived from the Hindi words, “Yatra” and “Akshar”.

Yatra means journey and akshar is letter.

Page 4: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 5: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Contents

Introduction

Studying multilingual wordmarks of international brands

Experiment | brand wordmark

Experiment | Typology of transport system

Transport system as a brand

Typology of the mediums used in putting up the signs in Indian transport

Experiment | Bilingual typeface design

Secondary research | stencil projects

Experiment | stencil design

Secondary research | Indian Type Foundry

Secondary research | I love typography, Ralf Herrmann

Experiment | legibility

The prototype

Testing the Stencil

Visual palate for the colour and shape

Towards the outcome

03

05

14

24

38

44

46

54

56

64

66

68

72

84

88

94

Page 6: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 7: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Introduction

The visual summery contains all the visual experiments and the researches that were carried out through the project. It is broadly based on different typologies as the primary research method.

These typologies are supported by visual experiments and secondary researches at different levels.

03

Page 8: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar04

Page 9: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

My research started with the study of multilingual typography in branding; focusing on the changes that occur on the wordmark of international brands when they travel to different parts of the world.

Studying multilingual wordmarks of international brands

05

Page 10: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar06

Page 11: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 07

Page 12: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Then I started looking at the international brands that come to India. I could find the only a few brands uses a separate official wordmark for Indian script. Nokia, Vodafone and Starbucks

are among the very few which have an official Devanagari wordmark.

08

Page 13: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Page 14: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

The other numerous international brands who ignore using an original wordmark, and instead they use any random typeface to put up their brand.

10

Page 15: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Page 16: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Café coffee day; a really nice example of using multilingual wordmark. It is one of the most popular coffee joints in India.

12

Page 17: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Trying to study the brand identities by breaking down it into three different categories; first: the identities which only have word mark. Second: the identities which have both the symbol and the wordmark and the third: the

identities which only have a symbol and doesn’t use any wordmark along with it. I was trying to figure out in which cases a multilingual wordmark can be more helpful for communication.

13

Page 18: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Experiment | wordmark

The main experiment is to convert the Latin wordmark of International brands into Devanagari keeping the brand image and the graphical language intact.

I wanted to observe till what extent a Latin text can be converted into Devanagari, I kept the International brands with multilingual wordmark as my examples.

I choose Domino’s because it has a very heavy typeface, which will be really challenging to incorporate into Devanagari.

14

Page 19: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 15

Page 20: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

In the experiment I found that on trying to follow the same weight of the characters as Roman, it became difficult to design the Devanagari characters because of the complexities in the character form.

16

Page 21: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 17

Page 22: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Trying with different weights of the character.

18

Page 23: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Creating the Devanagari wordmarks for some of the international brands as an experiment

19

Page 24: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar20

Page 25: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 21

Page 26: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar22

Page 27: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

ResultsThroughout the experiment I have realized it is always not possible to convert any roman wordmark into Devanagari and make it look exactly the same or have the same visual language aspect.

Character weight becomes a major issue. Extra heavy roman characters cannot be converted to Devanagari because of the complexities in the character form.

Calligraphic typefaces become another challenge. The origins of both the scripts

are completely different so the hand written calligraphic style is also not same.

The Serif typefaces also becomes a big problem when they are converted into Devanagari

23

Page 28: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

After doing further research in this area, I started looking further into typography in other aspects of branding; especially I started to look transport system as a brand. I was getting more interested into it because of the use of multiple languages in sign system in Indian transport, which is a really good area to look for.

The use of standardized typefaces in transport service in London and other parts of the world really fascinated me. It influenced me a lot to look deeper into the field of transport.

As an experiment I started relating it to typefaces used in India in transportation service. The First step was making a short typology of different images I collected on Indian transportation (hand written and digital)

Unbranded transport services

Branded transport services

Metro(Underground)

Airport

Buses Local train(overground)

Informationon the bus

Informationon the train

Platformsignage

Othersignage

Bus stopsignage

Its an approximate ratio between branded and unbranded transport service based on the number of public transport system existing.

Experiment | Typology of Indian transport

24

Page 29: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Parking boards

25

Page 30: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Bus stop signs ‘Best’ bus logo

26

Page 31: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Way-finding signs

27

Page 32: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Bus route sign

28

Page 33: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Station name plates

29

Page 34: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

School aheadCrossing

30

Page 35: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Station name plate (2nd type)

31

Page 36: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Variety in the use of multiple languages

32

Page 37: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 33

Page 38: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Studying the use of multiple languages in wayfinding and transport system in London.

34

Page 39: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 35

Page 40: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Bi-lingual typography in Tokyo Metro and road sign systems in Beijing & Seoul (facing page).

36

Page 41: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 37

Page 42: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Transport system as a brand

Just like any other brand, transport system also holds equal brand value and specific guidelines. And in these criteria again typography becomes a very noticeable subject. Transport for London

and the Johnston typeface is one of the biggest transport brand in the world. The Johnston typeface has become an image for London and its definitely the strongest part of the brand.

38

Page 43: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 39

Page 44: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

The Helvetica used in New York Underground has created its own identity of the place.

40

Page 45: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Metron typeface which was specially designed for the transport in Czechoslovakia in 1970s but later by 1985 it was replaced by Helvetica. Purposefully Metron is not the most

ideal one to be used as a transit typeface but it worked a lot better as an identity or image of the nation.

41

Page 46: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

I started looking into smaller parts of London, specially the Boroughs. Although they work in smaller parts, they have a specific branding which is followed very strongly. It is really

interesting how the brand and the typefaces are followed in such a standardized way.

42

Page 47: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 43

Page 48: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Typology of the technologies/mediums used in putting up the signs in Indian transport

Dot metrix display Retroreflectors

44

Page 49: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Print Stencil Hand painted

45

Page 50: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Experiment | Bilingual type design

Another experiment I did was on multilingual typeface design. There are numerous complicated situations which come when we design a Devanagari

version of a Latin typeface because of the huge number of Devanagari alphabet and also the complex characteristics of Devanagari letter forms. The situation becomes even more complex when we are working on a Latin typeface which is itself complicated.

46

Page 51: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

I selected the London 2012 typeface as it quite a unique example of display typeface and obviously one of the most viewed in last one year. I tried making a devanagari version of it.

It has a very rough but simplified geometric shape which became a challenge while creating working on some of the loopy letterforms and it became hard to create with the same style.

47

Page 52: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Finding stencil the most appropriate way towards my aim and objective, I started exploring it further on the it is used in Indian transport. Then I also looked at the other places as well the processes these are used.

48

Page 53: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 49

Page 54: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar50

Page 55: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 51

Page 56: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Stencils used in London transport

52

Page 57: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 53

Page 58: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Secondary research

“Type Attack”. This is a stencil of six shapes and can be used to write all the 26 letters of Latin script.

54

Page 59: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

“Tabletto Stencil” which is a set of different shapes that can be used to write different scripts and shapes influenced me very much. Another experimental stenciled typeface

55

Page 60: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 61: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Flip

On similar path I tried to simplify it one step ahead by experimenting with six basic shapes and combining them in different ways to produce Latin in upper

& lower case along with Devanagari script. Although it can be used for making alphabets of random style(the way the used wants it to be), it has also got grooves

Experiment | Stencil

on either sides which can be used to make a rough guideline for Baseline, x height, ascender and descended.

57

Page 62: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 63: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Page 64: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar60

Page 65: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 61

Page 66: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar62

Page 67: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Page 68: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Secondary research

Letter anatomy guidelines on Kohinoor typeface by Indian Type Foundry.

64

Page 69: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 65

Page 70: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Ralf Herrmann ‘s website explaing things about transport typeface and its legibility

Secondary research

66

Page 71: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 67

Page 72: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Experiment | legibility

Experimenting legibility tests by blurring and over-glowing the text with different typefaces

68

Page 73: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 69

Page 74: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Transport orBased on transport

UK | TransportItaly | Alfabeto Normale

Spain | Carreta ConventionalPortugal | Transport

Denmark | Dansk VejtavleskriftGreece | Transport

FHWAalso known as Highway Gothic

CanadaAustralia

New ZealandBrazil

Mexico

DIN 1451

Germany

Hangil

SouthKorea

Zhong Hei ti

China

Austria

Austria

L1 and L2

France

Clearviewand FHWA

USA

ANWB-Uu

Netherlands

Tratex

Sweden

Tablicadrogowa

Poland

Transport orBased on transport

UK | TransportItaly | Alfabeto Normale

Spain | Carreta ConventionalPortugal | Transport

Denmark | Dansk VejtavleskriftGreece | Transport

FHWAalso known as Highway Gothic

CanadaAustralia

New ZealandBrazil

Mexico

DIN 1451

Germany

Hangil

SouthKorea

Zhong Hei ti

China

Austria

Austria

L1 and L2

France

Clearviewand FHWA

USA

ANWB-Uu

Netherlands

Tratex

Sweden

Tablicadrogowa

Poland

Page 75: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Transport orBased on transport

UK | TransportItaly | Alfabeto Normale

Spain | Carreta ConventionalPortugal | Transport

Denmark | Dansk VejtavleskriftGreece | Transport

FHWAalso known as Highway Gothic

CanadaAustralia

New ZealandBrazil

Mexico

DIN 1451

Germany

Hangil

SouthKorea

Zhong Hei ti

China

Austria

Austria

L1 and L2

France

Clearviewand FHWA

USA

ANWB-Uu

Netherlands

Tratex

Sweden

Tablicadrogowa

Poland

The major typefaces that are used around the world in transport and road signage. the ‘Transport typegace’ is one of the most used typefaces around the world.

Page 76: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

The prototype

A detailed description has been given on the major project report and major project outcome.

72

Page 77: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 73

Page 78: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

In the beginning the basic typefaces that I had developed based on ‘Transport’ and ‘Shree Dev’ had round edges. They are more suitable for laser cutting, but

as the typeface will be majorly be used as a stencil, round edges will possess a problem when developing it.

74

Page 79: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 75

Page 80: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

he stencil and arranged the bridges broadly based on the hand movement of the hand written Devanagari script. Later I placed them evenly on the letterform

on the basis of usability; that is using it more on the places where the bridges can hold the counters firmly while being used under different condition.

76

Page 81: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 77

Page 82: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar78

Page 83: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 79

Page 84: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar80

Page 85: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Slightly tilted bridges have been used in some of the Latin alphabets which emphasize on the minor details of the basic letterform and hence increase legibility

The relation between the basic letterforms and their stenciled versions in both scripts. It also features the minor changes in the letterform that comes after applying the bridges.

81

Page 86: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 87: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Page 88: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Stencil test

I used the stencil with different techniques, especially with brush and sponge roller.

Then I tried different surfaces. Using a brush always gives a smudgy result, whereas a sponge roller gives a more crisp finish.

84

Page 89: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 85

Page 90: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar86

Page 91: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 87

Page 92: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Visual palate for the colour and shape. Saffron and the warm shades of red becomes one of the most prominent colours in Indian context, especially

Maharashtra. These shades being involved in almost everything starting from culture, art, belief, celebration, food, spices etc. beco mes as an icon. I have chosen a deeper shade (Indian

red) so that the text (in White / Chrome) becomes more prominent and readable. A lighter saffron or chrome accompanies the main colour to make it more vibrant.

88

Page 93: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 89

Page 94: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

I have used a chiseled shape graphic form throughout the transport system as it goes well with the stenciled typeface (which has a bold look and less delicate) and also adopts the feel of the ancient

iconic coins/seal of Chatrapati Shivaji (Maratha Emperor)and the architecture of those eras. This connects to the culture and belief of Maharashtra strongly

90

Page 95: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 91

Page 96: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

I went through a wide variety of shapes for the platform board; the basic intention was to make it look bolder and prominent in the crowded platforms.

Although the existing graphic form is identical to the British Underground

symbol, but the graphical form has been used for more than 60 years now. It has become a part of the daily commuters life, so without changing the whole image completely, I tried to work on a new graphical form with a similar flavor.

92

Page 97: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 93

Page 98: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

94

Page 99: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 95

Page 100: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar96

Page 101: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 97

Page 102: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar98

Page 103: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012 99

Page 104: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

Page 105: Yatrakshar | Major Project Visual Summery

MA Graphic Design |London College of Communication, 2012

Page 106: Yatrakshar | Major Project Visual Summery

| Visual Summary Manosij Sarkar

University of the Arts London

2012