Typography - Final Compilation & Reflection

-

2023.09.26 - 2023.12.24 /  Week 1 - Week 14

Velicia Raquel Dewi Setiawan / 0369188 / Bachelor of Design (Honours) in Creative Media

Typography 

Final Compilation &; Reflection

INSTRUCTION

Task 1: Exercises

Task 2: Typographic Exploration &; Communication 

Task 3: Type Design &; Communication


SUBMISSIONS

TASK 1 - Exercise 1: Type Expression

Fig 3.4.1 Final Digitiazation jpeg, Week 2(3 October, 2023).

Fig 3.4.2 Final Digiazation PDF, Week 2(3 October, 2023).


3.6 Final Animation 

Fig 3.6.1 Final Animation Of Bounce, Week 4(17 October 2023).




TASK 1 - Exercise 2: Text Formatting

HEAD
Font/s: ITC New Baskerville Std Roman and Bold (Headline), ITC New Baskerville Std Italic (Byline)
Type Size/s: 70 pt (headline), 20 pt (byline)
Leading: 48 pt (headline), 24 pt (byline)
Paragraph spacing:-
 
BODY
Font/s: Univers LT Std 55 Roman and 65 Bold (body text)
Type Size/s: 9 pt (body text)
Leading: 12 pt (body text)
Paragraph spacing: 4 mm
Characters per line: 56 characters
Alignment: Center Aligned and Justify with the last line aligned left
 
Margins: 12.7 mm top, 12.7 mm left + 12.7 mm right + 12.7 mm bottom
Columns: 2
Gutter: 5 mm

Fig 4.4.1 Final Text Formatting Layout (without grids)- PDF, Week 5(24 October 2023).
Fig 4.4.1 Final Text Formatting Layout (without grids)- JPEG, Week 5(24 October 2023).

Fig 4.4.1 Final Text Formatting Layout (with grids)- PDF, Week 5(24 October 2023).
Fig 4.4.2 Final Text Formatting Layout (with grids)- JPEG, Week 5(24 October 2023).


TASK 2 - Typographic Exploration &; Communication

Final Layout

HEAD
Font/s: Serifa Std 75 Black (Headline), ITC New Baskerville Std Italic (Smaller Headline)
Type Size/s: 160 pt (headline), 50 pt (Smaller Headline)
Leading: 192 pt (headline), 60 pt (Smaller Headline)
Paragraph spacing:-
 
BODY
Font/s: Univers LT Std 55 Roman and 65 Bold (body text)
Type Size/s: 9 pt (body text)
Leading: 12 pt (body text)
Paragraph spacing: 4 mm
Characters per line: 39 characters
Alignment: Center Aligned and Justify with the last line aligned left
 
Margins: 8 mm top, 8 mm left + 8 mm right + 8 mm bottom
Columns: 3
Gutter: 5 mm

Fig 3.2.3 Final Layout Without Grids PDF, Week 7(Nov. 7, 2023).

Fig 3.2.4 Final Layout With Grids PDF, Week 7(Nov. 7, 2023).

Fig 3.2.3 Final Layout With Grids JPEG, Week 7(Nov. 7, 2023).


Fig 3.2.4 Final Layout Without Grids JPEG, Week 7(Nov. 7, 2023).




TASK 3 - Type Design &; Communication

Download Font: https://drive.google.com/file/d/17ZjQ9uc5n9ilyxLIld2jgXBnHf5AlZVw/view?usp=sharing 

Fig 3.5.6 Poster, Week 13(Dec 18, 2023).

Fig 3.6.2 Final Type Construction in Ai PNG, Week 13(Dec 18, 2023).

Fig 3.6.3 Final Type Construction in Ai PNG, Week 13(Dec 18, 2023).

Fig 3.6.4 PNG A4 black &; white poster, Week 13(Dec 18, 2023).

Fig 3.6.5 PNG A4 black &; white poster, Week 13(Dec 18, 2023).

Fig 3.6.6 Font Tester/Preview, Write according to the posters in all capitals, Week 14(Dec 25, 2023).


REFLECTION
Experience

