Advanced Typo: Project 2 (Final)

 

week 9 - week 1 (21.10.20 - 00.00.20)

Park hyoung yoon (0325165)

Bachelor in Design (Honors) in Creative Media

Advanced Typography

Final Project

---

Instructions -

MIB

---

Final Project

On this project students were to find a bad example of typography used in advertisements, marketing or logos and improve them based on knowledge gained from previous exercises and projects.

For this project research was done on google doodle on October 9 which is Hangul day when Hangul (Korean alphabets) were made.

Fig 1.01 Google Doodle 2020 (21.10.20)

Fig 1.02 Google Doodle 2019 (21.10.20)

Google doodle in 2010 was chose for this exercise as it seems to have lot of improvements could be made.in this google doodle, Korean alphabets replaced the English alphabets in water color texture brushes. 

Fig 1.02 Google Doodle 2010 (21.10.20)

To improve this google doodle, Korean alphabets could modify into English alphabets for better readability. The early Korean alphabets when it was first written and documented will be the base to create the typeface as it would help to bring out the characteristics of the 'Day Hangul was made'.

Hun-min-jeong-eum

Hun-min-jeong-eum is a document describing an entirely new and native script for the Korean language. the script was initially named after the publication, but later came to be known as Hangul. it was created so that the common people illiterate in Hanja could accurately and easily read and write the Korean language. Hangul was personally created by Sejong the Great, the fourth king of the Josen Dynasty and revealed by him in 1443. Hun-min-jeong-eum was announced in Volume 102 of the Annals of King Sejong, and its formal supposed publication date, October 9th, 1446, is now Hangul Day in South Korea.

Fig 1.03 Copy of Hun-min-jeong-eum (21.10.20)

Fig 1.04 Hun-min-jeong-eum rewritten (21.10.20)

Modern Day Hangul

As the time passed on some parts of the Hangul changed such as dots that represented vowels were changed into strokes and some arrangements of the alphabets were modified as ㅂㄷ and ㄹㅇ cant be placed together in a single letter.

Fig 1.05 Hangul in the modern day (21.10.20)

Fig 1.06 Example of how Hangul is written (Gong Gothic) (21.10.20)

Developing Typeface

Capital letters and small letters were written in Photoshop and then modified in illustrator. The design were based on Fig 1.04. Gill Sans was used to compare and adjust the letters.

Fig 1.07 Capital letters in Photoshop (23.10.20)

Fig 1.08 Small letters in Photoshop (23.10.20)

After the letters were modified in the illustrator.

Fig 1.09 Capital letters (23.10.20)

Fig 1.09 Small letters (23.10.20)

Headings

'Hangul Day' is the heading for this google doodle. It is written in all caps and in Small letters to see which works best.

Fig 1.10 Google All Caps (23.10.20)

Fig 1.11 Google Small Letters (23.10.20)

Fig 1.12 Hangul Day All Caps (23.10.20)

Fig 1.13 Hangul Day Small letters (23.10.20)

The thickness of the letters are not constant which made it look unprofessional and the readability was not good and had to be improved.

Second Attempt

The idea was to apply characteristics of most commonly used Korean typeface in to English alphabets. Nanum Myungjo, korean typeface was chosen to be used to extract characteristics.

Fig 1.14 Nanum Myungjo (01.11.20)

 

Fig 1.15 Nanum Myungjo characteristics highlighted (01.11.20)

The characteristics are applied to English alphabets and redesigned. Futura book was used as a base. The typeface was decided to be named Futura Hanbok.

Capital Letters

Fig 1.16 Futura Hanbok Capital Letters (01.11.20)

Small Letters

Fig 1.17 Futura Hanbok Small Letters (02.11.20)

Futura Hanbok Used

Fig 1.18 Google (02.11.20)

Fig 1.19 Hangul Day (02.11.20)

Mr Vinod gave feedback on how to improve letters design.

Changes made 

Capital Letters

A,B,D,E,F,M,P,R,S and T were made small fixes. 

Few examples of changes made

Fig 1.20 Change made to R (7.11.20)

Fig 1.21 Change made to B (7.11.20)

Fig 1.22 Change made to D (7.11.20)

