Typography | Task 2: Typographic Exploration & Communication

-

 30 October 2023- 10 November 2023 / (Week 6- Week 7)
Hanson Pea Wei Hao / 0359463
Typography/ Bachelor of Design (Hons) in creative media /  Taylor University
Task 2: Typographic Exploration and Communication

Lists






LECTURES

All Online Lecture Note

Week 6:
Summary of class: 
Mr. Vinod asked us to send our task 2 which is the editorial layout to the Facebook group and give us some feedback. After that, we continued our work on the editorial layout.

Week 7:
Summary of class:
After the "Sudden Spot Check" for our E-portfolio, Mr. Vinod asked us to send our task 2 once again which is the editorial layout to the Facebook group and give us some feedback. After that, He had a discussion with us about the deadline for handing in our second E-portfolio. And then he briefs the next Task we gonna do.

INSTRUCTIONS


<iframe src="https://drive.google.com/file/d/1X9PZU0XUsGggEY-cBwEiscEI10cIojVZ/preview" width="640" height="480" allow="autoplay"></iframe>

Task 2: Typographic Exploration and Communication

The 2nd task is all about understanding what makes a good layout while making it engaging to readers. We have been given 3 text options for our editorial text which are :

  • The Role Of Bauhaus Thought On Modern Culture
  • A Code To Build On And Live By
  • Unite To Visualise A Better World

I have decided to choose the second for my editorial which is Code to Build On and Live By. 

Research:

What is Code?
a.: a system of signals or symbols for communication. 
b.: a system of symbols (such as letters or numbers) used to represent assigned and often secret meanings.

Inspiration:

Fig 1.1, Inspiration (26/10/23)

Will be thinking about creating the heading based on this picture but replacing all the words behind with 1 and 0 which is the code number. 

Digitalization:
Fig 1.2, Layout 1 (28/10/23)

According to the feedback which was given by Mr. Vinod, He says the Code is supposed like smooth and tidy. And the color of the number is too dark causing some distractions. The difference in font size doesn't make meaning at all, can try using the same font size.

So I Recreated and made the number tidy to see and used the same font size for the heading.
Fig 1.3, layout 2 (4/11/23)

Fig 1.4, Layout 3 (4/11/23)

Fig 1.5, Layout 4 (4/11/23)

Finalized

After the week 7 feedback, I have chosen layout 2 which is Fig 1.3 as my final layout. 

Final without Gridline:

Fig 1.6, Final Editor layout (Jpeg without gridline) (6/11/23)

  
Fig 1.7, Final Editor Layout (PDF without Gridline) (6/11/23)

Final With Gridline:
Fig 1.8, Final Editor layout (Jpeg with Gridline) (6/11/23)

 
Fig 1.9, Final Editor layout( PDF with Gridline) (6/11/23)

 Final Detail:
  • Head:
  1. Font/s: Futura Std (Heavy)
  2. Type Size/s: 123 pt (Heading), 24 pt (Subheading)
  3. Leading: 147.6 (Heading), 28.8 pt (Subheading)
  4. Paragraph spacing: 12.5 pt
  5. Alignment: Left Align (Heading and subheading)

  • Body:
  1. Font/s: Futura Std (Book, Heavy Oblique)
  2. Type Size/s: 9 pt (Body text), 9 pt (Lead in text)
  3. Leading: 12 pt (Body text), 12 pt (Lead in text)
  4. Paragraph spacing: 12 pt
  5. Characters per line: 45-55
  6. Alignment: Left Align

  • Margins:
  1. mm: top: 10 mm, bottom: 10 mm, left: 12.7 mm, right: 12.7 mm
  2. Columns: 2 per page, 4 total as a spread
  3. Gutter: 4.233 mm

FEEDBACK

Week 7:
General Feedback: Always remember to update the feedback.
Specific Feedback: Poor kerning and a bit of distraction for the heading. Try to make the number not that scattered. The difference in font size doesn't make meaning at all, can try using the same font size.

Week 6:
General feedback: Do not create words by beautiful although it is important too, but the importance is the meaning behind it. 
Specific feedback: empty around the title, try to make it full.

REFLECTION

