Task 1-Exercises: Typographic Systems Type & Play

August 29, 2023

Task 1-Exercises: Typographic Systems Type & Play

28/8/2023 - 22/9/2023/ Week 1-Week 4

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

Taylor's University

Task 1 / Exercises: Typographic Systems Type & Play

Yexinyan/0355096

Instructions

Week 1:Typographic system

A structural system is the foundation of any design.

They include:

Axial
Radial
Dilatational
Random
Grid
Modular
Transitional
Bilateral

Analyze:

Axial system: All components are arranged to the left or right of a single, optionally straight axis.
Radial system: Focus extends to all components
Dilatational system:From a central point, all elements radiate outward in a circular motion. It might be easy or difficult.
Random system: Elements don't seem to be connected or arranged in any particular way.
Grid system: A divisional structure that is both vertical and horizontal.
Modular system: A collection of arbitrary components put together in standardised units. Despite not being in a bigger grid, the unit can be placed at random.
Transitional system: Multilayer banding in an unofficial scheme. In order to establish hierarchy, distinctions in size and width are crucial.
Bilateral system: On a single axis, the entire text is symmetrically ordered.

Typographic Systems: “An understanding of systems of visual organization gives the designer and in-depth knowledge of the design process. The traditional ties that bind design education and the visual process to the rigid horizontal and vertical grid systems of letterpress are no longer the sole means of order. It is possible for the designer to use a more fluid means to create typographic messages through the eight systems of typographic organization. These systems expand the visual language of typographic communication and invite the reader into the text.” (Elam, 2007)

Before starting, I tried to find inspiration on Pinterest.

Fig.1.1 Reference

5/9/2023

Task 1:

Task 1 we need to make square posters based on 8 printing systems.

Use any of the 3 headers in each system.
Line spacing, tracking. Point size should be between 8-12pt.
The level at which information is placed.

Axial system

Fig.2.1

Process

5/9/2023

Fig.2.2

First Attempt (JPG)

5/9/2023

Fig.2.3

Second Attempt (JPG)

5/9/2023

After the guidance of Mr. Vinods, I discovered that there was a problem with my radial system. The space on both sides of me was unbalanced and needed improvement. So I resumed my mission.

Fig.2.4

Third Attempt Process

6/9/2023

Fig.2.5

Final outcome (JPG)

6/9/2023

Radial system

Fig.3.1

Process

6/9/2023

Fig.3.2

Final outcome (JPG)

6/9/2023

Dilatational system

Fig.4.1

Process

6/9/2023

Fig.4.2

Process

6/9/2023

Fig.4.3

First Attempt (JPG)

6/9/2023

After Mr.Vinods' suggestion, I chose the second project as my final result.

Fig.4.4

Final outcome (JPG)

6/9/2023

Random system

Fig.5.1

First Attempt Process

8/9/2023

After Mr. Vinods’ feedback, my first result was not messy enough. So I gave it a second try.

Fig.5.2

Second Attempt Process

8/9/2023

Fig.5.3

Final outcome (JPG)

8/9/2023

Grid system

Fig.6.1

Process

8/9/2023

Fig.6.2

Final outcome (JPG)

8/9/2023

Modular system

Fig.7.1

First Attempt Process

8/9/2023

Fig.7.2

Final outcome (JPG)

8/9/2023

Transitional system

Fig.8.1

Process

8/9/2023

Fig.8.2

Final outcome (JPG)

8/9/2023

Bilateral system

Fig.9.1

Process

10/9/2023

Fig.9.2

Final outcome (JPG)

10/9/2023

Fig.10.1

Final typographic system with grid (PDF)

10/9/2023

Fig.10.2

Final typographic system(PDF)

10/9/2023

Task 2:TYPE & PLAY 1

We were asked to look for type, choosing man-made objects (chairs, glass, etc.) or structures (buildings

objects) or natural things (people, scenery, leaves, plants, bushes, clouds, hills, rivers, etc.). And make sure the image doesn't contain many different elements.

Fig.11.1

Image selection

Fig.11.2

Photo Tracing

Fig.11.3

Process

13/9/2023

Fig.11.4

The result of the first attempt

13/9/2023

After feedback from Mr. Vinods, I found that my font lacked details. The image I chose for reference had many structural details. Adding the details of the font made the font more interesting.I decided to give it a second try.In this second attempt, I added structural elements and details to the lantern, taking in feedback from the previous attempt.

Fig.11.5

Process

15/9/2023

Fig.11.6

The result of the second attempt

15/9/2023

But I still felt that the grid element was a bit complicated and easy to make people feel complicated, so I decided to simplify my font to a certain extent.

Fig.11.7

Final result (JPG)

15/9/2023

Fig.11.8

Letter"H" Final Type and Play (JPG)

15/9/2023

Fig.11.9

Letter"L" Final Type and Play (JPG)

15/9/2023

Fig.11.10

Letter"C" Final Type and Play (JPG)

15/9/2023

Fig.11.11

Letter"O" Final Type and Play (JPG)

15/9/2023

Fig.11.12

Letter"D" Final Type and Play (JPG)

15/9/2023

Fig.11.8

Final Type and Play 1(PDF)

15/9/2023

TYPE & PLAY 2

A few things to remember:

JPEG image of A4 size; - Use one of the ten typefaces
4-5 words, sentences, or quotes
Pick one word to be highlighted

After completing the final form of the word, we must combine it with the visual impact of their choice. The goal is to increase Strong/Support interaction between selected graphics and typeface forms. To create a symbiotic relationship, the words and image must be entwined.

Because my font is based on lanterns that contain traditional Chinese elements, I plan to use Chinese classical architecture as the background of the poster, which I think fits my text style well.

So I started picking out my background images on Pinterest.

Fig.12.1

Find poster background materials on Pinterest

18/9/2023

Fig.12.2

Background selection

18/9/2023

Fig.12.3

First attempt Type and Play 2 (JPG)

18/9/2023

After Mr. VINOD's guidance, I found that the size of my picture was wrong, so I made modifications.

Fig.12.4

Final Type and Play 2 (JPG)

18/9/2023

Fig.12.5

Final Type and Play 2 (pdf)

18/9/2023

Feedback

Week2
General: Some items are not messy enough.Not complete enough.
Specific: There is a bug in the Axial system. The middle line is unnecessary. From a composition point of view, this is not the best arrangement. Balance and space need to be considered.The second achievement of the Radial system can be retained, but the first achievement cannot be continued. The Random system is not chaotic enough, and it is relatively neat and cannot achieve the effect of the Random system.

Week3

General: Not enough details, details need to be added.

Specific: The font needs to add details at the corners and tails, as well as some structures of the lantern in the prototype picture, and continue to adjust.

Week4

General: Three draft items require continued revision.
Specific: The fonts of the three draft projects were not balanced and needed to be found, and a lot of revisions were required.

Reflection

Experience:

In this module, I learned the systematic text layout methods of various modules. I think this is a good framework, which will make my future design projects less confusing.

Observation:

There are many elements that can be combined with text, waiting to be discovered slowly.

Findings:

After designing the font, be sure to merge the paths.

Further Reading

Puhalla, D (2018). Layout Workbook: Revised and Updated : A Real-world Guide to Building Pages in Graphic Design. Princeton Edition: Revised and updated. Gloucester, Massachusetts : Rockport Publishers.

The book is full of helpful tips on how to set up material, choose fonts and colours, and structure pages in an efficient manner. The book's material gives graphic designers a greater understanding of how to develop appealing, understandable, and well-organized page layouts. This book seems like a wonderful resource for people who are unsure about typographic design.

Search This Blog

SEMERSTER 6