Fig 1.23 Change made to M (7.11.20)

Fig 1.24 Change made to T (7.11.20)

Fig 1.25 Changes applied to capital letters (7.11.20)

Small Letters

Almost all of small letters had to be changed as their 'ears' were too big.

Few examples of changes made

Fig 1.26 Changes in a (7.11.20)

Fig 1.27 Changes in g (7.11.20)

Fig 1.28 Changes in p (7.11.20)

Fig 1.29 Changes in t (7.11.20)

 

Fig 1.29 Small Letters fixed (7.11.20)

Key designs 

For the key design, color of the korean flag was used to create color gradient. 

Fig 1.30 Attempt 01 (15.11.20)

Fig 1.31 Attempt 02 (15.11.20)

Fig 1.32 Attempt 03 (15.11.20)

Fig 1.33 Attempt 03 (15.11.20)

Collateral

Google main page

Fig 1.34 Collateral 01 (15.11.20)

Eco bag

Fig 1.35 Collateral 02 (15.11.20)

Note book

Fig 1.36 Collateral 03 (15.11.20)

Mr vinod said that eco bag and the notebook has no connection with the intend of the key design. but on the other hand, the google page works well. new key designs were made for the variation for the google logo of the main google page.

Fig 1.37 Attempt 04 (19.11.20)

Fig 1.38 Attempt 05 (19.11.20)

Fig 1.39 google icon (19.11.20)

 

Collateral after feedback

Fig 1.40 google web 02 (19.11.20)

Fig 1.41 google web 03 (19.11.20)

Chrome theme designed using the logo and typeface

Fig 1.42 Chrome theme design (19.11.20)

FEEDBACK

-week 10

the width of the letters were not uniform and the readability should be improved. use of illustrator is strongly suggested rather than use of Photoshop.       

-week 11

the addition of the ears were too big in capital letters and mostly to all the small letters. overall the design were set.

-week 12

the capital letter of 'M' looks better before it was fixed. overall everything was fine and  should carry on with the collateral design.

-week 13

Mr vinod said that eco bag and the notebook has no connection with the intend of the key design. but on the other hand, the google page works well. 

REFLECTION

Experience

-week 10

using tablet and stylus to create a type face had problems having consistent width and clean lines.

-week 11

it was better to use illustrator to create smooth lines rather than using Photoshop.

-week 12

overall the creating all English alphabets and incorporating Korean type face into it were interesting to work with.

-week 13

it  was difficult to think of collateral designs at first as main goal was to design google doodle.

Observation 

-week 10

the hand drawn letters had its own characteristics of randomness and nonuniform lines.

-week 11

use of the illustrator made clean lines and looked more professional.

-week 12

overall the characteristics of the nanum font were interesting to work with. 

-week 13

The color gradient of Korean flag helped a lot to implement Korea vibe to the typeface and overall aesthetics.

Findings

-week 10

it was interesting to find research the origins of hangul while doing the typeface.

-week 11

the use of nanum characteristics of on English alphabets added uniqueness to the alphabets which i personally had familiarity of nanum typeface.

-week 12

adding too much change and distortion to the letters may apply uniqueness but it affects readability and the overall appearance of the letters when typed.

-week 13

for the collateral, rather than physical goods, digital goods seemed to fit much better.

---

FURTHER READING

Week 10 

TITLE - 1000 Type Treatments
PUBLISHER - Gloucester, Mass : Rockport Publishers
PUBLISHED - 2005

Fig 2.01 Book cover of 1000 Type Treatments

this book contained 1000 layouts and typefaces used in Flyers + Leaflets, Books + Magazines and Logos + Stationary. This book really helped to gather ideas of how different types of typefaces can be used in many situations and in different formats in harmonious ways. This book would be very useful for research and reference for future assignments and so on.

Week 12 

TITLE - Letter Fountain
AUTHOR - Joep Pohlen
PUBLISHED - 2015

Fig 2.02 book cover of Letter Fountain

This book contains good anatomy of the capital letters and lowercase letters. How the design process is made and letters individually broken down and analysed. it also contained letter spacing and kerning and how certain letters such as LT and Ty should be moved closer to close the gap.