GCD61004 Advanced Typography 23.8.2021 - (Week 1)
Wendy Seto / 0348805
GCD61004 Advanced Typography / Bachelor of
Design (Hons) in Creative Media / Taylor's University
Task 1
INSTRUCTIONS
LECTURES
Week 1: Back again with Mr. Vinod from last semester's Typography as my
lecturer, but this time without Mr. Shamsul. It is kinda weird as I am
not used to it yet. Mr. Vinod started the semester by introducing us
to the tasks we will be assigned with in the next 14 weeks and it
already sounds very overwhelming. This is the first day of school but
I can already imagine the countless sleepless nights I will be facing.
Mr. Vinod said that the first task is going to be the hardest one so
let's get over it in the first place. Nah, that sounds
suspicious.
Mr. Vinod asked us to watch 2 pre-recorded lectures on YouTube during
the practical session. One is about a quick recall through Adobe
InDesign and the other is about Typographic Systems, what
our first task will be about.
There are 8 major variations of the typgraphic system:
1. Axial
2. Radial
3. Dilatational
4. Random
5.
Grid
6. Modular
7. Transitional
8. Bilateral
Mr. Vinod also showed us some of our seniors' work so we can get a
clearer picture on how each system looks like. What motivates me is
that most of the work he chose were designed by Indonesian students,
and the two Indonesian students that are being featured are both from
my city. That really inspired me and makes me want to do better, let's
not dissapoint them!
Week 2: Today, we learn about typographic composition.
The Rule of Thirds
The Rule of Thirds is a photographic guide to composition, it
basically suggest that a frame or space can be divided into 3 columns
and 3 rows. The intersecting lines are used as guide to place the
points of interest, within the given space.
Other typographic models / systems:
Environmental Grid
A system that is based on the exploration of an existing structure or
numerous structures combined. An extraction of crucial lines both
curved and straight are formed.
Form and Movement
A system that is based on the exploration of an existing Grid Systems.
The placement of a form on a page over many pages creates movement.
Mr. Vinod also went through all students task 1 attempt to give
feedback and we are given another week for revision.
Week 3: This week topic is about context and creativity. Mr. Vinod talked
about how important handwriting is in the study of type. Then he
explained about the evolution of the Latin Alphabet, mainly
focusing on Greek influence on Rome.
Potential ways to use hieroglyphic images:
1. As ideograms - to represent the things they actually
depict.
2. As determinatives - to show that the signs preceding are
meant as phonograms and to indicate the general idea of the word.
3. As phonograms - to represent sounds that spell out
individual words.
LECTURES
Week 1: Back again with Mr. Vinod from last semester's Typography as my
lecturer, but this time without Mr. Shamsul. It is kinda weird as I am
not used to it yet. Mr. Vinod started the semester by introducing us
to the tasks we will be assigned with in the next 14 weeks and it
already sounds very overwhelming. This is the first day of school but
I can already imagine the countless sleepless nights I will be facing.
Mr. Vinod said that the first task is going to be the hardest one so
let's get over it in the first place. Nah, that sounds
suspicious.
Mr. Vinod asked us to watch 2 pre-recorded lectures on YouTube during
the practical session. One is about a quick recall through Adobe
InDesign and the other is about Typographic Systems, what
our first task will be about.
There are 8 major variations of the typgraphic system:
1. Axial
2. Radial
3. Dilatational
4. Random
5.
Grid
6. Modular
7. Transitional
8. Bilateral
Mr. Vinod also showed us some of our seniors' work so we can get a
clearer picture on how each system looks like. What motivates me is
that most of the work he chose were designed by Indonesian students,
and the two Indonesian students that are being featured are both from
my city. That really inspired me and makes me want to do better, let's
not dissapoint them!
Week 2: Today, we learn about typographic composition.
The Rule of Thirds
PRACTICAL
Exercise 1: Typographic systems
1.1 Axial

fig 1.1.2 axial attempt 1 & 2.jpg 23/8/21
fig 1.1.3 axial attempt 3 & 4.jpg 29/8/21
Mr. Vinod says, in the term of composition, the amount of white space I have here is a little bit unnecessary so it might need a little work.
fig 1.1.4 axial revised grey.jpg 5/9/21

fig 1.1.5 axial revised RGB.jpg 5/9/21

