Typography / Task 2

27.05.2024 - 14.06.2024 / Week 6 - Week 8
GAN YI KIAN / 0374572
Typography / Bachelor of Design (Hons) in Creative Media
Task 2 / Typographic Exploration & Communication






LECTURES
Week 6 / Letter
Every letter has its showtime.

Fig 1.1 letter (1/6/2024)

On the streets, you look at girls or boys.I look at type.—— Hannes von Döhren


Week 7 / Screen&Print

Print Type vs Screen Type

Type for Print
A good typeface for print-Casion, Garamond, Baskerville are the most common typeface that is used for print. Because of their characterstic which are elegant and intellectual but also highly readable when set at small font size.
They are versatile, easy-to-digest classic typeface, which has a neutrality and versatility that makes typesetting with it a breeze.

Type for Screen
Typeface intended for use on the web are optimized and often modified to enhance readability and performance onscreen in a variety of digital environments.
All of these factors serve to improve character recognition and overall readability in the non-print environment.

System Fonts for Screen / Web Safe Fonts
Each device comes with its own pre-installed font selection.

Week 8 / Independent Learning Week


INSTRUCTIONS


Task 2 / Typographic Exploration & Communication
The theme I chose is "A code to build on and live by"
I think can make CODE or BUILD to the special point design, So I made 3 sketches for the digitization of the headline.

Fig 2.1 sketch (1/6/2024)


Fig 2.2 sketch (1/6/2024)

When I finish these sketches, I try to digitize them.

Fig 2.3 Digitization (1/6/2024)



Fig 2.4 Digitization (1/6/2024)

After listening to Mr Max's suggestions, I revised some parts.

Fig 2.5 Digitization (5/6/2024)


Mainly modified #1 and #2, #3 does not need to be modified.
#2: Deleted the line and added a gradient shape above the font.
#3: Adjust the font to Futura and change the ‘CODE’ inside to uppercase.

Mr Max suggested I use the #1 and #2 to do layouts part.


#1
Fig 3.1 layout #1  (8/6/2024)


Fig 3.2 layout #1  (8/6/2024)


#2
Fig 3.3 layout #2  (8/6/2024)



Fig 3.4 layout #2  (8/6/2024)

Finally I decided to use #1layout for the final presentation.

Fig 3.5 layout #1  (8/6/2024)

Mr Max suggested that I use the body text on the left and right of the first layout to combine it.

Final

Fig 3.6 Layout final  (8/6/2024)

Fig 3.7 Layout final  PDF (8/6/2024)


Fig 3.8 Layout final Grids (8/6/2024)



Fig 3.9 Layout final Grids PDF (8/6/2024)

Margins: 10 mm
Gutter: 8 mm

Sub Headline
Font: Futura Btd
Type Size: 36 pt

Body
Font: Bembo Std
Type Size: 9 pt
Leading: 9 pt
Paragraph spacing: 9 pt
Characters per-line: 50
Alignment: left justified





FEEDBACK

Week 6
General feedback : We need to start task 2 headline digitization
Specific Feedback: Design needs meaning

Week 7
General feedback : We need to summit Task 2 by next Friday
Specific Feedback: Efficient.



REFLECTION


Experience
Through this layout task, I learned a lot of layout techniques and some details that many people don’t know. The shape of the finished title design needs to be adjusted according to the different layouts, and the title and other text must be evenly spaced.

Observations
This time I found that many students’ designs were very creative and contained the meaning of their titles. Most students are making progress, slowly improving their aesthetics, and meeting the requirements provided by Mr Max. I also feel that the courses over the past few weeks have been a bit rushed.

Findings
I learned the importance of layout. It is the main way the author leads the readers in the reading direction. The readers will read step by step according to the author's layout, to truly get the meaning that the author needs to express.




FURTHER READINGS

Fig 4.1 Typographic design: Form and communication (2015)(25/5/2024)

The book Typographic Design: Form and Communication was recommended by Mr Vinod, so I decided to read it in installments.

Fig 4.2  pg98(5/6/2024)


The designer must be aware of the need to stimulate and involve the viewer.

Fig 4.3 pg118(5/6/2024)

Formal reduction can be used to create optimum clarity, in a clear and straightforward manner. Orderly presentation guides the eye from one element to another, preserving reader and attention (Figs. 6-26 and 6-27).

Comments

Popular posts from this blog

Typography / Task 1

Digital Photography and Imaging / Project 1