Typography-Task3:Type Design&Communication
-November 05,2024
05/11/2024-22/11/2024 (Week7-Week9)
PAN RUINING(0378138)
Bachelor of Design(Honours)in Creative Media/Taylor's University
Task 3: Type Design&Communication (30%)
CONTENT LIST
-Research and sketches
-Task 3 continue: Week 8-9
-Deconstructing "HOGB"& Progress on Illustrator
-Final Font Result
LECTURES
Lectures have been completed in Task 1.
INSTRUCTIONS
TASK 3-WEEK 7
Typography-Task3:Type Design&Communication:
1.Select a preferred font from the 10
fonts provided. Using the following letters H,o,g,b, do a detail
dissection of the letters (see attached) in Adobe Illustrator (artboard
size: 1000pt x 1000pt). Write your observations in the eportfolio).
2.Sketch the following letters HOGB / hogb (in both lowercase and
uppercase) using the 3 different pens.
3.Additional reference for TASK 3: the writing tools and letterform styles. Resource: Typography: theory
in practice (notes & thoughts), Keith Tam (2014).
·The broad-edge pen (aka. flat nib)
·The flexible pointed pen (aka. pointed nib / brush)
·The pointed pen (aka. ball point pen, rounded felt-tip).
Fig 1.1.1 Additional Reference
4. Explore at least 3
different writing styles for each of the 3
pens. Note: don't draw your letters, write them.
Visual Reference / Research:
I found three font designs that I really like on the Font Squirrel website.
Fig 1.2.1 Visual Reference
Sketches:
Here are some "HOGB/hogb" I write using three different pens on graph paper.
Fig 1.3.1 Sketch
After finishing this sketch, I realized I didn’t regularly align the letters within the squares or follow the baseline and other lines. So I've written another sketch.
Fig 1.3.2 Sketch
1. Explore writing styles further. Identify a selected writing style that
you like. Write the following letters and punctuations: o l e d s n c h t i
g , . ! # in that style, and then attempt digitising your chosen
letterforms in Adobe Illustrator.
Fig 1.4.1 The style I choose
Fig 1.4.2 Deconstructing
We need to deconstruct the letters "h, o, g, b" in Illustrator. I selected the Futura Medium from the 10 fonts as it is similar to my draft.
Fig 1.4.3 Progress on Illustrator
Fig 1.4.4 Combine using Pathfinder
After completing the required "o l e d s n c h t i g , . ! #," I
added new letters "B f W a v Y u A r" for the sentence I plan to
write on my upcoming poster.
Fig 1.4.5 New words I designed
Fig 1.4.6 Final fonts using Illustrator
FontLab:
Fig 1.5.1 Character map on FontLab
Download font here:
Fig 1.5.2 Adjusting letter spacing on FontLab
Fig 1.6.1 Final 'Soap' Font Construction JPEG
Fig 1.6.2 Final 'Soap' Font Construction PDF
Fig 1.6.3 The first version of the poster
The teacher mentioned that the sentence on the poster should be related
to design, so I came up with a new one.
Fig 1.6.4 Final 'Soap' Font Poster JPEG
Fig 1.6.5 Final 'Soap' Font Poster
PDF
FEEDBACK
Week 7:
·General Feedback:
This week, Ms. Vitiiyaa asked us to print out our work on A3
paper for her to check, and we started working on Task 3
of the assignment by sketching "h, o, g, b" on grid paper using three
different pens.
·Specific Feedback:
Ms. Vitiiyaa said that my typeset version was too abbreviated to attract
interest but that the text was not badly done.
Week 8:
·Independent Learning Week ( we were required to complete task 3 ).
Week 9:
·General Feedback:
In week nine, Ms. Vitiyaa asked us to show her the "h, o, g, b" sketches
we had drawn on grid paper.
·Specific Feedback:
Ms. Vitiyaa looked at the one I planned to create in Illustrator and explained
that some letters should use the same strokes. For example, designing "b"
also means you've basically designed "d" and "p."
Week 10:
·General Feedback:
This week, Ms. Vitiyaa reviewed the fonts we designed in Illustrator and
pointed out that the top of the letters "l," "d," "h," and "t" should
align with the ascender line.
·Specific Feedback:
Ms. Vitiyaa also checked my Task 1
e-portfolio and pointed out some mistakes I need to improve.
Week 11:
·General Feedback:
This week, Ms. Vitiyaa reviewed our font designs again, and I used
FontLab 7
to create my font. I also chose a favorite quote for next week’s poster
and made an extra font just for that quote, beyond what Ms asked
for.
·Specific Feedback:
Ms. Vitiyaa said my final font is okay and suggested I could create a few more
letters.
Week 12:
·General Feedback:
Ms. Vitiyaa told us to complete all of Task 3's assignments this week.
·Specific Feedback:
I felt the letter 'A' I designed looked odd. Ms. Vitiyaa said my letters should match the details of the font I picked from
the 10
options. Ms showed me an example, and I adjusted the 'A' to make it look
right.
REFLECTION
Experience:
This task 3
assignment is incredibly interesting. I never thought I could use my own
designed font to create a poster. The process was exciting—from writing
different font styles on grid paper using three types of pens to choosing
my favorite font out of 10
fonts for detailed analysis, then creating letters using tools like the
Pen Tool, Pathfinder, etc. Finally, import the font into FontLab 7
and export it to Illustrator for poster creation. Seeing the poster made
with my own designed font gave me a strong sense of accomplishment and
satisfaction.
Observations:
I observed that every step of creating fonts was not as easy as I
imagined. When I wrote "h, o, g, b" on grid paper with a pen, I had to
ensure that the strokes of different letters were consistent in length,
thickness, and width. Additionally, when designing fonts in Illustrator, I
learned that similar letters like "d," "b," and "p" should be adjusted
using the flip function to keep them consistent.
Findings:
I found that there are many small differences between letters in
different fonts, which I never really noticed before. The width, height,
and baseline of the letters all need to be carefully controlled. Now,
whenever I see well-designed fonts, I pay attention to how others manage
these details.
FURTHER READING
The Elements of Graphic Design by Alex W is a great starting point for learning the basics of graphic
design, including space, unity, layout, type, and images. It shows how
these elements work together to create good designs and gives helpful
tips on design techniques and ideas. It's perfect for beginners who
want to understand what makes design work.
One important point from The Elements of Graphic Design by Alex W.
White is how important space is in design. The book explains that
both the content (positive space) and the empty areas (negative
space) are key to making a design balanced and effective. Using
space properly can make designs easier to read, draw attention to
important parts, and make everything feel clear and well-organized.
Comments
Post a Comment