TYPOGRAPHY FINAL COMPILATION & REFLECTION

29.09.2023 - 27.12.2023 / Week 1-Week 14

Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media

Typography / GCD60104 

Final Compilation & Reflection

TABLE OF CONTENTS


TASK 1: TYPE EXPRESSION & TYPE FORMATTING

Exercise 1- Type Expression 

Exercise 2- Type Formatting

TASK 2: TYPOGRAPHIC EXPLORATION & COMMUNICATION

TASK 3: TYPE DESIGN & COMMUNICATION

REFLECTION


TASK 1: TYPE EXPRESSION & TYPE FORMATTING


EXERCISE 1- TYPE EXPRESSION 

Fig T1.1 Final Type Expressions in jpeg, Week 3 (13/10/2023)


Fig T1.2 Final Type Expressions in PDF, Week 3 (15/10/2023)


Fig T1.3 GIF Animation, Week 3 (15/10/2023)


EXERCISE 2- TYPE FORMATTING

Fig T1.4 Final Text Formatting(without grid) in jpeg, Week 5 (27/10/2023)

Fig T1.5 Final Text Formatting(without grid) in PDF, Week 5 (27/10/2023)


Fig T1.6 Final Text Formatting(with grid) in jpeg, Week 5 (27/10/2023)


Fig T1.7 Final Text Formatting(with grid) in PDF, Week 5 (27/10/2023)


HEAD

Font/s:  Futura Std (Medium Condensed, Extra Bold, Heavy Oblique)

Type Size/s: 34pt, 81pt, 10pt

Leading: 97.2pt, 40.8pt, 11pt


BODY

Font/s: Gill Sans MT Regular

Type Size/s: 10pt

Leading: 12pt

Paragraph spacing: 12pt

Characters per-line: 20-65characters

Alignment: left align


Margins: 20mm top, 12.7mm left + 12.7mm right + 40mm bottom

Columns: 4

Gutter: 4.233mm


TASK 2: TYPOGRAPHIC EXPLORATION & COMMUNICATION


Fig T2.1 Final Type Formatting(without grid) in jpeg, Week 7 (10/11/2023)

Fig T2.2 Final Type Formatting(without grid) in PDF, Week 7 (10/11/2023)


Fig T2.3 Final Type Formatting(with grid) in jpeg, Week 7 (10/11/2023)


Fig T2.4 Final Type Formatting(with grid) in PDF, Week 7 (10/11/2023)

HEAD
Font/s:  Futura Std Extra Bold Condensed(UNITE), Futura Light Condensed(to, a), Bodoni Std Italic(visualise), Futura Bold Condensed(better world)
Type Size/s: 174pt, 50pt, 64pt, 60pt
Leading: 208.8pt, 60pt, 76.8pt, 72pt


LEAD IN TEXT
Font: Futura Std Medium Condensed
Type Size: 12pt
Leading: 14.4pt



BODY
Font/s: Futura Std Book
Type Size/s: 10pt
Leading: 12pt
Paragraph spacing: 12pt
Characters per-line: 27-62characters
Alignment: left align



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

TASK 3: TYPE DESIGN & COMMUNICATION


Download MellowScript font here !

Fig T3.1 Final Type Construction 'MellowScript' in jpeg, Week 11 (8/12/2023)


Fig T3.2 Final Type Construction 'MellowScript' in PDF, Week 11 (8/12/2023)


Fig T3.3 Final Poster with 'MellowScript' font in jpeg, Week 13 (21/11/2023)

Fig T3.4 Final Poster with 'MellowScript' font in PDF, Week 13 (21/11/2023)

REFLECTION


Experience

Embarking on the journey of learning typography has been a rollercoaster of excitement, challenges, and valuable discoveries. Throughout the process, we checked on seniors and peers' e-portfolios to understand more on what requirements and things to apply in our own work and e-portfolio. This is a way for us to learn from others. The challenges of ideation, design creation, and digitization were indeed daunting, yet the overall process remained strangely enjoyable. The struggle to create visually appealing designs consumed considerable time, leading to a journey of trial and error in pursuit of an eye-catching result.  Yet, I am glad that I have learnt so much about Typography and had a new experience. There are times that I also felt like I am not satisfied with my works, but I truly believe that it is a process of learning, and I will improve myself in the future.


Observations

