Skip to main content

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

Advanced Typography / Task 1

24.09.2024 - 19.10.2024 / Week 1 - Week 4 GAN YI KIAN / 0374572 Advanced Typography / Bachelor of Design (Hons) in Creative Media Task 1 / Exercises  LECTURES Week 1 Fig 1.1 Typographic System Examples  Typographic Systems "All design is based on a structural system" There are eight major variations with an infinite number of permutations. Axial Radial Dilational Random Grid Modular Transitional Bilateral Axial All elements are organized to the left or right of a single axis. Radial All elements are extended from a point of focus. Dilational All systems expand from a central point in a circular manner. Random Elements appear to have no specific pattern or relationship. Grid A system if vertical and horizontal divisions. Modular A series of non-objective elements are constructed as standardized elements. Transitional An informational system of layered banding. Bilateral All text is arranged symmetrically on a single axis. Week 2 Typographic Composition Emphasis  Fig. ...

Design Principles / Task 3

03.02.2025 - 21.03.2025 / Week 5- Week 7 GAN YI KIAN / 0374572 Design Principles / Bachelor of Design (Hons) in Creative Media Task 3 / Development & Design INSTRUCTIONS Task 3: Development & Design After the visual analysis,will now create a work of design , based by the idea have proposed in Task 2. expected to apply knowledge of design principles in idea development and final design. Can use any medium and/or materials , except for full photography, that are suitable to convey your final visual message. I will choose the first sketch to create the work Sketch 1 This design retains the tranquility and dreamlike feeling of Monet's original painting. I want to enlarge the main water lily in the center and make it the focus of the whole painting. Fig 1.1 Sketch 1 (3/3/2025) I am confused about whether to use watercolor or illustration design, because both are areas I am not good at. Using watercolor can better express the relationship between the water surface. In terms of c...

Intercultural Design

07.02.2025 - 24.03.2025 / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Intercultural Design  Proposal, Data Collection & Final Project  INSTRUCTIONS Note Week 1 Culture & Design At the beginning of the first day, Mr. Asrizal briefed  us with the precautions and course outline of intercultural design, and then Ms. Noranis's lecture began, and we began to divide into groups. Then my group members included Indonesia and Chinese. Week 2 CMYKL brief Our team was confused about what ‘Everyday Design’ was all about. Then, during this week, we came up with the idea of ​​a clip-on cup holder, focusing on portability and functionality, and even incorporating Malaysian culture such as tiger stripes or “batik” patterns. In fact, there were many more ideas at the beginning, including the design of bowls and board game cards. It was also during this week that we learned that our mentor was Mr. Charles. Week 3 Proposal Q&A sessio...