Jordan Axel(0354894)Task 1

 Typography-Task 1

04/04/2023- 09/05/2023 / Week 1- Week 6

Jordan Axel/0354894/Design in Creative Media

Typography

Task 1

---

JUMPLINK

1. LECTURES

2. INSTRUCTIONS

3. FEEDBACK

4. REFLECTION

---

LECTURES

Lecture 1 (Development): 

Timeline:

    1000 B.C.E – Phoenician

1. The letterforms of the uppercase letter are made up of both circles and straight lines.
2. written from right to left

 900 B.C.E – Greek

1. Boustrophedon was developed.
2. Text alternately from right to left and left to right.

 100 B.C.E – Roman

1. The letterforms are painted onto the marbles by Etruscan carvers before they are engraved.

3rd to 10th century C.E.

1. Square capitals: formed by adding serifs to the end of the major strokes.
2. Rustic capitals: fit twice as many words on a sheet using a compressed version of square caps.

-Informal lowercase letterforms: formed as a result of the quick simplification of square and rural capitals.

1. Uncials: Letters that are one inch high and small.
2. Half-uncials: Lowercase letters with a formal appearance and plenty of ascenders and descenders.
3. Charlemagne: Standardization of majuscules, miniscule, capitalization and punctuation. 

Lecture 2 (Basic): 

Lecture 3 (Text pt1):   

Kerning  : The repositioning of two selected characters' spacing.

Tracking : Consistently adding or eliminating space within a word or sentence.

Letterspacing: an overall increase of space between letters.

Text formatting:

Flush Left : Asymmetrical text in each line begins at the same spot but finishes where the final word ends.

Flush Right : Opposite of Flush Left

Centered : Symmetrical text that give both line endings the same weight

Justified : Symmetrical text with words spaced appropriately, and where each line begins and ends at the same location.

Lecture 4 (Text pt2):  

How to highlight text

• Italic
• Bold
• Variation of fonts
• Colored text
• Text Background
• Bulletin points
• “Quotation marks”

Lecture 5 (Understanding): 

Understanding letterforms

• The uppercase letterforms may appear symmetrical, but a close examination shows that the width if the left slope is thinner than the right stroke.
• Baskerville and Univers demonstrate the meticulous care a type designer takes to create internally harmonious and individually expressive letterforms.

A comparison of how the stems of the letterforms finish and how the bowls meet the stems quickly reveals the palpable difference in character between the two.

Maintaining x-height

• Size of the lowercase letterforms.
• Curved strokes, like the letter's', must rise above the median (or below the baseline) in order to seem to be the same size as the adjacent vertical and horizontal strokes.

Form/Counter form

• Just as important as recognizing specific letterforms is developing a sensitivity to the counter form.
• When letters are joined to form words, the counterform includes the spaces between them.
• Particularly and important concept when working with letterforms like lowercase 'r' that have no counters per se.
• This determines how well words hang together and how easily we can read what's been set.

Contrast

• The strongest and most important dynamic in design.

Variation of contrast

Lecture 6 (Screen&Print): 

Print type: Designed for reading from physically.

Screen Type: Design for web use.

---

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1t445mK7O7vyvSOnQm-hoaRGQrFrq_8iY/preview" width="640" height="480" allow="autoplay"></iframe>

Task 1: Exercise

TYPE EXPRESSION

1. SKECTHES

Fig 1 Throw(9/4/2023)

The design of the ball has too much graphical elements but it is a good design

Fig 2 Melt (9/4/2023)

Unfortunately same idea came across from all of the student for the word melt( pic 1&2) the picture 3 is too much distortion and the forth had no comment

Fig 3 Shatter(9/4/2023)

The top right "shatter" is the best choice

Fig 4 Speed(9/4/2023)
The second speed is the safest choice and that design came because of the first design but straighter and with less graphical elements.

Fig 5

                                                This both are the full image of the sketch(9/4/2023)

Fig 6

2.DIGITALIZATION

I blend the two different shade blocks then make it blend to make a gradient and then I use the effect pixelate(mezzotint) (20/04/2023)

