Advanced Typography | TASK 1 EXERCISES: TYPOGRAPHIC SYSTEMS & TYPE & PLAY

30/08/2023 - 27/08/2023 

Week 1 - Week 5 

Amirah Akbar Ali / 0361001

Advanced Typography / Bachelor of Design (Hons) in Creative Media 

Task 1- Exercise

---

INSTRUCTIONS

Fig 1.1: Instruction (PDF)

LECTURES

Typographic systems

Typography systems are collections of individual styles used across an application.All design is based on a structural system and according to Elam. 2007.It is functional in the communication of a message, object elements enhance the functions of emphasis, organization, and balance. There are eight major variations of permutations. These eight major variations are as follows.

The 8 typographic system;

1. Axial
2. Radial
3. Dilational
4. Random
5. Grid
6. Modular
7. Transitional
8. Bilateral

Week 1: Typographical Systems

Fig 1.2: Typographical system chart

Axial

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

Fig 1.3: Typographical system - Axial

Radial

All elements are extended from a point of focus.

Fig 1.4: Typographical system - Radial

Dilational

All elements expand from the central point in a circular manner.

Fig 1.5: Typographical system - Dilational

Random

Elements appear to have no specific pattern or relationship.

Fig 1.6: Typographical system - Random

Grid

A system of Vertical and Horizontal divisions.

Fig 1.7: Typographical system - Grid

Transitional

An Informal system of layered banding

Fig 1.8: Typographical system - Transitional

Modular

A series of non-objective elements that are constructed in as a standardized unit. The thing with modular system is that you can move it around as long as it fits within the unit.

Fig 1.9: Typographical system - Modular

Bilateral

All text is arranged symmetrically on a single axis.

Fig 2.1: Typographical system - Bilateral

 

TASK 1: Exercise 1 - Typographic Systems

In this exercise, we are tasked to create a layout for each typographic system using the content given. The 8 typographic systems are: Axial, Radial, Dilatational, Random, Grid, Modular and Transitional. 

Task requirements:

- Adobe InDesign only

- Size: 200 x 200 mm

- Colours: Black and one additional colour

- Limited graphical elements (lines, dots, etc.)

Topic Research

Mr. Vinod advised us to do research on the three headlines provided and cater our design towards our chosen topic. Click on the topic to read more about it. 

-All Ripped Up: Punk Influence on Design

- The ABCs of Bauhaus Design Theory

- Russian Constructivism and Graphic Design

When starting off the process,I started with a sketch of how my layouts of each typography going to be.

Sketch

Fig 2.2: Typographical system - rough sketch layout

Compilation

Fig 2.3: Typographical system - overall layout

Axial

Fig 2.4: Typographical system - Axial 

Radial

Fig 2.5: Typographical system - Radial

Dilataional

Fig 2.6: Typographical system - Dilational

Random

Fig 2.7: Typographical system - Random

Grid

Fig 2.8: Typographical system - Grid

Modular

Fig 2.9: Typographical system - Modular

Transitional

Fig 3.1: Typographical system - Transitional

Bilateral

Fig 3.2: Typographical system - Bilateral

---

Type & Play

Week 2: Type & Play

• Finding an image; preferably textured/patterns
• Deconstructing an image
• Identifying letterforms
• Extracting letterforms
• Identify a reference
• Refining letterforms

Finding an image:

I have chosen an organic form of shapes that i can find from the water ripple image i found in Pinterest. 

Deconstructing an image:

Fig 3.3: Chosen Image for extraction

Reference letterforms:

Fig 3.4: #1 reference typeface image

Fig 3.5: #2 reference typeface image

Extracting letterforms:

Fig 3.6: Extracting letters

Refining letterforms:

Fig 3.7: Refinig letters

Progress for final poster:

Fig 3.8: progress

Final outcome Type & Play:

Fig 3.9: Final Type & Play outcome 

---

HONOR Talents

The annual HONOR Talents was made compulsory for us to join. There are three themes we have to choose from:

• Renewal of Life
• Cultural Prosperity
• Genesis - The Future

We are assigned to do an artwork based on their requirements.So i decided to illustrate the theme "renewal of life".

Artwork description:

This artwork beautifully symbolises "Serendipitous Encounter" is an evocative artwork that captures the essence of serendipity, the delightful discovery of something unexpected. The piece features a vibrant cityscape at twilight, with a blend of warm and cool colours illuminating the scene. 

Process:

Fig 4: sketch

Fig 4.1: sketch

Fig 4.2: sketch

Color process:

Fig 4.3: Colouring 

Fig 4.4: Colouring 

Final:

Fig 4.5: Final Illustration outcome

Fig4.6: Final collaterals  

---

 FEEDBACK

week 2

General Feedback: Some of the words need additional adjustment. It's important to

extract the detail of the original image.Use the original shape for

the letter.

Specific Feedback:Make your wordmark more define and finalise your chosen

wordmark.

Week3

General Feedback:The letterform has to represent the actual

object you extracted from and ensure their characteristics are

visible.

Specific Feedback:Refine more on my letterform to make it more

readable.

Week 4

General Feedback: Use only one color and ensure elements aren’t

too big or distractive that will disrupt the entire layout and

message.

Specific Feedback: Follow accordingly to the system to get the

correct layout.