Task 2: Typographic exploration & communication

 02/05/2023 -  23/05/2023 / Week 5 - Week 8

Amirah Akbar Ali / 0361001

Typography / Bachelor of Design (Hons) in Creative Media 

Task 2: Typographic Exploration and Communication (Text Formatting

and Expression)

TABLE OF CONTENTS

1. Instructions
2. Visual References
3. Sketches
4. Layout Progress
5. Final Layout
6. Feedback
7. Reflection
8. Further Reading

WEEK 6

Mr. Vinod has briefed. For Task 2, we have to create a 2-page editorial spread (200 x 200) of the provided text. We are to choose 1 of the 3 text options. No images or colors are allowed, and some minor graphical elements might be allowed. We are required to use Adobe InDesign to typographically express the text.

INSTRUCTIONS

TASK 2: Text Formatting and Expression

For Task 2, we have to create a 2-page editorial spread (200 x 200) of the provided text. We are to choose 1 of the 3 text options. No images or colors are allowed, and some minor graphical elements might be allowed. We are required to use Adobe InDesign to typographically express the text.

Task requirements:

• Use only the 10 typefaces given 
• Good layout is when the headline expression has a connection with the content
• Sketches and digitized sketch are required as part of the process

Headlines:

• Use Adobe Illustrator to create interesting headlines
• Only minor graphical elements

Body text:

• Use Adobe Indesign to compose the layout
• Only minor graphical elements
• No pictures

Submission requirements:

• Spread size: 2 pages (200mm x 200mm) on each page
• File size: 300ppi (grayscale)
•  Format: 2 JPEGs and 2 PDFs (with and without grids)

Tools or Application used:

• Adobe InDesign
• Adobe Illustrator

• Visual References

fig 2.1 Compilation of Visual References from Pinterest, Week 5 (5/5/2023)

For this Task 2, I have chosen the “The Role of Bauhaus Thought on Modern Culture”. I did some research for idea designs from Pinterest. These are a few image I have chosen as my reference.

Fig. 2.2: Bauhaus research, Week 5 (06/05/2023)

Fig. 2.3: Bauhaus research , Week 5 (06/05/2023)

Fig. 2.4: Bauhaus research,Week 5 (06/05/2023)

• Headline expression Sketches

These are some rough digital sketches I have come up with, with different expressions of headlines and layouts.

Fig 2.2: Heading sketch progress,Week 5 (06/05/2023)

Fig 2.3: Heading sketch,Week 5 (06/05/2023)

• Layout Progress

For the layouts I did three different idea layout and used the Heading expression 

design that i created in Ai. I also did the layout for the texts.

Fig 2.4: Layout progress,Week 5 (06/05/2023)

• shortlisted Layouts

Fig 2.6: Layout #1,Week 6 (07/05/2023)

Fig 2.7: Layout #2, Week 6 (07/05/2023)

Fig 2.8: Layout #3, Week 6 (07/05/2023)

Fig 2.9: Final layout outcome (pdf) Week 7(19/05/2023)

• Feedback

Week 6

General Feedback: 

The idea of the titles/heading should make sense, the leading should not be too close, too much distortion in the words, there should be cross alignment.

 Specific Feedback: 

Reduce adding too much heavy graphical elements for the thumbnail. as simple is much better.

Week 7

General Feedback:

 Specific Feedback: 

• Reflection

Experience: 

The experience I had while doing this assignment is a lot more pleasant as there is sense of direction from the knowledge, we have learnt from the pass assignments. Things went a lot more smoother and feedback from the lecturer aid a lot in my progression. 

Observations:

 Regarding my observation and Mr. Vinod's feedback indicates the layout's flow is extremely important to take note. A straightforward title thumbnail design is better to a complicated one because it might be more consistent with the overall layout. I have to pay attention to the details for example, text box sizes, paragraph alignments. 

Findings:

To take into measurement and consideration on how the title is formatted and which arrangement works best with the rest of the layout without disrupting the flow. However, Some of the title might look nice on their flow but when paired with the rest of the article, it may not look proper. The placement of the text is important as well to capture the reader's attention. 

• Further Reading

Typographic Design: Form and Communication by Rob Carter 
(the 6th Edition) 

"Typographic Design: Form and Communication" by Rob Carter is a comprehensive guide to understanding and utilizing typography as a powerful tool for communication. In its sixth edition, this book explores the fundamental principles of typographic design and provides valuable insights into the creative process behind effective typographic compositions.

Throughout the book, Carter showcases a wide range of typographic designs, both historical and contemporary, to illustrate the principles he discusses. He highlights successful examples of typography in various media, such as print, digital, and environmental design, demonstrating how typography can enhance the overall user experience and create impactful visual narratives.

The book also includes practical exercises and case studies, encouraging readers to apply the concepts and techniques discussed. Carter provides guidance on typographic hierarchy, layout, and visual composition, enabling readers to develop their skills and create compelling typographic designs.