Advanced Typography / Exercises

on
26/08/2020 - 16/09/2020 Week 1 - Week
Zhao Hanbo / 0343769
Advanced Typography / Bachelor of Design (Hons) in Creative Multimedia
Exercises


LECTURE NOTES

W1: Typographic Systems

Today Mr Vinod guided us through the first lesson "Typographic Systems" with the publication written by Kimberly Elam after he had briefed us on the modules and the tasks on Facebook Live. Lecturer soon started zoom live streaming to help students do a warm-up revision on the Adobe InDesign Software to ensure students' efficiency on setting up the task 1. The next open consultation on other students task for the whole class was helping others to avoid making the same mistakes. Moreover, My group which was group 3 had assigned to prepare for the presentation slide on the given topic of "Typographic Perception & Organization" for week 3.

The 8 Typographic Systems

  • Axial System: All elements are organized either to the left or right of a single axis.
  • Radial System: All elements are extended from a focus point.
  • Dilatational System: Textual information surround the circumference of a circle.
  • Modular System: Text is constructed as standard size unit which is interchangeable.
  • Random System: Elements appear to have no specific pattern or relationship.
  • Grid System: All text is divided into vertical columns and horizontal rows.
  • Transitional System: An informal system of layered banding or flowy system.
  • Bilateral System: All text is centred aligned, arranged symmetrically on a single axis.


W2 : Typographic Composition

Today Mr Vinod guided us through the second lesson "Typographic Composition". The designer might face the situation that sometimes the layout principles did not really work when it came to the larger content with complex layout. 

Other Typographic Composition
  • The Rule of Third - Nobody really uses this however is interesting to try
  • Environmental Grid - Trace the keyline and create text within it to get a unique style.
  • Form and Movement - Most layout hierarchy is created by picture, colour, text.


W3 : Typographic Perception & Organisation
Today was time for us to get feedback from Mr.Vinod, he also give als lots of information on how to design well and do a better layout on the EX1, I can learn lots of knowledge from his feedback, I also can understund what point is I do lack.

Typographic Perception & Organisation
  • Form & Content
  • Gestalt Psychology & Layout
  • Creating Visual Hierarchy
W4 : Malaysia public holiday
Today morning we had a very short one hour feedback lecture, Ms.Vinod check some of my classmate's work, I learn a lot from there. But I did not have confident to my work this week, I prefer to show my work to Ms.Vinod next week.


INSTRUCTION




EXERCISES

Typographic Systems(25/8/2020)

The first task was assigned after the lecturer, we needed to create 2 example works for each of the typographic systems which means that we had to come out with a total of 16 pages of works in Adobe InDesign in before next week. To ensure that I could have a better grasp on the lessons taught by the lecturer, I decided to go through the book provided by Lecturer again as well as did more online research on the specific topic. 



figure2.0: axial system (version 1)



figure2.1: radial system (version 1)



figure2.2: dilatational system (version 1)



figure2.3: random system (version 1)




figure2.4: grid system (version 1)


figure2.5: transition system (version 1)



figure2.6: module system (version 1)



figure2.7: bilateral system (version 1)

After got feedback from Mr. Vinod in Week 2, I did some change on it. Here are Version 2.


figure3.0: axial system (version 2)



figure3.1: radial system (version 2)



figure3.2: dilatational system (version 2)


figure3.3: random system (version 2)



figure3.4: grid system (version 2)



figure3.5: transition system (version 2)



figure3.6: module system (version 2)



figure3.7: bilateral system (version 2)

Here is the PDF file.

<iframe src="https://drive.google.com/file/d/1Hqn56Ua_9ulseFh6Xeqq-szArA6CU1L-/preview" width="640" height="480"></iframe>



Type & Play (Part 1): Finding Type(2/9/2020)

The second task was assigned regarding font designing, we need to search for some images with a man-made or natural object. Base on the image we find, we need to observe, analyze and identify the texture as well as the decorations form by the natural phenomena. Extract the potential forms from the image for font design and undergo the iteration dissection to make the crude font to a well-refined font without losing its natural characteristic and origin.

Below was the image I search for from Pinterest.




fIgure4.0: jellyfish

figure4.1: fire

figure4.2:jellyfish inverted into black & white

figure4.3: fire inverted into black & white

Then I try lot on fire, but it so random so I can not make it look great. Then I start work on Jellyfish.

figure4.4: The raw and crude form of font

figure4.5: Futura was used as a reference for the font formulation

figure4.6:The second phase of font design


figure4.7:The third phase of font design

figure4.8:The final phase of font design



After Week3 lesson, Mr. Vinod told me some point I need to adjust it.



figure5.0:The third phase of font design(adapted)

figure5.1:The fouth phase of font design(adapted)

figure5.1:The fifith phase of font design(adapted)


figure5.1:The final font design(adapted)




Type & Play (Part 2): Finding Type(9/9/2020)

The last exercise assigned was to stitch the text or a quote into the image. An image of a man-made structure or an object, and nature will be combined with a letter/word/sentence. The objective is to enhance/support the interplay between the letter/word/sentence and the selected image. The text must be woven into a symbiotic relationship with the image.


First attemp：


fiure6.1：The original image jpeg


figure6.2：first attempt version1


figure6.3：first attempt version2

figure6.4：first attempt version3


                                                                          figure6.5：first attempt version4（final version）



Malaysia poblic holiday(16/9/2020)

Second Attempt: 

figure6.6: the original image jpeg

figure6.7: second attempt final outcome


Third attempt：

figure6.8: the original image jpeg

figure6.9: third attempt final outcome(Version 1）

figure6.10: third attempt final outcome(Version 2）

After Mr.Vinod 's feedback, I deleted the letters which are no need.
figure6.11: final outcome








(23/9/2020)


FEEDBACK


W1 (25/8/2020- 2/9/2020):

Mr.Vinod told me, Grid system I have a kind of misunderstanding, I need to re-do it, and in the axial system I need to care about do not use too much spare space. And I did a good work on random system.

Week1-2:

Mr.Vinod told me, Grid system I have a kind of misunderstanding, I need to re-do it, and in the axial system I need to care about do not use too much spare space. And I did a good work on random system.
Week3:

Ms. Vinod told me the first excersice its all good.And the second one I need to adjust the color and width make it looks more like a jelly fish.I do not have to so hurry to go to color it.
Week4:

Today is a short session, I see lots of classmate's work give me some spirt to start a new work.

REFLECTION

Experience:
W1 (25/8/2020- 2/9/2020):Back to Sem2, Advanced typography, first week we got such homework, I felt a little pressure, but also exciting.

Observation:
W1 (25/8/2020- 2/9/2020):First time I realized graphic design is a subject talking about how to layout, when I try to do W1 homework I can feel when I did a good layout it can make me happy. 

Findings:
W1 (25/8/2020- 2/9/2020): When I doing my W1 homework I felt one thing very important in Design. That is drop a spare area in your graphic design work can make viewer feel good. Beacause in the past  I always try to make all the graphic work look satiation. I realized this opinion maybe not right.

FUTHER READING



Comments

Post a Comment