ADVANCED TYPOGRAPHY / TASK 1 : EXERCISES

September 21, 2023

ADVANCED TYPOGRAPHY / TASK 1 : EXERCISES

30/08/2023 - 22/09/2023 (Week 1 - Week 4)

Agnes Fadhyllah / 0360503

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

ADVANCED TYPOGRAPHY TASK 1 / EXERCISES

Lectures

WEEK 1 : [30/08/2023]

Summary

On the first week we had an introduction and briefing about the module, after introducing us to the new module Mr.Vinod explained about typographic systems and the 8 layouts of typography, Immediately after the brief Mr.Vinod gave us an assignment to make 8 examples of the layout and tasked us to make at least 2 of each example, so we have to create 18 layouts.

Lecture 1 : Typographic Systems

Similar to architectural shape grammars, typographic systems are made up of rule sets that direct and concentrate decision-making, giving typography in design a clear framework.

Fig.1.0 8 Typographic Systems

There are 8 major variations on typographic systems, which are:

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

Fig.1.1 Axial System from Type 365

Radial: All elements are extended from a point of focus.

Fig.1.2 Radial System from Type 365

Dilatational: All elements expand from a central points in a circular fashion.

Fig.1.3 Dilatational System from Type 365

Random: Elements appear to have no specific pattern or relationship

Fig.1.4 Random System from Type 365

Grid: A system of vertical and horizontal divisions

Fig.1.5 Grid System from Type 365

Transitional: An informal system of layered banding.

Fig.1.6 Transitional System from Type 365

Modular: A series of non-objective elements that are constructed in standardized units.

Fig.1.7 Modular System from Type 365

Bilateral: All text is arranged symmetrically on a single axis

Fig.1.8 Bilateral System from Type 365

WEEK 2 : [06/09/2023]

Summary

On the second week we had a feedback session and then we got another assignment which is Type & Play, we were instructed to watch the lecture and is getting explanation on how the exercise work, and after that we were told to find a picture for the type and play so that he can view and see if it work.

Lecture 2 : Typographic Composition

Typographic composition is a vital component of design and communication that serves both practical and aesthetically pleasing goals It is an effective medium for building identity, delivering information, and capturing viewers' attention.

Principles of Design

1. Emphasis: You can draw attention to important information or calls to action by emphasising specific words or phrases inside a document using typographic composition.

Fig.1.9 Emphasis

2. Rule of Thirds: It's vital to keep in mind that the Rule of Thirds is not a rigid rule but rather a technique to help with generating balanced and aesthetically beautiful compositions in typography and graphic design.

Fig.1.10 Rule of Thirds

Typographic Systems

1. Environmental Grid: Environmental grids, often referred to as modular grids or spatial grids, are a typographic design framework that creates a unified and well-organized layout.

Fig.1.11 Environmental Grid

2. Form and Movement: Form and movement are important components of typographic design that have a significant impact on how a message is interpreted and comprehended.

Fig.1.12 Form and Movement

WEEK 3 : [13/09/2023]

Summary

I was absent on Third week, so i watched the replay of the class on that day, we had a feedback session on the type and play and after that we had a continuous assignment with the type and play and we were told to make a movie poster using the word that are resulted from the Type and play, Keypoint is to make sure the words is the "hero" of the poster.

Lecture 3 : Context & Creativity

In order of understanding Typography we have to get to know the context and the creativity behind all of it.

Handwriting

Fig.1.13 Evolution of the Latin Alphabet

The initial mechanically created letterforms attempted to mimic the established form, spacing, and traditions of handwriting. Writing media including clay, papyrus, animal skins, and paper had an impact on the lines and shapes of hand-drawn letterforms. This script became the model for typography as it developed, laying the groundwork for type design.

The evolution of typefaces and letterforms can be summed up as follows:

The earliest mechanically produced letterforms were created to resemble handwriting and served as the benchmark for mechanical type's form, spacing, and conventions.
Writing systems started out as pictograms and eventually developed into left-to-right writing.

Fifth Century BCE Early Greek Lettering: Early Greek letters were handwritten and lacked serifs. Letters thickened, apertures shrunk, and serifs were added over time.

Roman Uncials: Roman characters grew more rounded and curled, enabling writers to write more quickly and with fewer strokes.

English Half Uncials (8th C.): Uncial lettering in England changed into a slanted and compact style.

Carolingian Minuscule: Spaces between words, capital letters at the beginning of phrases, and punctuation were all introduced by the Carolingian Minuscule. It had an impact on Humanistic literature in the fifteenth century, which provided the inspiration for our current lowercase Roman type.

Black Letter (12–15 CE): This typeface was known for its condensed writing and close spacing, which helped print books with less material.

The Italian Renaissance: rediscovered Antica letterforms and used Renaissance design tenets to produce more idealised and logical letterforms.