I use create outlines then remove the and move the O and resized it(20/04/2023)

Unfinalized (18/04/2023)

The unfinalized version have some issue such as the word melt being to much distorted and word throw doesn't need to be re shaped. 

Result(18/04/2023)

The word needs to be placed in different places to be more interesting not just straight up always in the middle. 

FINAL RESULT

3. ANIMATION

I use create outlines then remove the and move the O and resized it(20/04/2023)

   

First I made 8 frames(artboards) in AI for a simple moving ball(the O)(24/04/2023)

After all of that I use photoshop for the animation. All the process I learned form the Youtube video(24/04/2023)

I made the balls blurry so it looked far and motion blur(24/04/2023)

FIRST Result(24/04/2023)

My original Idea was to make it like it is being thrown by a the pitcher, but I couldn't apply it that well.

FINAL RESULT

TEXT FORMATTING

1. Exercises

Exercise 1 (Kerning & Tracking)

I practiced tracking and kerning on each of the 10 typefaces offered using Adobe Indesign, based on the recorded lectures regarding text formatting. I first changed the text's leading and type sizes. 

Text before adjustment(30/04/2023)

Text  after adjustment(30/04/2023)

Tracking & Kerning Exercise(01/05/2023)

Exercise 2

Trial layouts(03/05/2023)

FINAL

<iframe src="https://drive.google.com/file/d/1aoqjQ6qP1SaSZsqSPsgykdRlzYqrNtPg/preview" width="640" height="480" allow="autoplay"></iframe>

Head

Font: Adobe Caslon pro semi bold (headline+byline)

Type Size/s: 41 pt (headline), 15 pt (byline)

Leading: 22 pt (headline), 17 pt (byline)

Paragraph spacing: -

Body 

Font: Gill Sans Std Regular

Type Size: 9 pt

Leading: 11 pt

Paragraph spacing: 11 pt

Characters per-line: 59

Alignment: Left justified

Captions 

Font/s: Bell MT

Type Size/s: 9 pt

Leading: 11 pt

Paragraph spacing: 11 pt

Alignment: Left

Margins: 30 mm top, 30 mm bottom, 30mm left + right

Columns: 4

Gutter: 10 mm

---

FEEDBACK

Week 1

General Feedback: Made a blog no feedback so far

Week 2

General Feedback:  Cannot use too much graphical things such as the stitches on the ball.

 Specific Feedback: The shatter on the word shatter or good but must be a 0.5 line.

Week 3

General Feedback: Overall are fine. Portfolio must be done A.S.A.P. Process must be shown in the portfolio.

Specific Feedback: The word melt is too much distortion only the bottom part needs to be "melted". The word shatter needs more shatter in the word itself.

Week 4

General Feedback: Feedback feed must be in order accordingly to the example.

Specific Feedback: The animation on the ball is ok but it is better to make the throwing animation a curve like a baseball pitch. 

Week 5

General Feedback: Image should be related to the text 

Specific Feedback: -

---

REFLECTION

Experience: 

The first exercise was not really that hard but the text formatting and layout exercise is kind of challenging for me because at first I don't really get what should I do until the last class. But then I managed how to do the exercise and sort of understand. 

Observations:

 The advice Mr. Vinod gave enable student to observes mistakes and other students works. It works as a consideration and examples or what not to do and what to do it will improves students design. 

Findings: 

This module is new and unique because I didn't know that I'll be learning the art and technique of arranging words and letters. Using Adobe InDesign is a new thing for me it is sort of confusing because it is different from other Adobe apps that I have use  before. 

---

FURTHER READING

A type primer by John Kane(31/04/2023)

    At first glance, I was drawn to this book by the design of the book cover. Although many people said not to judge a book by its cover, I did. Because the cover of a design book reflects how the author or designer is.

    This book's ability to not only teach the "rules" of typography but also to provide historical context and examples of those rules being disregarded in the past is one of the things I valued most about it. This increases reader engagement and inspires them to use their imagination and experiment with type in their own writing.

    Overall, I believe this book is a valuable resource for anyone interested in typography and its role in design.