Skip to main content

Typography / Task 3

10.06.2024 - 15.7.2024 / Week 8 - Week 13
GAN YI KIAN / 0374572
Typography / Bachelor of Design (Hons) in Creative Media
Task 3 / Type Design and Communication






LECTURES

refer Task 1


INSTRUCTIONS


Task 3 / Type Design and Communication
We need to use three different pens to design our typefaces, So I spent RM11.70 to buy the three pens for this task.

Sketch

Fig 1.1 Sketch 1 (22/6/2024)

Fig 1.2 Sketch 2 (22/6/2024)


Fig 1.3 Sketch 3 (22/6/2024)


Mr Max: this one looks good can design all the needed alphabets and capital letter then digitize.

Fig 1.4 Sketch 2 (22/6/2024)

Before digitizing my sketches, I learned how to deconstruct.M
r Max taught us how to deconstruct 
letter in class.

 
Fig 1.5 Letter deconstruct (24/6/2024)

Fig 1.6 letter deconstruct (24/6/2024)

In the end I chose this version to digitize the sketch.


Fig 1.7 Final sketch (1/7/2024)


In the first version, my T C S H G O all the thickness is not the same.

Fig 1.8 Digitization (8/7/2024)



I fix some places to make it more similar and make the symbol bold like #!
The final product after my adjustments is like this.

Fig 1.9 Digitization (9/7/2024)

Fig 1.10 Digitization with grid (9/7/2024)

Ascender height: 729pt
Cap height: 716pt
X-height: 500pt
Baseline: 0pt
Descender height: -187pt

Fig 1.11 Detail (15/7/2024)



I named my font "vetroline", vetroline is a combination of English and Italian.
vetro : In Italian, vetro means glass. Glass symbolizes transparency, sophistication and modernity, which matches the elegant and contemporary style of the font.
line "Line" in English means line. There may be many beautiful lines and geometric elements in the design of the font, and "line" can reflect these design features.
ok fine, actually I asked chatgpt to help me name it.

Final


Screen Grab of FontLab process (side-bearings)

Fig 2.1 FontLab process (10/7/2024)

Final Type construction in Ai JPEG (1024px, 300ppi, Grayscale)


Fig 2.2 Final Type construction (10/7/2024)


Final Type construction Ai in PDF

Fig 2.3 Final Type construction PDF (10/7/2024)


Final JPEG A4 black & white poster (1024px width, 300ppi, Grayscale)

Fig 2.4 Final Poster JPEG (10/7/2024)


Final PDF A4 black & white poster

Fig  2.5 Final Poster PDF (10/7/2024)



FEEDBACK

Week 9
General Feedback : Task 3 is more creativity.

Week 10
General Feedback : Everyone has summited Task 2, efficient.
Specific Feedback: You can continue sketching on the font that has been selected.

Week 11
General Feedback: After digitizing the sketch go to D7.04 finish by Fontlab.
Specific Feedback: Some of the strokes the thickness are not entirely same like the hashtag ur vertical rectangular are different size.

Week 12
General Feedback: Make sure to put all the files into the portfolio and complete the poster next week.




REFLECTION


Experience
From this exercise, I came into contact with the new software Fontlab. Compared with the previous exercises, this time I need to be more creative in designing my own fonts. I think the difficult part is from digitizing the sketch to AI. The arcs and thickness of all letters must be the same. Fortunately,with the help of Mr Max, I can successfully complete this assignment.

Observations
At the same time, I also observed that other people’s works are extremely creative, and all the fonts are very consistent and look neat. I would like to communicate more with them if I have the opportunity.

Findings
Finally, I discovered that inventing fonts is not easy. It is a huge project, and it can also be used as an extra income. Before I had this homework, I thought that designing fonts was a very simple job. I didn’t expect that there were so many details that needed to be paid attention to.


FURTHER READINGS

Fig 3.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 3.2 pg 134 (15/7/2024)

Diagonal edges rendered as pixels on a raster-scan display have a jagged stairstep quality, called “the jaggies.When the resolution is lower, there will be more jaggies.

Fig 3.3 pg 162 (15/7/2024)

(Fig 9-13) In addition to the large size and bright color of the word chance, the unusual order in which the letters appear gives the word prominence. 
In (Fig 9-14), type fading up quickly on the left and right sides of the screen attracts attention because it interrupts the established pace of the animation.



Fig 3.4 pg 198 (15/7/2024)

Visual configurations were invented by combining letters from the English alphabet and single-digit numbers (Figs. 11-1 to 11- 4). Scale, proportion, weight, and shape relationships between two different signs were explored.

Fig 3.5 pg 202 (15/7/2024)

They select a historical event as a subject and develop a typographic message using the visual properties of type and space to amplify its content (Figs. 11-24 to 11-27). This project develops an understanding of the inventive potential of typographic form. As a message carrier, typography can intensify and expand content and meaning.


Fig 3.6 pg 214 (15/7/2024)

Convert diverse information into a three-dimensional cube (Figs. 11-63 to 11-65)
After selecting from the existing Latin letter forms provided, you are then instructed to create a unique symbol that blends visual effects (Figs. 11-66 to 11-68).

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...

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. ...

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...