Typography TASK 3: Type Design and Communication

[18/11/24- /16/12/24] (Week 9- Week 12)

Ng Jia Xuan / 0375273 ]

[ Typography ]

Task 3: Type Design and Communication ]


TABLE OF CONTENTS

  1. Lectures
  2. Instructions
  3. Process Work
  4. Final Outcomes
  5. Feedback
  6. Reflection
  7. Further Reading


1. LECTURES

WEEK 9:
Mr. Max gave a briefing for TASK 3, providing us with directions to find references.
*Tips to find references: 
Use keyword such as 'Typography Design', 'Typography Alphabet Design', 'Typography Letter Design'


WEEK 10:
Mr. Max talked about the 'Dissection' task:
1. Use lines and shapes to outline the letter.
2. Use the 'Shape Builder' tool to construct the shape of the letter.

WEEK 11:
Mr. Max teaches us some tips to make the working process easier and faster.

If you want to connect 2 points to make them join together:
1. Highlight both anchor point/click and shift to click the other point
2. Right click, Click 'Joint'



To make your path follow the image you place:
1. Place your image
2. Use 'Pen Tool' to make path
3. Choose ' Curvature' and double click the anchor point








2. INSTRUCTIONS




3. PROCESS WORK
3.1 References

Fig 3.1

Fig 3.2

Fig 3.3

Fig 3.4


3.2 Sketches

The flexible pointed pen (aka. pointed nib / brush):


1. Inspired by the shape of a leaf.
2. Inspired by Fig 3.4, adding a dot/point at the end of the stroke.
3. Using thick and thin lines. Inspired by 'Smaller when far, bigger when near'


The pointed pen (aka. ball point pen, rounded felt-tip):


1. Inspired by Fig 3.3, leave some space between stroke.
2. Adding a curve as a fun element.
3. Inspired by Fig 3.1. The strokes aren't neat; they extend beyond the lines.


The broad-edge pen  (aka. flat nib):


1. Using thick and thin line, creating a diamond-like design.
2. Inspired by Fig 3.2, adding a bit of 'Wave' element.

3.3 Adjustments

1ST Adjustments:
1. D: It looks like 'O' right now. To differentiate it, make the top right and bottom right area more curvy.
2. S: It look like 5 at the moment. 



2ND Adjustment:
1. D: It looks more like a 'B' than 'D', don't curve at the middle part, only curve the right top and bottom. 


Final Sketch



3.4 Digitize Process


Before digitize, Mr Max give us a 'Letter Deconstruction' task. This task help us to learn how letters are form in shapes and how to analyze letters.


After finishing the 'Deconstruction' task, I start to digitize my letters:



First, I create my basic stroke:
VERTICAL STROKE:
1. Deciding the width block (3 blocks) and height block (20 blocks)
2. At the middle of the stroke, I use 'Curvature' to curve the stroke 



HORIZONTAL STROKE:
1. Deciding the height block (1/2 block) and height block (Depends on the letters)



After creating the basic stroke, I start to combine them.



Using 'Shape Builder', combine them into a shape.


Final Outcome


After finishing digitize it in Illustrator, I begin to export my letters in FontLab



After finishing download my font, I start to make my poster.




4. FINAL OUTCOMES

DOWNLOAD FONT HERE:


Fig 4.1 Screen Grab of Font Lab process



Fig 4.2 Final Type construction in Ai JPEG 



Fig 4.3 Final Type construction Ai in PDF


Fig 4.4 Final JPEG A4 black & white poster


Fig 4.5 Final PDF A4 black & white poster




5. FEEDBACK

Week 9: 
Mr Max introduces Task 3 to us, and we have to design 3 design for each pen (Total of 3 Pen)

Week 10: 
Letters that need adjustments:
1. D: It looks like 'O' right now. To differentiate it, make the top right and bottom right area more curvy.
2. S: It look like 5 at the moment. 

Week 11: 
Mr Max approve my sketch and I can start digitize the letters.

Week 12: 
My suggestion: Change the horizontal stroke to 1 block instead of 1/2 block
Mr Max suggestion: Not to change it, otherwise the 'N' will be too packed

Adjustment:
',' :  The tail part make it boxy/square, it is too sharp.

After adjustment, I can import it into Font Lab and make the poster.



6. REFLECTION

Experiences:
Honestly, this task felt a bit overwhelming at first. We have to create our own font, and it requires 9 different designs (which is quite a lot TT). During my research, I found a lot of awesome designs, and I’m trying to make mine unique and original at the same time (which is very challenging for me). I don’t want to plagiarize those amazing designs—either intentionally or unintentionally. So, during the first week (Week 9), I spent a lot of time brainstorming to come up with my own ideas.

After getting through the hardest part, everything started to go more smoothly. I’m happy to have made this achievement. The 8-year-old me would never have imagined that the 19-year-old me would learn how to create her own font.


Findings:
I never knew that creating a font requires so much calculation and math—everything from the shapes and strokes to the spacing between them. There are so many requirements and details to consider.

Reading and doing research turned out to be more important than I thought. These are the most efficient ways to browse a large collection of great designs, and they help improve our sense of aesthetics.



7.FURTHER READING

Fig 7.1 Typographic Design Form Communication 6ed-Rob Carter


Fig 7.2 pg 222 & 223

Fig 7.3 pg 224 & 225 

As I mentioned in my reflection, the brainstorming process to create my font has been quite challenging for me. However, after reading Typographic Design: Form and Communication (6th edition) by Rob Carter, I gained some ideas and direction on how to approach the design. It’s a great guide if you’re not sure how to start with this kind of project.







Comments

Popular Posts