Typography - Task 1: Exercises

23.09.2024 - 21.10.2024 / Week 1 - Week 5

Brenda Wynn / 0372128

Typography / Bachelors of Design (Hons) in Creative Media / Taylor's University

Task 1 - Exercise 1 & 2

JUMP LINKS

LECTURES

Lecture 1 - Introduction

What is typography?

the act of creating letters
the creation of typefaces or type families
it can come in animated fonts
EXP= website designs, beginning of movie titles, GIFs, app designs, signage designs, labels, books, posters, and trademarks

The evolution of typography: Calligraphy - Lettering - Typography

Calligraphy= writing styles
Lettering= draw the letters

Who practices typography?

typesetters, compositors, typographers, graphic designers, art directors, manga artists, comic book artists, graffiti artists, and anyone who arranges words, letters, numbers, and symbols for publication

How communication used to take place using symbols?

people used gestures, body language, and facial expressions. Communication then, often take place by using nonverbal language.

Terminological reference:

Font= individual font or weight within the typeface. (EXP= Georgia Regular, Georgia Italic, and Georgia Bold)
Typeface= the entire family of fonts/weights that share similar characteristics. (Georgia, Arial, Times New Roman, Didot and Futura)

Lecture 2 - Development

Early letterform development: Phoenician to Roman

Writing meant scratching into wet clay with a sharpened stick or carving into stone with a chisel.
The uppercase forms are simple combination of straight lines and pieces of circles

Figure 1.2.1 four-line inscription and evolution of Phoenician letter (24/09/2024, week 1)

The Greeks developed a style of writing called "boustrophedon", so the lines of text read alternately from right to left, then left to right. They also changed the orientation of the letterforms.

Figure 1.2.2 Boustrophedon (24/09/2024, week 1)

Etruscan (and then Roman) carvers work in marble painted letterforms before inscribing them. (They drew it first then chisel it)

Figure 1.2.3 Augustan inscription (24/09/2024, week 1)

Figure 1.2.4 Letterform development from Phoenician to Roman (24/09/2024, week 1)

Hand script from 3rd - 10th century

Square capitals= can be seen in Roman monuments. The letterforms features serifs that finishes the main strokes.

Rustic capitals= a compressed version of square capitals. Rustic capitals were faster and easier to write, but it is harder to read. Rustic capitals was written in a much more condensed way, because of some certain space to write can only fit rustic capitals

Roman cursive= usually used for writing everyday transactions, because it was much faster.

Uncials= incorporated some aspects of the Roman cursive hand. To simplify, uncials are considered as small letters.

Half-uncials= marks the formal beginning of lowercase letterforms.

Caloline miniscule= was invented when Charlemagne asked Alcuin of York, Abbot of St Martin of Tours to oversee the standardization of the writing system. Because of too many ways of writing, it is feared that it could lead to miscommunication.

Figure 1.2.5 hand scripts (24/09/2024, week 1)

Blackletter to Gutenberg's type

With the dissolution of Charlemagne's empire came regional variations upon Alcuin's script. In northern Europe, Blackletter or Textura gained popularity. In the south, rotunda gained popularity.
Gutenberg led a team to build pages that accurately mimicked the work of the scribe's hand-Blackletter. His type of mold required a different brass matrix or negative impression for each letterform.
Gutenberg made printing/documenting much more quickly

Figure 1.2.6 Blackletter to Gutenberg's type (24/09/2024, week 1)

Typography Development

1450 Blackletter - 1475 Oldstyle - 1500 Italic - 1550 Script - 1750 Transitional - 1775 Modern - 1825 Square Serif/Slab Serif - 1900 Sans Serif - 1990 Serif/Sans Serif

Figure 1.2.7 typography development (24/09/2024, week 1)

Lecture 3 - Text Part 1

Typography Tracking : Kerning and Letterspacing

Kerning= automatic adjustment of space between letters.
Letterspacing= add space between the letters.
Tracking= the addition and removal of space in a word or sentence. (simplified= both kerning and letterspacing in a word)

Figure 1.3.1 kerning (02/10/2024, week 2)

