Friday, August 27, 2021

Advanced Typography: Task 1

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.



PRACTICAL

Exercise 1: Typographic systems

1.1 Axial


fig 1.1.1 axial sketches 23/8/21


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.1 radial sketches.jpg 29/8/21


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.

fig 1.2.4 radial revised #2 grey.jpg 6/9/21


fig 1.2.5 radial revised #2 RGB.jpg 6/9/21

fig 1.2.6 radial with guides 6/9/21


fig 1.2.7 radial final.jpg 6/9/21

The result of this one kinda reminds me of Bruno Major's album cover.


fig 1.2.8 Bruno Major's 'A Song For Every Moon' album cover

1.3. Random


fig 1.3.1 random sketch 29/8/21


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'.


fig 1.3.4 random revised #2 grey.jpg 6/9/21


fig 1.3.5 random revised #2 RGB.jpg 6/9/21

fig 1.3.6 random with guides 
6/9/21


fig 1.3.7 random final.jpg 6/9/21

This is actually the last typographic system that I finish because I am so unmotivated to do it. However, I am kinda satisfied with the result. I have another idea in mine though but I still have other assignments to do so ciao for now hahahah.

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. 


fig 1.4.4 transitional attempt 1 & 2 grey.jpg 5/9/21


fig 1.4.5 transitional attempt 1 & 2 RGB.jpg 5/9/21


fig 1.4.6 transitional with guides 5/9/21


fig 1.4.7 transitional final.jpg 5/9/21

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.


fig 1.5.3 grid revised greyscale.jpg 5/9/21


fig 1.5.4 grid revised RGB.jpg 5/9/21

fig 1.5.5 grid with guides 5/9/21


fig 1.5.6 grid final.jpg 5/9/21

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. 


fig 1.6.3 modular revised #1.jpg 5/9/21

Seeing my revised versions, Mr. Vinod said that they are good. However, adding paragraph spaces after the time for each might make it even better, so I did.


fig 1.6.4 modular revised #2 greyscale.jpg 6/9/21


fig 1.6.5 modular revised #2 RGB.jpg 6/9/21


fig 1.6.6 modular with guides 6/9/21


fig 1.6.7 modular final.jpg 6/9/21

I really like how these ones turn out.

1.7 Bilateral


fig 1.7.1 bilateral sketches 29/8/21


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.


fig 1.7.3 bilateral revised greyscale.jpg 6/9/21


fig 1.7.4 bilateral revised RGB.jpg 6/9/21

fig 1.7.5 bilateral with guides 6/9/21


fig 1.7.6 bilateral final.jpg 6/9/21

I was about to say my modular system designs are my favourite ones but I changed my mind, these are. I cannot even decide which of my bilateral system design that I like more, both of them look so fine and I wish I could just submit both!

1.8 Dilatational


fig 1.8.1 dilatational sketches 29/8/21

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.8.3 dilatational revised.jpg 5/9/21

fig 1.8.4 dilatational with guides 5/9/21


fig 1.8.5 dilatational final.jpg 5/9/21


final typographic system submission.pdf


final typographic system submission with guides.pdf

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.3 second attempt on leopard pattern 19/9/21


fig 2.4 traced letters 19/9/21


fig 2.5 making the edges smoother and the overall letterform neater 19/9/21


fig 2.6 maintaining the consistency 19/9/21


fig 2.7 finding type final.jpg 19/9/21


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.


fig 3.5 another attempt progress 20/9/21

fig 3.6 draft.jpg 20/9/21

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



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.

No comments:

Post a Comment