Typography Task 2: Typographic Exploration & Communication

 28.10.2024-28.12.2024/week6-week7

Cai Zihan/0378043

Typography/Bachelor of Design (Honours) in Creative Media

Task2:Exercise1 


TABLE OF CONTENTS


1.LECTURES

2.INSTRUCTIONS

3.FEEDBACK

4.REFLECTIONS

5.FURTHER READING


LECTURES

week 6
Typo6-screen and print
Typographg/Different Medium


The typographic style of this one has good line lengths and is very readable at actual size

Fig.6.1. Print type vs screen type


System Fonts for Screen/Web Safe Fonts Typefaces intended for use on the web are optimized and often modified toenhance readability and performance onscreen in a variety of digitalenvironments.This can include a taller x-height (or reduced ascenders anddescenders),wider letterforms,more open counters,heavier thin strokesand serifs,reduced stroke contrast,as well as modified curves and anglesfor some designs.


web safe fonts
Open Sans,Lato,Arial,Helvetica,Times New Roman,Times,CourierNew,Courier,Verdana,Georgia,Palatino,Garamond


Pixel Differential Between DevicesThe screens used by our PCs,tablets,phones and TVs are not onlydifferent sizes,but the text you see on-screen differs in proportion too,because they have different sized pixels.100 pixels on a laptop is verydifferent from 100 pixels on a big 60"HDTV.Even within a single device class there will be a lot of variation



INSTRUCTIONS


 

<iframe src="https://drive.google.com/file/d/1pmDu-d1Anjq54Eniu-t3MuRe2eR2rria/preview" width="640" height="480" allow="autoplay"></iframe>

Task1:Exercise -Type Expression


fig.6.2 sktch








I started by designing the title on the Ai software as follows


Fig.6.3. Design Title





This is what it looks like after putting the font I designed into the entire text and then tweaking it.

Fig.6.4. Text


This is the process of changing the text.








Final 






week 7

The professor gave us one by one individual critique of the assignment in class, and my problem was that the 'c' could have been more downward.


Fig.7.1. Text


HEAD
Font/s: Bembo Std
Type Size/s: 24 pt
Leading: 24 pt
Paragraph spacing: 0

BODY
Font/s: Bembo Std Bold
Type Size/s: 10 pt
Leading: 11 pt
Paragraph spacing: 11 pt
Characters per-line: 60
Alignment: left justified

Margins: 20 mm top,  mm left + right + bottom
Columns: 2
Gutter: 10 mm

Final















Feedback

week 6:
General Feedback:The professor pointed out the problem with our assignment last week.
Specific Feedback:The problems with my assignment were that the title needed to convey what you were trying to emphasize, the two sides of the article looked too neat, the line length should be between forty and fifty, and mine exceeded that.


week 7:

General Feedback:After the professor pointed out our problems with last week's assignment in class he had us use markers and squares of paper to write 'HOGB' create our own font.

Specific Feedback:The professor gave us one by one individual critique of the assignment in class, and my problem was that the 'c' could have been more downward.




REFLECTIONS

Experience:
week 6:The professor pointed out the problem with our assignment last week. The problems with my assignment were that the title needed to convey what you were trying to emphasize, the two sides of the article looked too neat, the line length should be between forty and fifty, and mine exceeded that.

week7: professor gave us one by one individual critique of the assignment in class, and my problem was that the 'c' could have been more downward.

Observations:
After this critique, I need to be more meticulous about the number of words in a line of text and how big the text is cranked up. And the design content needs more reading and learning from other people's great work to develop my own design ideas.

Findings:You can design more than one version of it, and you can refer to the last one you made to improve it.






Further Reading

A Type primer


A Type Primer is a book written by John Kane to introduce and teach the basics of typography. It is aimed at beginners in design and typography, as well as design professionals who wish to deepen their knowledge of typography. Below is a summary of the main points of the book:

1. Typography Basics

This book provides an in-depth look at the basic principles of typography, such as fonts, word spacing, line spacing, alignment, and paragraph formatting. The author explains in detail how these concepts affect the readability and visual appeal of text, and provides practical examples to demonstrate the effects of different typographic choices.

2. Fonts and Classification

John Kane discusses the historical background of fonts and their categorization, including the difference between serif fonts (such as Times New Roman) and sans serif fonts (such as Helvetica). He analyzes how different fonts are used in different design situations and how to choose the right font to convey specific messages and emotions.

3. Grid System and Layout Design

The book explains the importance of the grid system in typography. kane describes in detail how to utilize the grid to achieve a consistent and structured design. Readers learn how to create organized layouts that are visually accessible and appealing.

4. Hands-on and experimental

The authors provide hands-on exercises that encourage readers to get their hands dirty and experiment with different types of typography. The book is filled with practice problems and case studies to help readers consolidate their knowledge and develop their own design style.

5. Technology and modern tools

Although A Type Primer focuses on the basics of typography, the book also covers integration with modern digital typography tools.Kane discusses how to use a variety of software and techniques to achieve professional typographic results, emphasizing the shift from traditional print typography to digital design.

Overall Rating.

With its clear language and rich illustrations, A Type Primer is a classic introduction to learning typography. It not only teaches the basic principles of typography, but also helps readers apply the theory to real-world projects through examples and exercises, making it a comprehensive guide that combines both theory and practice.















Comments

Popular posts from this blog

Interactive Design / Project 1/Exercises 1

Advanced Typography /Task 3:Type Expression and Application

TASK 1 (Exploration)