Typography | Task 2: Typographic Exploration & Communication

|| 28/09/24 - 17/11/2024 (Week 6 - Week 8 )

|| Te Li Wen, 0367811

|| Typography

|| Task 2: Typographic Exploration & Communication

Research

Ideation

Final Outcome

1. Lectures

1.1 Pre-recorded Lectures

Typo_6_Screen&Print

The lecture discusses typography across different mediums, emphasizing the ongoing relevance of print alongside the rise of screen-based communication.

Figure 1.0 Typography Different Medium, Week 7 (12/11/2024)

♢ Typography’s shift to screen media due to technology advancements.

♢ Print remains relevant despite predictions of its decline.

♢ Tech leaders limit screen exposure for children’s development.

♢ Good typography enhances readability in both print and digital formats.

♢ Screen typography adapts to various devices and resolutions.

♢ Dynamic typography improves emotional connection in design.

♢ Typography plays a crucial role in film and media branding.

Figure 1.1 Typography Print Type Vs Screen Type, Week 7 (12/11/2024)

Type for Print:

Versatile and easy to digest classic typeface
Neutrality and versality makes typesetting with it super easy

Type for Screen:

Typefaces intended for web use are optimized and often modified to enhance readability and performance on screen in a variety of digital environments
Taller x-heights, reduced ascenders and descenders, wider letterforms etc..
More open spacing to help improve character recognition and overall readability in non-print environment

Figure 1.2 Typography Static Vs Motion, Week 7 (12/11/2024)

STATIC: Typography offers minimal characteristics for expressing words. Traditional features like bold and italic provide only a small portion of the expressive potential that dynamic properties can achieve.

MOTION: Brings drama to typography, transforming letters into fluid and kinetic forms that convey movement and energy.

2. INSTRUCTIONS

Task 2:

Module Information Booklet below

Task 2: Typographic Exploration & Communication

We were tasked to make 4 designs after choosing one of the text options that was provided to us on teams. This task is to utilize the knowledge we gained in the exercises and from the previous modules in the same semester.

Rules:

No colors may be used in this task (only black and white)
No images are allowed (unless permitted). However, some very minor graphical elements might be allowed
Only use the 10 typefaces that were provided

3. Process Work

Research:

We were given task 2 during week 6 to move on from our previous task 1.

Figure 1.3 Reference Image From Pinterest Url

First off, I went on Pinterest to search for some inspiration and ideas. I had chosen "The role of Bauhaus thought on modern culture" out of the 4 options. I went ahead and searched up some meanings of "Bauhaus".

Figure 1.4 Meaning of Bauhaus, Week 6 (8/11/2024)

The simplest way to describe what "Bauhaus" means is that it is a house of a building and the direct translation of it is "house of building".

Ideation:

Based on my research, I started brainstorming how to incorporate Bauhaus principles into my designs. After a lot of thought, I created several sketches to bring these ideas to life.

Figure 1.5 Sketch 1 of Bauhaus, Week 6 (8/11/2024)

For this sketch, I aimed to give the headline 'The Bauhaus' a bold, geometric style, reflecting the clean lines and structured shapes often seen in architectural design. I wanted the typography to evoke the modern, functional aesthetic of Bauhaus buildings. The text on the right side was arranged to resemble a cityscape, with varying heights and alignments that mimic the visual rhythm of urban structures. By doing this, I hoped to capture the essence of Bauhaus architecture, blending form and function to create a cohesive visual statement.

Figure 1.6 Sketch 2 of Bauhaus, Week 6 (8/11/2024)

For the second sketch, I positioned the headline centrally, along with the lead-in text, to create a balanced and engaging composition. To achieve a harmonious layout, I placed the supporting text above the headline, allowing it to fill the upper space and prevent the design from feeling top-heavy. I intentionally left the bottom half as a solid black, creating a striking contrast and an open area that draws attention to the centered text.

Figure 1.7 Sketch 3 of Bauhaus, Week 6 (8/11/2024)

For this final sketch, I chose to elongate the lowercase 'b' in 'Bauhaus,' giving it a clean, minimalist appearance that aligns with Bauhaus principles. I applied a similar treatment to the lower right side of the 'h,' adding subtle asymmetry for visual interest. Because the word extended towards the right side, I decided to enlarge the 's' and wrap the surrounding text surrounding the right side of it. I then made the extra text form a triangle pointing to the right and added some black shapes at the bottom to make a perspective.

Digitalization Process:

Figure 1.8 4 Digitalization of Bauhaus for Approval, Week 7 (12/11/2024)