You should not kern or letterspace large amounts of text.
If you are working for a headline and there is spacing around it, you should pay attention to the kerning and letterspacing.

When do you use letterspacing?

When they use uppercase letters, to give it more breathing area.

Tracking

When you letterspace, the readability of the text reduces.
Usually, uppercase letters will have letterspacing.
Lowercase letterforms require the counterform between letters to maintain the line of reading.

Figure 1.3.2 counterform (02/10/2024, week 2)

Text Formatting

Flush left=

Each line starts at the same point, but ends wherever the last word of the line ends.
Spaces between words are consistent, allowing the type to create an even gray value.
Gray value is a text on a white page, where if you squint your eyes you can see the intensity of the gray color. That will require a visual for you to see if it is too much letterspacing or kerning in your text.

Centered=

The format assigns equal value and weight to both ends of any line.
It creates a strong shape, so it is important to amend line breaks.

Flush right=

This format places emphasis on the end of a line.
The ragging must be smooth.

Justified=

The format imposes a symmetrical shape on the text.
Avoid rivers of white space in your text.

Figure 1.3.3 types of text formatting (02/10/2024, week 2)

In typography, you should prioritize and pay attention to these few rules too, such as=

Word > type/design, this means that you have to prioritize the readability of your word first over the design.
Do not use script typefaces in a word filled with uppercase letters.
If the X-height is larger it is much more readable.

Figure 1.3.4 the anatomy of typeface (03/10/2024, week 2)

Text Type

The main purpose of text type is to make a text easier to read.

Type size= texts type should be big enough for it to be readable.
Leading= texts that is put too closely encourages vertical eye movement and a text that is put too loosely can distract the reader from the actual information given ( If the gray value is dark, give it more leading. If it is too light, reduce the leading).
Line Length= it is better to keep the line length between 55-65 letters. If it exceeds the number, it will reduce the readability of the words.

Type Specimen Book

A sheet on a book where you decide if the typeface is shown in different sizes or leading and different combinations.

Figure 1.3.5 example of a type specimen sheet (03/10/2024, week 2)

Lecture 4 - Text Part 2

Typography : Text/Indicating Paragraphs

Pilcrow= a symbol to indicate paragraph spacing.
Line spacing/Leading= leading has to be 2-3 pt larger than the typeface. The leading and spacing must have the same points to ensure cross-alignment.
Indentation= an indent in a paragraph is made with the same size as the line spacing or the pt of the text.
Extended paragraphs= create wide columns of text, but it can be functional and compositional.

Figure 1.4.1 Indicating paragraphs (08/10/2024, week 3)

Difference between line space and leading

Leading= a space between 2 sentences.
Line spacing= a distance between each descender of each sentence.

Figure 1.4.2 line spacing and leading (08/10/2024, week 3)

Typography: Text/Widows and Orphans

Widow= a short line/text that is left alone at the end of a column of text.
Orphan= a short line/text that is left alone at the start of a new column.

Figure 1.4.3 widow and orphan (08/10/2024, week 3)

A solution to avoid widows is to rebreak the endings throughout the paragraph, so each last line of any paragraph is not short.
A good typographer makes sure that no column starts with the last line of the last paragraph or known as orphans.

Typography: Text/Highlighting Text

Ways to highlight texts:

Selecting the text and making it italic
Bolding the text
Changing the type family and bolding it (consider reducing the point size according to the type family of choice)
Changing the color of the text (cyan and magenta is recommended)
Creating a box that surrounds the text (maintaining a left reading axis is recommended)

Figure 1.4.4 ways to highlight texts (10/10/2024, week 3)

How to choose the right font sizes:

1.It is recommended that designers who wants to use a different type family when highlighting a text, look out for the sizes in fonts that they are going to use. For example:

Figure 1.4.5 choosing font sizes (10/10/2024, week 3)

2.When designing a book it is recommended to use lowercase numerals, because numerals height is usually the same as capitals and it will stick out.

Figure 1.4.6 numerals size (10/10/2024, week 3)

Tips to elevate your text:

