Typography Task 1 - Exercises 1 & 2

25/8/2021 - 22/9/2021 / Week 1 - Week 5
Arwinda Nurul Izza / 0349913
Typography / Bachelor of Design in Creative Media
Task 1: Exercise 1 & 2

LECTURES

WEEK 1 - LECTURE 1

Typography (Oxfords) : "The style of appearance of printed matters."and in wikipedia they described it as : "The art and technique of arranging type to make written language legible, readable, and appealing when displayed......."

Font: individual font within the typeface.

Typeface: entire family of fonts that share similar style or characteristics.

Type Family: various families that do not share characteristics.

- Typography has around 500 years history.

- Calligraphy > lettering > Typography

-As the democratization of typography widely happened, the quality of a good skilled typography went down.

Typography : Development History

1. Early Development : Phonecians to Roman

-Writing methods was really primitive this time as it remarks the starting point in human history to use letterforms. Using only sharpened wet clay, stone, and chisel as their tools to write.

-In Greeks civilization, they developed a reading and writing system from right to left and left to right. The writing method named 'boustrophedon'.

Fig.1.0 Early letterform Development (2021/08/29)

2. 10th Century C.E.

-Invention: Square Capitals, Rustic capitals, Roman cursive, Uncials, half-uncials, Caroline misrule.

3. Blackletter to Gutenberg's type

- Blackletter was a rising trend in Northern Europe with their condense strongly vertical form and it was invented as a regional variation upon Alcuin's script.

- Gutenberg was invented by combination skills of engineering, metalsmithing and chemistry. This type has different negative impression for each letterform. Later on, the creator try to widely spread his typeface by printing the Bible using this font.

