Typography Final Compilation & Reflection

-

 

ZHANG HANYUAN/0363727/Bachelor of Design (Honors) in Creative Media

Typography/Taylors University

Typography Final Compilation & Reflection

Instruction

Task 1 :Exercise 1  Type Expression 

Task 1 :Exercise 2: Text Formatting

Task 2: Typographic Exploration & Communication

 Task 3: Type Design & Communication


Module Information Booklet
Task 1 :Exercise 1  Type Expression

Fig 1.1 TASK1:Type Expression, Week 13 


Fig 1.2 TASK1:Type Expression PDF, Week 13 


Fig 1.3 TASK1:Animated  Type Expression


Task 1 :Exercise 2: Text Formatting

HEAD

Font/s: Bembo Std

Type Size/s: 72 pt
Leading: 36 pt
Paragraph spacing: 0

BODY
Font/s: Bembo Std
Type Size/s: 9 pt
Leading: 11 pt
Paragraph spacing: 11 pt
Characters per-line: 60
Alignment: left justified

Margins: 123 mm top, 26 mm left + right + bottom
Columns: 2
Gutter: 10 mm

Fig 2.1  TASK1:Text Formatting( without grid visible ) , Week 13 

Fig 2.2  TASK1:Text Formatting( without grid visible ) PDF, Week 13 



Fig 2.3  TASK1:Text Formatting( with grid visible ) , Week 13

Fig 2.4  TASK1:Text Formatting( with grid visible )PDF , Week 13


Task 2: Typographic Exploration & Communication

Margins: 10*10*10*50 mm
Gutter: 10 mm

Head
Font: Bembo Std 

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

 Fig 3.1 TASK 2:Typographic Exploration (without grid visible), Week 13 

 Fig 3.2 TASK 2:Typographic Exploration (without grid visible)PDF, Week 13 


Fig 3.3 TASK 2:Typographic Exploration (with grid visible), Week 13


Fig 3.4 TASK 2:Typographic Exploration (with grid visible)PDF, Week 13

Task 3: Type Design & Communication

Download font here:
'Hanz' font link:

Fig 4.1 FontLab Screengrab, Week 13

Fig 4.2 "HanZ" (JPEG) The Final font, Week 13


Fig 4.3 "HanZ" (PDF) The Final font, Week 13


Fig.4.4 Final Poster (JPG) Black,week 13

Fig.4.5 Final Poster (JPG) White,week 13


Fig.4.6 Final Poster (PFD) Black,week 13


Fig.4.7 Final Poster (PFD) White,week 13

REFIECTION
Experience:
When I chose to study this major, I knew that typesetting language or text is the most basic and important content of this major. Therefore, it is important for me to learn how to better typeset and express text, including conveying the content to readers. I have been studying design and art, and I am very happy that the experience this semester did not disappoint me, and I learned a lot. He is the most challenging and has also allowed me to improve a lot of professional abilities. Especially in the third task, we have to create our own fonts. This is very helpful for me personally. I never knew the process of fonts from construction to exporting as font files, which gave me a whole new understanding. I am very grateful to Teacher Max for helping me in this process. Every time I asked a question, he would patiently answer my questions and give me feedback, which made me better understand the professional content and pay attention to some details, so that I can better understand the requirements of this major. In general, I am very grateful for this semester's study, which has made me make more progress.

Observation:
In these 14 weeks, I found that I would pay more attention to the differences and characteristics between fonts in my daily life, and I would find some text typesetting problems or professional content, and analyze and correct them, which I think is very interesting. I have always believed that typography is important because in our daily lives, whether it is books, flyers, posters, or online shopping, including the layout of web pages, typography plays a huge role.

Discovery:
From the beginning of my contact with typography, I only cared about the harmony between fonts and images, including whether the content conveyed was accurate, and the classification between title content. But after 14 weeks of study, I know the details of typography and some design rules. As long as very small adjustments are made, the layout of the entire page will be different, such as the tilt angle, the text content corresponding to the main title and subtitle, and the rules of font design. For me, these are all supplements to the professional knowledge I know, and I am very happy to learn new knowledge.


































Comments

Post a Comment

Popular posts from this blog

Advanced Interactive Design - Task 1: Thematic Interactive Website Proposal

-
Image
22/4/2025 - 13/5/2025- WEEK1-WEEK4 ZHANG HANYUAN / 0363727 Information Design / Bachelor of Design (Hons) in Creative Media Task 1: Thematic Interactive Website Proposal List LECTURES INSTRUCTIONS FEEDBACK REFLECTION LECTURES ： Week 2: Adobe Animate (Exercise 1) In our Week 2 lesson, we learned how to draw with Adobe Animate. We were trained on how to utilize several tools, including the form tool, selection tool, and paint bucket tool. After the tutorial, Mr. Shamsul asked us to draw a boat for practice purposes. Week 3: Adobe Animate (Exercise 2) Week 4: Adobe Animate (Exercise 3) INSTRUCTIONS: Task 1  Description Thematic Interactive Website Proposal for Brand Engagement. A thematic interactive website is a website that focuses on a specific theme or concept with the aim of incorporating interactive elements to interact with users. Most such websites utilize multimedia such as videos, animations, interactive graphics displayed on the page, or other clickable elements which ...
Read more

Advanced Typography/Task 1

-
Image
  25/Sep/2024- 11/Oct/2024 (week 1-week 4) ZHANG HANYUAN/0363727/Bachelor of Design (Honors) in Creative Media Advanced Typography/Taylors University Task 1: Exercise - Typesetting Systems and Finding Types LECTURES SUMMARY: WEEK 1  LECTURES : In week 1, Vinod introduced us to the module requirements and semester assignments! During this week, we had to complete eight printing systems Axial Radial Extended Random Grid Modular Transition Bilateral 1-Axial System All elements are aligned to the left or right of a single axis, which can be curved fig .1,1  Axial System 2-Radial System All elements extend from a single focus and can have multiple focuses. fig .1.2 Radial System 3-Dilatational System All elements expand in a circular manner from a central point, and with a layered approach  can use multiple circles with messages fig.1.3 Dilatational System 4-Random System Elements don't have a specific pattern or relationship, but there is a method in the chaos of cr...
Read more

Information Design - PROJECT 1

-
Image
Information Design -  Project 1 02.17.2025 - 03.03.2025 / Week 3 - Week 5 ZHANG HANYUAN / 0363727 Information Design / Bachelor of Design (Hons) in Creative Media Project 1 -Part 1&2 LIST Instructions Lectures Part 1: Infographic poster Part 2: Minimal animated infographic Feedback Reflection INSTRUCTIONS Lectures week 3 week 4 week 5 lecture link PART 1:--Infographic poster Require： Choose 1 infographic poster reference from Internet (Please consult before proceed) Redesign the poster into A4 size. Sketch the idea and process Redesign and simplify the poster based on visual hierarchy & typography Simplify the poster's design based on color, shape & pattern Attach your final poster on E-Portfolio with explanation and reflective writing Inspiration &  Concept (initial ideas and drafts) I found a poster reference on the Internet (Pinterst) and made a preliminary idea proposal. After showing it to Mr. Fauzi, he said that this one had been refined and suggested tha...
Read more