Typography TASK 3: Type Design and Communication
[18/11/24- /16/12/24] (Week 9- Week 12)
[ Ng Jia Xuan / 0375273 ]
[ Typography ]
[ Task 3: Type Design and Communication ]
TABLE OF CONTENTS
1. LECTURES
WEEK 9:
Mr. Max gave a briefing for TASK 3, providing us with directions to
find references.
*Tips to find references:
Use keyword such as 'Typography Design', 'Typography Alphabet Design',
'Typography Letter Design'
WEEK 10:
Mr. Max talked about the 'Dissection' task:
1. Use lines and shapes to outline the letter.
2. Use the 'Shape Builder' tool to construct the shape of the
letter.
WEEK 11:
Mr. Max teaches us some tips to make the working process easier and
faster.
If you want to connect 2 points to make them join together:
1. Highlight both anchor point/click and shift to click the
other point
2. Right click, Click 'Joint'
To make your path follow the image you place:
1. Place your image
2. Use 'Pen Tool' to make path
3. Choose ' Curvature' and double click the anchor
point
2. INSTRUCTIONS
3. PROCESS WORK
3.1 References
3.2 Sketches
The flexible pointed pen (aka. pointed nib / brush):
1. Inspired by the shape of a leaf.
2.
Inspired by Fig 3.4, adding a dot/point at the end of the stroke.
3. Using thick and thin lines. Inspired by 'Smaller when far, bigger when near'
1. Inspired by Fig 3.3, leave some space between stroke.
2. Adding a curve as a fun element.
3. Inspired by Fig
3.1. The strokes aren't neat; they extend beyond the lines.
The broad-edge pen (aka. flat nib):
1. Using thick and thin line, creating a diamond-like design.
2. Inspired by Fig 3.2, adding a bit of 'Wave' element.
3.3 Adjustments
1ST Adjustments:
1.
D: It looks like 'O' right now. To differentiate it, make
the top right and bottom right area more curvy.
2.
S: It look like 5 at the moment.
2ND Adjustment:
1.
D: It looks more like a 'B' than 'D', don't curve at the
middle part, only curve the right top and bottom.
3.4 Digitize Process
After finishing the 'Deconstruction' task, I start to digitize my
letters:
First, I create my basic stroke:
VERTICAL STROKE:
1. Deciding the width block (3 blocks) and height block (20 blocks)
2. At the middle of the stroke, I use 'Curvature' to curve the
stroke
HORIZONTAL STROKE:
1. Deciding the height block (1/2 block) and height block
(Depends on the letters)
After creating the basic stroke, I start to combine them.
After finishing download my font, I start to make my poster.
4. FINAL OUTCOMES
DOWNLOAD FONT HERE:
|
|
Fig 4.1 Screen Grab of Font Lab process |
|
|
|
5. FEEDBACK
Week 9:
Mr Max introduces Task 3 to us, and we have to design 3 design for
each pen (Total of 3 Pen)
Week 10:
Letters that need adjustments:
1. D: It looks like 'O' right now. To differentiate it, make the top
right and bottom right area more curvy.
2. S: It look like 5 at the moment.
Week 11:
Mr Max approve my sketch and I can start digitize the letters.
Week 12:
My suggestion: Change the horizontal stroke to 1 block instead of 1/2
block
Mr Max suggestion: Not to change it, otherwise the 'N' will be too
packed
Adjustment:
',' : The tail part make it boxy/square, it is too sharp.
After adjustment, I can import it into Font Lab and make the
poster.
6. REFLECTION
Experiences:
Honestly, this task felt a bit overwhelming at first. We have to create
our own font, and it requires 9 different designs (which is quite a lot
TT). During my research, I found a lot of awesome designs, and I’m trying
to make mine unique and original at the same time (which is very
challenging for me). I don’t want to plagiarize those amazing
designs—either intentionally or unintentionally. So, during the first week
(Week 9), I spent a lot of time brainstorming to come up with my own
ideas.
After getting through the hardest part, everything started to go more
smoothly. I’m happy to have made this achievement. The 8-year-old me
would never have imagined that the 19-year-old me would learn how to
create her own font.
Findings:
I never knew that creating a font requires so much calculation and
math—everything from the shapes and strokes to the spacing between them.
There are so many requirements and details to consider.
Reading and doing research turned out to be more important than I thought. These are the most efficient ways to browse a large collection of great designs, and they help improve our sense of aesthetics.
7.FURTHER READING
|
| Fig 7.1 Typographic Design Form Communication 6ed-Rob Carter |
|
| Fig 7.2 pg 222 & 223 |
|
|
Fig 7.3 pg 224 & 225 |
As I mentioned in my reflection, the brainstorming process to create my
font has been quite challenging for me. However, after reading Typographic
Design: Form and Communication (6th edition) by Rob Carter, I gained some
ideas and direction on how to approach the design. It’s a great guide if
you’re not sure how to start with this kind of project.































Comments
Post a Comment