Arwinda Nurul Izza / 0349913
Typography / Bachelor of Design in Creative Media
Task 2: Typographic Exploration & Communication (Text Formatting and
Expression)
LECTURES
All lectures from 1-5 completed in Task 1 - Exercise 1 & 2
Week 6: Lecture 6
Fig.1 Lecture Note 6_Screen&Print (04/10/2021)
INSTRUCTIONS
Task 2: Text Formatting & Expression
We are given a task to choose one out of the three provided text in Facebook and then proceeded express the content in a 2-page editorial spread. Images aren't allowed and only minor graphical elements acceptable. This task testing our knowledge from the two exercise before about type expression and text formatting. Use only from the 10 type families that have been prescribed.
Headline: Type Expression
 |
| Fig.2 Digital Sketch Process for Headline Expression (04/10/2021) |
In my layout sketch, I hadn't really started on the expression. Therefore, I tried to sketch my ideas right into Adobe Illustration in week 6.
 |
| Fig.2.1 Idea Exploration for 'GOOD' Type Expression (04/10/2021) |
For the type expression, I choose 'GOOD' as I assume that the word won't need many graphic elements to appear distinctive. My initial idea is to create a glasses out of the double 'o' letter in it but this idea didn't proceed well.
Font: Futura Std (Book, Heavy)
I choose this design for my layout because it introduce a movement in reading.
-columnar layouts helps construct a manageable line length and control white space inside the text page.
 |
| Fig.2.2 Ideas for Heading Expression (04/10/2021) |
 |
| Fig.2.3 Chosen Heading Expression (04/10/2021) |
I choose this design for my layout because it introduce a movement in reading.
Layout Progress
My initial sketch was actually just showing the idea of my text layouts for the article .However, after the general feedback from week 6 lecture, I try to consider the headline expression first thing first then elaborate on the layout.
 |
| Fig.3 Sketch for the Heading Design (28/09/2021) |
My initial sketch was actually just showing the idea of my text layouts for the article .However, after the general feedback from week 6 lecture, I try to consider the headline expression first thing first then elaborate on the layout.
 |
| Fig.3.1 1st layout Attempt Progression (28/09/2021) |
 |
| Fig.3.2. 1st Layout Attempt (04/10/2021) |
Fonts: Futura Std (Heading: Bold, Heavy; Sub-Heading: Bold; Body Text: Book)
Point size: Body Text, Sub-Heading: 8 pt
Leading: Body Text - 10 pt
Paragraph Spacing: 10 pt
Line Length: 35 - 45
Alignment: Left Allign
 |
| Fig.3.3. 1st Attempt Layout Grey Spaces (05/10/2021) |
 |
| Fig.3.4. Problem with the Line Length (05/10/2021) |
 |
| Fig.3.6. 2nd Attempt work Progression (05/10/2021) |
Fonts: Futura Std (Heading: Bold, Heavy; Sub-Heading: Heavy; Body Text: Book)
Point size: Body Text: 9 pt; Sub-Heading: 10 pt
Leading: Body Text - 11 pt
Paragraph Spacing: 11 pt
Line Length: 50-60
Alignment: Left Justify
 |
| Fig.3.7. 2nd Attempt Work Progression (05/10/2021) |
Final Task 2: Typographic Exploration & Communication
 |
| Fig.4 Final Task 2: Typographic Exploration & Communication - JPEG, Week 7 (05/10/2021) |
Fig.4.1. Final Task 2: Typographic Exploration & Communication - PDF, Week 7 (05/10/2021)
FEEDBACK
Week 6
General Feedback: Try to develop a strong idea for the headline first and then strategically/explore more on where to place the body text.
Type Expression > Placement > Alignment
Specific Feedback: Have to express one of the word from the headline (can be simple/powerful).
REFLECTION
Experience
Honestly the word in the second article was quite hard to be expressed with compare to the first and third article as they have such a topic specific word. I did took a long time to settle down with a word. However, because I have decided to use this article from the start so I just went with it.
Observation
Through the lecturer feedback in week 6 I found out that many student also choose the same article as mine. Although, most of them picked the word ‘code’ as their headline expression with this coding kind of default and I found this really interesting as I didn’t think of it before.
Findings
From this task, I learnt that in editorial editing we need to be detailed while constructing our layout. And further reading or researching always be needed to achieve better composition.
FURTHER READING
 |
| Fig.5 A Type Primer 2nd Edition by John Kane (2002) |
Reference: Kane, J., (2002). A type primer second edition
 |
| Fig.5.1. Example of two page column layouts Columnar Organizations: Columnar layouts (P.141) |
- Horizontal layouts increase readability as it creates more wider texts of field.
- Notice, from the example figure manage to create a wide and narrow variety of texts layouts in horizontal and vertical page formats using a five-column layout. This kind of layout can help us dividing the hierarchy between the information.
 |
Fig.5.2 Text Page Grid systems: components of the grid (P.182) |
 | |
|
 | |
|
Grids being use in a more advanced and complex informations that required not just the horizontal but also the vertical arrangement of page. Keep in mind, to be able effectively use the grid system we have to understand the amount, kinds, level of meaning/importance of the texts, and relationship between texts with image/reader.
Components of the grid:
Text Page, area where type appears (fig.5.2)
Margins, inverted space of the text page within the paper.
Running Heads, help navigating reader's on where they are. (Ex. title/section/author's name of the book). Placement sit outside the text page and always relate with the horizontal and vertical grids.
Folios, the page number indicator. Placement wise same with Running Heads
Fields, basic components of the field. Can be devided by active corner (use as starting points like titles, text, images) and passive corners (fig.5.3 )
Gutter, field's separator. Horizontal gutter = leading. Vertical gutter = a distance that sufficiently larger than an/em (text type's size).(Fig 5.4)
HYPERLINKS
Comments
Post a Comment