Typography Task 2: Typographic Exploration & Communication

-

21/10/2024 - 3/11/2024 / Week 5 - Week 7
ChenYuhan / 0378131
Typography / Bachelor of Design (Hons) in Creative Media
Task 2 : Typographic Exploration & Communication

LECTURES

Week 6:28/10/2024 
Lecture 6:Screen&Print
In this lesson, we explored the rules and points to pay attention to when typography is used in different situations (on screen or in print).

In print:
Fig1.1,Print common layouts

A good typeface for print-Caslon, Garamond, Baskerville are the most common typefaces that is used for print. Because of their characteristic which are elegant and intellectual but also highly readable when set at small font size.
Depending on the distance of the reader, a size of 10 or 12 is usually chosen.

On screen:
On screen compared to print this can include taller x-heights (or reduced ascenders and descenders), wider typefaces, more open fonts, heavier hairline strokes and serifs, reduced stroke contrast, and modifying certain design curves and angles.
A size of 16 is usually chosen.

Brief summary:
With the development of the times, we gradually have a variety of reading media, but this does not mean that the work of typesetting can be gradually replaced, but should have a longer-term and diversified development. All typesetting designs must serve the text or picture, which is why we have to keep learning.
"A great designer knows how to work with text not just as content, he treats text as a user interface."

INSTRUCTIONS


<iframe src="https://drive.google.com/file/d/13K1bGUQCjDVO9EjG_HnTEVAY7xbMRGxx/preview" width="640" height="480" allow="autoplay"></iframe>



TASK 2: TYPOGRAPHIC EXPLORATION AND COMMUNICATION


In this class, we need to choose from three articles and present the title artistically. The layout of the entire article is also included.
I chose the second article to create.
Fig2.1,sketches

Fig2.2,layout1

I created nine layouts and chose one to go digital.
Fig2.3,layout2
Fig2.4,layout3

Head Line：
Typeface：ITC Garamond Std
Font/s：ITC Garamond Std 
Type Size/s：361pt,273pt,176pt,56pt
Leading: 0pt
Paragraph spacing：0

Body：
Typeface：ITC Garamond Std
Font/s：ITC Garamond Std 
Type size/s：10pt
Leading：20pt
Paragraph spacing：14pt
Characters per-line：52
Alignment：Left justified
Margins：20mm left + right + top + bottom
Columns：3
Gutter：10mm

Final Outcom

Fig3.1

Fig3.2

<iframe src="https://drive.google.com/file/d/1ARplEUtemAIUUd6xxDVSQcar61IeJPfM/preview" width="640" height="480" allow="autoplay"></iframe>
Fig3.3
Fig3.4

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

FEEDBACK

Week 6:
General Feedback:The spacing of gutters should always be at least 7.That's so important that can let your layout look pretty.Every time you design your layout,you should be careful that everything is surviving for printing(or just on screen).Anyway you must keep your design suitable.
Specific Feedback:As the basis of these letters,I design a large "A"to show this point.

Week 7:
General Feedback:Good design with good idea.Mr. Vinod give me a fun idea is using shadows so I finished my work quickly.If you have a sudden idea,just catch it and do it！
Specific Feedback:Choosing using shadows is a wise decision.I add lighter “A”and darker “A”on the layout.They show the difference and interest.


REFLECTION

Experience: In this two-week course, I learned how to design a complete layout, including title design and text design. If you want to design an attractive title, you must first understand what letters or elements you want to highlight in the title, and then design the whole around it. There are a few taboos to pay attention to in the text part, and the placement of the text can also be harmonious with the title.

Observations:When I was sketching out titles, I would have lots of ideas, but in the process of digitizing them, I would find that many of them were not suitable.

Findings: When designing a work, if you remember your idea, realize it as soon as possible. Inspiration is a short-lived spark.


FURTHER READING

