TYPOGRAPHY: TASK 1 Exercise 2 Text Formatting

TYPOGRAPHY - Task 1: Exercise 2 Text Formatting


LECTURES DURATION: Week 4 - Week 5


NAME: SITI NUR HASYIMAH ISMAIL
STUDENT ID: 0348369
PROGRAM: BACHELOR IN FASHION DESIGN TECHNOLOGY

TABLE OF CONTENTS:

 
1. Lectures & Lecture Summary
2. Instructions
3. Task
4. Feedback
5. Reflection
6. Further Readings


lectures


Week 4: 


Lecture Summary

Week 4: Basic of letterforms

In this lecture, I learned about the basic anatomy of letterforms and how each part contributes to the structure and design of typography. I also learned that letters with ascenders, like h, are slightly taller than capital letters because uppercase letters tend to be wider.


Key Terms learned during lecture:
Apex / Vertex: The point formed by joining two diagonal stems (apex is above, vertex is below).
Arm: A short or thinner stroke extending from the stem, either horizontal or inclined upward.
Ascender: The upper part of a lowercase letter that extends above the x-height.
Barb: A half-serif finish on some curved strokes.
Break: A half-serif finish on some horizontal arms.
Bowl: The enclosed space in circular-shaped letters like b, d, p, and q.
Bracket: The curved transition between the serif and the stem.
Crossbar: The horizontal stroke connecting two stems (e.g., A, H).
Cross Stroke: A horizontal stroke that cuts across the stem (e.g., t, f).
Crotch: The interior space formed at the junction of two strokes.
Ear: A small stroke extending out from a letter (e.g., g).
Ligature: A combination of two or more letters joined together (e.g., fl, fi).
Serif: The short stroke at the ends of a letter’s main strokes.
Stem: The main vertical or diagonal stroke of a letter.
Stress: The direction of the thick and thin transitions in a letterform.
Swash: An extended or decorative stroke often used for embellishment.








Instructions

1. Watch Task 1, Exercise 2-Text Formatting video tutorials
2. Complete and Submit your final T1, Ex.2 Text Formatting before the next class. Watch this video.

    - JPEG 300ppi, grayscale (with grid visible and without)
    - PDF (with grid visible and without)
    - Provide formatting details (see comment section)
    - View student eportfolio samples for best practice


3. Upon completion of Ex.2 provide the following information:

 HEAD
- Font/s: Univers LT Std (Bold)
- Type Size/s: 17
- Leading: 22 pt
- Paragraph spacing: 0 mm

BODY
- Font/s: Univers LT Std (Roman)
- Type Size/s: 9 pt
- Leading: 11 pt
- Paragraph spacing: 1 mm (space before) / 2.822 mm (space after)
- Characters per-line: 58 (first line)
- Alignment: Top

 Page Margins
- top + left + right + bottom
- Columns: 12.7mm + 12.7mm + 12.7mm + 100mm
- Gutter: 5mm


4. Update your eportfolio:
    - write your lecture summaries for "Typo_2_Basic" in your Task 1 Eportfolio
    - update your progress Task 1 Ex. 2: Text Formatting. 
    - update your feedback, reflection and further reading for week 4


Note:

Things to look out for when completing Task 1, Exercise 2 Text Formatting:
• Font size (8–12)
• Line Length (55–65/50–60 characters)
• Text Leading (2, 2.5, 3 points larger than font size)
• Paragraph spacing (follows the leading)
• Ragging (left alignment) / Rivers (Left Justification)
• Cross Alignment 
• No Widows / Orphans


Task


1. Kerning & Tracking




2. Text Formatting




Feedback

Week 7: Since I didn't come up with my own layout design, I was suggested to create my own composition. Layout must match the content of the article and chosen image.





Reflection

Through this second exercise, I gained hands-on experience with text formatting by applying key typography principles I learned in class—such as kerning and text alignment. It was my first time using Adobe InDesign, and the process was both challenging and rewarding. Not only did it help me put theoretical concepts from our prerecorded lectures into practice, but it also gave me the opportunity to explore a new creative tool within the Adobe suite. This exercise deepened my understanding of how thoughtful typography enhances visual communication and expanded my confidence in working with professional design software.




Comments

Popular Posts