TYPOGRAPHY / TASK 2: TYPOGRAPHIC EXPLORATION & COMMUNICATION

02.05.2023 - 23.05.2023 (Week 5 - Week 8)
TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA
TYPOGRAPHY
TASK 2: TYPOGRAPHIC EXPLORATION & COMMUNICATION

JUMP LINK


LECTURES

Week 5
Before commencing Task 2, we were briefed by Mr. Vivod, who shared examples of work done by seniors and taught us techniques to create engaging layout designs for our audience.

Week 6
During the feedback session, Mr. Vivod thoroughly reviewed all layouts, providing detailed comments and explanations to identify and improve any mistakes. Following the feedback session, we utilized the remaining time to make necessary corrections or changes to the layouts.

Week 7
Mr. Vivod has already marked some of our Task 1, wherein some of us received red comments indicating missing elements or mistakes. In order to avoid these errors, we were advised to refer to the example blog provided. During the subsequent feedback section, Mr. Vivod provided a preliminary review of our improved layouts, offering valuable feedback and advice on specific areas that required improvement. Afterward, we proceeded to the briefing for the next task.


INSTRUCTIONS


Task 2: Typographic Exploration & Communication (Text Formatting and Expression)
For this task, we were presented with three distinct content options and tasked with selecting one. Our objective was to visually express the chosen content typographically by creating a 2-page editorial spread. Each page had dimensions of 200mm x 200mm.

Research
Before sketching, I did some research in visual reference to the templates on Pinterest.

Figure 1.1 Researches 

Sketches
My chosen content was "A code to build and live by". I express the words 'build on' by making it look like building up something. for example steps.

Figure 2.1 Sketch (06.05.23)

Figure 2.2 Sketch (09.05.23)

Layout
I created multiple layouts straight after sketching the title. My formatting concept involved creating a step-like arrangement to connect the title and text seamlessly.


 

 


Figure 3.1 Layouts (08.05.23 - 09.05.23)

 

 


 
Figure 3.2 Blocked Layouts (08.05.23 - 09.05.23)

Shortlisted Layouts
Based on Mr. Vivod's feedback on week 6, I decided to focus on using three-column text.

Shortlisted layout 1: 
Headline fonts: Univers LT Std (45 Light & 67 Bold Condensed Oblique)
Body text fonts: Bodoni Std (Book)
Headline point size: 48pt, 80pt & 85pt
Lead-in text and body text point size: 9pt
Leading: 11pt
Paragraph spacing: 10
Line length: 85 (Body Text)

Figure 4.1 Shortlisted Layout 1 (09.05.23)

Shortlisted layout 2: 
Headline fonts: Univers LT Std (45 Light & 67 Bold Condensed Oblique)
Body text fonts: Bodoni Std (Book)
Headline point size: 48pt, 80pt & 85pt
Lead-in text and body text point size: 9pt
Leading: 11pt
Paragraph spacing: 10
Line length: 85 (Body Text)

Figure 4.2 Shortlisted Layout 2 (09.05.23)

After receiving feedback from Mr. Vivod, I chose to stick with the previous layout.

Headline fonts: Univers LT Std (45 Light & 67 Bold Condensed Oblique)
Body text fonts: Bodoni Std (Book)
Headline point size: 45pt & 80pt 
Lead-in text and body text point size: 9pt
Leading: 11pt
Paragraph spacing: 10
Line length: 75 (Body Text)

Figure 4.3 New Layout (09.05.23)

Figure 4.4 New Blocked Layout (09.05.23)

Final Typographic Exploration & Communication (Text Formatting and Expression)

Margins: 10mm
Columns: 2
Gutter: 5mm

Headline
Font: Univers LT Std (45 Light & 67 Bold Condensed Oblique)
Point size: 45pt & 80pt 
Leading: 54pt & 96pt

Body text
Font: Univers LT Std (65 Bold)
Point size: 8pt
Leading: 11pt
Paragraph spacing: 11pt
Alignment: Justify with last line aligned left
Line length: 84

Figure 5.1 Final Editorial Spread (22.05.23)

Figure 5.2 Final Editorial Spread PDF (22.05.23)

Figure 5.3 Final Editorial Spread With Grids (22.05.23)

Figure 5.4 Final Editorial Spread With Grids PDF (22.05.23)

FEEDBACK

Week 6 General feedback: Expression can be spoken in other ways. Specific feedback: Make sure the spacing between the paragraphs is the same. Avoid 'widow'.

Week 7 General feedback: Make it simple Specific feedback: Ensure the text is aligned and doesn't cross the parting line.

REFLECTIONS

Experience
I thoroughly enjoyed the process of arranging the title and texts. Different from task 1, in this task I have three options to choose from. During researching I have found many interesting layouts on Pinterest. This gives me direction in designing the layout. During arranging I get to play around with the block to show out how will it go. However, I still struggle with how to make it more attractive.