Experience:
This task is very interesting to me because it teaches me so much about how to create a layout. What I learned in this task is that the meaning behind the text is very important, the rules and requirements of the layout of the design, and How to effectively arrange format texts. I think the challenge I faced in this task was that my idea was coming so late, my first idea was quite bad after I heard the feedback. But in the end, I got to solve this problem and get a good idea for it.

Observation:
During this task, I found out that the process of aligning, arranging, creating the layout, and designing is not only just a sense of idea. It has a lot of knowledge inside and needs to study more and learn more from the professionals.

Findings:
From this task, I learned that I still can learn more about aligning. the proper alignment is important for creating an effective layout. Additionally, I learned that creating layout designs is complex and challenging. 

FURTHER READING:

Fig 2.1, Typographic Systems by Kimberly Elam

Introduction
I chose Typographic Systems for my second book in further reading which is one of the recommended books by Mr. Vinod. Its book could become a useful instrument for a better understanding of typography and giving us ideas in design.

This book is written about all designs based on a structured system. These systems of frameworks can be broken down into eight major variations with an infinite variety of compositions within each system. Once essential visual organization systems are understood, the designer can fluidy organize

Comments

Post a Comment

Popular posts from this blog

Digital photography & Imaging / Task 1

-
Image
5 October 2023-  26 October 2023 / (Week 2 - Week 5 ) Hanson Pea Wei Hao / 0359463 Digital Photography and Imaging / Bachelor of Design (Hons) in Creative Media  Task 1: Exercise 1 Lists 1. Instruction 2. Tutorials 3. Feedback 4. Reflection INSTRUCTIONS Task 1| Exercise 1:Digital Collage Our first task was to create a digital collage by only using a set of images provided to us.   Fig 1.1, Composition 1 Fig 1.2, Composition 2 Fig 1.3, Composition 3 After getting feedback from Mr. Martin, he suggested that my composition 3 would be my final art for digital collage. Task 1| Exercise 2: Digital Imaging 1. Hearst mansion For this exercise, We have been learning to combine a character named Shazam into the Hearst mansion. Fig 2.1, Hearst mansion Fig 2.2, poster of Shazam Fig 2.3, Combine of Shazam and Hearst Mansion After that, We need to recreate with the same process but this time, we need to change the Shazam to myself. Fig 2.4, Hearst mansion with full body Self-portrait Task 3: B&a
Read more

Typography: Task 3: Type Design and Communication

-
Image
13 November 2023-  17 December 2023 / (Week 8 - Week 12 ) Hanson Pea Wei Hao / 0359463 Typography/ Bachelor of Design (Hons) in Creative Media Task 3: Typographic Exploration and Communication Lists 1.  Lectures 2. Instruction 3. Feedback 4. Reflection 5. Reading LECTURES All Online Lecture Note Week 8: Summary of class:  Independent's Leaning Week Week 9: Summary of class:  In this class, Mr. Vinod showed us some past year students' excellent e-portfolios and told us how can we improve our e-portfolios. After that, He had a feedback section for each student individually for our sketch and taught us how to digitize it. Week 10: Summary of class:  This week, Mr. Vinod told us to send the typeface to give us feedback. after that, He talked about the importance of creating a correct and good E-portfolio. After that, he showed current students the best example to us, he told us to fix our e-portfolio if we had problems with the last two that we handed in.  Week 11: Summary of clas
Read more

Advanced Typography | Task 1: Typographic Systems & Type, & Play

-
Image
22.04.2024 - 12.05.2024 || Week 1 - Week 3 Hanson Pea Wei Hao || 0359463 Advanced Typography || Bachelor of Design (Honours) in Creative Media || Taylor's University Task 1: Typographic Systems & Type, & Play Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Typographic System "All design is based on a structural system". According to Elam, there are eight major variations with an infinite number of permutations, those are : Axial Radial Dilatational Random Grid Modular Transitional Bilateral The typographical organization is complex because the elements depend on communication to function.  Axial System : All elements are arranged on either side of an axis or line. fig 1.1, Axial System Radial System : all elements are organized to extend from a central point of focus like rays fig 1.2, Radial System Dilatational System :  type set along circular paths. fig 1.3, Dilatational System Random System : organizes the e
Read more