Typography ~ Task 3 : Type Design & Communication
Justin
Cleon
(0375523)
11 Nov
2024
-
16
Dec
2024
(Week
8
-
Week
13)
||
Task
3
: Type Design & Communication
Table
of
Contects
1.
Instructions
Figure
1.1 Source: Pinterest
Task
3
:
Start
by
choosing
a
font
you
like,
one
that’s
easy
to
read
and
has
a
bit
of
character.
Look
closely
at
how
the
letters
are
shaped—pay
attention
to
things
like
lines,
curves,
and
angles.
Then,
sketch
out
the
letters
o,
l,
e,
d,
s,
n,
c,
h,
t,
i,
g
and
the
symbols
!.#,
trying
different
styles
to
see
that
works
best.
After
that,
digitize
on
Adobe
Illustrator
and
move
the
designs
to
FontLab
to
create
the
actual
font.
The
goal
is
to
create
a
font
that’s
subtle,
has
character,
and
is
easy
to
read.
Once
the
font
is
finished,
you’ll
make
an
A4
poster
to
showcase
it,
with
further
instructions
provided
in
class.
Marking
Criteria
•Evidence
of
in-depth
research
and
visual
analysis
is
visible.
•Multiple
ideas
have
been
explored
with
great
care
and
deliberation.
•The
design
process
showcases
knowledge
of
typographic
convention,
methodology
and
production.
•The
designs
are
extremely
well
crafted,
consistent
and
technically
sound.
Learning
Goal
• To
develop
student’s
ability
to
construct
a
readable
and
legible
font.
• To develop
student’s
ability
to
design
a
font
with
consistent
characteristics
premised
on
research
and
analysis.
Timeframe
Weeks
9-13
(deadline
in
Week
13)
Document
1.1 Module
Information
Booklet
(MIB)
of
Typography.
2. Task 3
Figure 2.10 Letter
Disection
I
dissected
the
font
Bembo
Regular
in
Adobe
Illustrator
by
using
line
segment
and
eclipses
to
break
down
the
letter.
Figure 2.11 Template
This
is
the
template
we
need
to
use
for
task
3.
We
also
create
guidelines
for
x-height.
ascender
height,
cap
height,
descender
height
to
maintain
consistent
proportions
of
the
letters.
These
guidelines
should
be
locked
in
Adobe
Illustrator
to
make
the
work
easier.
Research
Figure 2.12 Source: Pinterest
I
began
by
searching
for
typography
alphabet
design
examples
on
Pinterest
to
help
me
get
an
idea
of
what
I
wanted
to
create.
Sketches
Figure 2.13 Sketches
I
started
practicing
with
3
different
styles
of
markers/pens
and
applied
in
some
sketches.
Finally,
I
created
18
sketches
and
digitized
one
of
the
sketches
that
was
approved.
Digitilization
of
Sketches
Figure 2.14 The
Main
Shapes
(Process)
These
two
shapes
will
be
the
main
for
creating
all
of
the
alphabets
later
on.
Figure 2.15 Process
of
Making
Alphabets
Figure 2.16 Process
of
Making
Alphabets
(Stroke)
To
start
digitizing
in
Illustrator:
• Create
a
1000px
high
artboard
and
extend
it
to
1500px.
• Then,
make
a
500px
by
500px
square
to
represent
the
x-height.
• Set
up
guidelines
for
the
descender,
baseline,
x-height,
ascender,
and
caps
height.
• Finally,
import
a
picture
of
your
sketch
into
Illustrator
to
use
as
a
reference
while
you
shape
the
font
using
strokes,
the
pen
tool,
the
shape
tool,
and
the
direct
selection
tool.
I
am
very
grateful
for
using
the
broad-edged
pen
(flat
nib)
for
this
task.
It
made
the
digitalization
process
feel
like
putting
together
shapes,
almost
like
a
puzzle.
However,
I
faced
some
difficulty
with
the
word
"D"
because
I
had
to
make
a
slight
adjusment
by
adding
a
curve
to
keep
it
straight
would
have
made
it
look
too
much
like
the
letter
"O."
-1.png){kind=small}
Figure 2.17 Final
of
Making
Alphabets
Font
Lab
Figure 2.18 Kerning
Figure 2.19 Font
Lab
After
that,
I
exported
the
alphabet
I
created
into
the
font
lab.
Then,
I
copied
and
pasted
the
words
from
Adobe
Illustrator
to
Font
Lab.
Finally,
I
adjusted
kerning
each
for
word.
Poster
Figure 2.20 Poster
Progress
.png)
Figure 2.21 Poster
(Result)
When
I
made
a
poster,
I
was
really
excited
because
I
had
finished
creating
my
font
and
could
now
use
it.
The
design
of
the
font
turned
out
to
be
quite
nice
and
cool.
Final Type
Design
&
Communication
Download
'Cleonify'
font
here: https://bit.ly/CleonifyFont
-1.png){kind=small}
Figure 2.22 Cleonify
Font
(JPEG)
.png)
Figure 2.23 Final
Poster
(JPEG)
Figure 2.24 Final
Type
Design
&
Communication
(PDF)
Figure 2.25
Final
Poster
(PDF)
3. Feedback
Week
9
General
Feedback: Mr.
Max
briefing
about
Task
3:
Type
Design
&
Communication
(9
sketches
of
"HOGB"
in
different
styles
of
markers/pens.
Specific
Feedback: Mr.
Max
said
my
sketches
should
have
a
consistent
or
similar
design.
So,
I
made
some
changes
and
improved
my
sketches.
Week
10
General
Feedback: Mr.
Max
checks
the
9
different
styles
and
chooses
1
styles
as
the
best.
Specific
Feedback: Mr.
Max
chose
the
styles
I
made
using
a
broad-edged
pen
(flat
nib).
Week
11
General
Feedback: Mr.
Max
check
my
digital
sketches
and
help
me
improve
my
work.
Specific
Feedback: Mr.
Max
told
me
my
design
should
be
the
same
size
and
also
gave
advice
on
how
to
create
the
letter
"D".
Week
12
General
Feedback: Mr.
Max
accepted
all
of
my
digital
sketches
and
provided
a
briefing
on
using
FontLab
and
how
to
import
text
digitized
in
Adobe
Illustrator
into
FontLab.
Specific
Feedback: Mr.
Max
reviewed
my
sketches
for
"D"
and
accepted
them.
Week
13
General
Feedback: Mr.
Max
told
us
to
finish
all
of
the
tasks
and
put
them
into
the
e-portofolio.
Specific
Feedback: Mr.
Max
checked
the
kerning
for
all
the
words
in
FontLab
and
approved
it.
However,
he
suggested
adjusting
the
spacing
for
the
letter
"I"
because
it
was
too
close
to
the
other
letters.
4. Reflection
Experience
My
experience
with
Task
3
was
really
enjoyable
for
me,
especially
working
with
Type
Design
&
Communication
to
create
a
font.
It
was
also
quite
challenging
because
there
were
so
many
steps
when
we
were making
the
font.
However,
I'm
finished
and
excited
about
my
final
outcome.
Observation
For
observation, I
need
to
think
carefully about what
design
I
want
to
create
for
the
font.
So
I
researched
and
analyzed
various
designs
to
gather
ideas
and
inspiration.
Additionally,
Mr.
Max
suggests keeping
the
design
simple
because
this
task
is
very
easy
when you
do the task
simply.
Findings
In
Task
3,
I
realized
that
creating
a
professional
type
font
requires
readability,
minimalistic,
maintain
and
consistency
in
size
and
shape.
This
is
challenging
because
the
small
things
and
details
matter
significantly
when
we
make
a
high-quality
font.
5. Further Reading
The
history
and
development
of
typography,
starting
with
the
invention
of
writing
over
5,000
years
ago
and
moving
to
today’s
digital
fonts.
Type
has
been
evolved
from
hand
lettering
to
printing
presses
and
to
digital
design
now.
The
key
aspects
of
these
such
as
letter
shapes,
legibility,
and
using
grids
for
clear
communication
are
key
to
making
text
easy
to
read.
The
design
of
typefaces
focuses
on
clarity,
contrast,
and
proportion.
Garamond
and
Baskerville
are
examples
font
of
how
these
text
are
more
readable
and
visually
appealing.
Additionally,
with
digital
tools
now
that
have
been
evolved,
the
way
type
how
it
used
has
changed,
and
now
there
are
more
font
options
rather
than
before.
Designers
also
can
explore
different
fonts
to
find
the
perfect
one
for
each
project,
making
their
designs
more
creative
and
effective
on
what
they
wanted.
Comments
Post a Comment