Observation
Through careful observation of both my own work and that of others, I came to realize the significance of title design and content arrangement. Taking into account the feedback I received, I was able to identify errors and peculiarities in my initial approach. By implementing the necessary adjustments, such as refining the title, improving line spacing, aligning elements more effectively, and selecting appropriate fonts, the overall quality of the layout significantly improved.

Findings
Throughout this project, I have come to recognize the crucial role played by the title in capturing the reader's attention even before delving into the text. It is a natural instinct for readers to first fixate on the title. Therefore, when designing, it is essential to consider a few key points: avoiding central placement of the title, ensuring that it emphasizes only one word for focus (using distinctiveness or incorporating the word's meaning into its visual presentation), and embracing simplicity as a guiding principle, as it often yields the most effective results.

FURTHER READING

Continue to the content in Computer Typography Basics - I.D.E.A.S..

Figure 6.1 Computer Typography Basic - I.D.E.A.S (2003)

Paragraph alignment was discussed in Chapter 6. Alignment pertains to the harmonious positioning of text to the sides of a page or column. flush right (rag left), centered, justified (flush left), and forces justified are the options for alignment.

Figure 6.2 Chapter 6: Paragraph Alignment (PG 19)

Next, chapter 7 talks about paragraph spacing. Paragraph Spacing is an automated space that is inserted between the paragraphs when starting a new paragraph. Paragraph spacing can be applied above and below the paragraph. The size of the font decided the length of the spacing.

Figure 6.3 Chapter 7: Paragraph Spacing (PG 20)

Chapter 8 discusses paragraph rules, which are known as in-line rules. It is a rule that moves with the text as it is edited. By carefully considering the width, style, and color of a rule, it becomes a powerful tool for crafting visually captivating effects. For instance, it can be utilized to create impactful elements like reverse-type subheads or subheads with colored rules, effectively producing a striking contrast against the surrounding body text.


Figure 6.4 Chapter 8: Paragraph Rules (PG 21）






Comments

Post a Comment

Popular posts from this blog

DIGITAL PHOTOGRAPHY AND IMAGING - PROJECT 2

Image
Week 4 - Week 9 TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA DIGITAL PHOTOGRAPHY AND IMAGING PROJECT 2 Project 2A: Double Exposure Part 1 (Follow Tutorial) Figure 1.1 Part 1 Final Outcome Part 2 ( Own Portrait Double Exposure ) Figure 1.1 Part 2 Final Outcome Project 02B - Poster Design Final Poster: Figure 3.1 Maybank Final Poster Title: "Before The Storm" Summary: The concept of this poster draws inspiration from the yin-yang philosophy. Two tigers are positioned on opposite sides, locked in a captivating gaze, poised for battle at a moment's notice. The letter 'M' represents the sun. It was also the judge of this war. M= Maybank. The poster's composition, setting, and colors draw inspiration from the rich tapestry of Greek mythology. Reflection I have explored more layers, colors, and filters in this project to create a d ouble exposure. I 'm a changeable person. I consciously selected elements like clouds, rain, waves, and a grey backg...
Read more

INFORMATION DESIGN/ FINAL PROJECT

Image
    03.02.2025 - 23.03.2025 (Week 1 - Week 7) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT INSTRUCTIONS Final Project: Infographic Video Animation In this group project, we have to create a basic video animation based on our FLIP research topic. Using a structured design framework, we aimed to present information engagingly to a target audience, focusing on one of three objectives : Creating awareness Explaining a process Defining a concept. Progress Week 1 - 3 We have grouped a team of 8 people.  Rachel Yeo Rong Qing (Group Leader) Jia Wen Bing Ruthlene Chua Zhen Si Liu Zi Yu Tan Jie Ying (Me) Isabel Tan Xen Wern Nadhrah Binti Abdul Razak Myra Elida Binti Abd Azis We came up with several topics, such as recycling, cybersecurity, women's safety, traffic safety, dengue fever, and more. After voting and receiving feedback from our lecturer, we finalized our FLIP topic as "Cybersecurity" . After confirming the topic, each of...
Read more

INFORMATION DESIGN/ PROJECT 1 & 2

Image
  18.02.2025 - 25.02.2025 (Week 3 - Week 4) TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA INFORMATION DESIGN PROJECT 1 INSTRUCTIONS Lecture Note Week 3 Miller’s Law states that the average person can hold 7 ± 2 items in their short-term memory at a time. I often apply Miller’s Law when I encounter words I don't know how to spell or complex words by breaking them into chunks to read and remember. For example: Unbelievable ( un - believe - able ) Week 4 Week 5 Tips for constructive workflow : 1. Understand the Question Clearly define what you are designing and its purpose. 2. Construct a Strategic Plan Gather data, analyze pros and cons, study case studies, and understand the workflow before proceeding. 3. Fill in the Blank Keep track of your progress by organizing, grouping, and labeling your work. 4. Get Some Inspiration and Ideas Explore references and insights to improve your design. 5. Set a Perimeter While ideas are limitless, focus on identifying strengths...
Read more