Placing typographic elements on the left margin to can maintain a strong reading axis
Quotation marks or bullets creates an indent that breaks left reading axis
Primes( ' ) is not a quote, it means feet and inches, a single prime is a feet and a double prime is an inch.

Figure 1.4.7 text elements (10/10/2024, week 3)

Typography: Text/Headline within Text

Typographers need to make sure that the heads can signify the readers the importance and relationship within the text.
Typographic hierarchy is labeled "A B C" according to the level of importance, A being the most important.

Typographic Hierarchy:

A head= marks a break between the topics per section, it is usually larger in size compared to the text.
B head= marks a new supporting argument or example, and it should not interfere with the text. It should use a force line break, that means that the space is following the leading space.
C head= highlights specific materials within the B head text. It does not interrupt the reading flow and is shown in small caps. Though it is important to incorporate em space when using C head , that is placed between the heading and the beginning of the text.

Figure 1.4.8 subdivisions (10/10/2024, week 3)

When all of it is added into one text it will make a hierarchy.

Figure 1.4.9 hierarchy (10/10/2024, week 3)

Typography: Text/Cross Alignment

= Cross aligning headlines and captions with texts makes the structure look stronger while expressing the complementary vertical rhythms.

Figure 1.4.10 cross alignment (11/10/2024, week 3)

Lecture 5 - Basic

Typography: Basic/Describing letterforms

Type Anatomy:

Baseline= a imaginary line that acts as a base of a letterform.
Median= a imaginary line that defines letterforms X-height.
X-height= the height of any typeface lowercase letters.

Figure 1.5.1 Type Anatomy (18/10/2024, week 4)

Lowercase letters that have a stem stroke that reaches the ascender height is larger than the capital letters, because capital letters have a wider surface area on the top.
Optical adjustment= to give an expression of equal height (the ascending stroke is usually above the capital letters).

Letterforms:

Stoke are lines that define basic letterforms.
Apex/Vertex are points that are created by meeting 2 diagonal stems, apex for above and vertex for below.
Arm is a small stroke that extends from the stem stroke.
Ascender are strokes that surpass the median line.
Barb allows letters that have a curved stroke, finishes with half-serif.
Beak are horizontal arms of a letter that finishes with half-serif.
Bowl is a rounded form that portray a counter, it can be either closed or opened.
Bracket is a transformation among the serif and the stem.
Cross bar is a stroke in a letterform that merges 2 stems together.
Cross stroke is a stroke in a letterform that links 2 stems together.
Crotch is the internal space where 2 strokes connect.
Descender is a part of the stem in a lowercase letter that is below the baseline.
Ear is a stroke that extends out of the main body of a letterform.
Em is the width of a capital letter or the length is equal tot he typeface size.
En is half the size of an em and mostly used to describe em/en space and dashes.
Finial is a rounded non-serif endpoint of a stroke.
Leg is a small stroke off the stem of a letterform, it can be at the bottom or inclined downward.
Ligature occurs when new characters formed by merging two or more characters.
Link is a stroke that links a bowl and a loop of a lowercase letter "g".
Loop is a bowl that is made in the descender of a lowercase letter "g".
Serif have a right-angled foot at the end of a stroke.
Shoulder is a curved stroke that is not a segment of a bowl.
Spine is the curved stem of the letter 's".
Spur is the elongation that express the connection of the curved and linear stroke.
Stem can be vertical or a sloped stroke.
Stress defines the orientations of a letterform.
Vertical stress is a transformation from mimicking handwritten writing to creating a letter that doesn't need to copy handwritten writing (Baskerville).
Diagonal stress mimics handwritten writing which is usually slanted (serif).
Swash is a flourish that lengthens the stroke of a letterform.
Tail is a curved diagonal stroke to finish some letterforms.
Terminal is a finish of a stroke that does not require a serif. It can be flat, acute, grave, concave, or rounded.

Figure 1.5.2 letterforms (18/10/2024, week 4)

Typography: Basic/The font

Uppercase letters= capital letters, including specific accented vowels.
Lowercase letters= has the same amount of characters as uppercase.
Uppercase numerals= known as lining figures, it has the same height as uppercase letters and set to the same kerning width. It is recommended to use it when uppercase letters are used.
Lowercase numerals= known as old style/text figures, it is set to x-height with both ascender and descender. It is best used when there is a combination of uppercase and lowercase letters in a sentence.

Figure 1.5.3 uppercase & lowercase (18/10/2024, week 4)

Small capitals= uppercase letterforms are drawn until the X-height of a typeface. It is generally found in serif fonts which is a part of expert set. It is made to draw attention off some words in capitals/acronyms that doesn't need to be the main focus.

Figure 1.5.4 small capitals (18/10/2024, week 4)

Italic= originates back to the 15th century Italian cursive handwriting. It does not include any small capitals. Oblique is usually based by roman form of the typeface.

Figure 1.5.5 Italic (18/10/2024, week 4)

Punctuation marks= can't change from typeface to typeface.
Miscellaneous characters= can change between typefaces.

Figure 1.5.6 punctuation marks & miscellaneous characters (18/10/2024, week 4)

Ornaments= applied to flourish invitations or certificates. It is considered a font in a large type family. It is usually allocated in traditional or classic typefaces that provides ornamental fonts (exp= Adobe Caslon Pro).

Figure 1.5.7 ornaments (18/10/2024, week 4)

Typography: Basic/Describing typefaces

Roman= the uppercase forms were developed from inscriptions of Roman monuments.
Italic= named after the Italian handwriting from the 15th century.
Oblique= originates from roman form of typeface.
Boldface= it is distinguished by a thicker stroke compared to roman form. The names vary through different typefaces, such as: semibold, medium, black, extra bold, super, and poster.
Light=characterized by a lighter stroke compared to roman form.
Condense= a type of roman form, if it is overly condensed it is called compressed.
Extended= a type of roman typeface that is extended.

Figure 1.5.8 typefaces (18/10/2024, week 4)

There are 9 typefaces that were made with 2 clear goals, that is: for it to be easy to read and for it to have a suitable expression of contemporary aesthetics. Both goals have been overly achieved, and now it is still being used. These are the 9 typefaces:

Figure 1.5.9 nine typefaces (18/10/2024, week 4)

BACK TO TITLE

INSTRUCTIONS

Task 1 : Exercise 1

Mr. Vinod asked us to come up with sketches of our own desired ideas, based on the words we picked through a poll, the words are= Pull, Explode, Chop, Rush, Wind, Tangle. I chose to design and sketch the words= Rush, Pull, Wind, and Chop. While sketching, I found that it could be quite hard to start without looking at references. So, I searched on Google to explore more about the words I chosen, These are some references I used to make my sketches.

References

Figure 2.1.1 reference board 1 (25/09/2024, week 1)

Figure 2.1.2 reference board 2 (25/09/2024, week 1)

REFERENCE SOURCES

These are my following sketches and description.

Figure 2.1.3 My first sketches of type expressions (26/09/2024, week 1)

Rush =

For the word "Rush" I came up with 3 designs that described the word best, in my opinion.

For the first design, I incorporated a certain type of bolt with a slightly tilted design to show a sense of rush.
For the second design, I decided to interpret the general cartoon design when running.
For the third design, I decided to settle for the bolt effect only.

Pull =

For the word "Pull" I made 3 similar designs that I think suits best with the given word.

For the first design, I made a simple design as a foundation with the idea of the letter p getting pulled for the rest of the design.
For the second design, I decided to incorporate a little swirl design to get the effect of the letters getting pulled.
For the last design, I put together the first and second design.

Wind =

For the word "Wind" I made 3 different designs, with 3 different placements of each letter.

For the first design, I decided to settle on the idea of the first letter blowing out the rest of the letter, creating a disoriented effect.
For the second design, I came up with the idea of the letter W being a mouth as a representative, blowing out the rest of the letters.
For the third design, I decided to make the first design in a much more orderly manner.

Chop =

For my last choice of word, which is "Chop". I found some references to differentiate the expression I got from the word slicing and chopping.

For the first design, I wanted to make the effect of the letter P as if it was a knife.
For the second design, I decided to keep the idea of the letter P as a knife. But, the letter O was chopped into halves.
For the last design, I decided to keep it simple by just separating the letter CH and OP to create a chopping scenario.

TYPE EXPRESSION DIGITALIZATION

After the feedback, I decided to alter some of my designs. These are my designs that I decided to settle with:

Figure 2.2.1 Sketch digitalization (04/10/2024, week 2)

Rush=

For the word rush, Mr. Vinod gave me a recommendation about how I could make my design much better. So, I settled with the third design and altered it according to Mr. Vinod's recommendation. I changed the letter "s" in rush into a lightning bold, and deleted the bolt effect on the rest of the letters.

Pull=

For the word pull, Mr. Vinod suggested to explore more of the word expression to make it much more interesting. So, I settled with the letter "P" being pulled away from the other letters and I also added some effects to make it more visually clear.

Wind=

The word wind, Mr. Vinod said that I need to keep the letters "IND" more compositionally. So, I decided to change my design a bit. I settled with the design where the words are being withered away and placed the words like how the wind moves. I also used a brush on the letters "IND" to express getting blown away better.

Chop=

Mr. Vinod said that the 3rd design was the best, out of 3 of them. But, he recommended to close the gap a little between the letters "CH" and "OP" to make it look much better. So, I altered the design a bit by making the letters "OP" getting chopped off from the letters "CH".

DIGITALIZATION & ANIMATION FOR TYPE EXPRESSIONS

This week we received some feedback on the digitalized version of our type expressions task. Here are my designs after some minor changes.

Figure 2.3.1 Sketch digitalization ver. final (09/10/2024, week 3)

Rush=

For the word rush, I stayed with my first design. Which is making the letter "S" look like a lightning bolt. But, I did alter the letter "S" and made it much more visible.

Pull=

The word pull, I decided to make some minor alterations after the feedback such as making the letter "P" pulled more. Also, did some kerning between the letters.

Wind=

Mr. Vinod suggested to make the letters in the word wind look more like as if it was pieces of papers being blown away. So, I arranged the letters again to make it more expressive.

Chop=

I didn't make any changed to the word chop. I decided to keep it as it is.

Figure 2.3.2 Sketch digitalization ver. final PDF (09/10/2024, week 3)

This week we were also given a task to make a animation to one of our designs.

Figure 2.3.3 rush animation gif (10/10/2024, week 3)

The idea behind my animation of the word rush is the letter "RU-H" were rushing to get in place and the letter "S" was a lightning bolt. I also added some effects with the letter "S" after the lightning struct. In addition, I also incorporated some different opacities to make it give a stronger expression.

FINAL TYPE EXPRESSION DIGITALIZATION

For my type expression digitalization, I kept the same design as it its. But, I did make some very minor changes.

Figure 2.4.1 final revised type expression digitalization (15/10/2024, week 4)

Some changes that I made was for the word wind and pull. These are the description of the changes I made.

Pull=

The changes I made for the word pull is that I made the letter "P" closer to the letter "U", so I can make the letter "P" being pulled more.

Wind=

For this word, I decided to not use brushes for the letters "IND". Instead, I decided to use the blur effect and make the opacity lower for the letters "IND".

This is the final type expression digitalization pdf=

Figure 2.4.2 final revised type expression digitalization ver. PDF (15/10/2024, week 4)

FINAL TYPE EXPRESSION ANIMATION

After the feedback given, I decided to give a much more powerful impact on my animation by adding a

blur effect when the lightning strikes. This is my final animation for the word rush.

Figure 2.4.3 final type expression animation (15/10/2024, week 4)

Task 1 : Exercise 2

Before formatting the provided text, we were shown how to kern and letterspace our names according to the fonts given. We were encouraged to practice with this method first before starting to format the text given. Here are the results of kerning and tracking my name:

Figure 2.4.4 kerning & letterspacing name (18/10/2024, week 4)

Then we were assigned to make a text format using In-design. We were also provided with video tutorials to make the process much easier. The text we had to format was titled "I AM HELVETICA", and we were told to make use of kerning, letterspacing, etc. Here are some features that I used for the text formatting assignment.

Figure 2.4.5 columns (19/10/2024, week 4)

In the text format, I divided the text into 2 columns, and made sure that every start of the columns are not the continuation of the last sentence on the last paragraph. I also avoided making the text with hyphenate.

Figure 2.4.6 kerning & letterspacing (19/10/2024, week 4)

I also incorporated kerning and letterspacing in the text to make it less ragged. In addition, I prevented having widows and orphans in the text.

Figure 2.4.7 cross aligning (19/10/2024, week 4)

To make the text uniformed, I cross aligned the text, headline, and sub-heading. Lastly, I made sure there was no pilcrows between texts and used paragraph spacing. I have came up with 6 arrangements, so I can determine which one I think is best. These are the 6 arrangements I came up with:

Figure 2.4.8 text format arrangements (19/10/2024, week 4)

After some consideration, I chose to settle with the fourth format. This is the text format I chose:

Figure 2.4.8 text formatting (19/10/2024, week 4)

These are my formatting details:

HEAD LINE

Typeface: Bodoni Std

Font: Bodoni Std Bold

Type Size: 34 pt

Leading: 36 pt

Paragraph spacing: 0

SUB-HEADING

Typeface: Bodoni Std

Font: Bodoni Std Book

Type Size: 18 pt

Leading: 20 pt

Paragraph spacing: 0

BODY

Typeface: Bodoni Std

Font: Bodoni Std Book

Type Size: 11 pt

Leading: 13 pt

Paragraph spacing: 13 pt

Characters per-line: 62

Alignment: left align

Margins: 70 mm bottom, 10 mm left + right + top

Columns: 4

Gutter: 5 mm

After the feedback, Mr. Vinod said that the text format I made was too condensed at the top. So, I altered it and made it much more stable. Mr. Vinod also said that the picture has too much text value and it would be better to change it to a different picture. I also fixed the kerning and letterspacing in my text, so it is more readable. Here is the final text format I settled with:

FINAL TEXT FORMATTING SUBMISSION

Figure 2.4.9 final text formatting with no grids (22/10/2024, week 5)

Figure 2.4.11 final text formatting with grids (22/10/2024, week 5)

Figure 2.4.12 final text formatting with grids and without grids pdf (22/10/2024, week 5)

These are my formatting details:

HEAD LINE

Typeface: Bodoni Std

Font: Bodoni Std Bold

Type Size: 43 pt

Leading: 45 pt

Paragraph spacing: 0

SUB-HEADING

Typeface: Bodoni Std

Font: Bodoni Std Book

Type Size: 18 pt

Leading: 20 pt

Paragraph spacing: 0

BODY

Typeface: Bodoni Std

Font: Bodoni Std Book

Type Size: 11 pt

Leading: 13 pt

Paragraph spacing: 13 pt

Characters per-line: 60

Alignment: left align

Margins: 50 mm bottom, 20 mm top, 10 mm left + right

Columns: 4

Gutter: 5 mm

BACK TO TITLE

FEEDBACK

Week 1:

General Feedback: The tutorial to make our e-portfolio was clear, instructions was well said. We were told to make some sketches about type expression, according to our words of choice. We were also assigned to watch lectures and complete our e-portfolio this week.

Specific Feedback: -

Week 2:

General Feedback: We were told to expand our research to make our sketches better. We were also told that choosing a font and a typeface was just as important as making the sketches. Our definition of typography was also expanded, when Mr. Vinod explained it in a much more detailed way.

Specific Feedback: The sketches I did last week, were given feedback this week. The words I chose were rush, pull, wind, and chop. For the word rush, I was given feedback to revise my sketch by combining 2 of my designs. As for the word pull, I was told to re-design it, since there was still room for improvement. My third choice of word is wind, I was given feedback to keep it more compositionally. The last word I chose was chop, overall the 3rd sketch I made was good, but it could be better if I revise it a bit. I was also given feedback for my e-portfolio, it was lacking research and it was missing some minor details.

Week 3:

General Feedback: We were informed to not use too much illustration while doing type expressions. Furthermore, we have to consider the amount of space we had for our type expression. In this task, we were given a square box as our space. We were also told to keep an eye for screen grabbing while saving our work.

Specific Feedback: For this week, we were given feedbacks from Mr. Vinod for our type expressions digitalization. I also received some feedback regarding my work. Firstly, I was told that my type expressions design for the word rush and chop could work. In addition, I was also told that my design of type expression for the word pull needs to be pulled more and the word will be better if I kern it. Also, for the word wind I was told to make it a bit more expressive. Because the original design I went for was too linear.

Week 4:

General Feedback: Mr. Vinod made it clear that we had to use the 10 fonts provided, and most importantly he emphasized that we should not animate something different from what we originally designed for the type expression. We should stick to the original idea of the design and make it express the right expression.

Specific Feedback: This week, I was given feedback regarding the animation I made for the word rush and I was also given a feedback for my final type expression digitalization design. For the animation, Mr. Vinod said that it was good and there was no problem. The feedback I received for my digitalization is that my designs was not that impactful, but all of the designs could work.

Week 5:

General Feedback: Mr. Vinod reminded us to not use pictures that consist of too many text, so that viewers don't misinterpret the message behind the picture we chose. He also emphasized that we should not use pictures with colors in them. We were also informed about the importance of letting our text breathe by having white spaces in the text format followed by a good composition. Moreover, we were told that the typeface for the headline and the body of the text doesn't have to be different.

Specific Feedback: The feedback we received this week was about the text formatting assignment that we were assigned to do last week. Mr. Vinod said that the text format I arranged was too condensed at the top. In addition, the length of my text columns were too different. Lastly, the picture I chose needed to have less text value.

BACK TO TITLE

REFLECTION

Experience

I felt so out of place in the beginning of classes, because of many new things I learned. Especially, because I studied before coming in classes thinking that I was ready for anything. But, in the end I have figured it out bit by bit. The process of learning was also very fun and enjoyable.

These few weeks I learned the difference between typefaces and type families. I was shocked to see the differences between type families and typefaces. I also learned a lot about adobe, from the tools to how to make designs. During week 3, I got to learn on how to animate the type expression designs I made, it was very enjoyable and I liked every step of it! I also practiced how to use In-design, it was complicated at first but I managed to finish the assignment and also learned a lot about the tools and features of the app. Though after some fault, I now have a better understanding on how to kern or letterspace the text better to make it much more readable.

Observations

During the learning process, I became very fond of typography. Sometimes I would just shock myself, because of how much typography there actually is around my environment that I frequent visit. Through the making of my sketches, exercises, tasks, assignments, and feedbacks I discovered that sometimes simple things are much better. I have come to realize that sometimes simple is best, that concludes typography. In the following week, I have seen that a lot of my classmates know a lot about adobe. So, I am trying my best to get better at it. When we were assigned to animate our type expression design, I found that many of my peers work was very captivating and unique. During the time when we were assigned to use In-design, it was very hard to use on my part. But, the tutorials given was very helpful. I realized that you need to pay a lot of attention in detail to create a readable text with a good composition.

In addition, I was also stunned by how fast my classmates can submit their assignments. Because these assignments can take me 2-3 days to finish. The quality of their work was also top tier, in my opinion. So, these days I am trying to improve myself and work in a much faster pace.

Although, there is 1 thing that I regret not doing before the first day of class. Which is not exploring the software that I will be using in the future. If I could turn back time, I would spare some time to explore more about the apps.

Findings

I have learned that when it comes to typography or making type expressions to be exact, is that the designs doesn't have to be so complicated. Because, sometimes in typography simple designs has to be appreciated more. Since, it can express the word much more than what you actually think. These few weeks, I have also learned that when you explore an app. It is recommended to combine the learning experience with both tutorial videos and also exploring it on your own. When it comes to animating, it needs a lot of precision and careful arrangements to make the animation look smooth. I have come to notice the importance in detail, that is needed to produce a good text format too. I found out that it is better to let your composition or text breathe when you format a text by giving it space while still maintaining a good composition.

BACK TO TITLE