TYPOGRAPHY- TASK 2/TYPOGRAPHIC EXPLORATION AND COMMUNICATION

-

Typography - Task 2


May 8th, 2023.
08.05.2023 - 26.05.2023 / Week 06 -  Week 08
Thanaphorn Daensaad / 0350930
Typography / Bachelor of Design (Hons) In Creative Media


Lists:
Instruction
1. Typographic Exploration and Communication

Feedback
Reflection
Instruction 

Module Information Booklet



Task 2: Typographic Expression and Communication
The task is a combination of the previous two exercises we did for task 1. We were assigned to express the chosen content in a 2 page editorial spread (200mm x 200mm). We were given the choice of 3 passages. In this exercise, we have to be able to match the typography expression with the context of the passage. We were also required to make a readable layout.

Task requirements:
- Use only the 10 typefaces given 
- Good layout is when the headline expression has a connection with the content
- Sketches and digitized sketch are required as part of the process

Headlines
-Use Adobe Illustrator to create interesting headlines
- Only minor graphical elements

Body text
-Use Adobe Indesign to compose the layout
-Only minor graphical elements
-No pictures

Submission requirements:
-Spread size: 2 pages (200mm x 200mm) on each page
- File size: 300ppi (grayscale)
- Format: 2 JPEGs and 2 PDFs (with and without grids)



Visual References

fig 2.1 Compilation of Visual References from Pinterest Week 5 (5/5/2023)



Sketches



fig 2.2 Layout sketch (digital) Week 5 (5/5/2023)





Headlines Expression Exploration
I tried my first idea which was to bring out the word build. I had the thought of making stairs going upwards to express that the word is building up as the definition of the word build in this context was to build up one's self. Therefore, I made the stairs to represent someone building themselves or a way up to be better.

fig 2.3 First headline expression design Week 5 (5/5/2023)



My second idea was to bring out the same word again which is build but in this context I made it look like the letters in the word was built upwards like a building but the illusion of the stairs is still there to bring out the same meaning.

fig 2.4 Second headline expression design Week 5 (5/5/2023)




Layouts Exploration
With the headlines above, I explored on the layout of the content and headlines to make sure they compliment each other.


fig 2.5 Layout exploration 1 & 2  for headline #1  Week 6 (9/5/2023)



fig 2.6 Layout exploration 1 & 2  for headline #2  Week 6 (9/5/2023)



fig 2.7 Layout blocks Week 6 (9/5/2023)



Shortlisted Layout
fig 2.8 Layout 1&2 Week 6 (9/5/2023)



HEAD:
Font/s: Bodoni Std (Roman) for a, to,&, by , Futura Std (Light Condensed) for code, build, live.
Type Size/s: 61 pt (a, to,&, by) , 228.06 pt (code) ,163.73 pt (build), 228.69 (live)


BODY:
Font/s: subheading; ITC Garamond Std (Book Condensed Italic), body text: ITC Garamond Std (Light Condensed),
Type size: 11pt, 9pt (subheading & body text)
Leading: 13.2pt, 10.8 pt (subheading & body text)
Characters per line: 36-48 characters.
Alignment: Aligned Left
Margins: 10mm (Top, bottom), 5mm gutter, Columns: 3.




fig 2.9 Layout 3 & 4 Week 6 (9/5/2023)



HEAD:
Font/s: Adobe Caslon Pro (Bold), Futura std (medium condensed)
Type Size/s: 110pt (a, to, on, &, by) , 117pt (code, live) , 153.89pt (build)


BODY:
Font/s: subheading: Adobe Caslon Pro (Bold), body text: ITC New Baskerville Std (Roman)
Type size: 9pt (body text), 11pt (subheading)
Leading: 10.8 pt (body text), 13.2 pt (subheading)
Paragraph Spacing: 
Characters per line: 42-50 characters.
Alignment: Aligned Left
Margins: 10mm (Top, bottom), 5mm gutter, Columns: 3.




Final Task Layout


fig 2.10 Final layout outcome Week 7(19/05/2023)

fig 2.11 Final layout outcome with grid Week 7(19/05/2023)




fig 2.12 Final layout outcome (pdf) Week 7(19/05/2023)


fig 2.13 Final layout outcome with grid (pdf) Week 7(19/05/2023)




Feedback
Week 6
General Feedback: Don't use black to fill up half a page to make contrast.
Specific Feedback:
The layout is relatively safe. Explore more on the type expression and layout. There are rives in text.


Week 7
General Feedback: Be careful while using Bodoni as it is not an ideal font choice for body text.

