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

Application Design I / Project 2

26.05.2025 - 14.07.2025   / Week 5- Week 13 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 2 / UI/UX Design Document INSTRUCTIONS Project 2 / UI/UX Design Document Week 5 In this assignment, we need to complete the creation of a research plan according to the template and list of questions, and interview 5 people with the goal of obtaining first-hand experience with users. We need to take notes of their pain points (problems) and highlights (things they love) when using the service or their competitors. My target audience is Gen Z - finish the 5 interviews transcript - take down the data, one idea per post-it -sort them in affinity maps - find categories/themes - create 3 personas from those themes I basically divided the interview questions into 5 sections.I interviewed my friends and they answered me in Chinese, and I translated them into English. Interview Log Section 1: Background Section 2: User experience Section 3: Fu...

Games Studies / Exercise

23.04.2025 - 05.06.2025   / Week 1- Week 7 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Games Studies Exercise / Series of investigations INSTRUCTIONS Exercise 1 - My favourite video game/board game In this exercise, we need to introduce a favorite video game or board game. A game that you will continue to come back to even after you have played it. Honor of Kings Fig. 1.0 Game Cover Game Type: MOBA – Multiplayer Online Battle Arena Development Company: Tencent Games First released in 2015, it is one of the most popular mobile games in mainland China. Game Objectives and gameplay introduction: Two teams of 5 players each fight on a symmetrical map. Heroes are each player's choices, and the heroes have different skills and roles , with examples of tanks, shooters, mages, etc. Its objective is to destroy the rival’s main base (crystal) . While doing this, you push down the enemy defense towers, fight wild monsters, and team battles as well. By defeating enemy he...

Application Design I / Project 3

13.07.2025 - 19.07.2025   / Week 12- Week 14 GAN YI KIAN / 0374572 Bachelor of Design (Hons) in Creative Media Application Design I Project 3 / Lo-Fi App Design Prototype INSTRUCTIONS Project 3 / Lo-Fi App Design Prototype Week 11 After I completed the whole process of booking a hotel, I showed it to Mr. Sylvain.After I finished the whole process of booking the hotel, I showed it to Mr. Sylvain. Then we need to build the sketches on figma for each scene before the next week. Week 12 A good idea I came up with is to add a chat function. If today's target is a group of friends who want to book a hotel, they can all use this app and enter a group to chat, and at the same time they can share hotel information to this group. They can vote, compare hotels, and even plan the itinerary of the trip. More plans can be made in this group, and other members can also participate in the selection process. Then based on this idea, I designed the first sketch on figma. Mr. Sylvain sugges...