23/10/2023 - 06/11/2023 / Week 5 - Week 7
Eng Yan Ling
Typography / GCD 60104
Bachelor's Degree in Creative Media (Hons) - (Taylor's University)
Task 2 / Typographic Exploration & Communication (Text Formatting and Expression)
TABLE CONTENT / JUMPLINK
<span id="LIST"></span>
LECTURES
Refer to Task 1.
INSTRUCTIONS
<iframe src="https://drive.google.com/file/d/17I0HL7XC2EYSEa9KrTMYveVGPU2BZBDf/preview" width="640" height="480" allow="autoplay"></iframe>
EXERCISES
Task 2 Editorial Layout (Txt. Frmt. & Exp.)
Week 5 - 23/10/2023
1. Research
Figure 2.1 Editorial Layout Examples
Through Pinterest, I have look through existing layouts that have been done by other designers to gain inspiration to create my layout and headline expression.
2. Sketch
Figure 2.2 Sketch of Layout (Week 5, 23/10/2023)
Figure 2.3 Sketch of Headline Keyword with captions (Week 5, 23/10/2023)
Title : A Code To Build On and Live By
Type Expression Word : Build
3. Digitization
Figure 2.4 Digitized Sketch (Week 5, 27/10/2023)
Font
1st row : ITC Garamond Std Ultra Narrow
2nd row : Font : Univers LT Std 85 Extra Black
4. Exploration Layouts
Figure 2.5 Exploration (Week 5, 27/10/2023)
Layout #1 - #5
Font/s: Janson Text LT Std (75 Bold, 76 Bold Italic, 55 Roman, 56 Italic)
Type Size/s: 8pt (text), 12pt (caption 1), 18pt (caption 2)
Leading: 11pt
Paragraph spacing: 0mm
Characters per-line: 45-50 characters / line
Alignment: Left Align
Margins: mm top - 12mm ; mm left 16.933mm ; mm right - 16.933mm ; mm bottom 23mm
Columns: 3
Gutter: 3mm
Layout #6
Font/s: Janson Text LT Std (75 Bold, 76 Bold Italic, 55 Roman, 56 Italic)
Type Size/s: 9pt (text), 12pt (caption 1), 18pt (caption 2)
Leading: 12pt
Paragraph spacing: 0mm
Characters per-line: 55-65 characters / line
Alignment: Left Align, Centered
Margins: mm top - 13mm ; mm left 14mm ; mm right - 14mm ; mm bottom 16mm
Columns: 2
Gutter: 5mm
Week 6 - 30/10/2023
Task 2 Editorial Layout (Txt. Frmt. & Exp.)
Figure 2.6 Resize & Repositioned Task 2 Headline (Week 6, 30/10/2023)
Figure 2.7 Comparison between before and after attempt of Task 2 Headline (Week 6, 30/10/2023)
Based on the feedbacks given during class, I was advised to enlarge to word I am expressing "build" in order to given a stronger impact to the overall layout. Figure 6.6 shows the comparison of my first attempt of the headline and after it is amended.
Figure 2.8 Overall gray value/white space (Week 7, 06/11/2023)
Overall gray value / white space on my layout.
Figure 2.9 Process with captions (Week 7, 06/11/2023)
Figure 2.10 Paragraph Spacing (Week 7, 06/11/2023)
Above shown are the paragraph spacing applied to the body text.
Paragraph spacing : 4.2mm
Figure 2.11 Editorial Layout - Amended (Week 7, 06/11/2023)
Text DetailsHEADLINE
Font/s: Univers LT Std 85 Extra Black
BODY
Font/s: Janson Text LT Std (75 Bold, 76 Bold Italic, 55 Roman)
Type Size/s: 9pt (text), 10pt (text first sentences)
Leading: 12pt
Paragraph spacing: 4.2mm
Characters per-line: 55-65 characters / line
Alignment: Left Align
Margins: mm top - 13mm ; mm left 14mm ; mm right - 14mm ; mm bottom 17mm
Columns: 4
Gutter: 6mm
Week 7 - 06/11/2023
Final Editorial Layout Submission
Figure 2.12 Final Editorial Layout without grids and guidelines JPEG (Week 7, 06/11/2023)
Figure 2.13 Final Editorial Layout without grids and guidelines PDF (Week 7, 06/11/2023)
Figure 2.14 Final Editorial Layout with grids and guidelines JPEG (Week 7, 06/11/2023)
Figure 2.15 Final Editorial Layout with grids and guidelines PDF (Week 7, 06/11/2023)
Above are the submission for my Task 2 Editorial Layout (Txt. Frmt. & Exp.)
Text Details
HEADLINE
Font/s: Univers LT Std 85 (57 Condensed, 85 Extra Black)
Type Size/s: 25pt (57 Condensed), 115.28pt (85 Extra Black)
Leading: 28pt (57 Condensed)
Paragraph spacing: -
BODY
Font/s: Janson Text LT Std (75 Bold, 76 Bold Italic, 55 Roman)
Type Size/s: 9pt (text), 10pt (text first sentences)
Leading: 12pt
Paragraph spacing: 4.2mm
Characters per-line: 55-65 characters / line
Alignment: Left Align
Margins: mm top - 13mm ; mm left 14mm ; mm right - 14mm ; mm bottom 17mm
Columns: 4
Gutter: 6mm
FEEDBACKS
Week 6 (30/10/2023)
General Feedback :
When doing text formatting, always look for alignment points and command the space well in order give a stronger impact. Alignment is crucial in layout making. Type expressions needs to look good but meaningful because a good looking type expression may only look good but does not leave a mark to viewers and does not resonate to have an impact. The aim of body text formatting is to achieve an even gray among the text.
Specific Feedback :
Layout #1 is confusing because it does not present the hierarchy of the information on the layout due to the isolated nature present. Prioritize headlines and take note of how all the hierarchy of information is placed in the layout. Important information such as the headlines should not be on the right because we read from left to read. Command the space you have, it will give a stronger impact from your headlines. Overall text is formatted well and ragging is good. A note in text can be made different but not separate the info from the text. The note can be left aligned as the rest of the text and aligned to the bottom line of the texts.
Week 7 (06/11/2023)
General Feedback :
Understand and know what you are seeing when referencing and expressing onto your design; understand what, where, why you are using it. Not ideal to have justified centered in long text body. Cannot have different line lengths in your body text which may lead to miscommunication; communication happens effectively and precisely, body text must be consistent.
Specific Feedback :
Overall layout is fine.
REFLECTIONS
Experience
In the following week, feedbacks were given to our editorial layout on the text formatting, kerning & tracking, type expression for the headline and the overall layout where I was able to learn and improve on my overall layout and text formatting with the constructive feedbacks given. For Week 7, our final editorial layout for Task 2 is reviewed and feedbacks were given to respective layouts. We were also briefed on out Task 3 exercise where we are required to deconstruct letterforms to understand each detail of the letterforms by putting ourselves in the shoes of the typographers who designed the fonts. It was very interesting to learn each and every details of a letterform by deconstructing it as I was able to learn that even the thickness and thinness of each stoke varies from each other.
Observation
From the feedbacks provided by my lecturer in Week 6, I was able to see improvement in my overall kerning & tracking in comparison to the first exercise on kerning & tracking given. Based on my observation, I begin to have a better understanding in typography than before even though there is still much to learn in typography. However, through every feedback sessions, I was able to learn better and ensure that I am on the right track. Furthermore, I found that deconstructing letterforms has allowed me to see even the slightest of a letterform varies from its strokes, curves and more.
Finding
For Task 2 Editorial Layout, I researched and found many examples of layout that was designed by many good typographers, inspiring and motivating me to create a better work. Through the deconstructing of a letterform, I was able to learn how each letterforms were designed and how it varies from each other from its stroke, curves and more gaining a better understanding of how the fonts were designed.
FURTHER READING
"A Type Primer" 2nd Edition by John Kane
Figure 3.1 A Type Primer 2nd Edition (2003)
Reference :
Kane J. (2003), A type primer 2nd Edition, Pearson Education, Inc.
Based on the list of books given, I have chosen A type primer to proceed with my further reading.
Week 6 - 30/10/2023
Chapter 5 - Columnar Organization
This chapter elaborates on the importance of columns in text formatting as it allows us the maximise the amount of space we have as well as balancing is gray value on a page. It shows the comparison of a 2 columns layout and a 5 columns layout for a 2 columned text where a difference can be seen between the space and gray value of a layout.
Week 7 - 06/11/2023
Chapter 5 - Columnar Organization
Establishing and differentiating the hierarchy of a layout is crucial in ensuring easy readability for readers. This chapter shows the ways and importance of creating a hierarchy for the information in your texts. It also goes deep into the specimens of typefaces, pt size, or more as a reference to ease in their work. Comparing and understanding the outcome of your layout or typeface is also important to determine the correct typeface, fonts, pt size and more.
Chapter 6 - Grid Systems
This chapter shows the importance of a grid system both horizontally and vertically in comparison to columnar organization which only aids in vertical organization only. A grid system also helps in organizing, clarifying and amplifying the meaning of the text as well as creating a good composition within the frame of a piece of paper. Most importantly, it is also crucial for trials and errors in creating creating a system that works bets with your information with consideration of its readability, hierarchy of text and more.
Overall, A type primer 2nd Edition is a book that introduces readers the basics for beginner typographers to learn and improve their skills and knowledge in typography.
QUICK LINKS
Tasks/Exercises
Typography Final Compilation & Reflection
click here
Google Drive Links
%20w%20grids%20final%20grayvalue.jpg)
%20final.jpg)
%20final.jpg)
%20w%20grids%20final.jpg)
Comments
Post a Comment