Specific Feedback: Don't make the layout too compact.



Reflection
Experience
For task 2, we had to show progress in our assignment. There was a lot of mistakes that I did in this task as I was not that good at making the headlines. I spend most time trying to come out with my headlines that compliments the content yet readable for the viewers. Other than that, I faced issue on making the headlines as my design was too common as it looked like the others' work but at the same time it does not. During the feedback time, Mr. Vinod gave feedbacks that helped mine as I had almost the same issue when it comes to the body contents.


Observations
I was able to work on the task even though I had other modules to work on too compared to the first project. The whole time I see myself procrastinating lesser than I used to which is a great achievement to me. Other than that, I see myself being able to remind myself to record my progress and put in more progression part into the blog.


Findings
I see myself being able to make the content less compact after we were introduced to making the layout blocks. I found that going through layout designs on Pinterest was a great source of getting some ideas on this task. I still see myself being confused on this task. I hope that I can learn better for the next task.



Further Reading



The Vignelli Canon by Massimo Vignelli (2010)


In part two, I've also learnt about white spaces. The white space on printed page is the correspondent of space in architecture. Tight margins establish a tension between text. Wider margins deflate the tension and bring a level of serenity to the page.

Tight space setting makes the words into line but in a loose type setting. Making a change in the kerning confers the distinctive character and expression to words. The relationship between size of type and space around it is one of the most delicate and precious elements of a composition. For most designers, white space is the most essential element of a composition. 

Therefore, it is important to manage the spaces to have some white spaces in order to make the composition less packed and free flow.

Comments

Post a Comment

Popular posts from this blog

SONIC DESIGN - EXERCISES / AUDIO FUNDAMENTALS

-
Image
21/04/2025 - 13/05/2025 (Week 1 - Week 4) Thanaphorn Daensaad / 0350930 Sonic Design / Bachelor of Design (Hons) in Creative Media Audio Fundamentals List Lectures Instructions Exercise 1: Equaliser Exercise 2: Sound shaping Exercise 3: Sound in space Feedback Reflection Lectures Week 1 / 21/4/2025 On the first week of self-directed learning. we were required to have Adobe Audition installed for the upcoming tutorial class we would be having on Tuesday. We are also required to create a blog as this week's attendance submission. We first learnt about the fundamentals of sound, how the sound travels and how we percieve sound. Lecture 1: Sound Fundamentals and Equaliser Sound - a vibration of air molecules that stimulates our eardrums. Nature of sound 3 Stages of sound: Production - source of sound Propogation - medium where sound travel...
Read more

ANIMATION FUNDAMENTALS - LECTURE & EXERCISE

-
Image
23/09/2024 - 23/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Animation Fundamentals / Bachelor of Design (Hons) in Creative Media Weekly Lecture & Exercises List 1. Instructions 2. Weekly Lectures 3. Exercise 1: Bouncing Ball 4. Exercise 2: Ball With Tail 5. Feedback 6. Reflection Instruction Weekly Lectures Week 1 This is the first week of class. Mr. Kamal briefed us on the work that we will be working on throughout the semester. The assessment consists of exercises, project 1,2 and a final project. We were first asked on our knowledge on animation in terms of the principles and the history of it. He talked on the birth of Toys Story being the first 3d animated film and also Bugs' life. He gave us a brief introduction to frames and more. It could lead up to 24 or 12 frames per second. We were shown examples of past students' work in order to get a brief understanding of the expectation's of our outcome. The founder of Pixar, John Lasseter wrote an article on...
Read more

MINOR PROJECT

-
Image
23/09/2024 - 06/01/2025 / Week 1- Week 14 Thanaphorn Daensaad / 0350930 Minor Project / Bachelor of Design (Hons) in Creative Media Final Compilation & Reflection / WarisanXR List Instructions Minor Project Feedback Reflection Instruction Minor Project Proposal Presentation TrueXR Proposal G8 Minor Project by Ian Choo Xin Zhe Final Presentation WarisanXR Final Presentation by REEMA ARIF HAMZA MIRO Board Final Project Tracking Document Feedback Refer to Project Tracking Document for weekly feedback.  Reflection Week 1 D – Describe Objectively What Happened In the first week, Mr Mike introduced us to the class briefly before he told us to get in a group of 7 people of mixed specialisation. He showed us the past projects that the semester before us had done which was quite interesting. Mr Mike was trying to prove to us the point that it doesn't matter what background we have whether it being design, computing or etc as long as our first initiative was to solv...
Read more