Advance Typography/ Task 3/ Type Exploration & Application
10/06/2024 -21/07/2024 (Week 8 - Week 13)
Isabel Tan Xen Wern/ 0355602/ Bachelors of design in creative media/ Taylors University
Advance Typography GCD 61004
Task 3/ Type Exploration & Application
JUMPLINKS
LECTURE
INTRODUCTION
Figure 1.1
MIB (20/05/24)
Task 3: Type
Exploration & Application
Topic: Combining another Language With English
Attempt 1 :
Visual Inspiration:
Figure 1.2
Visual Inspiration Japanese (Hiragana) (19/06/24)
Digitalization Process:
Figure 1.3
Visual Inspiration Japanese (Hiragana) (19/06/24)
- Using Hiragana Characters as a visual inspiration, extracting the main strokes and forms seen. These extracted strokes and forms are supposed to be used to create the letterforms.
- To make them look more traditional as it is extracted from the language itself.
Figure 1.4
Extracted strokes (Hiragana) (19/06/24)
- These are the main strokes, I decided to extract as i think these would help me in my letterforms.
Figure 1.5
created letterforms (Hiragana) (19/06/24)
- This is the result after just combining the strokes without distorting them in anyway other than to just increase the size.
- However the letter 'B' looked weird.
Figure 1.6
Editing (19/06/24)
- After editing and trying a different approach, I decided that this idea was gonna be too challenging.
- I could not see a fully developed letter forms being as nice on the eyes as I want them to be.
Attempt 2 :
Visual Inspiration:
Figure 1.7
Visual Inspiration 2 (20/06/24)
- learning from my last attempt, I decided to find just one character with simple strokes.
Digitalization process:
Figure 1.8
attempted letterforms (20/06/24)
- After creating just 2 letters, I realized that this doesn't seem to have a bright future so I tried a different approach.
- because I also got a different idea with this character.
Figure 1.9
Attempted letterforms (20/06/24)
- The other idea I had was the follow the curve of the form for all letters to make them consistent while using the same strokes.
- If I were to not use the strokes, it would be more consistent but I find that it would not look like the original language.
Attempt 3 :
Visual Inspiration:
Figure 2.1
Visual Inspiration 3 (20/06/24)
- Same concept as before, i would extract the strokes from these characters because this typeface was more traditional and modern.
- Using Chinese characters this time because Japanese and Chinese characters have a lot in common but Chinese character are more straight lines.
Figure 2.2
Visual Inspiration 3 (20/06/24)
- This one would has majority of the strokes in Chinese characters.
- I put this on standby incase this one could make the letterforms more consistent.
Figure 2.3
Visual Inspiration 3 (20/06/24)
- I wanted to use the stroke on "亮 " to make the letter "J"
Digitalization process:
UPPERCASE LETTERS
Figure 2.4
Extracting the strokes (20/06/24)
- These are the stroke I think would help me in creating the letter forms.
Figure 2.5
For the letter 'J' (20/06/24)
Figure 2.6
Extracted Strokes (20/06/24)
Figure 2.7
Creating the letter 'A' (20/06/24)
- I tried using the curved strokes for the letter.
- However, sir said to use the grid system and using the design like this, many of the letters would not fit the grid as the other straight stroked letters like 'H' .
Figure 2.8
Reshaping letterform 'A' & 'H' (21/06/24)
- I decided to use the straight strokes instead to create letter forms.
- I based the grid width and height to the letter 'H'
- Designed the middle stroke slightly higher than the middle.
- Also made the side strokes thicker.
Figure 2.9
Designing the letter 'B' (21/06/24)
- This was the first design of the letter 'B', following the letter 'H' I then adjusted the sides to be thicker and the middle horizontal stroke to be higher.
- Based on Sir's instructions, i rounded the sharp edges.
Figure 3.1
Adding Elements (21/06/24)
Figure 3.2
The final 'B' Design (21/06/24)
Figure 3.3
Visual Reference (21/06/24)
- I have trouble designing the letter 'D' so i found some online inspiration of the similar shaped designs for reference
Figure 3.4a
first design (20/06/24)
Figure 3.4b
first design (20/06/24)
- Before the adjustments.
Figure 3.5
Designing the letter 'J' (20/06/24)
- the first design for 'J' was asked to be redesigned due to the fact that it doesn't fit well with the rest of the designs.
Figure 3.5
The final 'J' Design (21/06/24)
- I simplified it to look more consistent withe the rest.
Figure 3.6a
Final Uppercase letters outline (21/06/24)
Figure 3.6b
Final Uppercase letters (21/06/24)
LOWERCASE LETTERS
Figure 3.7
The first design of lowercase letters (30/06/24)
- the process was quite simple as I just followed the same designing pattern as the uppercase.
- I just reduced the width of the strokes.
Figure 3.8
Adjustments (01/07/24)
- My lecturer suggested I increase the height of the lowercase letters to match the uppercase lengthened design better.
Figure 3.9a
Final Lowercase letters outline (01/07/24)
Figure 3.9b
Final Lowercase letters outline (01/07/24)
Figure 4.1a
Final Lowercase letters (01/07/24)
Figure 4.1b
Final Lowercase letters (01/07/24)
Figure 4.1c
Final Lowercase letters (01/07/24)
NUMERALS & PUNCTUATIONS
Figure 4.2
Final Numerals outline (03/07/24)
- There is not much process here as i once again followed the same design concept as the uppercase letters.
Figure 4.3
Final Numerals (03/07/24)
Figure 4.4
Final Punctuations outline (03/07/24)
Figure 4.5
Final Punctuations (03/07/24)
Font Presentation
Figure 4.6
Visual Inspiration (03/07/24)
Figure 4.7
Font Presentation Attempt 1 (03/07/24)
- I tried following the concept of a Chinese written exam format to present the lowercase letters
Figure 4.8
Close up (03/07/24)
- Each box has two border lines with a rounded edge.
Figure 4.9
Font Presentation Attempt 2 (03/07/24)
- Same idea as the first but with a white board background and presentation of uppercase.
Figure 5.1
Font Presentation Attempt 3 (03/07/24)
- With the same white board, I chose my two favorite letter designs as the main and display the rest at the bottom.
Figure 5.2
Font Presentation Attempt 4 (03/07/24)
- This was inspired by Sir Vinod's example, with showing the X-height, Ascender, Descender and everything but I think this does not fit my font concept.
Figure 5.3
Font Presentation Attempt 5 (03/07/24)
- This idea was to show the strokes collected from Chinese characters used to make these letterforms by using it as a somewhat border pattern.
Figure 5.4a
Font Presentation Attempt 6 (03/07/24)
- I was inspired by Chinese posters and tried to recreate one of my own.
- Added Chinese characters to enhance the visual outlook.
Figure 5.4b
Font Presentation Attempt 6 (03/07/24)
- Added the board background as to make this design look more appealing with the rest.
Figure 5.5
Visual Inspiration (03/07/24)
Figure 5.6
Font Presentation Attempt 7 (03/07/24)
- I tried using actual Chinese characters to show the connection between my letterform and Chinese characters.
Figure 5.7
Font Presentation Attempt 8 (03/07/24)
Figure 5.7
Attempt 8 Alternative (03/07/24)
- Because old tradition Chinese paragraphs are vertically written but if i were to really write the words upright from up to down, it would be unreadable in my opinion.
Font Application
Figure 5.8
Original Poster (14/07/24)
Figure 5.9
Original Poster (14/07/24)
Figure 6.1
Original Poster (14/07/24)
Figure 6.2
Original Poster (14/07/24)
Figure 6.3
Original Poster (14/07/24)
Figure 6.4
Edited poster 1 (14/07/24)
Figure 6.5
Adding Shadows (14/07/24)
- Tried to enhance the design a bit by adding effects to make it 3d.
Figure 6.6
Edited poster 2 (14/07/24)
Figure 6.7
Edited poster 3 (14/07/24)
Figure 6.8
Edited poster 1 (14/07/24)
Figure 6.9
Edited poster 4 (14/07/24)
Figure 7.1
Edited poster 5 (14/07/24)
Figure 7.2
removing elements 1 (14/07/24)
Figure 7.3
Final Design 1 (14/07/24)
Figure 7.4
removing elements 2 (14/07/24)
Figure 7.5
Final Design 2 (14/07/24)
- Sir suggested I reduce the space in between letters to match the original better.
Figure 7.6
adjustment Design 2 (14/07/24)
Figure 7.7
removing elements 3 (14/07/24)
Figure 7.8
Attempt 3 (14/07/24)
- Did not look right to me so I changed the design idea.
Figure 7.9
Final Design 3 (14/07/24)
Figure 8.1
removing elements 4 (14/07/24)
Figure 8.2
Final design 4 (14/07/24)
Figure 8.3
removing elements 5 (14/07/24)
Figure 8.4
Final Design 5 (14/07/24)
Figure 8.5
removing elements 6 (14/07/24)
Figure 8.6
Final Design 6 (14/07/24)
Figure 8.7
removing elements 7 (14/07/24)
Figure 8.8
Final design 7 (14/07/24)
Figure 8.9
removing elements 8 (22/07/24)
Figure 9.1
Final design 8 (22/07/24)
Figure 9.2
removing elements 9 (22/07/24)
Figure 9.3
Final design 9 (22/07/24)
Font-Lab
Figure 9.4
Font-lab (18/07/24)
Figure 9.5
Font-lab side bearing (18/07/24)
Figure 9.6
Font-lab side bearing (18/07/24)
Figure 9.7
Font-lab side bearing (18/07/24)
Figure 9.8
Font-lab side bearing (18/07/24)
Figure 9.9
Font-lab side bearing (18/07/24)
FINAL SUBMISSION
Figure 10.1
Uppercase submission (20/07/24)
Figure 10.2
Lowercase submission (20/07/24)
Figure 10.3
Numerals and Punctuations submission (20/07/24)
Figure 10.4
Font Presentation submission (20/07/24)
Figure 10.5
Font Presentation submission (20/07/24)
Figure 10.6
Font Presentation submission (20/07/24)
Figure 10.7
Font Presentation submission (20/07/24)
Figure 10.8
Font Presentation submission (20/07/24)
Figure 10.9
Font Application submission (20/07/24)
Figure 11.1
Font Application submission (20/07/24)
Figure 11.2
Font Application submission (20/07/24)
Figure 11.3
Font Application submission (20/07/24)
Figure 11.4
Font Application submission (20/07/24)
Figure 11.5
Final submission PDF (20/07/24)
Back to the
TOP
FEEDBACK
Week 9 (17/06/24):
General Feedback :
- Topics have to be based of whether it is experiment, exploration or to solve a problem.
Specific Feedback :
- all three topics were approved but be careful with the second idea as the example given in the slides is not usable.
- Idea 3 is usable but it would be a lot of work as you need to create a few fonts.
Week 10 (24/06/24):
General Feedback :
- Make sure they look consistent.
Specific Feedback :
- Use a grid system (base it on the letter H, so when there is four grids the line on the right will be closer to the fourth start line.
- there are some exemption such as the letter w which usually is wider and x which can be half a grid more than the rest.
- the letter J is a bit awkward, for the letter g there is a better J there.
- The N is Wrong.
- try to either make the sharp points have some width or connect them (compare them and see the difference).
- the w, v, z, m need to rethink the design.
Week 11 (1/07/24):
General Feedback :
- can continue to font-lab, in font info, insert the x-height and everything.
- In pathfinder, merge the letters into ONE. keep / round , always keep. preferences - ai import org position must be turned on.
Specific Feedback :
- slightly elongated lowercase, but it is up to you.
- Careful of the gaps.
- think about naming it 'Sino-bel'.
Week 12 (8/07/24):
General Feedback :
- do the font presentations
Specific Feedback :
Week 13 (15/07/24):
General Feedback :
- everything must be done, sir will want to see the task 3 e-portfolio next week.
Specific Feedback :
- choose the best 5 or 6, you can use Chinese characters.
- for application, can create 5 Chinese / Hong Kong movies poster
Week 14 (22/07/24):
General feedback:
Specific Feedback:
- don't use perspective photographs
- just continue using the movie posters.
Back to the
TOP
REFLECTION
Experience :
This was a very long task that truly required all that time because of the processes and sometimes the designs don't come out the way you intended so you have to come up with a new idea which can be frustrating and make you seriously doubt yourself. However, as all of the last tasks, this was a great learning experience and really taught me how to manage my time better. Sir's feedbacks really helped throughout this assignment, while i really did not want to do this task, I wanted feedback as it can help me improve my design and give me ideas. What it is that did not help was the air conditioning problem on the last few weeks of class, it was making my brain scrambled.
Observation :
An observation I made during this task was the little details matter, like how the tips look better rounded. It may seem like something that wont effect the design but it really does make a difference. I haven't used font lab in a while but I think that the best way to check the side bearings and space between is typing a few sentences out because some words may look okay elsewhere but with certain words together they look too far or too close.
Findings :
I find that a lot of patience and time is needed to complete this task thoroughly, If you want your work to be at full potential. It is easier if you get to explore different ideas to learn more first before going into your final work.
Back to the
TOP
FURTHER READING
Figure 11.6
A Type Primer, 2nd Edition by John Kane (20/06/24)
"A Type Primer" by John Kane is a comprehensive guide to typography, exploring both the historical context and practical application of type. Here is a summary of the first four chapters of the second edition
Chapter 1: The Letter
- This chapter delves into the anatomy of letterforms, covering the basic components such as ascenders, descenders, stems, and bowls. It explains how these elements come together to form different typefaces and the importance of understanding the structure of letters for effective typography.
Chapter 2: The Word
- The second Chapter focuses on how individual letters combine to form words. It discusses the role of kerning, tracking, and leading in creating readable and aesthetically pleasing text. The chapter also emphasizes the importance of word spacing and how it affects the overall appearance and legibility of text blocks.
Chapter 3: The Line
- The third chapter explores the concept of lines of text and their arrangement. It examines line length, alignment, and the impact of line spacing on readability. This chapter also covers the use of grids and guides to maintain consistency and order in typographic layouts.
Chapter 4: The Paragraph
- The Fourth chapter addresses the construction and formatting of paragraphs. It looks at how to create visually appealing and readable text blocks through proper indentation, spacing, and alignment. The chapter also discusses the importance of hierarchy and structure in organizing content within a paragraph.
Back to the
TOP
Comments
Post a Comment