DESIGN, EXPLORATION & APPLICATION (4 WEEKS DURATION)


I was briefed on the final project and I am free to choose any topic as long as it has a purpose or a problem to solve. From this, I did some research and looked at other designers’ experimental typography and listed down some ideas.

  1. Alphabets made from strings

Purpose & reason: to teach children by interacting and constructing the letters themselves. 

2. To transform the Braille alphabets to regular alphabets

Purpose & reason: to teach people about the alphabets that are used by the blind.

3. To enhance the typeface used in Ipoh Heritage Trial floor symbol

Purpose & reason: to enhance & show a better representation of Ipoh’s identity. 

4. To enhance the typeface used in a café website

Purpose & reason: to create a better typeface that will suit with the website theme and concept.

5. To create a typeface using the Chinese temple construction symbols

Purpose & reason:  to create appreciation of the construction of the temple 

6. Improve a movie poster, Lion King

Purpose & reason: to enhance using the elements/concept of the Lion King to the movie typeface.

PDF of Idea Generations:

https://drive.google.com/file/d/1X8v6SY3HV3RzE3jE4sCBygOUUKKz2GNk/view?usp=sharing

After many thoughts, I decided to go ahead with Idea 3 as I was more interested in that idea at first. So I decided to develop that idea with more inspirations and references that will help me be clear of what I want to produce and achieve.

Presentation Slides of Final Idea:

https://docs.google.com/presentation/d/e/2PACX-1vTPbxXbeuhkWK1Nn1b3JXxSeQCCgMj80DpKEkXb0Qb1HZPhHR_C4Dyixeyjmf5zht4l61NUad_z6Sq1/pub?start=false&loop=false&delayms=3000

While the development of the typeface is based on Ipoh’s heritage, I looked for images that best represent it. I have photos of some of the significant buildings that relate to heritage so I decided to study the structure and design of those buildings and what makes them considered to be the heritage of Ipoh.

Dewan Bandaran Ipoh  (Ipoh Town Hall & Old Post Office)

andreaviechoong.com

Birch Memorial Clock Tower

andreaviechoong.com

Mahkamah Tinggi Ipoh

andreaviechoong.com

Ipoh Railway Station

andreaviechoong.com

From my observation, I found that most of these buildings have similar designs especially the pillars. 

Similar design style found on the heritage buildings (indicated in red)

andreaviechoong.com

So I decided to use these designs when creating my typeface for the letters. I explore two different variations using the letter H. I used a sans-serif font, Arial as a guideline to build my letter.

Arial is everywhere - /designworkplan wayfinding design studio
andreaviechoong.com

Two different variations of letter H 

andreaviechoong.com

I decided to go ahead with the second variation as it looks more unique and suitable and shows more of the representation of the Heritage buildings in Ipoh. I continue using this style to create some alphabets.

I did some sketches of the alphabets before doing it digital in Adobe Illustrator.

Left: Letter H- initial sketch, Right: Letters  B, Z, R, Y, S, K, L, G- developing sketches

andreaviechoong.com
andreaviechoong.com

Second Variation: Letters A-F (1st attempt)

andreaviechoong.com

Second Variation: Letters G-L (1st attempt)

andreaviechoong.com

After I received feedback, I had to refer to a normal Roman typeface especially for letter B and D. I had to refine and change the thickness of the lines on my letters by making it consistent. Besides that, I need to reduce the number of lines as it looks over complicated. 

Another chosen Roman typeface (Bembo Regular)

Bembo - Wikipedia
andreaviechoong.com

I observe at the building structures again to make sure I do not forget about implementing the design style to the letters. I reduced the number of lines and adjusted some parts of the letters to make it look similar and consistent with each other.

Second Variation: Letters G, B, C, D, K, F (2nd attempt)

andreaviechoong.com

After refining some of the letters, it seems to look more better than the previous attempt. I continued to refine them further before finalizing with the other letters as well.

 Process of arranging the alphabets A-Z in AI (3rd attempt)

andreaviechoong.com

After the feedback, I refined my letters further in reducing more of the white lines and maintain consistency in each of the letters. 

Final Outcome of Typeface: Alphabets A-Z

andreaviechoong.com

 Final Outcome of Typeface: Ipoh Heritage

andreaviechoong.com

After designing the letters from A to Z, I decided to make a short animated GIF of how the Ipoh heritage building are made from the beginning with layers of concrete to a beautiful majestic white building. The night sky colour scheme is to show the contrast of the white building letters.

I looked for colour scheme that I will use in my animated GIF

Colour Scheme for animated GIF

andreaviechoong.com
andreaviechoong.com

I made each frame in separate artboards in Adobe Illustrator and then export it to Adobe Photoshop to create a timeline for the short animated GIF.

Process of making artboard in Adobe Illustrator (1st attempt)

andreaviechoong.com

Process of editing the timeline to create the animated GIF in Adobe Photoshop (1st attempt)

andreaviechoong.com

I made the animated GIF again with the new refined letters and changed the animated GIF a little bit by adding the transparent illustrated heritage building of the Ipoh Town Hall to reflect on the typeface and the word “Ipoh Heritage“.

Process of creating artboards (in Adobe Illustrator)

andreaviechoong.com

Process of editing timeline for animated GIF (in Adobe Photoshop)

andreaviechoong.com

Animated GIF of “Ipoh Heritage” typeface (1st attempt)

andreaviechoong.com

I wanted to make the last frame which is the final outcome appear longer as that is the purpose of the animated GIF.

Animated GIF of “Ipoh Heritage” typeface (2nd attempt)

andreaviechoong.com

I noticed that the heritage looks staggered almost near the end of the GIF so I edited again and make the animation a little more slower.

Final Animated GIF of “Ipoh Heritage” typeface 

andreaviechoong.com