Typography Task 2: Typographic Exploration and Communication

24/06/2024 - 15/07/2024  (Week 9 -  Week 13)  

Alya Rahima Zahra (0363588)  

Typography / Bachelor of Design (Hons) in Creative Media  

Typography  

Task 2 : Typographic Exploration and Communication



LECTURES

WEEK 6
Typography: Different Medium

Fig. 1.1 Typographical artworks

Nowadays, the using of digital digital media might be everywhere, but it doesn't affect the usage of printer/paper based art.  Print has long history in graphic design and even longer history from now on and typography exist in all form.

Fig. 1.2 Typography in website

In the past typography was viewed as living only when it reached paper.  Once a publication was edited, typeset and printed, it was done.  Nothing changed after that.  Good typography and readability were the result of skilled typesetters and designer.  Today, typography exist not only on paper, but on a multitude of screens.  It is subject to many unknown and fluctuating parameters, such as operating system, system fonts, the device and screen itself, the viewport and more.  Our experience of typography today changes based on how the page is rendered, because typesetting happens in the browser.

Print Type Vs Screen Type

-Type for Print

Primarily, type was designed intended for reading from print long before we read from screen.  It's the designer's job to ensure that the text is smooth, flowing, and pleasant to read.  A good typeface for print-Caslon, Garamond, Baskerville are the most common typefaces that is used for print.  Because of their characteristic which are elegant and intellectual but also highly readable when set at small font size.

Fig. 1.3 Typography on print

Fig.1.4 Typography for print 

-Type for Screen

They are versatile, easy-to-digest classic typeface, which has a neutrality and versatile that makes typesetting with it a breeze.  Typefaces intended for use on the websites are optimized and often modified to enhance readability and performance onscreen in a variety of digital environments.  This can include a taller x-height (or reduced ascenders and descenders), wider letterforms, more open counters, heavier thin strokes and serifs, reduced stroke contrast, as well as modified curves and angles for some design.

Another important adjustment -especially for typefaces intended for smaller sizes- is more open spacing.  All of these factors serve to improve character recognition and overall readability in the non-print environment, which can include the web, e-books, e-readers, and mobile devices.

-Static Vs Motion

Static typography has minimal characteristic in expressing words.  Traditional characteristics such as bold and italic offer only a fraction of the expressive potential of dynamic properties.

From billboards to posters, magazines to fliers, we encounter all forms of static typography with wide ranging purposes.  Whether they are informational, promotional, formal or aspirational pieces of design, the level of impression and impact they leave on the audience is closely knitted to their emotional connection with the viewers.

Motion Typography

Temporal media offers typographers opportunities to dramatize type for letterforms to become "fluid" and "kinetic" (Woolman and Bellantoni, 1999).  Film tittle credits present typographic information over time, often bringing it to life through animation.  Motion graphics, particularly the brand identities of films and television production companies, increasingly contain animated type.

Type is often overlaid onto music videos and advertisements, often set in motion following the rhythm of a soundtrack.  On-screen typography has developed to become expressive, helping to establish the tone of associated content or express a set of brand values.  In title sequences, typography must prepare the audience for the film by evoking a certain mood. 

WEEK 7
We were brief to continue to the next assignment and completing our e-portfolio.


EXERCISES

Task 2: Editorial Layout

Fig 1. Layout outcome (24/05/2024)

Fig 1.2 Layout outcome with grids (24/05/2024)

HEAD
Font/s: Univers LT Std / Futura Std
Type Size/s: 
 - Univers LT Std: 27 pt 
 - Futura Std: 89 pt ; 25 pt ; 72 pt ; 32 pt ; 57 pt ; 65 pt ; 14 pt
Leading: 86 pt

BODY
Font: Gill Sans MT
Type Size: 10 pt
Leading: 12 pt
Paragraph spacing: 4,233 mm
Characters per-line: 57
Alignment: Justified left
Margins: 10mm Top, 10mm Left , 10mm Right , 10mm Bottom
Columns: 2
Gutter: 5 mm

Fig 1.3 PDF Outcome without grids

Fig 1.4 PDF Outcome with grids


Week 6 
No feedback given 

Week 7
>General Feedback:
- Do not put unnecessary elements


Title: INSIDE PARAGRAPHS: typographic fundamentals
Author: Cyrus Highsmith
Chapter: 'HOW WE READ'
The Typographer's Job
    The typographer's job is to work within the limits of reader's preferences and eyesight so that the words can go smoothly into their brains. With experience, the typographer is able to judge what settings will be the most comfortable for the reader. But it also goes further than that. Not only does the typography affect the reader's comprehension, but it can also affect the reader's perception of the author's voice and ideas.
    The typographer sets the text in the appropriate voice. Neither too big nor too small, and neither too tight nor too loose. It's possible for readers to decipher poorly set text, but they might not receive the author's message as well.

In this task, I learned about text placement and how to use InDesign, and how to come up with layout. It was pretty difficult because I was totally clueless about the lecture but by the time I tried to enjoy it.
I was also able to increase my creative thinking skill and operate in InDesign.

Comments