Ng Ming De 0335594 (Project 1)

5/5/20 - 2/6/20 (Week 4 - Week 8)
Ng Ming De (0335594)
Advanced Typography (GCD61004)
Project 1

Lecture Notes :
Lecture 5 : Designing Type (Week 5)

This week was another group's turn in presenting the topic: Designing Type. It basically elaborates the Anatomy of Type, along with Purposes a Type is created and characteristics that makes the type work in terms of readability and the processes on how to make a type.

Week 6
No lecture : Reviewing our works for Project 1

Week 7
No lecture : Public Holiday Hari Raya Aidilfitri

Week 8
No lecture: Reviewing our works for Project 1 (Final)

Instructions :

PROJECT 1

Key Artwork (Week 4)

For our very first project, we are tasked to creatively and conceptually use visual and type in combination to create a key artwork to be used in collateral for the subsequent task aka Project 2 down the line. The focus here is to use visual elements and/ graphical elements and the title (type) in an experimentive, impactful and visually attractive manner. Size of poster should be 50cm x 70cm.

Topics to choose from :

All Ripped Up: Punk Influences on Design
The ABCs of: The Bahaus and Design Theory
Russian Constructivism and Graphic Design

Advises from Lecturers :

Create our key artwork on Adobe Illustrator, because this software is vector-based, hence the quality will remain the same even when the artwork is resized.
We can use typefaces aside from the 10 typefaces provided. *yay*

Collaterals (Project 2) notes:

Microsite and poster is compulsory to have
We need to have at least 4 collaterals.

Honestly, I am still interested with All Ripped Up: Punk Influences on Design so I'm gonna work on it instead.

I went to do more research on the culture of Punk and here is what I've found out.

Figure 1.1 Research

References of some Punk Design :

Figure 1.2 Example 1

Figure 1.3 Example 2

Sketches :

Figure 2.1 Sketches

Thus, I began searching for an Image for my Project.

Figure 3.1 Image of Lady Gaga

We have to make our posters in a 50cm x 70cm canvas size so I edited it in Photoshop and added some filters.

Figure 4.1 Edited Image

Then, I installed Chronic font from online to experiment with.

Experimentation Process :

Figure 5.1 Version 1

Figure 5.2 Version 2

Figure 5.3 Version 3

Figure 5.4 Version 4

After several attempts, I still feel that the word 'Design' isn't hitting the mark for me so while I was taking a break, I watched a YouTube video which has a painted font at the end of the video.

Figure 3.2 Painted Type

So I got an idea to find for some paint font and found the Permanent Marker from Google Font and went on to try it out.

Figure 5.5 Version 5

I added some noise so that it lowers the quality of the image (most punk designs are made from collage and organic looking which is why I did this).

Then, I showed Version 11 to some of my friends and.. They can't even read it. Which means my layout is too confusing for anyone to read, so I decided to change my approach entirely.

This time, I went for a more simple layout using the modular system and axial system. I also added texture for the background so that it looks more handmade and limit the colors I used to yellow, black and white.

Figure 5.6 Version 6 (Modular System)

Figure 5.7 Version 7

Figure 5.8 Version 8

After the feedback session, Mr Vinod told us to try to do the layout in B&W as he stresses out that if the form of the layout doesn't work, it wouldn't do any good when we add colour.

Figure 5.9 Version 9

Figure 5.10 Version 10

Figure 5.11 Version 11

Figure 5.12 Version 12

Figure 5.13 Version 13

After all these designs, Mr Vinod said I'm still not there yet. Time to redo :'D

Figure 5.14 Version 14

Figure 5.15 Version 15

Figure 5.16 Version 16

Figure 5.17 Version 17

At this point, I'm still not going anywhere and everyone is moving onto Project 2, so I'm changing my approach altogether.

Figure 5.18 Compilation of other Exploration Process

Figure 5.19 Version 18

Figure 5.20 Version 19

After getting some more feedback and Mr Vinod's guidance, I've achieved the final outcome:

Figure 6.1 Final Key Artwork

Figure 6.2 Final Key Artwork (PDF)

Feedback

Week 5

General Feedback:

1)Try to sketch out first

2)Work the typography first only then you may use graphical elements or images

3)Try to use black and white rather than color when designing the layout.

Specific Feedback:
Try to pay more attention on the elements of Punk, such as the typeface or the harsh photocopy effect. I still need more exploration to do as I'm still not there yet.

Week 6
Specific Feedback:
"You need to focus on arrangement first. Once that’s done, look into the assortment of typeface-ensure appropriate contrast. Only when this two sits well together can you then move on to introduce colour" (from FB messenger)

Week 7
General Feedback:

1)Refer to the examples posted.

2) We are advised to start with black and white before applying color

Specific Feedback:

Mr Vinod told me to focus more on my version 5 as it seems the strongest among the rest as I'm still not getting there yet. He told me to instead emphasize on the word "Punk" and make the "All Ripped up" and "Influences on Design" to be placed in the negative spaces of my Version 5. Figure the key artwork on my own.