(show image) 4,... [Humanist script to roman type (~140 0), Venetian Type (1499-1500), The Golden Age of French Printing (1533), English Type (18th Century), Baskerville's innovations (1761 -1818), 19th century types]

Text type Classification

- As technology, commercial needs and esthetic trends are rising, typeforms was created to answer the demand from these industry.

-Following type form classification will use Alexander Lawson devise :

1450 Blackletter, 1475 Oldstyle, 1500 Italic, 1550 Script, `750 Transitional, 1775 Modern, 1825 Square Serif/Slab Serif, 1900 San Serif, 1990 Serif/Sans Serif.

WEEK 2: LECTURE 2

Fig.1.1 Basic Typography Lecture Note (2021/09/06)

WEEK 3: LECTURE 3 & 4

Fig.1.2 Text Part 1 Lecture Note (2021/09/14)

Fig.1.3 Text Part 2 Lecture Note (2021/09/14)

WEEK 4: LECTURE 5

Fig.1.4 Understanding Typography Lecture Note (2021/09/21)

INSTRUCTIONS

Task 1: Exercises 1 - Type Expression

In this first task, we were assigned to construct 3 sketches of type expression. We should select 3 words from 6 words that was previously being voted in Facebook page ( melt, pour, gone, shiver, light, error) and one additional mandatory word, 'terror'.

1. Sketches

Fig. 2.0 Rough Sketch (2021/08/29)

This was my poorly sketch first draft for type expression that I submitted on the Facebook page. As we also did some peer feedback too at the time, surprisingly most of them take a like on my sketch for 'Terror' therefore on the next sketch I tried to elaborate more from here.

Fig. 2.1 Rough Sketch (2021/09/07)

On the 2nd week, we are required to digitise our type expression in Adobe Illustration. However, because I was still have an issue regarding creative cloud account so I didn't get the time to create one in there. Instead, I spent my time to revise on my previous sketch. I switched one of my selection word from SHIVER to GONE because I found the initial word was quite hard to express.

2. Digitalisation

Fig. 2.2 1st Digitalisation (2021/09/12)

I finally digitalised my works based on the latest sketch and finished my first draft for digitalized type expression (Fig 2.2). Sadly, the draft was unacceptable as it contains mostly graphics elements rather than expressing the actual words. It was my mistake to ignore the actual task from the instruction so I revise my work from scratches again.

Fig. 2.3 Digitalised Sketch (2021/09/12)

This time I directly experimenting my type expression design on illustration as it more convenient. Then, I came out with a second draft (Fig 2.3). I did some extra design for this draft and asks my peers comments on how they felt about my type expression.

Fig. 2.4 Revision for Terror Type Expression (2021/09/12)

I was not really satisfied with how the before look for terror as it's too stretched out and might results on changing the typeface. Also, my peers mentioned the same issue as my problem therefore I decided to change the type expression a little bit.

Fig. 2.5 2nd Digitalisation (2021/09/12)

Below is the meaning for each of my type expressions. I tried to keep the design clean and clear with their respective words.

TERROR - The design here is bold and straight-forward with the word. I also add a little bit of smudging effects or can be seen as a shaking movement to express people's action when they're in terror.

LIGHT - This concept pretty obvious. As the words showing contrast within the the stroke only and filled typeface appearance, it can create an impression of light being switched on and off.

POUR - Design for this word was a little bit challenging. However, I came up to make water drops from the word "Pour" then make it flow through each letterforms. I also add some gradients on the bigger later in here to indicate movement so it will be read in orderly.

GONE - For this word, I tried to convey the feeling of emptiness.The underline in the start indicates something is missing or something that supposed to be there but it's gone now. I also made the "O" a lil bit more slanted to the right to add more variety on the words.

Fig. 2.6 Work Progress (2021/09/17)

Fig. 2.7 Revision for Light Type Expression (2021/09/17)

I got a minor feedback from Mr. Vinod to keep all the letter cases same therefore I changed it and also I tried to express a lil bit different type of flickering light this time.

Final Type Expression

Fig. 2.8 Final Type Expression (2021/09/17)

Fig. 2.9 Final Type Expression (2021/09/17)

3. Type Expression Animation

Fig. 3.0 Gone Type Expression Artboard_Class Practice (2021/09/08)

Fig. 3.1 Gone Type Expression GIF_Class Practice (2021/09/08)

In the 3rd week live lecture, our task is to attempt making an animation from one our type expression design. I haven't managed to digitalized my works at the moment but I did manage create a quick work based on one of my 2nd Rough sketch (fig 2.2).

Fig. 3.2 Light Type Expression Artboard (2021/09/12)

For our 2nd exercise we are assigned to make one gif from our type expression. I choose 'light' to be my final animation exercise. This word has the most cleared meaning to be expressed hence the reason why I choose it.

Fig. 3.3 Light Type Expression GIF_1st Attempt (2021/09/14)

The feedback for this gif was pretty keen and good. Although, as I did a minor change on my final type expression therefore I need to revise it.

Fig. 3.4 Light Type Expression Animation Timeline_2nd Attempt (2021/09/21)

Before, I only use black and white to show the contrast but now I tried to achieve a flickering motion on my 2nd draft GIF by inserting different color values on the letter 'l' to create it.

Final Type Expression

Fig.3.5 Task 1: Final Type Expression GIF 'light' (2021/09/21)

Fig.3.6 Task 1: Final Type Expression GIF 'light' - PDF (2021/09/21)

Task 1: Exercises 2 - Text Formatting

1. Formatting Text: Kerning and Tracking - Lecture 1/4

Fig. 4.0 Text Formatting with Kerning (2021/09/19)

Fig. 4.1 Text Formatting w/o Kerning (2021/09/19)

Fig. 4.2 Comparison Text with Kerning and w/o Kerning (2021/09/19)

2. Formatting Text - Lecture 2 to 4

Fig. 4.3 Layout Progress (2021/09/21)

Fig. 4.4 Hidden texts (2021/09/21)

Fig. 4.5 Before Kerning (2021/09/21)

Fig.4.6 After kerning (2021/09/21)

Final Text Formatting

Fig.4.7 Task 1: Final Text Formatting - JPEG (2021/09/21)

Fig.4.8 Task 1: Final Text Formatting - JPEG (2021/09/21)

Fonts: Univers LT Std (Roman, Italic and Bold)
Point size: 9 pt (body text), 8 pt (captions), 17 pt (heading), 9 pt (sub-heading)
Leading: 11 pt (body text), 22 pt (heading)
Paragraph spacing: 11 pt
Alignment: Left Justified

FEEDBACKS

Week 1

General Feedback: For our e-portfolio, try to use blogger template as a beginner.

Specific Feedback: No specific feedback was givsp;

Week 2

General Feedback: My sketch wasn't being evaluated in the class. Most probably about sketches format that we made will be more pleasant if there is a numbering and organize structure when presenting.

Specific Feedback: my sketches was lack of exploration and I need more experiment to elaborate on my work.

1. Are the exploration sufficient?

= No. It was pretty hard to give feedback to my sketch due to lack of variety and options within the words.

2. Does the expression match the meaning of word?

=My peers told me that the 'shiver' expression has the least impression on them and ask me to do some more exploration on it. Although, they also mention a positive feedback for the 'terror' expression and suggest me to do more sketches on that.

3. On the scale 1-5, How strong is the idea?

= 3/5

Week 3

General Feedback: Try to use graphical elements and review again the previous lecturer to understand the task better.

Specific Feedback: Mr. Vinod told me to understand more the basic task and review most of the materials to be able to continue my works. Besides that, some of my peers also comments on my revised works. They said that I should explore again and think more of my ideas to make it easier to understand. For example for my 1st digitalized type expression the word "terror" was quite hard to be understand.

Week 4

General Feedback: Everyone was asks to pay attention and correct their blog's contents as next week will be the due date to complete our first blog post in this class. Also, Don't forget to always update the google feedback sheets every week.

Specific Feedback: The execution ideas for type animation are already there and looks pretty nice. Suggestion to make the animation like a flickering bulb and try to settle on upper or lower cases. Type expression second draft was also improved compare to the one last week. The only minor issue is I might can develop more on my 'POUR' type expression.

REFLECTIONS

Week 2
Experience: As this is my first time doing some typography works, it was really hard but challenging.
Observation: I realized that I need more exploration and draw a few more sketches to understand more the expression of this words. And also to make me have more options to select.
Findings: I ended up by giving up on the word 'shiver' and then switch it to 'gone'. I've done some more sketches and actually sort of know of which one that I will digitalized at the end. However, I need more feedbacks on this so then I can start to do the next step.

Week 3
Experience: It was really challenging for me to explore in adobe illustration for the first time and making gif in photoshop.
Observation:This week was the hardest because I have to review everything from zero and it's my very first time to use illustration. There are so many things to revise and explore due to my lack of progression on the work.
Findings: Despite, all of the hurdle that came by this week. I managed to redo my type expression after rewatching the lecturer playlist. I should have use and experiment more on the character feature in illustration rather on playing with shapes and graphics from the start and avoid to overuse them.

Week 4
Experience: On this week, we were introduced to Adobe Indesign to practice text formatting. It was quite tough for adjusting the kerning for me but I learned lot of new techniques in this exercise.
Observation: We need to pay more attention to the detail on this text formatting exercise as there will be so many meticulous detail that have to be considered.

Arwinda Nurul Izza 0349913

Search This Blog