fig 1.1.6 axial with guides 5/9/21
fig 1.1.7 axial final.jpg 5/9/21
1.2 Radial

fig 1.2.2 radial attempt 1 & 2.jpg 29/8/21
Mr. Vinod thinks that it is an interesting use of radial, but adding something in the bottom right of the first design might create a better space and balance. Since I cannot seem to figure out what to insert in that particular space, I decided to bold the time information instead to create a overall balance. Also I just noticed that I forgot to include the 'Lecture Theatre' information in both designs.

fig 1.2.3 radial revised #1.jpg 5/9/21
Mr. Vinod suggests me to add a short line in the end of the information of the second design just to make it more balance. "When it starts small, make it end small," he said.
I also played around with colours and added a large dotted-circle on my first design for my final submission.
1.3. Random

fig 1.3.2 random attempt 1 & 2.jpg 29/8/21
I did not receive any specific feedback from Mr. Vinod for my random system. However, as much as I like it, I am pretty sure that my designs are not random enough for him.

fig 1.3.3 random revised #1.jpg 5/9/21
I did not do much to it, just added some random alphabets in the background to make it look messier. But still, Mr. Vinod does not think it is 'so random'.
1.4 Transitional

fig 1.4.1 transitional sketch 29/8/21

fig 1.4.2 transitional attempt 1.jpg 29/8/21
I only did one transitional and Mr. Vinod said it is too rigid, I should have let the texts flow wherever it goes.

fig 1.4.3 transitional attempt 2.jpg 5/9/21
Instead of revising my first attempt, I created a new one but still with the same elements. I like this one a lot, it feels like there is a movement in the design.
1.5 Grid

fig 1.5.1 grid sketches 29/8/21
I thought this one is going to be the easiest one to work on since it sounds pretty simple comparing to the other seven but turns out creating what looks simple is not that simple after all. Minimalistic design needs some critical thinking.

fig 1.5.2 grid attempt 1 & 2.jpg 29/8/21
I changed the typeface that I was using for the time information because Mr. Vinod thinks it is kinda disturbing to see them as bold and condensed at the same time. He advised me to never use two different sans serif typefaces in the same design.
1.6 Modular

fig 1.6.1 modular sketches 29/8/21

fig 1.6.2 modular attempt 1 & 2.jpg 29/8/21
I asked my lecturer if the non-objective element is too much in these designs as I was concerned they are not acceptable. Mr. Vinod advised me to reduce the emphasis on the red dot of the second design so it does not look too strong. He also told me to change the colour of the word 'of' to black and leave only the 'Bauhaus' red. Since it is the modular system I am working on, I might also have to bring the word "-Wong" down. Mr. Vinod noticed that I am doing some kerning which in not really necessary so I can just leave it by default if I want to.
1.7 Bilateral

fig 1.7.2 bilateral attempt 1 & 2.jpg
29/8/21
Mr. Vinod claimed that he has seen a design like my first one before and hoped that I am not overly influenced by that, but overall he said it is interesting and very artistic. Actually, I came up with this idea unintentionally. I was just putting all the content information together referencing to the layout on my sketch and experimenting around with the same elements I was using for modular system. So, no, this design was not inspired by other existing design. However, his statement kinda makes me feel confident with my own design since it reminded him with a design he has seen which is most likely to be designed by a professional designer. Well, at least for once I am able to think and create like one! Furthermore, Mr. Vinod thinks it needs a little more of letter spacing on the time. He does not think it is a good sign when he sees the texts start sticking with each other.
1.8 Dilatational
This is the hardest system to do in my opinion, I need some time to figure out how to curve text in Adobe InDesign.
fig 1.8.2 dilatational attempt 1 & 2.jpg 29/8/21
This one took me the longest to finish but surprisingly Mr. Vinod gave me a pretty decent feedback so I guess it was worth it. He thinks what I have done here creates an interesting dynamic in the circular design, he likes the odd shape in the middle. The letter spacing is well-managed and the condensed font works well. One thing that I can improve on is down sizing the uppercase of the "AM" and "PM".

fig 1.1.2 axial attempt 1 & 2.jpg 23/8/21

fig 1.1.5 axial revised RGB.jpg 5/9/21

fig 1.1.6 axial with guides 5/9/21


fig 1.2.2 radial attempt 1 & 2.jpg 29/8/21

