Typography | Task 1: Exercises
|| 24/09/24 – 29/10/24 (Week 1 – Week 6)
|| Tee Zi Tong, 0366165
|| Typography
|| Task 1: Exercises
TABLE OF CONTENT
2. INSTRUCTIONS
3. TASK PROGRESSION
4. FEEDBACK
5. REFLECTION
6. FURTHER READING
LECTURES
Lectures 1 / Typo 0 _ Introduction and Briefing
1. Typography as a Design Foundation
- Mr. Vinod emphasizes typography as a fundamental component of design education, emphasizing its importance in developing composition and attention to detail. The course will assist students in developing a strong sense of typography and employing text for visual expression, even though it can be difficult for them at times because text must be viewed as a visual phenomenon.
2. Typography Across Disciplines
- Typography affects many aspects of design, such as websites, apps, logos, print, screen, and signage. Typography is important for branding, interfaces, and navigation; therefore, designers need to be proficient in it to create designs that are clear and easy to use.
3. Self-Learning and Iterative Process
- With a 500-year history, typography requires an understanding of terminologies and traditions. While there are no hard and fast rules, the speaker stresses the importance of understanding traditions before breaking them and encourages self-study through reading and research. Iteration and feedback are essential to developing typographic skills.
4. Historical Significance of Calligraphy
- In the past, calligraphy and typography were used to express class and education. Although it is no longer a required component of the typographic curriculum, its impact is still seen today. The lecturer also mentions how Steve Jobs drew inspiration for current computer fonts from a calligraphy course.
5. Democratization and Decline in Quality
- While technology has democratized typography, making it available to everyone, this has led to a deterioration in typographic quality due to the misuse of digital technologies. For efficient communication, engagement, and comprehension, good typographers are crucial.
6. Impact on Textbooks
- Typography of textbooks strongly influences the learning process. While poorly designed textbooks might impede learning, well-designed ones can leave a lasting impact and hold sentimental significance. It is the duty of designers to make sure instructional materials are readable and clear.
7. Difference Between Fonts and Typefaces
- The distinction between "typeface" (the larger family, such as "Georgia") and "font" (a particular style or weight within a typeface, such "Georgia Bold") is explained in the video. Though the phrases are frequently used interchangeably, designers should be aware of this discrepancy.
8. Course Requirements
- It is mandatory for students to register for a Blogspot account to record their semester work and join a Facebook group for communication and resources. Throughout the course, they will use the blog as a portfolio to arrange and classify their efforts.
Lectures 2 / Typo 1 _Development
1. Early Evolution of Letterforms: Phoenician to Roman
- Writing was first done by carving or scraping on clay or stone. These techniques with straight lines and circles led to the evolution of uppercase forms, which have been in use for around 2000 years.
2. Hand Script (314–10th century C.E.)
- Roman monuments had square capitals, which were serifed and had a range of stroke widths.
- Cursive Hand: An early form of lowercase letters, used in daily transactions.
- Uncials and Half-Uncials: Combined Roman cursive forms to produce lowercase letters and ascenders/descenders.
3. The Standardization of Charlemagne
- Charlemagne standardized church scriptures in 789. Capitalization, punctuation, and lowercase letters were developed as a result.
4. Blackletter & Gutenberg
- Regional scripts such as Rotunda in southern Europe and Blackletter in northern Europe evolved after Charlemagne.
- Manuscripts were copied using Blackletter on Gutenberg's printing press.
5. Roman Type Humanist Script (1460-1500)
- Roman type was created in Italy and spread thanks to people like Nicholas Jenson.
- An important person in French printing was Garamond.
- 1450 Blackletter: Early printing style from northern Europe.
- 1475 Old-style: Evolved from calligraphic origins, used for books.
- 1500 Italic: Condensed and close-set for more words per page.
- 1550 Script: Mimicked calligraphy, used in short applications.
- 1750 Transitional: Refined old-style with exaggerated contrast in strokes.
- 1775 Modern: Extreme contrast in strokes, unbracketed serifs.
- 1825 Square Serif/Slab Serif: Developed for advertising, dropped brackets.
- 1900 Sans Serif: Eliminated serifs; variations include humanist (Gill Sans) and geometric (Futura).
- 1990 Serif/Sans Serif: New type families combine serif and sans serif forms.
Lectures 3 / Typo 2 _ Basic
1. Typography Basics
- Baseline, x-height, cap height, ascender/descender height, and optical adjustments are among the technical words pertaining to letterforms that are introduced in this lecture. It is essential to comprehend these terms in order to understand type design.
2. Letterform Anatomy
- Important vocabulary is covered, including arms, ascenders, descenders, apex, and strokes (crossbar, crotch, etc.). As spacing units, M and n spaces are described, where M is the wider of the two.
3. Ligatures & Stress
- In letter design, ligatures (such as "Fi," "Fl") help to avoid collisions. Letter design stresses, particularly in the letter "S," have an impact on readability. Although Baskerville introduced vertical stress, serif letters often feature diagonal stress.
4. Typefaces & Families
- An explanation of the distinction between fonts and type families is provided. The selection of a type family is stressed in complex design. Particularly in acronyms, small capitals (usually found in serif typefaces) aid in text uniformity.
5. Uppercase/Lowercase Numerals
- Lowercase numbers go more naturally with text. Programming languages such as InDesign provide access to small caps and lowercase numerals.
6. Type Design
- Certain well-designed typefaces have persisted for centuries due to their efficacy. To build a strong foundation, beginners are suggested to study nine essential typefaces.
7. Typeface Selection
- The font should be chosen to enhance the message. It is advised that users read widely about typography in order to complete tasks efficiently. Mr. Vinod admits that every typeface has a use, although he favors sans-serif fonts like Futura and Helvetica.
Lectures 4 / Typo 3 _ Text_ Part 1
1. Kerning & Tracking
- While tracking modifies the spacing throughout entire words or sentences, kernelling modifies the spacing between individual letters. Kerning is necessary and primarily used for headlines, but too much of it can be distracting.
Fig 1.4.1, Example of Kerning Fig 1.4.2, Example of Tracking 2. InDesign Basics
- For extensive text, InDesign works best. For effective text formatting, important parameters including page size, margins, and text tools are introduced.
3. Letter Spacing & Capitalization
- Text looks better when characters are spaced appropriately, especially in capital letters. Readability is decreased by excessive spacing, especially in lowercase letters that depend on counter forms.
4. Text Formatting & Readability
- Readability is impacted by the proper usage of alignments (justified, centered, and flush left). The easiest text to read is left-aligned text; if properly formatted, centered and justified text might be challenging to read.
5. Typeface & Readability
- Legibility is impacted by typeface selection. For screen reading, sans-serif typefaces are frequently preferable. It's critical to strike a balance between design and message delivery.
6. Layout & Design
- For the best readability, elements including type size, line length, and leading must be taken into account. Screen testing and test printing are useful tools for evaluating typography's efficacy.
7. Attention to Detail
- Designers have to pay attention to small details, such as the interaction between letters and ascenders and descenders. Throughout the semester, nine distinct typefaces are made available to students for use.
Lectures 5 / Typo 4 _ Text_ Part 2
1. Review of Text Formatting
- covered letter alignment, color, kerning, and spacing. The emphasis of the lesson switches to paragraph indication, where the pilcrow sign is introduced as one technique.
2. Symbols & Cross Alignment
- Paragraph spacing has traditionally been achieved with the pilcrow. For a constant text flow, paragraph spacing and leading should match. Shown off in InDesign.
3. Methods for Paragraph Spacing
- Paragraph spacing versus line spacing. Extended paragraphs or indentation can be used to indicate paragraph space; justified alignment is recommended.
4. Widows & Orphans
- Typographic problems such as widows (short lines at the end) and orphans (single lines at the beginning) can be avoided by altering the spacing and kerning.
5. Text Highlighting
- To draw attention to text, use bold, italics, or a smaller point size. Make sure that numbers and acronyms match the text.
6. Reading Axis & Highlighting
- Accurate reading axis is essential. Large text bodies are better highlighted by boxes or indentations than by non-aligned numerals.
7. Typographic Hierarchy
- Readability is enhanced by hierarchies (A, B, and C heads). Headline styles and appropriate spacing aid in textual segmentation of subjects and sections.
8. Cross Alignment
- It's critical to keep leading and text sizes cross-aligned. InDesign examples are displayed.
9. Conclusion
- Consistency in cross alignment is highlighted, despite varying leading sizes. Reminding students to install font families for in-class use concludes the lecture.
Lectures 6 / Typo 5 _ Understanding
1. Asymmetry in Uppercase Letterforms
- Although uppercase letters, such as those seen in the Universe and Baskerville typefaces, seem symmetrical, their stroke weights and arcs are actually asymmetrical. This optical modification improves the typeface family's expressiveness and harmony.
2. Letterform Sensitivity & Consistency
- The Helvetica and Univers typefaces' differing renditions of the letter "A" draw attention to design sensitivity. For optical equilibrium, curved strokes (like the "s") frequently rise or dip slightly. A design's consistency is essential to avoiding typeface overkill.
3. Median Line & Counter Form
- To make curved letters appear the same size as straight characters, they extend slightly above the median line. For a letter to be readable, the space surrounding it is called counter form. Analyzing the way that letters such as "R" handle counters aids in comprehension of readability.
4. Analysis of Existing Typefaces
- Learning about the different typefaces for letters like "S" and "G" will help you understand typographic norms. In typography, contrast—such as light vs dark or organic versus machined—is a technique used to provide special effects and distinguish information.
Lectures 7 / Typo 6 _ Screen and Print
1. Typography in Print vs. Screen
- Print will endure despite the rise of screens because of its tactile appeal, particularly for older generations, while younger generations might prefer digital media. According to research, printed books may improve learning more than electronic textbooks.
2. Evolution of Typography
- The function of typography has changed, particularly on screens where dynamic factors like resolutions and devices call for flexible design. The speaker emphasizes how, compared to print, designers now work in more dynamic situations.
3. Print vs. Screen Typography
- Screen typography puts readability and adaptability first, while print typography stresses elegance and clever design. For upcoming typographic difficulties on the web and in apps, designers should be knowledgeable about both platforms and learn to code.
4. Screen Technology & Typeface Design
- Typography was constrained by low-resolution screens in the past, but advances in technology now enable more intricate patterns. Readability in digital contexts still needs to be taken into account when designing fonts, particularly for smaller screens.
5. Font Size & Measurement on Screens
- In screen typography, point-based metrics are preferred over pixels. The cross-platform uniformity has increased with systems such as Google Fonts. But devices with variable screens, like smartwatches, complicate the design.
6. Expressive Typography
- As demonstrated in kinetic typography and title sequences, static type can communicate emotion and vitality even in the absence of motion. For designers working in a variety of industries, having a solid understanding of typography is essential to textual communication.
INSTRUCTIONS
Compose and express the chosen 4 words using any of the 10 typefaces provided.
Words
1. Fancy
2. Bloom
3. Smoke
4. Spicy
Sketches
"You will be given incremental amounts of text that address different areas within text formatting i.e. type choice, type size, leading, line-length, paragraph spacing, forced-line-break, alignment, kerning, widows and orphans and cross-alignment. These minor exercises (Formatting Text 1:4 to 4:4A) will increase your familiarity and capability with the appropriate software and develop your knowledge of information hierarchy and spatial arrangement. The task ends with the submission of one layout in A4 size demonstrating."
HEADLINE
Typeface: Gill Sans Std
Font/s: Gill Sans Std
Type Size/s: 18pt, 36pt
Leading: 14pt
Paragraph spacing: 0
BODY
Typeface: Adobe Caslon Pro
Font/s: Adobe Caslon Pro
Type Size/s: 11 pt
Leading: 14 pt
Paragraph spacing: 14 pt
Characters per-line: 60
Alignment: left justified
Margins: 40 mm top, 30 mm bottom, 20mm left + right
Columns: 5
Gutter: 4.2 mm
Fig 3.8.4, Text Formatting Final with Grids (PDF)
Week 1
General Feedback:
In our first typography class, we covered the course outline and discussed the upcoming assignments and expectations. The workshop provided a solid foundation by emphasizing key concepts and practical activities that will guide our learning throughout the course. It was helpful to understand what will be expected from us moving forward, allowing us to organize our time and efforts effectively. Overall, the class was engaging, setting a positive tone for the weeks ahead as we delve into the world of typography and design.
Specific Feedback:
Ms. Vitiyaa highlighted the significance of creating unique and outstanding designs. She encouraged us to think critically about how to differentiate our work from others in the class. This guidance is crucial, as originality will be a key factor in our projects. I appreciate her emphasis on creativity and uniqueness, as it motivates me to push the boundaries of my design ideas. I look forward to applying this feedback in our future assignments.
Week 2
General Feedback:
Unfortunately, I was unable to attend class this week due to personal circumstances. I recognize the importance of participating in all sessions to keep up with the course content and collaborate with my peers. I will review the materials shared in class and reach out to classmates to catch up on what I missed. I understand that consistent attendance is vital for my learning and progress in this course. I will make every effort to ensure this does not happen again in the future.
Specific Feedback:
N/A
Week 3
General Feedback:
This week’s lesson was particularly enlightening as I learned how to utilize AI for font design. The integration of technology simplified the design process significantly, making it more accessible and efficient. The instructor provided clear and detailed guidance, which helped me understand the various tools and techniques available. This knowledge will be beneficial as we move forward in our typography studies. I feel more confident in my ability to experiment with different font designs and apply AI tools effectively in future projects.
Specific Feedback:
The teacher's support was instrumental in helping me resolve my Adobe access issue. This assistance allowed me to fully engage with the course materials and participate in class activities without hindrance. I appreciate the prompt responses and solutions provided, which made my learning experience smoother. Having access to the necessary tools is crucial for my success in this course, and I am grateful for the help in overcoming this obstacle.
Week 4
General Feedback:
In this week’s session, we focused on digitizing our sketches using Adobe Illustrator, an essential skill for our design projects. We were required to upload our completed work to both the Facebook group and our e-portfolios, reinforcing our understanding of digital presentation. Additionally, we were tasked with selecting a word for animation, which added a creative challenge that I found exciting. This project encourages us to think outside the box and explore the dynamic nature of typography.
Specific Feedback:
Ms. Vitiyaa provided constructive feedback on our type expressions, emphasizing that we should stick to the designated 10 words and avoid excessive distortion of the fonts. Her guidance is valuable, as it helps us maintain clarity in our designs while still expressing creativity. She offered assistance in refining our type expressions, which I plan to take advantage of to enhance my work. Furthermore, we were reminded to prepare our animated projects and pay attention to text formatting, ensuring a polished final product.
Week 5
General Feedback:
This week, we dedicated our time to finalizing the formatting of our ‘I Am Helvetica’ project. The clarity of instructions given allowed us to focus on enhancing our work effectively. We were also instructed to watch the ‘Typo_5_Understanding’ lecture at home and summarize it for our upcoming blog post, part of Task 2. The deadline for Task 1 is approaching quickly, with a submission date set for Monday, 28th October, and a final deadline of 29th October at 11:59 PM. Ensuring that our e-portfolios are complete and formatted correctly is essential to avoid losing any marks.
Specific Feedback:
Ms. Vitiyaa reviewed my text formatting and expressed that it is in good condition, as I adhered closely to the provided guidelines. Her positive feedback was encouraging, reaffirming that my hard work is paying off. However, she stressed the importance of completing the remaining tasks promptly to meet the submission deadline. I appreciate her support and will prioritize finishing my work to ensure timely submission, as I understand the importance of meeting deadlines in this course.
"Thinking with Type" by Ellen Lupton
Source: Princeton Architectural Press
This book provides a comprehensive introduction to the fundamentals of typography, covering the anatomy of type, hierarchy, and spatial arrangement in visual design. Lupton includes exercises and illustrations that make it accessible and practical for designers. The book explores typographic details like legibility and spacing, as well as creative expressions of type, which would complement your foundational studies.
Comments
Post a Comment