Week 6:
Vignelli Canon on Design
Fig4.1
The author says that design is a process of pursuing clarity, elegance and permanence. Design is not just a surface decoration, but starting from the function, expressing the content in a concise way. Good design is not only beautiful, but also functional and has a lasting impact.
The author believes that the ten points are very important:
1.Semantics
2.Syntactics
3.Pragmatics
4.Discipline
5.Appropriateness
6.Ambiguity
7.Intellectual Elegance
8.Timelessness
9.Responsibility
10.Equity
Fig4.2

Week 7:

On page 20, the author discusses several aspects of layout design, including the golden section (the most eye-catching part). In addition, he also discusses the simplicity and readability of the layout. The author has a very strict and standardized understanding of layout.






Comments

Post a Comment

Popular posts from this blog

Interactive Design - Task 1: Exercise 1

-
Image
22/4/2025 - 5/5/2025 / Week 1 - Week 3 ChenYuhan / 0378131 Interactive Design/ Bachelor of Design (Honours) in Creative Media / Taylors University Task 1: Exercise 1 TABLE OF CONTENTS 1.Instructions 2.Lectures 3.Exercise 1: Web Analysis     3.1 111w57      3.2 rosehip     3.3 letter     3.4 navigation     3.5 curaffy 4. Feedback 5. Reflections INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1ZboslTwWd0VcBq-AuI1L_iQSMfel1WbL/preview" width="640" height="480" allow="autoplay"></iframe> Click here to go to the top LECTURES Principle of Usability 1.Consistency Consistency ensures that your website looks coherent and works harmoniously across all its different elements, such as headers, footers, sidebars and navigation bars. 2.Simplicity Simplicity is used loosely to refer to the need to minimize the number of steps involved in a process, to use symbols and terminology that make the interface as obvious as poss...
Read more

Advanced Typography - Task 1: Exercises

-
Image
21/4/2025 - 21/5/2025 / Week 1 - Week 4 ChenYuhan / 0378131 Advanced Typography/ Bachelor of Design (Honours) in Creative Media / Taylors University Task 1: Exercises TABLE OF CONTENTS 1.Instructions 2.Lectures 3.Exercise 1: Typographic System       Final outcome 4.Exercise 2: Poster     Final outcome 5.Feedback 6.Further Reading 7.Reflections INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1ZypRpBbYoVi8mU3koXKKYM_P1gDzb0j0/preview" width="640" height="480" allow="autoplay"></iframe> Click here to go to the top LECTURES week 1: Typographic Systems Fig1.1.1,Eight Typographic Systems,week 1(2024/04/27) 1 .Axial : All elements are organised to the left or right of a single axis. The axial can be bent and uses more than a single line. 2. Radial : All elements are extended from a point of focus. It can have multiple points of focus. 3. Dilatational : All elements expand from a central point in a circular fashion. You can have mul...
Read more

Advanced Typography - Task 2:Key Artwork & Collateral

-
Image
  21/5/2025 - 16/6/2025 / Week 5 - Week 8 ChenYuhan / 0378131 Advanced Typography/ Bachelor of Design (Honours) in Creative Media / Taylors University Task 2: Key Artwork & Collateral TABLE OF CONTENTS 1.Instruction 2.Lectures 3.Task 2:KEY ARTWORK     -Final Outcome 4.Task 2:COLLATERAL     -Final Outcome 5.Feedback 6.Reflection 7.Further Reading INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1ZypRpBbYoVi8mU3koXKKYM_P1gDzb0j0/preview" width="640" height="480" allow="autoplay"></iframe> Click here to go to the top LECTURES week 5: Perception And Organisation Perception is "the way in which something is regarded, understood, or interpreted." Perception in typography deals with the visual navigation and interpretation of the reader via contrast, form and organization of the content. Content can be textual, visual, graphical or in the form of color. Fig1.1.1,Methods of Contrast by Rudi Ruegg, week 5 (2025/05/24) Th...
Read more