WEEK 4 : [20/09/2023]

Summary

On week 4 Mr.Vinod lectured us about specialization and the truth about the designing world business in general. it is true that it is a struggle to find a comfortable and good payment job as a graphic designer, he told us to make sure to make side income starting from now, and make sure to not only limit yourself into just one job, after that we had a brief about our next assignment and we did some sketching in class.

Lecture 4 : Designing Type

A thorough study of letterforms, adherence to typography rules, and meticulous attention to detail are all necessary for the complicated and creative process of typeface (font) design. The general procedures to take while creating your own typeface are as follows:

1. Research & Make a Concept

learn about various typographic styles and existing typefaces.
Give your typeface a distinct concept or topic
Look for inspiration in a variety of places, such as old typefaces, the outdoors, buildings, or other types of art.

2. Sketch

Pay attention to letter anatomy, including the shapes of individual letters, serifs, and the overall aesthetic balance.
Start drawing your typeface's earliest concepts on paper. Try out various letterforms, weights, and styles.

3. Digitalize

Convert your sketches into digital designs using font editors like FontForge or vector-based design programmes like Adobe Illustrator.
Establish a grid or rules to maintain uniform dimensions and spacing.

4. Testing

Try out your typeface in a variety of settings, including those with diverse backgrounds, font sizes, and apps.
Get feedbacks, refine your design. Continue to tweak and enhance the typography.

5. Deploy

Make sure to not take the testing phase lightly to keep any issues minor.

Instructions

Module Information Booklet

Task 1: Ex 1 - Typographic System

Visual Research

After watching the lecture video i start on doing visual reseach on how im gonna make my layout gonna be. the content of the 8 systems that we are going to make are going to be :

The Design School, Taylor’s University

All Ripped Up: Punk Influences on Design
or
The ABCs of Bauhaus Design Theory
or
Russian Constructivism and Graphic Design

Open Public Lectures:

June 24, 2021
Lew Pik Svonn, 9AM-10AM Ezrena Mohd., 10AM-11AM Suzy Sulaiman, 11AM-12PM

June 25, 2021
Lim Whay Yin, 9AM-10AM Fahmi Reza, 10AM-11AM Manish Acharia, 11AM-12PM

Lecture Theatre 12

I started searching for references on pinterest and behence.net afterwards.

Figure 2.1 Visual research (Source : Behance.net)

Sketches

after researches i did, i started to sketch the layout digitally.

Figure 2.2 Digital Sketches Pt.1 [Week 1 (02/09/2023)]

Figure 2.3 Digital Sketches Pt.2 [Week 1 (02/09/2023)]

Digitalization

i tried on making the 16 layouts, and here are the results.

