Typography Task 2 Exercises

 Blogspot! :)

---

2023-10-31 -  2023-11-07 (Week 6 - Week 7)

Jolin Ceria [Student ID 0363784]

Bachelor of Design and Creative Media in Taylor's University

Typography Task 1 (Type Expression and Text Formatting)

---

Lecture Notes :D

Lecture 6 (2023-10-31)

[Typo_6_Screen&Print]

Print type VS Screen type:

→ Print type: Type that was designed intended for reading from print/paper before we read from screen. Designers have to ensure that the text is smooth, flowing, and pleasant to read, along with being highly readable when set at small font size. 

→ Screen type: Type that was modified to enhance readability and onscreen performance in a variety of digital environments. Includes a taller x-height (or reduced ascenders and descenders), wider letterforms, more open counters, heavier thin strokes and serifs, reduced stroke contrast, modified curves and angles for some designs, and more open spacing.

Static typography VS Motion typography:

→ Static typography: Has minimal characteristic in expressing words, consists of traditional characteristics such as bold and italic, that offer only a fraction of the expressive potential of dynamic properties. Some places where static typography would be found are billboards, posters, magazines and fliers.

→ Motion typography:  Type that is “Dramatized” for letterforms to become “fluid” and “kinetic”. Often overlaid onto music videos and advertisements, often set in motion following the rhythm of a soundtrack.

Instructions! :0

---

We're pasting this again boys

---

Exercise 3!

This exercise spans from week 6 to week 7, and we were tasked to create an editorial layout from one out of the three article options, those being:

• The role of Bauhaus thought on modern culture
• A code to build on and live by
• Unite to visualise a better world

I decided to choose to make an editorial layout for "The role of Bauhaus thought on modern culture".

Phase 1: The Options

These were the multiple options I had for this task.

Fig 2.1 Format option 1

Fig 2.2 Format option 2

Fig 2.3 Format option 3

I had asked Ms. Hsin for her option, and she decided on Format 3, as it looked straightforward enough and worked well. But after that, I have decided to make some changes by adding some lines near the text.

Fig 2.4 Format with changes

Although I liked how it looked, I was told that the addition of the lines made it seem like there were too many design elements, so I then decided to swap back to the initial layout and then skewed the subheading instead of rotating it and also skewed the text, since it would line up with the lines better. I ended up on deciding on this layout in the end.

Fig 2.5 Layout without grids

Fig 2.6 Layout with grids

Fig 2.7 Layout without grids (PDF edition)

Fig 2.8 Layout with grids (PDF edition)

HEAD
Font/s: Futura Std Medium Condensed, Futura Std Light Condensed, Univers LT Std 59 Ultra Condensed, Univers LT Std 49 Light Ultra Condensed, Futura Std Bold
Type Size/s: 87 pt, 48 pt, 180 pt, 124 pt, 24 pt
Leading: 24 pt
Paragraph spacing: N/A

BODY
Font: Gill Sans MT Regular
Type Size: 11 pt
Leading: 12 pt
Paragraph spacing: 12 pt
Characters per-line: 58 max
Alignment: Left Justify

Margins: 12.7 mm top, 12.7 mm left, 12.7 mm right, 12.7 mm bottom

Columns: 1 (First half), 2 (Second half)

Gutter: 4.233 mm

Feedback :T

---

Week 6:

→ Please try to make some sort of guide for the readers so they know what order they should read it in; Messy reading order will cut down legibility

→ Try not to emphasize too many elements, reading hierarchy is important; This is so the reader knows what the key words are.

→ Do not indent the first paragraph; Indents are commonly used only starting the second paragraph.

→ Be careful when using the justify paragraph format; Using the justify paragraph format may cause unwanted spacing between words

Week 7:

→ Try not to add too many design elements in one go; Sometimes simplicity is key

→ You can incorporate cross-alignment in multiple elements of the text formatting; i.e. Heading and body text

→ Try implementing gravity in your layout; Since we usually read from top to bottom, it's easier

→ Imagine yourself as a reader; Doing this will help you visualize a better text layout as you are seeing it from the perspective of another person rather than as the creator, and might help you see what you can and can't read correctly.

Reflections :v

---

Experience
As I continue taking this course, I honestly still feel like this course is much easier to manage than high school. I don't really know if this will change ever, since high school was, again, really difficult to manage, although my sleep schedule has definitely taken a major hit, but for different reasons.

I also did not expect a plagiarism case to happen during the 1st semester out of all times. I was told about this beforehand still, but what did I not expect to see was it actually happening this early. I do hope it doesn't happen again, because that honestly kind of sucks.

Observation
I'm starting to do my work more on time, meaning I'm not doing everything the night before anymore! :D 

On a side note, I do notice that my classmates have more complex ideas than I do. My ideas tend to lean more towards simplicity, and I honestly am not sure how to feel about it, since I have a tendency to lean towards the safe side of things.

Findings
I'm starting to do my work more on time, meaning I'm not doing everything the night before anymore! :D

Further Reading B)

---

Fig 3.1 I.D.E.A.S Computer Typography Basics

These are the basic font categories:

• Serif
• Sans Serif
• Mono-Spaced
• Display
• Script
• Text
• Dingbats