Typography - Task 2: Typographic Exploration and Communication

21/10/2024- 05/11/2024 (week 5- week 7)

Cindy Noverin / 0376409

Typography / Bachelor of Design (Hons) in Creative Media / Taylors University

Task 2 - Typographic Exploration and Communication

TABLE OF CONTENTS

Lecture Typo_5_Understanding

Some uppercase could appear symmetrical but turns out it’s not due to illusions made.
When making curves strokes for a lowercase letterforms, it needs to exceed the x-height so it will appear the same size as the vertical and horizontal stroke they adjoin
When making letterforms we also need to consider the spaces because it would affect the readability
Counterform= the spaces that are left in each letter
Contrast = the different weight and width that usually used for bridges and stems. Mostly used to specify the important information

back to top

Instructions

1. Sketches

fig.2.1. text layout sketches (26/10/24)

while doing the sketches, I did a lot of brainstorming trying to find better ideas for the layout. I watch the videos tutorial provided but thought about the layout more than the type expression and text that I forgot some sketches that I do won't do that well because the text that I chose is a lot shorter than the other text. I even try to look around to see if theres some work that I could use as a composition. however, since this task doesn't allow me to use pictures, I just went to illustrator and Indesign to start on my work than keep sketching because I think Its better if I got a vision of the font choice I have and what I could do with them.

2. Headline

fig.2.2. type expression attempt (27/10/24)

while doing the type expression, at first I didn't think of making something thats too extreme because when doing the word Unite, I have a dilemma on the readability. I tried using different typeface in one word and I guess it turn out quite well but I can't help but misread it and I'm also not sure if different typeface in one type expression is allowed, so I changed it into one typeface which is Bodoni Std. but I uses different font on it. I put the italic type for the I because if the N is Italic, combined together would make it look like M.

3. Layout

Layout #1

after that I continued it on indesign. I lay out my text that I have and try to implement the sketch number 3. however I didn't did too much expression on this one to focus on the readability. I just add a parentheses and o to make the I have an Eye as it has a vision. I also put the subtext on the bottom because I think its a good place to fill

fig.2.3. first attempt (27/10/24)

Layout #2 and #3

I used the type expression that I made in Illustrator and paste it in InDesign.

fig.2.4. second layout attempt (27/10/24)

fig.2.5.third layout attempt (27/10/24)

they both look somewhat familiar with the text position and the headline, the difference is that the second one got black backgrounds and different position of subtext.

Layout #4

fig.2.6.fourth layout attempt (27/10/24)

for the last one I got I tried to make the headline centered and did some letterspacing on the text there. if you don't notice I also make a parentheses on the Visualize word and World.

then I blocked it all to see some space that I left. overall I think that the first and fourth layout is pretty good with the composition, and how every space doesn't feel that empty

fig. 2.7. all text layout. (27/10/24)

fig.2.8. all text layout blocked (27/10/24)

fig.2.9. all text layout with grids (27/10/24)

HEAD LINE
Typeface: Bodoni Std

Font/s: Bodoni Std Book, poster, Bold italic, book italic, Roman
Type Size/s:280 pt
Leading: - pt
Paragraph spacing: 0

Subtext

Bodoni Std Roman

50pt

BODY
Typeface: Gill Sans

Font/s: Gill Sans Regular
Type Size/s: 11 pt
Leading: 12 pt
Paragraph spacing: 11 pt
Characters per-line: 57
Alignment: 12,7 mm all sides
Columns: 2 / 3
Gutter: 4,233 mm

Final before feedback

fig.2.10. final text layout before feedback (27/10/24)

fig.2.11. final text layout before feedback with grids (27/10/24)

During the feedback session, Mr. Vinod gave feedback to other students and uses my work as an example because it looks simple. however, he said that I need to fix the position of the headline and the paragraph spacing because I didn't notice that I pressed enter twice when adjusting the paragraph. I move the "Unite" and the rest of the headline to the side because he said that there should be nothing between the page. I also deleted the expression on the Visualize and world because he said that one expression is enough.

fig.2.12. final layout after feedback blocked (28/10/24)

Final Task 2 - Typographic Exploration and Communication Formatting Details

HEAD LINE - UNITE
Typeface: Bodoni Std
Font/s: Bodoni Std poster compressed, Bold italic, bold
Type Size/s: 280 pt
Leading: -
Paragraph spacing: -

HEAD LINE - To Visualize a Better World

Typeface: Bodoni Std

Font/s: Bodoni Std poster compressed, Bold italic, bold

Type Size/s: 280 pt

Subtext

typeface / fonts : Gill Sans Std Bold

type size : 14 pt

leading : 24 pt

BODY

Font/s: Gill Sans Regular
Typeface: Gill Sans
Type Size/s: 10 pt
Leading: 12 pt
Paragraph spacing: 11 pt
Characters per-line: 56
Alignment: 12,7 mm all sides
Columns: 2
Gutter: 4,233 mm

fig.2.13. final task 2 - JPEG (28/10/24)

fig.2.14. final task 2 - PDF (28/10/24)

fig.2.15. final task 2 with grids - JPEG (28/10/24)

fig.2.16. final task 2 with grids - PDF (28/10/24)

back to top

Feedback

Week 6

Specific feedback :

He says my second layout is pretty good, my Paragraph spacings is problematic because I clicked enter twice without noticing. I don’t need to put any other expression than unite and I could delete the type expression on the Visualize and world. the headline could be distanced because its in between the two page so I move it to the left with the words under it to so its not between the 2 page. When I printed it out he says that theres nothing else wrong with it so my work is done and I can proceed to put it in my E-portofolio.

General feedback :

Mr. Vinod gave us feedback on our second task. we need Pay attention to letter per lines and margins cause it could affect readability. He also asked us to print the task out in A3 paper so he could examine it.

Week 7

Specific feedback

during this week lecture, Mr. Vinod ask us to submit our final task 2 and finalize it. for my task 2 text format, mr. Vinod doesn't have any comment anymore so I continued on starting task 3

general feedback :

mr. Vinod highlights the submission for our e-portfolio and how simple things like access to file, not documenting progress well can affect our grades.

back to top

Reflections

Experience

when doing this task, I realize that I need to pay more attention to what the lecturer says cause I missed the biggest point of the task where I supposed to use 200x200 size but I used A4 instead. I also experience doing text formatting as if Im making an article or a newspaper layout and I enjoyed it.

Observations

I saw other students work to compare it with mine and I see that mine are more simple compared to other. they got more creative in doing the headline and even went diagonally which I didn't try doing. they also mostly use the 1st and 2nd text choice that I tried to avoid because I believe that it will be more complicated but they execute it pretty well.

Findings

I found that doing text formatting especially for this task 2 isn't just copy paste text, arrange, then done. but I still need to adjust the them using kerning, decide on a fitting headline.

back to top

Further Reading

fig.5.1. A type primer 2nd edition by John Kane (27/10/24)

Letter, Words, Sentences

explains about letter form shapes, x-height of lowercase letterforms, counter forms, the width and weight in different typeface that makes each typeface unique, the contrast of letters that can be in many forms

fig.5.2. letterform's contrast (27/10/24)

type and color

I read this part of the book to get more vision for the 2nd task cause I got a little bit stuck in implementing the first assignments. so on this chapter, it explains about the use of colors and the hues and saturation could affect the readability. the use of Colors in typography could be implemented in highlighting text.

back to top

Search This Blog

Cindy Noverin (0376409)