Typography Task 2: Typographic Exploration & Communication

|31.10.2023-14.11.2023(WEEK 6-WEEK 8)
|Tang Chin Ting [ 0366473 ]
|Typography/

|Bachelor of Design (Honours) in Creative Media
|Task 2: Type Formatting

LECTURES

TYPO_5_UNDERSTANDING

-Understanding Letterforms

The uppercase letter form may appear symmetrical, but a close examination shows that the width of the left slope is thinner than the right stroke.

Figure 1.1 Understanding Letterforms

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

Figure 1.2 Understanding Letterforms

-Maintaining X-Height

The x-height generally describes the size of the lowercase letterforms, we should in mind that curved strokes.
Examples like 's', must rise above the median to appear to be the same size as the vertical and horizontal strokes they adjoin.

Figure 1.3 Maintaining X-Height

-Form / Counterform

How well we handle the counters when you set type determines how well words hang together-------in other words, how easily we can read what's been set.

Figure 1.4 Form / Counterform

Figure 1.5 Form / Counterform

-Contrast

The following are some examples of contrast the most powerful dynamic design and the simple contrast produce numerous variations:

Figure 1.6 Contrast

Figure 1.7 Contrast

TYPO_6_SCREEN & PRINT

-Typography in Different Medium

Typography was viewed as living only when it reached paper in the past. Once a publication was edited, typesetted, and printed it was done.
Nowadays, typography exists not only on paper but on a multitude of screens. The experience of typography today changes based on how the page is rendered.

-Print Type vs Screen Type

Type for Print

A good typeface for print- Caslon, Garamond, and Baskerville are the most common typeface that is used for print.

Figure 2.1 Type of Print

They are versatile, easy-to-digest classic typeface, which has a neutrality and versatility that makes typesetting with it a breeze.

Type for Screen

Typefaces used on the web are optimized and often modified to enhance readability and performance onscreen in a variety of digital environments.
An important adjustment--especially for typefaces intended for small sizes--is more open spacing.
It is including the web, e-books, e-readers, and mobile devices.

Hyperactive Link /Hyperlink

A hyperlink is a word, phrase, or image that you can click on to jump to a new document or a new section within the current document.
It can be found near all Web pages, allowing users to click their way from one page to another.
When a user moves the cursor over the hyperlink, the arrow should change to a small hand pointing at the link.

Font Size for screen

16-pixel text on a screen is about the same size as text printed in a book or magazine.
If we were reading book at arm's length, we'd want at least 12 points, which is about the same size as 16 pixels on most screens.

Figure 2.2 Font Size of Screen vs Print

Static vs Motion

Type is often overlaid onto music videos and advertisements, often set in motion following the rhythm of a soundtrack.
On-screen typography has developed to become expressive, helping to establish the tone of associated content or express a set of brand values.

" A great designer knows how to work with text not just as content, he treats text as a user interface."

INSTRUCTIONS

SUBMISSION

Task 2: Typographic Exploration & Communication

-We have to use AI to create an artist for the headline and expand on the paragraph that our lecturers, Miss Low and Mr. Vinod provided us. They presented us with three passages, and we had to select one to illustrate in our sketches. So I went with the section "A code to build on and live by."

Figure 3.1 Typographic Exploration

- After that, I'd do research about the meaning of the word 'code'. But I still remember that 'code' also recording to the mark < >. So I added this idea to my first sketch. I have done three sketches for this exercise:

Figure 3.2 Typographic Exploration

Figure 3.3 & 3.4 Typographic Exploration

Figure 3.5 Typographic Exploration

- According to these sketches, I try to doing the text formatting. But at the time I adjusting the text, I felt easier. After the exercise Text Formatting I still remember that the skills and tips that our lecturer given.

Figure 3.6 Typographic Exploration

- Moving on, I put in my sketches to the text.

Figure 3.7 Typographic Exploration

- Our lecturer suggested that my second drawing be better once I put my hand in my first one. However, there were still a few points in the title that needed to be modified. Encompassing the paragraph spacing and text kerning. After the lesson, I kept making changes as I waited for our lecturer's next round of comments.

Figure 3.8 Typographic Exploration

- Our lecturer helped me retype the phrase "A code to" and change the words "build" so that it was in the center of the black rectangle after we had a discussion about this. Additionally, the term "by" has to be on the same line as the word "live" to avoid giving the impression that it broke suddenly.

Figure 3.9 Typographic Exploration

Figure 3.10 Typographic Exploration

- After the adjustment, my final for this exercise was done.

FINAL TEXT FORMATTING & EXPRESSION

HEAD

Font: Bembo Std

Type Size: 30 pt

BODY
Font: Univers LT STD
Type Size: 9 pt
Leading: 12 pt
Characters per line: 58
Alignment: Justify with last line aligned left

Margins: 15mm of top, left, right, and bottom
Columns: 2
Gutter: 5 mm

Figure 3.11 Text Formatting & Expression Final JPEG (07.11.2023)

Figure 3.12 Text Formatting & Expression Final PDF (07.11.2023)

Figure 3.13 Text Formatting & Expression Final with Grids JPEG (07.11.2023)

Figure 3.14 Text Formatting & Expression Final with Grids PDF (07.11.2023)

FEEDBACK

Week 6

General Feedback: We must refrain from misinterpreting what we say. Another is that a lot of italicized text should not be used in the body of the text; it should only be used to emphasize specific phrases and sentences. Additionally, our lecturer informs us that, if we change a sentence in any passage, the first paragraph essentially doesn't require two spaces for the first sentence.

