21.10.2024 -4.11.2024 (Week 5 - Week 7)
Emily Ong Su Yu / 0365304
Typography / Bachelor of Design in Creative Media
Task (Exercises / Task)
Typography Task 3 / Exercises
Lectures
Week 5 - Understanding
Understanding Letterforms
The uppercase letter forms below suggest symmetry, but in fact it is not symmetrical. It look like symmetrical but therefore it is metrical but in a closer inspection of it we will realise that there are nuances to type.
Figure 1.1 Baskerville and Univers typeface
Week 6 (28/10/24).
In this particular Baskerville typeface:
-
The designer treated each stroke with an individual flair,
making it distinct from the rest of the letterform
family.
-
The arcs of the brackets at the ends of the diagonals are
trimmed strokes, giving it a refined appearance.
In this particular Univers typeface:
- It shows the type designer's meticulous care in creating letterforms that are both internally harmonious and individually expressive.
- A closer look shows that the left slope is narrower than the right stroke in width.
Figure 1.2 Helvetica and Univers typefaces Week
6 (28/10/24).
The differences between Helvetica and Univers are in how stems finish and bowls meet the stems, which affects reading and letter look.
Figure 1.3 Helvetica and Univers typefaces Week 6
(28/10/24).
Figure 1.3 Helvetica and Univers typefaces Week 6
(28/10/24).
The x-height generally describe the size of the lowercase letterforms. However, the curved strokes must rise above the median or sink below the baseline.
Forms / Counterforms
Recognising certain letterforms and becoming mindful of
counterforms is essential for typeface design, typesetting, and
typography. Counterforms enhance readability and legibility in
text and letterforms.
Contrast
Figure 1.4 Helvetica and Univers typefaces Week 6 (28/10/24).
Simple contrast produces numerous variations: small and organic/ large and machined; small and dark/ large and light.
Week 6 - Screen & Print
Different Medium (Screen Type vs Print Type)
Figure 1.5 Font Size for Screen Type and Print Type Week 6
(28/10/24).
Figure 1.5 Pixel Differential of Devices Week 6
(28/10/24).
Figure 1.5 Font Size for Screen Type and Print Type Week 6
(28/10/24).
Figure 1.5 Pixel Differential of Devices Week 6
(28/10/24).
Type for screen:
- Good typeface for screen: Open Sans, Lato, Arial, Helvetica, Times New Roman, Courier New, Courier, Verdana, Georgia, Palatino, Garamond.
- Typeface include taller x-height, wider letterforms, more open counters, heavier thin strokes and serifs, reduces stroke contrast, modifies curves and angles, for some design.
- They need more open spacing to improve character recognition and overall readability in the non-print environment.
- Font size: at least 12 points.
Type for print:
- Good typeface for print: Calson, Garamond, Baskerville.
- They are elegant and intellectual but also highly readable when set at small font size.
Instructions
Figure 1.1 Module Information Booklet Week 1 (23/9/24).
Task 2: Editorial Text Options
Descriptions
In this task you will be asked to express typographically by choosing one of the 3 text content Mr. Vinod have attached in TEAMS. Then we have to formate it in a 2-page editorial spread (200mm x 200mm per page). No images are allowed (unless permitted). However, some very minor graphical elements, i.e. line, shade, etc. might be allowed.
Process Work
Task 2: Editorial Text Options
References
Figure 6.1 References#1 Week 6
(28/10/24).
Figure 2.1 References#2 Week 6
(28/10/24).
Figure 6.1 References#1 Week 6
(28/10/24).
Figure 2.1 References#2 Week 6
(28/10/24).
Sketches
Progress
Figure 2.2 Exploration#1 - JPEG
Figure 2.2 Exploration#1 - JPEG
Figure 2.3 Exploration#2 - JPEG
Figure 2.3 Exploration#2 - JPEG
Figure 2.4 Exploration#3 - JPEG
Figure 2.4 Exploration#3 - JPEG
After listening to the feedback from Mr Vinod, I wrote down his guides
to come out a better final outcome.
General Guidelines:
- Should not make the reader guess the word.
- Decide which word to express.
- Maintain the same line length to show connected text.
- Keep 50–60 characters per line.
- Avoid rivers in text.
- Do not distort typefaces.
- Unite proximity in layout (join the letters).
- Ensure proper paragraph spacing.
- Good alignment to show flow.
- Use type expression techniques to unite the word.
- Relate body text to the headline.
- Maintain cross-alignment.
- Add margins to avoid trimming.
- Build text with shadows.
Technical Requirements:
- 1000 x 1000pt art board.
- Use 10 fonts (not lightweight).
Week 7
Task 2: Editorial Text Options
Text Formatting Exploration
Figure 3.1 Exploration#4 - JPEG
Figure 3.2 Exploration#5 - JPEG
Final Submission
Final Type Expressions
Final Editorial Text Options - JPEG
Figure 4.1 Final Editorial Text Options - JPEG
Final Editorial Text Options Visible Grids - JPEG
Figure 4.2 Final Editorial Text Options
Visible Grids - JPEG
Final Editorial Text Options - PDF
Figure 4.3 Final Editorial Text Options - PDF
Final Editorial Text Options Visible Grids - PDF
Figure 4.5 Final Editorial Text Options Grids Visible - PDF
Figure 4.5 Final Editorial Text Options Grids Visible - PDF
Feedbacks
Week 5
General Feedback
Leave more space, ensure a smooth flow, and avoid breaking the reading. Maintain an even grey tone, set tracking to 5, and keep bold text minimal. The design should be clean and neat. For the next task, research thoroughly and sketch multiple options. No images are allowed. Use Adobe InDesign and watch the Teams videos before starting. Choose keywords to express in the sentence—focus on one expression to grab attention while other words support it. Ensure the text is aligned, clean, and cohesive. Prioritise the headline, and place the text first to assess spacing.
Specific Feedback
Should have cross alignment, base need to be align.
Week 6
General Feedback
Make sure same line length to show connected text, avoid rivers in text that break reading rhythms and with good alignment show how its flow.
Specific Feedback
Can be more better, make the "build"word to 3D dimension.
Week 7
General Feedback
Watch the tutorial videos before digitalising the word in Illustrator.
Specific Feedback
Don't left a word in one line for task two.
Further Readings
Typographic-Systems-Book-Kimberly-Elam
Figure 5.1 Typographic-Systems-Book-Kimberly-Elam
Week 6 (28/10/24)
Grid System
Organising visual communication with hte grid system is to developstrong interrelationships between the typographic elements and recurring rhythmical propor- tions fo text blocks, images, and space.
Shaped Format
Figure 5.2 Grid
System Shaped
Format#1 Week 6
(28/10/24).
Figure 5.3 Grid
System Shaped
Format#2 Week 6
(28/10/24).
Figure 5.2 Grid
System Shaped
Format#1 Week 6
(28/10/24).
Figure 5.3 Grid
System Shaped
Format#2 Week 6
(28/10/24).
Typographic-Basics-Book-David Creamer
Figure 5.4 Typographic-Basics-Book-David Creamer
Week 7 (04/11/24).
Comments
Post a Comment