fig 1.2.3 radial revised #1.jpg 5/9/21

fig 1.3.2 random attempt 1 & 2.jpg 29/8/21

fig 1.3.3 random revised #1.jpg 5/9/21

fig 1.4.1 transitional sketch 29/8/21

fig 1.4.2 transitional attempt 1.jpg 29/8/21

fig 1.4.3 transitional attempt 2.jpg 5/9/21


fig 1.5.2 grid attempt 1 & 2.jpg 29/8/21


fig 1.6.2 modular attempt 1 & 2.jpg 29/8/21

fig 1.7.2 bilateral attempt 1 & 2.jpg 29/8/21
Exercise 2: Finding Type
I am someone who is obsessed with skies, and everything in it. I like watching the clouds moving, the stars blinking, the air shrinking and anything that is related to it. I took a bunch of sky pictures, everytime I feel like the weather is nice, when I have mixed feelings and when life feels good. Furthermore, I decided to find a picture of clouds from my gallery to use for this exercise. However, there is no single picture where the clouds look textured enough that potential letterforms can be traced so I end up finding one on the internet.

fig 2.1 the picture I use and the letters that I traced 12/9/21

fig 2.2 letterforms progress 12/9/21
Based on the general feedback, the final letterforms we have should represent the source. Can we guess where they came from? I realized that my letterfoms do not look like clouds at all, this is something that I should be aware of.
I did another attempt, this time with leopard pattern.
fig 2.8 finding type final.pdf 19/9/21

fig 2.1 the picture I use and the letters that I traced 12/9/21
fig 2.2 letterforms progress 12/9/21
I did another attempt, this time with leopard pattern.
fig 2.8 finding type final.pdf 19/9/21
Exercise 3: Type & Play

fig 3.1 stock image I am using for this exercise
fig 3.2 attempt 1 & 2 19/9/21
fig 3.3 attempt 3 & 4 19/9/21

fig 3.4 attempt 5 & 6 19/9/21
I submitted the 6th attempt in week 5. Mr. Vinod thinks it is too simple, this is just me inserting some texts there and applying a blending mode.
After the feedback session, I did another try. I wanted to play around with layers and textures, to make it more realistic.
I called it a draft because I might be improving it again later, I feel like it is still too stiff.

fig 3.1 stock image I am using for this exercise



fig 3.4 attempt 5 & 6 19/9/21
After the feedback session, I did another try. I wanted to play around with layers and textures, to make it more realistic.
I called it a draft because I might be improving it again later, I feel like it is still too stiff.
fig 3.7 type & play final.pdf 20/9/21
fig 3.7 type & play final.pdf 20/9/21
FEEDBACK
Here is the summarize feedback I received from
each week.
Week 2:
Radial - Interesting use of radial here, but adding something in the bottom right might create a better balance and space.
Modular- Try to reduce the emphasis on this red dot so the non-objective element does not look too strong.
- Maybe change the colour of the word ‘of’ to black and leave only the ‘Bauhaus’ red, also might have to bring the word “-Wong” down.
- Justifying the information to fit is not necessary, just leave it be default.
Grid- The ‘time’ information is kinda disturbing because it’s bold and condensed. Never use two different sans serif typefaces in the same design.
Transitional
- It’s a rigid transition. Allow the text to flow wherever it goes.
Dilatational- What is done here creates an interesting dynamic in this circular design.
- The letter spacing is well-managed, and the condensed font works.
- Try to down size the uppercase of the time information.
Bilateral
- I have seen a design like this before, I hope you are not overly influenced by that. But overall, it is a good one. Week 3:
Axial
- In the term of composition, the amount of space you have here is a little bit unnecessary so it might need a little work.
Radial
- You might need to add a short line just to make it balanced so it starts small and it ends small.
- Generally when you do this kind of work, you do not need to italic the text. Grid
- There is a suffocating amount of text in the bottom left, too much space here and there.
Modular
- This is good, no problem. I will only suggest adding paragraph spaces after the time for each.
Bilateral
- Interesting, it is very artistic. Needs a bit of letter spacing on the time. When you see your texts start sticking, that is not a good sign.
Dilatational- This is good. I like the odd shape in the middle and the circular shape in the outside, it is interesting. Random
- This is not so random.
Week 2:
Radial
No comments:
Post a Comment