Specific Feedback: I must understand the meaning of the passage. So that my ability to create the illustrations and modify the passage is beneficial.

Week 7

General Feedback: For our e-portfolio, we need to make sure that all the links and pdf files can be opened and reviewed on other computers. Another important thing that we need to attention to is the text reading of the exercise type formatting.

Specific Feedback: For my exercise, our lecturer recommended that my third sketch illustration can be used in another way but as this exercise, the second sketch was acceptable.

Week 8

Independent Learning Week

REFLECTIONS

Experience: Through this task, I had harvested a lot. I would find it simpler to do this job than Task 1. This is because Task 1 gave us a strong foundation in article layout and text formatting, which makes it easier for us to understand how to design this assignment's article to highlight its main points. Besides, even if I still have a lot of space for development, this project also helps me see how important it is that lecturers monitor their students closely. Our lecturer may always figure out what has to be corrected, whenever I think my assignment is completed. My sketches get smoother and better with each update. I usually learn a lot from the teacher's modifications on topics that I never thought about.

Observations: Our lecturer requests for us to post our sketches to the Facebook group during each week's lesson. I find that this is an efficient way of learning. I see that many of the points that I unexpectedly in my sketches are present in my classmates' interesting works. Particularly with the typeface design, which combines a great deal of creative thinking while staying true to the essential point of the text. Therefore, this is the primary skill I must develop. However, I also noticed that when we adjust the passage, there can only be a 5mm gutter between two paragraphs. It is also the point of view I have taken away from this assignment.

Findings: Our lecturer provided us during the final session before Independent Learning Week about the many websites she will be visiting for inspiration when creating her design. As I browse the website, some posts immediately grab my attention. Numerous well-known designer pieces, including text formatting, font design, graphic design, and more may be found on the websites. Additionally, our lecturer Miss Low advised us not only to select the e-book that Mr. Vinod offered then we would be at the same phrase as our classmates in terms of further reading. So it gets harder when she reviews our blog. It would be more beneficial if we select a piece or a video from the websites she provided.

FURTHER READING

Figure 4.1 Further Reading

Typography For People (by Daniel Bellon and Klaus Bellon)

- The cover of this book caught my eye when I was researching online. I open this book even though the title confuses me about what the typography may have for people. Despite having 209 pages, this book was filled with illustrations showing many uses of typography in everyday life. This book covers everything from the most widely used in everyday life to those seen in commercials. I will now go over each section with examples.

Figure 4.2 Further Reading

Innocent Messages

- At first, the author gave us an introduction about typography. He thought that everyone around the world had the right to use the alphabet to convey messages. It can be used to send a message and draw a poster for commercials, more and more people using it then it would be valuable. Besides, creating typography wasn't difficult things even for children. Only the absolute worst handwriting fails to be understood. He also mentioned that "writing is a miracle that everyone can perform". However, we should never transmit the message that designs are reserved for those experts. The main message in this book is to tell the reader that at some level, we are all designers.

Figure 4.3 Further Reading

By the people, For the people

- Besides, the author also mentioned that letterforms were interesting symbols. In the term letterform 'I', it can be considered to be many expressions. Including in English, in chemistry, in metaphysics, even in mathematics. One stroke of a pen or a brush could be the power to describe the words and deliver the information. This book is a celebration of typography and highlights the beauty of typography in its truest form— not as a profession but as a necessity of everyday life. The author emphasized again typography belongs to everyone and belongs to people.

Figure 4.4 Further Reading

This Way

- The first point about the use of typography is to show direction. The author mentioned that we don’t really know how this narrow-versus-wide standard was created (maybe from pointing with our fingers, which are thinner than our hands), but we do know it is an international standard. In all our travels, we never encountered any other device to show direction. The shapes and styles varied greatly, but anywhere we went, we followed the arrows.

Figure 4.5 Further Reading

Open For Business

- The most important message that it provided is they want you to come in and buy the item. Few individuals need to communicate more messages more often than business owners. Their signs are crucial: their livelihood depends on messages coming across to potential customers. This is not casual communication. Although plywood and paint may normally not amount to much, business owners rely on these simple materials as the first step in what they hope will end up in a monetary transaction.

Figure 4.6 Further Reading

Figure 4.7 Further Reading

Numbers

- Today, when we travel to countries whose languages we may not understand, only those friendly Arabic numbers seem familiar. Will the train we board on this track be inbound or outbound? We’re not sure, but at least we know it will be here at 4:20. The elderly woman behind the register greets us, we presume, but it’s not until we see the grand total flash over the cash register that we act. Numbers, it would appear, are the only familiar faces to greet us during most foreign travel.

Figure 4.8 Further Reading

Pay Attention

- Someone is trying to tell you something, but that person is almost never there. He left behind a sign to alert you. The messages we convey to others are varied, and the aim is to get their attention. Much like the construction worker who wears a brightly colored shirt while directing traffic, large letterforms, and bright colors help convey the tone of the message being passed on. Typography becomes an effective representation of the human voice, each iteration is as unique as the person behind its message.

Figure 4.9 Further Reading

Figure 4.10 Further Reading

F.Y.I

- Sometimes a few words aren’t enough. Sometimes we need a sentence or two (or eleven) to convey our message. Sometimes the content needs to express very complicated ideas, tell a story, give instructions, or communicate detailed information. Typography can also convey the tone and purpose of these longer messages, not just its content. Written communication is no different, and it has just as many nuances—all filled with meaning that lets us know more about the information being given.

- These are the different fonts that people use.