21.04.2025 - 05.05.2025 / Week 1 - Week 4
Brenda Wynn / 0372128
Advanced Typography / Bachelors of Design (Hons) in Creative Media / Taylor's University
Task 1 - Exercises: Typographic Systems & Type and Play
JUMP LINKS
LECTURES
Week 1
"All design is based on a structural system" and there are 8 systems that can
be arranged in endless ways, according to Elam 2007. Those 8 systems include=
- Axial
- Radial
- Dilatational
- Random
- Grid
- Transitional
- Modular
- Bilateral
Typographical organization is complex because it relies on communication for
it to operate. Added criteria, such as= hierarchy, order of reading,
legibility, and contrast is also relevant. Though the typographic systems
has rules that focuses and directs the decision making. These systems may
seem not seem convenient, but it helps guide designers to explore. Which
will help develop a designer's intuition.
Typographical Systems=
Figure 1.1 eight typographic systems (24/04/2025, week 1)
Axial = All elements are arranged on the left or the right
side of a single axis.
Radial = All elements are spread out from a point of focus.
Dilatational = All elements are arranged along circular rings that
expand from the central point.
Random = All elements are arranged without any pattern or relationship.
Grid = Clear segments that are made with horizontal and vertical lines.
Transitional = Layered pieces of information groups.
Modular = Blocks that are filled with information that is arranged to
make the space look balanced.
Bilateral = Information of texts that are arranged based on a single
axis.
Week 2
Typographic Compositions
[examples= emphasis, isolation,
repetition, symmetry and asymmetry, alignment, perspective, etc]
>Emphasis
= a frame/space that is divided into 3 columns and 3 rows. The intersecting
lines is where the important information is placed.
Figure 2.2 rule of thirds example (02/05/2025, week 2)
> Grid System
= most commonly used and has many adaptations. (the evolution of grided
compositional structure of Letter Press printing)
Figure 2.3 grid system example (02/05/2025, week 2)
> Environmental Grid
= based of an existing structure (ex= architectural buildings, paintings, etc)
or combined structures. The structures helps convey the message or key points
because it is developed around those key points.
Figure 2.4 environmental grid example (02/05/2025, week 2)
> Form & Movement
= used to eliminate the serious manner of a grid system. To achieve engagement
using this method, it needs to have variation. Major elements are introduced
by minor elements to maintain the connection of each composition.
Figure 2.5 form & movement example (02/05/2025, week 2)
Week 3
Handwriting
> Evolution of the Latin Alphabet
Figure 3.1 evolution of the Latin alphabet ((10/05/2025, week 3)
- Phoenician was inspired based on sounds.
> Cuneiform is the earliest system of actual writing and is the evolution of pictograms.
> Hieroglyphics can be used as ideograms, phonograms, etc.
> Early Greek write letters between 2 guidelines and organized them in horizontal rows.
> Roman Inscriptional letters served as models for calligraphers and type designers for 2.000 years.
> Roman Uncials, Roman letters were becoming more rounded.
> English Half Uncials, uncials evolved into a more slanted and condensed form.
> Carolingian Minuscule became the pattern for Humanistic writing in the 15 C.
> Black Letter has tight spacing, condensed lettering, and dominated by evenly spaced verticals.
> Middle Eastern Alphabets could possibly be influenced by the Egyptian Hieroglyphics and Hieratic Scripts.
>Evolution of Chinese Script started from the Oracle bone > Seal Script > Clerical Script > Traditional and Simplified scripts.
> Indus Valley Civilization script is the oldest writing found in the Indian subcontinent.
> Brahmi script is the earliest writing system developed in India (after Indus script).
> Pallava script is originally used for writing Sanskrit and Tamil.
> Pra-nagari is the early form of the Nagari script and used in India to write Sanskrit.
> Kawi is used to contact with other kingdoms.
> Incung is the original writing system in Kampung Kerinci.
> Rejang script is from South Sumatra.
> Batak script
> Bugis script called Lontara, from the word lontar (writing material).
> Javanese script id the medieval descendant of Kawi.
> Jawi is an Arabic-based alphabet and is introduced with the Islam religion.
Printing
> Movable Type was already practiced in China, Korea, and Japan by printing on wood blocks, then Movable Type in bronze was invented by the Koreans.
Figure 3.2 compiled script pictures (11/05/2025, week 3)
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/1vhWAXwMhY5i3E96EeU9HLpRabnCX3qn3/preview"
width="640" height="480" allow="autoplay"></iframe>
TASK
EXERCISE: TYPOGRAPHIC SYSTEMS
The first exercise we were given is to explore the eight typographic systems
and implement it to 200mm x 200mm sized posters with the information we were
provided, which is:
The Design School,
Taylor’s University
All Ripped Up: Punk Influences on Design
or
The ABCs of Bauhaus Design Theory
or
Russian Constructivism and Graphic Design
Open Public Lectures:
June 24, 2021
Lew Pik Svonn, 9AM-10AM
Ezrena Mohd., 10AM-11AM
Suzy Sulaiman, 11AM-12PM
June 25, 2021
Lim Whay Yin, 9AM-10AM
Fahmi Reza, 10AM-11AM
Manish Acharia, 11AM-12PM
Lecture Theatre 12
For the title, we had to choose from 3 different titles and I chose "All Ripped Up: Punk Influences on Design".
The first typographic system I implemented is Axial, to start I
sketched some ideas first. Just so that I can get a better visual on what I
am going to be creating in InDesign. These are the sketches I made:
Figure 4.1 axial system sketches (25/04/2025, week 1)
On this system, I decided to sketch
(Figure 4.1)
with the idea of the axis ripping up and separating all the pieces of
information. Though out of all the sketches, I decided to digitalize the
second idea. Just because I think that it has the best rhythm of reading
compared to the other ideas. It also seems more exciting and neat to look at
than the others.
Figure 4.2 axial system progress (26/04/2025, week 1)
To help me arrange the elements along the axis, I used the line tool to make
the 45 degree angle line with the same width of the gutter (Figure 4.2). I used the Adobe Caslon Pro typeface, utilizing the bold variant. I also
chose the color red to further emphasize some pieces of information.
Figure 4.3 axial system result (29/04/2025, week 2)
In the end, after trying out the white and black background for the axial
poster (Figure 4.3). I decided to pick the black background, since I think that it looks
visually more attractive. The idea behind this sketch is that I was mainly
trying to achieve a different reading angle, so that it attracts the readers
more without much graphical elements.
The second typographic system I used is the Radial system. I also
sketched some ideas for this system, these are the sketches I made:
Figure 4.4 radial system sketches (25/04/2025, week 1)
When I was making the sketches (Figure 4.4), I was really trying to focus on how to make it look unique and readable
at the same time. The sketch that I decided to go forward with is the first
sketch. It had the best flow of reading and the most readable, in my
opinion.
Figure 4.5 radial system progress (26/04/2025, week 1)
For the radial system poster, I had to adapt and work with something a
little bit different from the sketch. That is because I encountered some
difficulties when reading it, if I had stuck with my sketch. So, I decided
to alter the idea a bit and used the ellipse tool as a guide to make the
text boxes more align to the circular shape (Figure 4.5). Then I used the rotate tool to rotate the text boxes accordingly. Lastly,
I used the ellipse tool to make some graphical element to support and
enhance the text boxes.
Figure 4.6 radial system result (29/04/2025, week 2)
The idea behind this radial poster (Figure 4.6) is that I was trying to maintain a good reading flow, so that the
readers can easily read and notice that the information correlates to each
other.
The third system is the Dilatational system, which I probably had the
most trouble with. Though I still tried to explore more and here are the
sketches that I came up with:
Figure 4.7 dilatational system sketches (25/04/2025, week 1)
Figure 4.8 dilatational system progress (26/04/2025, week 1)
The dilatational poster I made had a bit of alteration on the top
left (Figure 4.8). Then I mostly used the ellipse tool and the type on a path tool to insert
the texts of information. For the graphical elements, I used the ellipse
tool and the scissor tool to make the lines that follows the circular motion
on some of the text boxes. I also tried two different background colors and
decided on the black background.
Figure 4.9 dilatational system exploration (27/04/2025, week
1)
I also explored a bit with the text format and background color for the
dilatational poster (Figure 4.9) to see which one has better readability and visuals. The first one was with
the white background, second was with the black background, and the last one
text format was altered a bit to shape a circular motion.
Figure 4.10 dilatational system result (29/04/2025, week
2)
The fourth system I worked with is the Random system, this system is
where I had the most fun with sketching. I liked that I could use it however
I pleased. Though it might seem a bit ruckus, I tried to make it look
somewhat readable. Here are the sketches I came up with:
Figure 4.11 random system sketches (25/04/2025, week 1)
Figure 4.12 random system progress (27/04/2025, week 1)
The random poster ended up being the most different from the sketch because I
decided to keep the concept but change the idea. So, the main idea of this
poster is that I tried to make the illusion of the paper being ripped (Figure 4.12). I roughly outlined the ripped area with several words of "ripped" in the
color red. I also played with the alignment of the texts of information in the
back. For the rest of the information texts, I arranged it into a rustic but
can still somewhat be readable.
Figure 4.13 random system result (29/04/2025, week 2)
The fifth system is the Grid system, which is a bit confusing for me at
first. But, I eventually got a better understanding for it and got to make six
different sketches with it.
I really tried to focus on the reading flow for this system and also the
alignment of it (Figure 4.14). From the sketches, I decided to move forward with the fourth sketch. Just
because I really wanted the hierarchy to be visible, which is the title.
Figure 4.14 grid system sketches (25/04/2025, week 1)
Figure 4.15 grid system progress (28/04/2025, week 2)
On the grid poster, there are a bit of alterations I made and I also added the
line below the heading and subheading to enhance the hierarchy (Figure 4.15). I made sure to align it according to the row and column. For this poster, I
really focused on the idea of maintaining the hierarchy of the poster
Figure 4.16 grid system result (29/04/2025, week 2)
The sixth system is the Transitional system, this system was much more
harder for me compared to the Dilatational system. But, I still tried to
explore the system more and came up with these sketches:
Figure 4.17 transitional system sketches (25/04/2025, week 1)
For this system, there were a couple of the same idea I had with the other
systems like showing the space of information as if it was ripped up (Figure 4.17). I also tried to implement the layered and readable idea, which was
experimented with the flowy and stacking layout. For me, the sketch that
matches the system most while still providing the excitement was the second
sketch.
Figure 4.18 transitional system progress (28/04/2025, week
2)
The most similar outcome from the sketch has to be the transitional poster
because I had difficulties on how I should improve it, so I ended up fully
relying on the sketch (Figure 4.18). To insert the texts of information, I used the line tool to make the
curvy lines and then I used the type on a path tool to include the texts.
Figure 4.19 transitional system result (29/04/2025, week 2)
The seventh system is the Modular system, which was much more
comfortable for me to work with. Because of the simple yet neat rule of the
system. I tried to make the sketches significantly different from each other,
here are the sketches I came up with:
Figure 4.20 modular system sketches (25/04/2025, week 1)
I tried several styles to make it look more exciting, with a combination of
alignment (Figure 4.20). From all the sketches, I chose the fifth sketch. Just because it showcases
the system best, in my opinion. I also think that it features an excitement
feel to it.
Figure 4.21 modular system progress (28/04/2025, week 2)
To apply the typographic system to the poster, I set the columns and rows
first before starting. Then I used the rectangle tool to mark out the area or
boxes (Figure 4.21) I would be using for that piece of information. Lastly, I inserted the
pieces of information to the colored boxes.
Figure 4.22 modular system result (29/04/2025, week 2)
The last and eight system is the Bilateral system. To me it was similar
to the Axial system, but with more flexibility. Here are the sketches I made:
Figure 4.23 bilateral system sketches (25/04/2025, week 1)
In the sketches, I incorporated several axis to make it look more unique and
fun to look at (Figure 4.23). For me, I personally think that I liked the fifth idea most. Because it
is aligned, there is a reading flow, and it looks different with the lines
compared to the other sketches.
Figure 4.24 bilateral system progress (28/04/2025, week
2)
The last poster is the bilateral poster, which I tried 2 ways (Figure 4.24). One with two axes and the other is with one axis. On this poster, I
wanted to emphasize the readability and reading flow of the texts of
information. I also decided to make the axes a bit unbalanced by placing
both of the axes not symmetrically to make it is more visually attractive.
In the end, I chose the first poster with the two axes.
Figure 4.25 bilateral system result (29/04/2025, week 2)
This is all the posters compiled:
Figure 4.26 posters compiled (29/04/2025, week 2)
WEEK 2 : EXERCISE 1 FEEDBACK
Mr. Vinod gave me feedback regarding the eight typographic systems posters I
made, these are the feedbacks he gave regarding my posters:
- Axial= change color to show more contrast, and avoid the extreme angle.
- Radial= acceptable.
- Dilatational= there are islands of text and no readability or coherence.
- Random= can be more randomized.
- Grid= too heavy on one side.
- Transitional= needs more work and reading flow.
- Modular= looks modular without the grids shown.
- Bilateral= not bilateral, but multilateral.
All of my posters used the Adobe Caslon Pro font, except the random
typographic system where I used the Gill Sans Std typeface, Futura Std
font, and the Adobe Caslon Pro font.
The first changes I made is for the axial poster (Figure 5.1) where I fixed the angle so that it does not make the page look
divided and improves the readability. I also tried different colors to
compare the contrast and see which one is better.
Figure 5.1 axial system exploration (01/05/2025, week
2)
I decided on the blue color (Figure 5.2) and also to just cut out the line from the top part and leave the bottom
part so that it does not look divided.
Figure 5.2 final axial system result (01/05/2025, week
2)
The second poster that I re-designed is the dilatational poster (Figure 5.3), I chose to utilize my third poster and developed it using the same
techniques that I used to make my first attempt. I tried to focus on
creating a relationship between the text and also the reading flow so that
the readers can read easily and know the connection between the texts of
information.
Figure 5.3 dilatational system
poster adjustments (30/04/2025,
week 2)
For the random poster to be more random (Figure 5.4), I decided to incorporate other fonts and different arrangements. So,
the words "Punk", "Lecture Theatre 12", and "Taylor's University" is typed
using the Futura Std font. The Gill Sans Std typeface was used on the
texts on the background. The rest of the texts is typed using the Adobe
Caslon Pro font.
Figure 5.4 random system poster
adjustments (01/05/2025, week
2)
The grid poster I made was too heavy on one side (Figure 5.5), so I decided to balance out the bottom part of the text.
Figure 5.5 grid system poster adjustments
(01/05/2025, week 2)
Figure 5.6 transitional system poster
adjustments (01/05/2025, week 2)
Lastly, the bilateral poster was not the right implementation (Figure 5.7) so I used the second exploration with a single axis. I also tried to use
the color red and blue to see which has more contrast.
Figure 5.7 bilateral system exploration (30/04/2025,
week 2)
I decided to use the color blue (Figure 5.8), since it looks more clear and has better contrast.
Figure 5.8 bilateral system poster
adjustments (01/05/2025, week 2)
FINAL TYPOGRAPHIC SYSTEMS POSTERS
JPEG POSTERS
Figure 5.9 final axial system poster
(01/05/2025, week 2)
Figure 5.10 final radial system poster
(01/05/2025, week 2)
Figure 5.11 final dilatational system
poster (01/05/2025, week 2)
Figure 5.12 final random system poster
(01/05/2025, week 2)
Figure 5.13 final grid system poster
(01/05/2025, week 2)
Figure 5.14 final transitional system
poster (01/05/2025, week 2)
Figure 5.15 final modular system poster
(01/05/2025, week 2)
Figure 5.16 final bilateral system poster
(01/05/2025, week 2)
WITHOUT GUIDES
WITH GUIDES
EXERCISE: TYPE & PLAY
We were told to make a letterforms that resemble the image we chose, I chose
to use a purple hydrangea flower image (Figure 6.1). The reason I chose it is because I was already planning on using a flower
theme for my letterforms and also because I have already seen some potential
letterforms.
Figure 6.1 chosen image (02/05/2025, week 2)
image source
After choosing the image I want to use, I moved it to Illustrator and clip
masked the large section that I will dissect. Then I started tracing the
flower using the pen tool
(Figure 6.2), add anchor point tool, and delete anchor point tool. When I started
tracing a part of it, I marked where the letterforms are located using the
ellipse tool.
Figure 6.2 letterforms progress 1 (02/05/2025, week 2)
When I was finished dissecting the image, I moved on to identify the
potential letterforms. Which I then extracted, finding the letters "K Y R O
W"
(Figure 6.3). When I already cleaned up the letterforms a bit, I tried to find a font
that is similar for reference. There is actually two potential typeface
reference that I found, the first one is Modak and the second one is Rubik
Spray Paint. But I ended up using the Modak typeface as reference, since it
looks more like what I expect my letterforms result to look like.
Figure 6.3 letterforms progress 2 (02/05/2025, week 2)
To start making the letterforms, I first determined the baseline and cap
height using the Helvetica typeface as reference. But because of the
difference in height between the Modak and Helvetica typeface, I chose to
follow the Helvetica typeface cap height (Figure 4.4). After I determined the cap height, I used the original dissection as the
template to start working on my first letterforms development. For the first
development, I used the blob brush tool and smoothing it out using the add
and delete anchor point tool. To combine the strokes, I used the pathfinder
tool.
Figure 6.4 letterforms progress 3 (02/05/2025, week 2)
For my second development, I decided to use the pen tool to make it look
more refined and clean (Figure 4.5). After I got the base done, I did little touch-ups on the letterforms
using the shape builder tool, the add anchor point tool, and delete anchor
point tool. Lastly, the little circle detail I have on each letterforms is
actually an added element to further emphasize the flower element, except
for the letter "O" because I used the same little circle as its counter
form. All of the little circular detail is the same, but I just rotated it
or changed the size on each letterform to make it look more consistent. For
the strokes, I used the shape builder tool as well as the pathfinder tool to
combine the uncombined strokes.
Figure 6.5 letterforms progress 4 (02/05/2025, week 2)
The last development I made was the spacing between the letterforms (Figure 4.6), which I tweaked a bit on the space between the letters "R" and "O".
Figure 6.6 letterforms progress 5 (02/05/2025, week 2)
WEEK 3 : EXERCISE 2 FEEDBACK
Mr. Vinod gave me some feedback regarding the letterforms I made, this is
the progression board I showed him:
Figure 7.1 letterforms result (02/05/2025, week 2)
Firstly, the mistake I fixed is the cap height. I decided to use the same
baseline and cap height as the reference I chose, which is the Modak
typeface (Figure 5.2) where I also used other guides to help me form the wavy look much more
consistent. Then I noticed a huge mistake that I made was not making the
counter forms legible, it was just filled in with the color white and since
the artboard was white I did not notice. So, I quickly fixed it with the
pathfinder tool to make the counter forms legible. After that was settled, I
fixed the rounded edges using the help of add and delete anchor point tool.
Lastly, I adjusted the height of the letterforms and smoothen out the tops of
some of the letterforms too.
Figure 7.2 letterforms adjustments (07/05/2025, week 3)
FINAL LETTERFORMS RESULT
Figure 7.3 letterforms final result (07/05/2025, week 3)
Moving on with the poster, I firstly found a similar image as to what I used
to make the letterforms. This was the image I used as the background of my
poster:
Figure 7.4 letterforms adjustments (08/05/2025, week 3)
For the posters, I explored it a bit and see what I liked best (Figure 5.5). On all of the 3 posters, I used a clip mask to reduce the size of the image
and a full black image to reduce the opacity of the background to make it look
a bit dark. The first idea on the far left is to make the text look as bright
as the original background image without the darken effect. The middle one was
a simple all white letterform color on a slightly darkened background. Lastly,
the third idea on the far right was just like the middle one. But, I added
some shadows on the letterforms to create more depth. I decided to move
forward with the third design on the far right, because it looked the best in
my opinion.
Figure 7.5 poster progress 1 (08/05/2025, week 3)
After I chose the base of my poster, I included the production logo
first (Figure 5.6). I
decided to use Dolby Digital, but since the original image
[source]
was all black in color. I changed it to the color white by selecting the image
and using the image trace, make and expand tool. Final touches I added was the
other information, such as: the actors name, the director, the producer, the
music producer, when the "movie" is going to be released, and who's movie is
it. For the additional information, I looked at a reference poster
[source]
to give me some ideas on what needs to be included in a "movie" poster.
Figure 7.6 poster progress 2 (08/05/2025, week 3)
This is my movie poster result=
Figure 7.7 poster result 1 (08/05/2025, week 3)
After the feedback regarding the poster, Mr. Vinod advised me to change the
color I used for the title "KYROW" because it doesn't show the relationship
between the letterforms and the background that well. He also informed me that
I should reduce the size of the logo on the bottom left corner and fix the
readability of the additional information in the bottom right corner.
To adjust the poster better, I decided to re-arrange the additional
information and used a different layout. For the layout, I decided to refer to
a different movie poster
[reference]. I also decided to change the contents of the additional information of the
poster to match the layout better. This is the final outcome of the poster:
Figure 8.1 final poster result (15/05/2025, week 4)
FINAL TYPE & PLAY "KYROW" RESULTS
Figure 9.1 image and extraction (15/05/2025, week 4)
Figure 9.2 refining process (15/05/2025, week 4)
Figure 9.3 original extraction (15/05/2025, week 4)
Figure 9.4 font reference (15/05/2025, week 4)
Figure 9.5 final result (15/05/2025, week 4)
Figure 9.6 extraction and final result comparison (15/05/2025, week
4)
Figure 9.7 final "KYROW" poster result (15/05/2025, week 4)
FEEDBACK
Week 1
General Feedback: Mr. Vinod introduced us to the module and what
we will have to complete by the end of this module. He also gave us some
tips regarding on how we should operate the InDesign software if we ever
encounter the problems he mentioned.
Specific Feedback: -
Week 2
General Feedback: Mr. Vinod told us to not use extreme angles
when implementing the typographic systems to the posters and also
reminded us to care about the margins of the posters. He also emphasized
that we should not use too much graphic visuals or design on the
posters, since it can take away the viewers focus from the text.
Moreover, he told us to not place the texts of information including the
elements to close to the edge of the poster. Lastly, he explained to us
that the graphic work is only in the poster to enhance it.
Specific Feedback: Mr. Vinod gave me feedback regarding the 8
typographic systems posters I made. Firstly, he told me that my axial
poster axis angle was too extreme and that it makes the poster look
divided. He also advised me to explore other colors to use on my poster.
For my radial poster, he said that it was acceptable and the modular
poster I made looks modular. He also said that my bilateral poster was a
multilateral poster, because I used two axes. The dilatational poster
feedback was that it lacked reading flow and coherence, he said that it
looks like islands of text in a poster. Mr. Vinod also said that my
transitional and random poster can be further explored and fixed.
Lastly, he said that my grid poster is too heavy on one side.
Week 3
General Feedback: Mr. Vinod advised us that we should focus on
how the element of the image we chose looks and works, only then we can
implement it better to the letters and express it better. He also told
us to keep our letters consistent through out and to mind the width of
our strokes.
Specific Feedback: Mr. Vinod told me to check the baseline and
cap height of my letterforms and also recommended me to change some of
the angles on my letterforms, so that it is more sharp rather than
rounded.
Week 4
General Feedback: Mr. Vinod advised us to make the additional
information on the movie poster more readable because it serves a
purpose in the poster. He also informed us to watch for the margins of
our poster. Lastly, he told us to pick an image that can visually show
what the letterforms present accurately.
Specific Feedback: Mr. Vinod told me to change the color of the
heading or the title "KYROW", since it was too white and it does not
show any relationship with the background. He also told me to fix the
additional information I put in the bottom part of the poster because it
was not readable. For the logo that I placed on the bottom left of my
poster, he said that I should reduce the size of it.
REFLECTION
Experience
During the exercise 1 in the making, I was a bit overwhelmed by the task
of making 8 different posters with 8 different systems. But when I got a
better understanding of the systems and worked on my posters, I actually
felt quite accomplished. When it came for the exercise 2 to be done, I was
also a bit overwhelmed. Though, I did enjoy the process of making our own
letterforms from images we chose. It was a fun experience and also an
eye-opening experience knowing that we did something similar like our
first semester. After making and refining the letterforms, the task 3
exercise where we had to make a poster or a movie poster out of the
letterforms we made on exercise 2. For me, the complication I had was the
content. That is because I was a bit confused on what is actually included
in a movie poster. I also tried to look on some hero movies poster and
there was not much, which made me much more confused on what I should
include. In the end, I managed to find other references and filled it out
though.
Observation
When I was making the first exercise, I noticed that it took me quite a
bit of time compared to my peers when it comes to understanding the
systems. After understanding the different systems, the systems were implemented to the poster better than I expected. After the
posters, we worked on exercise two where we had to dissect an image and refine it into letters. During the making of this task, I took longer to complete it compared to my peers. When we have finished dissecting the letters, we are tasked to make a movie poster using the dissected letters. On the completion of this exercise, there was a difference in speed between myself and my peers that made me realize that I should fix my time management.
Findings
Through out the making of exercise one, I think I have improved on my
technical skills on Illustrator which I am still working on. I have also
learned more about the purpose of the typographic systems for both the
design and designers. Though, I do think that I should make some more time
for me to understand a topic because I seem to take longer than my peers.
On the next exercise, I also think that I have improved on my technical
skills even more. I also got to learn new tools and shortcuts to make
designing more efficient on Illustrator. When I was completing this
exercise, I can't help but notice how focused I get when I get in the
zone. Though, I do still think that I should improve on my technical
skills because it feels like I am so behind my peers on technical skills.
I also think that I should work more on my creative thinking, I noticed
that it has not been as creative as I wanted it to be lately. After the
exercise 2 completion, I moved on to working on my exercise 3 poster.
While in the process of making this exercise, I did notice that it was
really hard for me to judge my work by myself. It is like I have
self-doubt and I also always feel like I am always asking for my friends
opinion. To be honest, I am not quite sure if it is a good thing or not.
But, I do think that I should be able to critique my own work on what I
think is good or bad. So for now, I will continue to work on my technical
skills, creative thinking, and lastly I will try my best to judge my own
work too.
FURTHER READING
Week 1
TYPOGRAPHIC SYSTEMS BOOK - KIMBERLY ELAM
Figure 10.1 Kimberly Elam Typographic Systems book
(29/04/2025, week 2)
image source
The eight typographic systems= Axial, Radial, Dilatational, Random, Grid,
Transitional, Modular, and Bilateral helps designers create typographic
messages more fluidly. The continuous flow makes it possible to compare
each systems to each other and also encourages the readers to appreciate
the little details in typography, including its visuals. The systems can
steal the readers attention and conveys a deeper meaning.
- Axial= elements are arranged on the left or right side off a single axis.
- Radial= elements are spread out from a central point.
- Dilatational= elements are spread out in a circular manner from a central point.
- Random= elements are arranged with no relationship between each other.
- Grid= an even layout made out of vertical and horizontal lines.
- Transitional= layered pieces of information without structure.
- Modular= filled information blocks that are arranged in a structured way.
- Bilateral= texts of information that is arranged symmetrically along an axis.
Week 2
Finding Type: A Novel Typographic Exercise
Figure 10.2 Kreatif Beats website (03/05/2025, week 2) web link
Steps:
1. Find Image= it is better to choose one with a repetitive pattern and
doesn't have a lot of elements.
2. Deconstructing= outlining the image lines, textures, and shape.
3. Identifying letterforms= find letterforms that is noticeable or
readable as letters.
4. Extracting letterforms= identify similar key elements on each
letterforms.
5. Identify a reference= find an existing typeface that is similar to your
letterforms.
6. Refining= make sure each letterforms are consistent and has similar
style.
Week 3
Typographic Design: Form and Communication
Figure 10.3 Typographic Design book (/05/2025, week 2) image link
Chapter: The Evolution of Typography
"Typography is an evolution of the written word" considering its
involvement in the history of visual communication. It developed from
hand, mechanical, and digital practice. It all started 5000 years ago with
writing, then a long period of hand press and hand-set metal types.
Following that is the Industrial Revolution, where new typographic forms
are created. Then it was the type that is created around modernism.
Lastly, typographic design that is created using the possibilities that
digital production offers.
Comments
Post a Comment