Typography | Task 2 : Typographic Expression & Communication

10/28/2024 - 11/11/2024 (Week 6 - Week 8)

Katherine Alexandra Sutanto / 0373585
Typography / Creative Media / School of Design
Task 2 / Typographic Expression and Communication


TABLE OF CONTENTS

1.  Lectures

2.  Instructions

3.  Process Work

    3.1 Research  

    3.2 Sketches and Ideation

    3.3 Digitization

    3.4 Final Text Format

4.  Feedback

5.  Reflections

6.  Further Reading


 LECTURES

  • Week 6 Typo_5_Understanding

    • Letters / Understanding letterforms
      Many uppercase letter forms may appear symmetrical, but a closer inspection reveals asymmetrical characteristics. For example, the stroke weights in the Baskerville typeface show unique arcs that contribute to its design, indicating that symmetry is often an illusion in typography.   

Figure 1.0 Uppercase


Figure 1.1. Lowercase

    • Letters / Maintaining x-height
      Each stroke in a letter form is treated with care, ensuring that while they may look harmonious, they also possess individual expressiveness. This is evident in the comparison of stroke weights in the Universe typeface, where the left and right strokes differ in thickness to create a dynamic visual effect.

Figure 1.2 x-height

    • Letters / Form / Counterform To understand counter forms, the spaces around and within letter forms, it is crucial for readability. Proper management of these spaces enhances the legibility of the text, as seen in the example of the letter "e" where the counter form is just as important as the letter itself.


Figure 1.3 Counterform

    • Letters / Contrast
      Contrast is a fundamental principle in design, applicable to typography as well. Variations in weight, size, and style can create visual interest and help differentiate information effectively.

Figure 1.4 Contrast

INSTRUCTIONS




TASK 2: PROCESS WORK

We were assigned to choose 3 headlines to design from, in which I chose "A Code to Build and Live for".
  • Research
    I've searched quite a lot of references from Pinterest in which I tried to make all of them look different 



    Figure 2.0 References from Pinterest


  • Sketches and Ideation

    Here's my first few concepts of my headline's designs in which I consulted Mr. Max about it. He commented regarding most of the designs are not depicting or expressing the words enough which he gave his idea through sketches afterwards.







  • Digitalization

    As shown below, these are the four final designs for my headlines in which I started digitizing them in Adobe Illustrator before moving them to InDesign.





    • Therefore, I'd proceed in inserting and arranging the paragraphs.






  • Final Text Format












HEADLINE

Typeface: Gill Sans STD

Font/s: Gill Sans MT Condensed

Type Size/s: 108.261pt

Leading: 0 pt 

Paragraph spacing: 0



BODY 

Typeface: Bembo Std

Font/s: Bembo Std Regular 

Type Size/s: 10 pt 

Leading: 11 pt 

Paragraph spacing: 11 pt 

Characters per line: 50-60 

Alignment: Left Justified 

Margins: 12.7 mm top + left + right + bottom


FEEDBACK

Week 6:
General feedback : Mr Max explained briefly about how we should do our assignment for Task 2 even though we had to prepare 4 sketches from one of the 3 headlines we chose.
Specific feedback : At the same time of the session, I started looking for inspiration and coming up with sketches.

Week 7:
General feedback : Mr. Max gave us time to consult with him regarding both the headline designs and the passage arrangements. 
Specific feedback: Mr. Max approved 4 of my sketches in which I'd proceed to text formatting.

Week 8:
General feedback: No class (independent learning week)
Specific feedback : I consulted with Mr. Max through online meeting whereas I showed him all of my 4 text format.



REFLECTION

As times pass, I'm getting more of a fondness for Adobe Illustrator as it is the key program. I get to be experimental with the program where in this class.. we're more headed towards Typography which is a good way to start learning Adobe Illustrator. Soon after, we're introduced another program which was InDesign. I must say that it was quite a hassle and a bit of a challenge to adapt, but thanks to Mr. Max.. I'm managed to catch up with his tutorials and ways of using InDesign. 


FURTHER READING


  • The Evolution of Typography

Typography has progressed through multiple phases, starting with early writing in ancient cultures, advancing to Gutenberg's invention of movable type, and continuing from the industrial revolution to modern digital typography. Each period has introduced new styles and technologies.

  • Understanding Typography

Typography is a multifaceted discipline that requires knowledge of letterform structure. Key concepts such as x-height, baseline, capline, and serifs are vital for creating well-crafted type.

  • Importance of Legibility and Readability

Legibility is fundamental to typographic design. The shape, alignment, and spacing of letters significantly influence how easily text can be read, whether in print or on screen. Factors like stroke contrast, letter spacing, and proportions are crucial to consider.

  • The Typographic Grid

Grid systems, including single-column and modular grids, are employed in typographic layouts to create organization and coherence. These grids aid in visually structuring content.

  • Typography in Motion and Digital Media

With advances in digital typesetting and motion graphics, typography has expanded into time-based media, such as film titles and screen designs. This evolution necessitates a new approach to understanding how types interact and move in dynamic environments.

  • The Typographic Design Process

The design process encompasses both traditional and innovative techniques for creating visual communication through type. Designers investigate typographic variations and transformations to effectively address visual challenges

Komentar

Postingan Populer