Figure 2.4 Radial attempt [Week 2 (05/09/2023]

Figure 2.5 Axial attempt [Week 2 (05/09/2023]

Figure 2.6 Dilatational attempt [Week 2 (05/09/2023]

Figure 2.7 Random attempt [Week 2 (05/09/2023]

Figure 2.9 Grid attempt [Week 2 (05/09/2023]

Figure 2.10 Transitional attempt [Week 2 (05/09/2023]

Figure 2.11 Modular attempt [Week 2 (05/09/2023]

Figure 2.12 Bilateral attempt [Week 2 (05/09/2023]

In week 2 we got some feedback, and i asked my peers for some feedback too on which layout is better and after some critical thinking i decided to pick one from the two designs.

Figure 2.13 Axial final attempt [Week 3 (10/09/2023]

Figure 2.14 Radial final attempt [Week 3 (10/09/2023]

Figure 2.15 Dilatational attempt [Week 2 (05/09/2023]

Figure 2.16 Random final attempt [Week 3 (10/09/2023]

Figure 2.17 Grid final attempt [Week 3 (10/09/2023]

Figure 2.18 Transitional final attempt [Week 3 (10/09/2023]

Figure 2.19 Modular final attempt [Week 3 (10/09/2023]

Figure 2.20 Bilateral final attempt [Week 3 (10/09/2023]

FINAL OUTCOME

Figure 2.21 Axial final attempt [Week 3 (12/09/2023]

Figure 2.22 Radial final attempt [Week 3 (12/09/2023]

Figure 2.23 Dilatational final attempt [Week 3 (12/09/2023]

Figure 2.24 Random final attempt [Week 3 (12/09/2023]

Figure 2.25 Grid final attempt [Week 3 (12/09/2023]

Figure 2.26 Transitional final attempt [Week 3 (12/09/2023]

Figure 2.27 Modular final attempt [Week 3 (12/09/2023]

Figure 2.28 Bilateral final attempt [Week 3 (12/09/2023]

PDF:

Figure 2.29 Final PDF [Week 3 (12/09/2023]

Figure 2.30 Final PDF with Grids & Margins [Week 3 (12/09/2023]

Task 1: Ex 2 - Type & Play

Visual Research

We were tasked to search for images for our type and play, since i love snakes so i tried searching about snakes, and i feel like snake have a lot of patterns i can choose an example from a snake. i went thru pinterest and find alot of choices and here are the choices i have

Figure 3.0 Visual research (Source : Pinterest) [Week 2 (06/09/2023)]

Sketches

i decided to go with the third picture cause it was the easiest to find letter from. after picking one of the picture i start to find the letters on the pictures and start tracing on them using the pen tool. and i managed to find 5 letters which are P, I, F, O, T.

Figure 3.1 Letters found [Week 2 (09/09/2023)]

Figure 3.2 Extracted letters [Week 2 (09/09/2023)]

Digitalization

After finding the letters i started to refine the letters. i chose a font called "Futura Std" on the Extra Bold Condensed and followed the guidelines of that font as reference as i refine the letters.

Figure 3.3 Futura Std Extra Bold Condensed as reference [Week 2 (09/09/2023)]

Figure 3.4 Progression [Week 3 (13/09/2023)]

FINAL OUTCOME

Figure 3.5 Compiled Process JPG [Week 3 (13/09/2023)]

Figure 3.6 Original Extracted Letterform Compared to Final Type Design JPG [Week 3 (13/09/2023)]

Figure 3.7 Final Letterforms JPG [Week 3 (13/09/2023)]

Figure 3.8 Letter 'F' JPG [Week 3 (13/09/2023)]

Figure 3.9 Letter 'I' JPG [Week 3 (13/09/2023)]

Figure 3.10 Letter 'P' JPG [Week 3 (13/09/2023)]

Figure 3.11 Letter 'O' JPG [Week 3 (13/09/2023)]

Figure 3.12 Letter 'T' JPG [Week 3 (13/09/2023)]

PDF:

Figure 3.13 Final PDF [Week 3 (13/09/2023)]

Task 1: Ex 3 - Movie Poster

Visual Research

after getting tasked to make movie posters i started doing visual research of movie posters, and since the letters i made are made of snake and it came out a little bit horror ish (could also be playful depending on mood and colors), i decide to make something a little horror based movie posters

Figure 4.0 Visual research (Source : Pinterest)

Digitalization

I started looking for pictures that might fit the themed and found this picture in Pinterest, i did a little bit of adjustment with the colors.

Figure 4.1 Original picture [Week 4 (18/09/2023)]

Figure 4.2 Color adjustments Ver.1 [Week 4 (18/09/2023)]

Figure 4.3 Color adjustments Ver.2 [Week 4 (18/09/2023)]

I decided to go with the Ver.2 cause it fits the gloomy vibe better and i start adding all the five letters (F, I, P, O, T) into the picture as a poster.

Figure 4.4 Progressions #1 Cropping [Week 4 (18/09/2023)]

I changed the size to what was requested which is 1024 x 1024.

Figure 4.5 Progressions #2 Title [Week 4 (18/09/2023)]

Figure 4.6 Progressions #3 Production [Week 4 (18/09/2023)]

Figure 4.7 Progressions #3 Sub-Title [Week 4 (18/09/2023)]

After adding the title, sub-title, and the productions, i added a Gaussian blur effect and Grain texture to it so that the words will blend with the background photos.

FINAL OUTCOME

Figure 4.8 Final Movie Poster (FIPOT) JPG [Week 4 (18/09/2023)]

PDF:

Figure 4.9 Final Movie Poster (FIPOT) PDF [Week 4 (18/09/2023)]

Feedback

Week 2 :

General Feedback : Colors are allowed so play with colors, Make sure to not make the elements to be overwhelming or else people will be focused on the elements more than the text, Make sure to follow the guidelines

Week 3 :

General Feedback : readability is important make sure people can read and make out what the letters are.

Week 4 :

General Feedback : make sure the words are more presentable than the pictures on the poster, the words should be the 'hero'
Specific Feedback : make sure the name is balanced, make sure theres not alot of things going on so minimalize the elements.

Reflection

Experience : As always there were alot of workload, but compared to previous semester we already had the basics so most of the things we do are a little less harder, however sometimes i still find it challenging, although some of our assignment are hard, some are actually way more fun to do than the previous sem
Observations : from these exercise i learn about alot of different typographic layout and how creativity can be the source of making typefonts, imagine trying to find an item that you can make a letter out of it using your imagination, it is just like how you make out different characters in the clouds
Findings : typography is not just letters, sometimes, words can also come from an object, just like art we need a big imagination to create unique letters, and by adding letters to certain things it adds alot more understanding towards the things we are making.

Search This Blog

AGNES FADHYLLAH (0360503)