Advanced Typography / Task 1 / Exercises: Typographic Systems & Type & Play

 05/04/2022 - 0/04/2022 / Week 1 - Week 2

Hisham Rasheed / 0356691

Typography  / Creative Media / Taylor's Design School


EXERCISE

Task 1 / Exercise: Typographic Systems

Task 1 / Exercise: Type & Play



LECTURES

AdTypo_1_Typographic Systems

Axial

- all elements are organized to the left or right of a single axis.

Axis doesn’t have to be straight.


Radial
- all elements are extended from a point of focus. Like a sun?


Dilatational
- all elements expanded from a central point in a circular fashion. Like a ring?


Random
-appear to have no specific pattern or relationship  RANDOM

Grid

-A system of vertical and horizontal divisions. Regular books

Transitional
- an informal system of layered banding


Modular 

-a series of non-objective elements that are constructed as standardized units.


Bilateral

-All text is arranged symmetrically on a single axis
invitation cards



An understanding of the systems organization process allows the designer to break free from “the rigid horizontal and vertical grid system of letterpress” (Elam, 2007). 

- Mr. Vinod's lecture video, AdTypo_1_Typographic Systems


INSTRUCTIONS






Sketches

Progress

Layouts

Axial System


Fig 1.1 (12/04/2023)

Font used: Gill sans Bold condensed and Regular


Radial system


Fig 1.2 (12/04/2023)

Font used: Gill sans Bold condensed and Regular


Random system

Fig 1.3(12/04/2023)

Font used: Gill sans Bold condensed and Regular


Dilational system

Fig 1.4 (12/04/2023)

Font used: Gill sans Bold condensed and Regular


Grid system

Fig 1.5 (12/04/2023)

Font used: Gill sans Bold condensed and Regular


Modular system

Fig 1.6 (12/04/2023)

Font used: Gill sans Bold condensed and Regular


Bilateral system

Fig 1.7 (12/04/2023)

Font used: Gill sans Bold condensed and Regular


Transitional system

Fig 1.8 (12/04/2023)

Task 1: Exercise 2 - Type and Play

Part 1: Finding Type

We are instructed to analyze, dissect, and identify probable letterforms (4 letters only) inside a selected photograph of a topic — either organic or man-made — for activity 2 part 1. 
- Only uppercase or lowercase letters; - Select one of the 10 fonts as your reference

Chosen picture

Fig 1.2..1 Tracing from Crocodile skin (18/4/2023)

Letterform extraction

Fig 1.2.2 Extracted letterforms (18/4/2023)

Crocodile - B, U, S, T 

The letterforms were angular and sharp and could be refined into a unique serif typeface. 

Fig 1.2.3 Poster attempt (24/04/2023)

I decided to do a simple poster on the same image I extracted the letters from with an overlay of crocodile skin on the type to make it look to blend in. It gives a contrasting look to the image.

Final

Fig 1.2.4 Final Typeface (2/05/2023)



Fig 1.2.5 Final Poster (2/05/2023)



Feedback

week 2: Week 2 I was not present in the class

Week 3: Week 3 as well was not present in the class 

week 4: my extraction for the exercise was not submitted on the page so no feedback was given


Reflection

Experience: For me, learning Typographic Designs has been an experience that is equal parts challenging and delightful. Through participating in all of the activities, which encourage creativity and expression as well, I've developed a greater awareness of the tiniest details, such as readability, balance, and weight distribution.

Findings: When I tried to find a balance between the strict typographic rules and my desire for creativity, I found it quite challenging to do so. However, as I progressed through the exercises, I began to realize that adhering to the systems provided me with a solid basis upon which I could conduct experiments and test the boundaries of design. This became abundantly evident to me while I was participating in the activity of finding type, during which I took great pleasure in the process of observing biological objects and used them as guides for the type design I created.

Observations: As I worked on the assignment that combines text and an image, I realized how important it is to have a thorough understanding of both the topic at hand and the qualities that define it. Because of this, it was much simpler for me to put out an idea that accurately conveyed the spirit and the meaning I intended to convey. In addition, I came to the conclusion that the fluidity and flow of the text were quite important in developing a vivid link between both elements.


Further Reading

Fig 1.3.1 Typographic system by Kimberly Elam (2007)


One interesting chapter from Kimberly Elam's "Typographic Systems" (2007) is Chapter 5: "Typographic Scale". In this chapter, Elam explains the importance of establishing a harmonious visual hierarchy through the use of a well-defined typographic scale.

The chapter begins by discussing the concept of proportion in design, and how it relates to typography. Elam explains that a proportion is a relationship between two or more elements and that in typography, the relationship between the different sizes of typefaces is crucial to creating a successful visual hierarchy.

Throughout the chapter, Elam provides numerous examples of how typographic scales can be used in various design contexts, from book design to web design. She also discusses the importance of balancing contrast and harmony in a typographic system and provides practical tips for achieving this balance.

Overall, Chapter 5 of "Typographic Systems" provides a comprehensive and practical introduction to the concept of typographic scale, and is an essential read for anyone interested in designing effective and visually appealing typography.

Comments

Popular posts from this blog

Typography / Final Compilation

Sonic Design: Final Project