Typography Task 3/ Type Design and Communication

-

17/6/2024 - 15/7/2024 (WEEK 9- WEEK 13)

LEBON STEPHANIE AMELIE JUDITH  0362853

Typography/ Bachelor of Design ( Honors) in Creative Media/ Taylors University

Task 3/ Type Design and Communication

INSTRUCTIONS.

Table of Contents:

Sketches.

Digitalization.

Final Poster.

Reflection

Feedback.

Further Reading.

Sketches.

3 Initial Sketches.

In Procreate I created 3 Sketches but I ended selecting 'Fig 1.1 Sketch 1'

Fig 1.1 Sketch 1.

Fig 1.2 Sketch 2.

Fig 1.3 Sketch 3.

Final(Chosen) Sketch.

I added the rest of the letters for 'Fig 1.1 Sketch 1' in the end  deciding to go with capital letters as seen in 'Fig 2.1 ' and 'Fig 2.2'.


Fig 2.1 .

Fig 2.2.

Digitalization.

Digitalizing Chosen Sketch.

 I added the sketches to Adobe Illustrator and digitalized it.

Fig 3.1 Digitalizing.

Formatting.

I used the method Mr. Vinod and Mr. Max showed us to find all the heights so we can start exporting to Font Lab.

Fig 3.2 Finding the Heights.

Exporting to Font Labs.

I copy pasted all the digitalized letters into Font Lab, kerned them and export them into the correct file to use in Illustrator to make the final poster.

Fig 3.2 Exporting to Font Labs.

Fig 3.3 Kerning



Fig 3.4 Final Type Construction.





Final Poster.

Fig 4.1 Final Poster.


PDF file of  Final Poster:

Download Steph's font: https://drive.google.com/drive/folders/1SoRhwCkTosx8yqdRclLxZrOiiFrDbf7W?usp=sharing

Reflection

Experience

Overall this assignment was fairly simple and enjoyed it because I had more power over my designs as I made the typeface from scratch rather than needing to use already made typefaces.

Observation

I observed many fonts online trying to think of my own idea and doodled around till I found the concepts I wanted to sketch. I also observed Mr. Max' feedback he gave both me and my peers during tutorials.

Findings

I found out the many tedious consistencies your typeface needs including heights, angles, lengths and thickness'. How all these details  make sure all letters have the same design language.

Feedback.

Week 9:  Improve and complete my sketches for next week.

Week 10: Fix the counters in my letters and start digitalizing.

Week 11: Complete digitalization and start exporting letters into font lab.

Week 12: Format font in Font Lab and kern.

Week 13:  Fix the kerning and improve the layout of the poster.

Further Reading.

Typographic Design: Forms and Communication

I have selected the book 'Typographic Design: Forms and Communication' by Rob Carter, Philip B. Meggs, Ben Day, Sandra Maxa and Mark Sanders to read for my further reading.

Fig 4.1 Book cover of chosen book for further reading.

 Chapter 2 was the most fitting chapter for this task, this chapter is about 'The Anatomy of Typography'.

The Anatomy of Typography.
In this chapter we analyze letter forms by studying the parts of the letter forms such as the:
  • Capline.
  • Meanline.
  • x-height.
  • Baseline.
  • Beard line.
Fig 4.2 The parts of letterforms.

Another highlight of this chapter is the historic classification  of typefaces such as:
  • Old Style.
  • Italic.
  • Transitional.
  • Modern.
  • Egyptian.
  • Grotesque.
  • Neo-grotesque.
  • Humanist.
  • Geometric.
 Other things learned in this chapter include typographic measurements, spatial measurements, weight changes, proportion, angle and elaboration.

Comments

Post a Comment

Popular posts from this blog

Task 1: Exploration Design Principles (202502)

-
Image
LEBON STEPHANIE AMELIE JUDITH 0362853 Task 1: Exploration TABLE OF CONTENTS: Instructions Task 1 Feedback Reflection INSTRUCTIONS TASK 1 Gestalt Theory: This theory is based off shapes/forms as the brain is designed to see patterns in visuals  Fig 1.1 is given below to help visualize the principles below. Principle of Similarity: grouping elements that are similar to each other. Principle of  Continuation: humans tend to view many objects as different. Principle of Closure: completing figures and forms. Principle of Proximity: grouping elements into a unified group. Principle of Figure/Ground: perception of objects either being in the background or foreground. Law of Symmetry and Order: balancing content in your composition. Fig 1.1 https://makeitclear.com/ux-ui-tips-gestalt-principles/ Contrast: There are several ways to create contrast such as 1. Size, 2. Weight, 3. Contrast of Form, 4. Contrast of Structure, 5. Contrast of Texture, 6. Contrast of Co...
Read more

Task 2: Visual Analysis Design Principles (202502)

-
Image
LEBON STEPHANIE AMELIE JUDITH 0362853 Task 2: Visual Analysis TABLE OF CONTENTS: Task 1:  https://stephaniesdesignblog.blogspot.com/2025/02/design-principles-202502.html Instructions. Task 2. Feedback. Reflection. INSTRUCTIONS TASK 2 Chosen Art Work Fig 1.1 Chosen art work. https://manniartgallery.com/colbert-nourrice.html Details:  Name: Men Machine Artist: Colbert Nourrice Size: 150x200cm Technique: Oil on canvas There are also a few design principles in this design such as balance, unity, harmony and repetition. Visual Analysis: Observation: This artwork a black and grey (monochromatic) artwork which use made using oil on canvas. The primary forms are the 3 circles in the center withe the largest wheel like one being the main point of emphasis, there is also frame like area with a shadow to give depth as if the rectangle is elevated above the rest of the art. There are also a lot of small shaded circles and dots surrounded with random lines that short of look like cells. Be...
Read more

Advanced Typography Task 1

-
Image
25.09.2024--16.10.2024 (WEEK 01-04) LEBON STEPHANIE AMELIE JUDITH  0362853 Advanced Typography / Bachelor of Design ( Honors) in Creative Media/ Taylors University Task 1 Exercises: TABLE OF CONTENTS: Lecture. Instructions. Exercise 1. Exercise 2. Feedback. Reflection. Further reading. LECTURES Week 1: In week 1 lecture I learned about the 8 Typographic Systems: Axial : all elements are organized to the left or right of a single axis.  Fig 1.1 Axial System. Radial : all elements are extended from a point of focus. Fig 1.2 Radial System. Dilatational System : all elements expand from a central point in a circular manner. Fig 1.3 Dilatational System. Random System : elements appear to have no specific pattern or relationship. Fig 1.4 Random System. Grid System : a system of vertical and horizontal divisions. Fig 1.5 Grid System. Transitional System : an informal system of layered banding. Fig 1.6 Transitional System. Modular System : a series of non-objective elements that are c...
Read more