Typography / Task 2 : Typographic Exploration and Communication
1.10.2021-8.10.2021(Week 6- Week 7)
Chang Jia Yee / 0350402
Bachelor of Design in Creative Media / Taylor's Design School
Typography
Task 2 : Typographic Exploration and Communication (Text Formatting and
Exploration)
Quick Links
LECTURE
To view the recap of video tutorials 1-4, please click here.
To view the recap of video tutorials 5-6,please click here.
Week 6
Mr. Vinod collected our feedback and made a brief summary of task 1. Mr. Vinod also shared his previous experiences when he was our age.After that, he looked through all our works and gave feedback to us.
INSTRUCTION
html link :
<iframe src="https://drive.google.com/file/d/1To5TiszuFlDPuK68ygh3xtlNSC8yVyWZ/preview" width="640" height="480" allow="autoplay"></iframe>
<iframe src="https://drive.google.com/file/d/1To5TiszuFlDPuK68ygh3xtlNSC8yVyWZ/preview" width="640" height="480" allow="autoplay"></iframe>
Task 2 : Typographic Exploration and Communication
Week 6
Sketches on paper :
|
| Fig 1. Initial sketches of the task, Week 6(27/9/2021) |
Before executing my design in Indesign, I sketched my initial idea of headline & text composition on paper. The draft on paper was to facilitate me from inspiration review and more extension in the later period. I jotted down the overall style and layout of my idea.
|
| Fig 2. Headline word design, Week 6(27/9/2021) |
Fig 2.1 Hidden Characters and Alignment, Week 6(27/9/2021)
Sketch #1 :
|
Fig 3. Three layouts of sketch #1, Week 6(27/9/2021)
|
For the first sketch, I came out with 3 layouts. I lower the bottom
right corner opacity of 1 & 3 layouts so the reader will first see
the upper left corner. For the second layout, it is a basic
frame(without comparison of opacity) framing the text.
Sketch #2 :
|
| Fig 5. Four layouts for the name list, Week 6(27/9/2021) |
For the execution of sketch 2 shown in fig, I arranged the name-list
part first because it was too long(33 person's name) and thin. The
outcome will be a bit weird if it was typeset with ordinary text. So the
figure above shows my progress and finally I used the fourth one to put
in my layout. I also adjusted the kerning of the number so it won’t
look too crowded.
|
|
Fig 6. Adjustment of kerning, Week 6(27/9/2021)
 Fig 7. Four layouts of sketch #2, Week 6(27/9/2021) 
Fig 8. Layouts blocked out, Week 6(27/9/2021)
Sketch #3 :  Fig 9. Three layouts of sketch #3, Week 6(27/9/2021) |
Fig 10. Layouts blocked out, Week 6(27/9/2021)
Week 6 Shortlisted Layout :
Fig 18. Attempt of ragging, Week 7(4/10/2021)
Fig 20. Layouts blocked out, Week 7(4/10/2021)
Fig 20.1 Modification of the initial layout, Week 7(8/10/2021)
Fig 21. Modify week 6's layout, Week 7(5/10/2021)
Fig 22. Modify week 6's layout, Week 7(5/10/2021)
Fig 23. Layout #4, Week 7(8/10/2021)
Fig 25. Layout #5, Week 7(5/10/2021)
Fig 29. Layout #7, Week 7(5/10/2021)
Fig 32. Week 7 Layouts, Week 7(7/10/2021)
|
Fig 11. Layout #1, Week 6(27/9/2021)
|
Fig 12. Estimation of viewing flow, Week 6(27/9/2021)
Typefaces & Fonts : Futura Std Heavy(Headline),Futura Bold(Headline-"Unite"),
Bodoni 72 Oldstyle Bold("Manifesto 2000"), Adobe Calson Pro
Semibold Italic (Sub-Headline & namelist), Gill Sans Regular(Text)
Point size : 38pt(Headline), 81pt(Headline-"Unite"), 12pt(Sub-Headline), 10pt(Text),
Point size : 38pt(Headline), 81pt(Headline-"Unite"), 12pt(Sub-Headline), 10pt(Text),
Leading : 12pt(Sub-headline & Text &
namelist)
Line length : 50-60 characters
Alignment : left alignment
|
Fig 13.Layout #2, Week 6(27/9/2021) Fig 14. Estimation of viewing flow, Week 6(27/9/2021)
Typefaces & Fonts : Gill Sans SemiBold(Headline)/
Light(Sub-Headline), Serifa Std(Headline-"Manifesto 2000"), Adobe Calson Pro Semibold
Italic (Sub-Headline, name list), Gill Sans Regular(Text)
Point size : 60pt(Headline),
81pt(Headline-"Unite"), 12pt(Sub-Headline),
10pt(Text),
Leading : 72pt(Headline),
12pt(Sub-headline & Text & namelist)
Line length : 50-60
characters
Alignment : left
alignment
|
|
| Fig 15.Layout #3, Week 6(27/9/2021) |
Fig 16. Estimation of viewing flow, Week 6(27/9/2021)
Typefaces & Fonts : Gill Sans SemiBold(Headline) / Light(Sub-Headline), Gill Sans Semibold(Headline-"Manifesto 2000") / Italic (Sub-Headline) / Regular(Text), Adobe Calson Pro
Italic(namelist)
Point size : 54pt(Headline),
81pt(Headline-"Unite"), 12pt(Sub-Headline),
10pt(Text),
Leading :12pt(Sub-headline & Text
& namelist)
Line length : 50-60 characters
Alignment : left alignment
________
Week 7
In week 6's class, Mr.Vinod reminded me that the headline
design was using too many graphical elements and the ragging
was weird and unsmooth. Below are my updates on new headline
design and ragging.
Fig 17. Second attempt of headline design, Week 7(4/10/2021)
More Layouts
Fig 19. More layouts,
Week 7(4/10/2021)
- Change the typeface of the word "visual communicators" from Gill Sans Semibold into Univers LT Std 59 Ultra Condensed
- Adjust the lever of the opacity to make different details.
Modification of week 6's layout
-Lower the opacity of the background design to let it looks
brighter.
-Change the headline "UNITE" design by connecting the word
instead of adding graphical shapes.
-Change the layout of the passage but it still retains some
original design inspiration as you can see in the figure
above.
-Change the headline "UNITE" design by connecting the word
instead of adding graphical shapes.
Week 7 Shortlisted Layout :
Fig 24. Estimation of viewing flow, Week 7(6/10/2021)
Typefaces & Fonts : Gill Sans SemiBold(Headline"UNITE") /
Light(Sub-Headline) / Regular(Text), Univers LT Std 59 Ultra Condensed(Headline"VISUAL COMMUNICATORS"), Serifa Std 65 Bold(Headline-"Manifesto")
/ 75 Black (Headline-"2000"),
Adobe Calson Pro Italic(name list)
Point size : 175pt/54pt/24pt(Headline),
12pt(Sub-Headline), 10pt(Text), 9pt(name list)
Leading :12pt(Sub-headline & Text
& namelist)
Line length : 50-60 characters
Alignment : left alignment
Fig 26. Estimation of viewing flow, Week 7(6/10/2021)
Typefaces & Fonts : Gill Sans SemiBold(Headline) / Italic(Headline-"Manifesto 2000" & Sub-Headline) / Regular(Text), Adobe Calson Pro Italic(name list)
Point size : 175pt/54pt/40pt(Headline),
17pt(Headline-"Manifesto 2000" & Sub-Headline), 10pt(Text), 9pt(name list)
Leading : 24pt(Headline-"Manifesto 2000" & Sub-Headline), 12pt(Sub-headline & Text & namelist)
Line length : 50-60 characters
Alignment : left alignment
Fig 27. Layout #6, Week 7(5/10/2021)
Fig 28. Estimation of viewing flow, Week 7(6/10/2021)
Typefaces & Fonts : Gill Sans SemiBold(Headline) / Italic(Sub-Headline) /
Regular(Text), Adobe Calson Pro
Italic(name list)
Point size : 130pt/54pt(Headline),
10pt(Headline-"Manifesto 2000"), 12pt(Sub-Headline),
10pt(Text), 9pt(name list)
Leading : 12pt(Headline-"Manifesto 2000" & Sub-headline
& Text & namelist)
Line length : 50-60 characters
Alignment : left alignment
Fig 30. Estimation of viewing flow, Week 7(6/10/2021)
Typefaces & Fonts : Gill Sans SemiBold(Headline) / Italic(Sub-Headline) / Regular(Text),Serifa Std 65 Bold(Headline-"Manifesto") / 75 Black (Headline-"2000"), Adobe Calson Pro Italic(name list)
Point size : 130pt/54pt/40pt(Headline),
17pt(Headline-"Manifesto 2000" & Sub-Headline), 10pt(Text), 9pt(name list)
Leading : 12pt(Sub-headline & Text & namelist)
Line length : 50-60
characters
Alignment : left alignment
Summary of Layouts
Fig 31. Week 6 Layouts, Week 7(7/10/2021)
Final Submission : Task 2
Fig 33. Final Submission- jpeg, Week 7(8/10/2021)
html link :
<iframe
src="https://drive.google.com/file/d/11DQgYYPuCWOWf35ad7WFVXZ0iOTR5arS/preview"
width="640" height="480" allow="autoplay"></iframe>
Hours spend for Task 2 : 52 hours
FEEDBACK
Week 6
General Feedback : Gill Sans leading can be 2.5-3 because its x-height is higher.
Specific Feedback : Headline design was using too many graphical elements and the ragging was weird and unsmooth.
REFLECTION
Experience:
For task 2, I think it is more challenging to me compare to task1-
exercise 2. This task is challenging our creativity under the condition of
observing the rules and regulations. It's like completing the task with
characteristics and also following rules.
Observation:
Through this task, I observed that before the final outcome, it needs a
lot of exploration and constant attempts in InDesign. Especially for
people like me who have just come into contact with typography, I can't
know the quality of the finished outcome through only a draft. I need to
digitalize the sketches before I can know exactly whether this design is
working or not.
Finding:
I realized the flow and compose of the text and headline is really important because it will increase the readability of the passage also guide the viewer to look through your whole passage. A good passage will let readers be comfortable with the whole feeling and even in the reading process.
FURTHER READING
-Matt Fangman's website for the University of Texas at Austin's library
has distinct hierarchical levels of information, where typographic
information and small photography balance a large photography above. This
asymmetrical composition creates a sense of order and comfort for the
viewer.
-The almost-blank lower right side of this Crane Lettra swatch book
compositionally balances out the more text-heavy left side(done in Trade
Gothic). And the white strips of paper act as pull-tabs for designers and
printers to tear and use during the specification process.
Finding:
I realized the flow and compose of the text and headline is really important because it will increase the readability of the passage also guide the viewer to look through your whole passage. A good passage will let readers be comfortable with the whole feeling and even in the reading process.
FURTHER READING
I have read the chapter : Typographic Principle of this book which
is started from page 226-233.
 Fig 34.0 Typography Referenced
Symmetry and Asymmetry
|
White Space
|
Fig 34.2 screenshot of the book- white space
Quick Links
Comments
Post a Comment