These drafts were waiting for approval and feedback from my instructor so I could make any necessary adjustments before submitting the final versions. Getting some input will help me make sure each design meets the project guidelines and have a better composition.

Final Digitalized Sketches:

Figure 1.9 Final 4 Digitalization of Bauhaus Sketches, Week 8 (17/11/2024)

These were the finalized version after some minor fixes. I changed one of the sketches since the composition was not good and went for a more minimalist style.

Final Digitalized Blockings:

Figure 2.0 Final 4 Blocking designs, Week 8 (17/11/2024)

Figure 2.1 Final 4 Blocking designs (PDF), Week 8 (17/11/2024)

Final Outcome:

FINAL EDITORIAL SPREAD:

Margins: 67.72 mm top, 9.5 mm bottom, 52mm left, 10 mm right

Gutter: 6 mm

HEAD

Font: Gill Sans Std Condensed, Gill Sans Std Light, Gill Sans Std Regular

BODY

Font: Bodoni Std

Type Size: 9 pt

Leading: 10.8 pt

Paragraph spacing: 4.6 pt

Characters per-line: 25-35

Alignment: left justified

Figure 2.2 Final Digitalization of Bauhaus (JPEG), Week 8 (17/11/2024)

Figure 2.3 Final Digitalization of Bauhaus (PDF), Week 8 (17/11/2024)

Figure 2.4 Final Digitalization of Bauhaus With Grids (JPEG), Week 8 (17/11/2024)

Figure 2.5 Final Digitalization of Bauhaus With Grids (PDF), Week 8 (17/11/2024)

4. Feedback

Week 6

Specific Feedback

Ms. Vitiyaa gave me a lot of advices to fix some minor mistakes I've made. She told me to change all my images to relate it to typography. After that, she helped show me what I could improve on in my layout to fit the golden ratio.

General Feedback

For this week, Ms Vitiyaa explained that we should complete our task 1 and checked everyone's work to be submitted.

Week 7

Specific Feedback

For this week, Ms. Vitiyaa checked my 4 designs of task 2 and gave me some feedback. She told me to try and align some of the texts to the titles and understand how to use the titles better and fix some of them so they do not look odd.

General Feedback

This week, Ms. Vitiyaa wanted to check everyone's task 2 that should be printed out so she could better see our mistakes and give us advice to fix and improve our work.

Week 8

Specific Feedback

Most of my designs were approved, I just had to make some minor fixes on how I aligned my text then I could move on to export my designs for submission.

General Feedback

We had to make sure to finalize all our task 2 designs and choose one design out of the four for the final submission which includes baseline grids.

5. Reflections

Experience

Having prior experience with InDesign and Illustrator made this task much smoother and more manageable. I felt confident navigating the software, which allowed me to focus more on the creative aspects of the project. While I didn’t encounter significant technical challenges, I did face some difficulty in brainstorming and conceptualizing innovative and visually appealing layout designs. Striking the right balance between functionality and aesthetics required extra thought and experimentation, but it ultimately helped me refine my creative process.

Observation

When we were given this task, I immediately noticed that it involved significantly less work compared to the first assignment we had. This made the process much more manageable and allowed me to approach it with a sense of ease. I was able to complete it without feeling overwhelmed or rushed, as the task was relatively straightforward. The reduced workload also gave me more time to focus on fine-tuning the details and ensuring the quality of my work.

Findings

After receiving feedback from my tutor, I gained a clearer understanding of the elements I had overlooked and focused on incorporating their advice to enhance my designs. While it was challenging at times to get my designs approved, this pushed me to work harder and refine my approach, ultimately fueling my motivation to complete the task successfully.

6. Further Readings

Figure 2.6 Typography Referenced (5/29/2020) by Taylors University

This is a continuation of where I left off from Typography | Task 1. I skipped a couple of pages ahead
since I did not find them interesting.

Figure 2.7 Typography Referenced (5/29/2020) by Taylors University

Page 28 discusses Agfa's acquisition of the ITC type library and the subsequent creation of Agfa Monotype. This new entity was formed through the merger of Agfa Typographic Systems and Monotype Typography, which took place between 2000 and 2001.

It was later revealed that Apple initially planned to sell fonts online; however, they shifted their focus and decided to prioritize selling music instead.

Figure 2.8 Typography Referenced (5/29/2020) by Taylors University

age 37 illustrates the intricate process type designers use to create typefaces with hot metal, showcasing the precision and craftsmanship required for such delicate work.

Search This Blog

Te Li Wen (0367811)