In every task, I realise that I often spend too much time on thinking about what to do and causes me to start them late. As a result, I always felt stressed and overwhelmed, which I really think that it is a serious problem that I should avoid. Nevertheless, I have somehow improved a little compared to the start, I would try starting to do the assignment and avoid myself from thinking too much because the more ideas I have, the more difficult for me to decide.

Time by time, I slowly know how to observe better on many small details while completing the tasks. Not only that but I also became more observant in daily, looking at the fonts on certain things like brands, logos and things related to Typography, it is somehow interesting. From Week 1 to Week 14, I do see changes and improvements in my works. From only knowing how to sketch, I could now format the layouts, digitising and creating fonts. I could now understand more about Typography, about its background, purposes, types of fonts etc. 


Findings

Typography is a great module that teaches us a lot in understanding the basics and process of designing. Learning that we should frequently ask for the feedbacks from lecturers after a work is done and listen to the ideas given, this is the time where we can change and refine our work to a better outcome. It is also crucial to discuss and ask questions to peers when being unclear, they could assist us and help us understand better. Most importantly, we should remember that there isn't always perfection, even imperfections could be great. In my mind, I believe that success in gaining experiences is closely tied to the process of learning and enjoying oneself along the way.

QUICK LINKS


TASK 1: TYPE EXPRESSION & TEXT FORMATTING

TASK 2: TYPOGRAPHY EXPLORATION & COMMUNICATION

TASK 3: TYPE DESIGN & COMMUNICATION

FINAL COMPILATION & REFLECTION


Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN II TASK 1: APP DESIGN 1 SELF-EVALUATION & REFLECTION

Image
24.04.2025 - 15.05.2025  / Week 1 -Week 4 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Task 1:  App Design 1 Self-Evaluation and  Reflection TABLE OF CONTENTS 1.  INSTRUCTIONS 2.  EXERCISES 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS CLASS EXERCISES WEEK 3 EXERCISE To redesign a boarding pass based on prioritizing the main information. We were given an information page and we worked in groups to design a boarding pass. process Outcome WEEK 4 EXERCISE To create a task flow chart/wireflow chart for a booking app. Our group have chosen a cinema app (booking movie). Task flow chart for cinema app TASKS TASK 1: APP DESIGN 1 SELF-EVALUATION & REFLECTION  For this task, we need to reflect on the final project we created in Mobile App Design 1. The main goal is to evaluate the app we designed, identify what didn’t work so well, and think of ways to improve th...
Read more

INFORMATION DESIGN EXERCISES

Image
03.02.2025 - 17.02.2025  / Week 1 -Week 2 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Information Design / GCD60504 / Section 01 Exercises TABLE OF CONTENTS 1.  LECTURES 2.  INSTRUCTIONS 3.  EXERCISES ↪ EXERCISE 1 ↪ EXERCISE 2 4.  FEEDBACK 5.  REFLECTION LECTURES INSTRUCTIONS CLASS EXERCISES EXERCISE 1: QUANTIFIABLE INFORMATION Objective: Quantify raw data and visualize information through a photograph. Create a visual representation of numerical data that allows for easy interpretation and analysis. Instructions: Gather a set of objects and categorize them based on quantifiable factors such as color, shape, or pattern. Arrange the objects in a presentable layout or chart. Clearly label the quantities and data using written indicators (e.g., pens or markers). Example Objects: Box of LEGO pieces Jar of buttons Jar of marbles Set of colorful rubber bands M&Ms, coins, or other small items The goal of this exercise is ...
Read more

APPLICATION DESIGN FINAL PROJECT & E-PORTFOLIO

Image
11.11.2024 - 12.01.2025 / Week 8 -Week 16 Emily Goh Jin Yee / 0357722 / Bachelor of Design (Honours) in Creative Media  Application Design I/ DST60504 / Section 01 Final Project: Hi-Fidelity App Design Prototype & E-portfolio TABLE OF CONTENTS 1.  LECTURES 2.  INSTRUCTIONS 3.  TASKS 4.  FEEDBACK 5.  REFLECTION INSTRUCTIONS TASKS FINAL PROJECT: HIFIDELITY & E-PORTFOLIO After completing the low-fidelity app design prototype, I transitioned to the high-fidelity version. To start, I used the Color Shades Finder tool to refine the color palette. One of the issues with the Watsons app is its lack of a consistent color theme. While the current colors somewhat represent the brand and make the app recognizable, they can also feel overly distracting. For the high-fidelity prototype, I focused on creating a more cohesive and simple color theme. In the existing app, green, blue, pink, and various gradients are frequently used. For this redesign, I chose colors...
Read more