The first time I went to this class, it was a bit intimidating, but the whole experience has been fun and not as hard as I thought. Most of it was experimenting with different variations we can do, which was fun to challenge myself to come up with a lot of variations. I also liked how all of the exercises build up to the next task, so the things I learned in the previous task are not forgotten but continue to be used and developed.

Observations

I didn't think that typography would be as important as I know now. Realizing just how much impact it has on fonts in many circumstances, from the font in giant billboards to the font in web designs. The fact that people who design this give so much thought and consideration to choosing each font or sometimes making a custom font to make the intended message delivered clearly. This module let me see typography in a new light and learn to appreciate it.

Findings

I thought that typography was just a matter of putting a bunch of fancy-looking fonts maybe changing the size or rotating it a bit and that's done. But turns out there are a lot of rules that you have to follow and even with a simple font you can make a huge impact. And as much I learned in my time experimenting with a lot of variation the answer is often the most simple and straightforward design. 

Comments

Post a Comment

Popular posts from this blog

Information Design - Exercise 1&2

-
Image
03/02/2025 - 11/03/2025  / Week 1 - Week 5 Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media Information Design  JUMPLINK: Lecture Instruction Exercises Exercise 1: Quantifiable information Exercise 2: L.A.T.C.H infographic poster Feedback Reflection 1. LECTURE Week 1: Types of Infographics Infographics help people understand information faster by using visuals and text together. They make information clearer, more interesting, and easier to remember. There are different types of infographics, each with its own purpose: List Infographics – Organize information in a list format with pictures or icons, making it more visually appealing and easier to scan. Fig 1.1 List Infographics, Week 1 (04/02/2025) Statistical Infographics – Use charts, graphs, and numbers to present data in a way that is easy to understand at a glance. Fig 1.2 Statistical Infographics , Week 1 (04/02/2025) How-to Infographics – Show step-by-step guides using...
Read more

Advanced Interactive Design - Final Project

-
Image
19.11.2024 - 24.12.2024   / week 9 - week 14 Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media Advanced Interactive Design  JUMPLINK: Lecture Instruction Task 3 - Completed Thematic Interactive Website   Progress Final Submission Feedback Reflection 1. LECTURE 2. INSTRUCTION 3. Task 3 - Completed Thematic Interactive Website 1. Progress Loading screen This one is not too hard. I did have to change the middle white circle to the bottom so the anchor is on the bottom, allowing me to change the shape up and down, while the bottom bar stays in place. Then, it just took spacing in different keyframes and adding a shape tween for it. I also added the fade-in and fade-out for them. Fig 1.1  Loading Screen Animation , Week 13 (17/12/2024) Fig 1.2  Loading Screen Fade Out , Week 13 (17/12/2024) Video The beginning process of the web was, of course, putting the video in first and following the tutorial on YouTube, which worked just fi...
Read more

Advanced Interactive Design - Task 2

-
Image
22.9.2024 - 12.11.2024   / week 5 - week 8 Velicia Raquel Dewi Setiawan | 0369188 | Bachelor of Design (Honours) in Creative Media Advanced Interactive Design  JUMPLINK: Lecture Week 5  Week 6 Week 7 Week 9 Instruction Task 2 -  Interaction Design Planning and Prototype   Research Progress Finalizing Layout Planning Interactions Animating Final Submission Feedback Reflection 1. LECTURE Week 5-6 - F2F  (22-29 Oct, 2024) 1.  Button Animation Fig 1.1  Button Animation Progress , Week 5 (22/10/2024) Fig 1.2  Button Animation Result , Week 5 (22/10/2024) Week 7 - F2F  (5 Nov, 2024) 1.  Screen and Button Animation Fig 1.3 Screen and  Button Animation Progres , Week 7 (5/11/2024) Fig 1.4 Screen and  Button Animation Result , Week 7 (5/11/2024) Week 9 - F2F  (19 Nov, 2024) 1.  Transition Animation Fig 1.5 Transition  Animation Progress , Week 9 (19/11/2024) Fig 1.6  Transition  Animation Result , Week 9 (1...
Read more