Typography / Task 2 - Typographic Exploration & Communication

-


22/9/2021 - 6/10/2021 Week 5 - Week 7
Loh Shu Huan / 0349621

Typography / Bachelor of Design in Creative Media
Task 2 - Typographic Exploration & Communication
 

LECTURES

All lecture note has completed in Task 1: Task 1 Blog Link

INSTRUCTIONS


<iframe src="https://drive.google.com/file/d/17ZZsYV9b9v7CO2IeTPkpnp1G3TMCURil/preview" width="640" height="480" ></iframe>

EXERCISE

Task 2: Typographic Exploration & Communication (Text Formatting and Expression)

Week 5
This week, we were required to do typographic exploration by using provided text, we have to choose one from THREE. At first, we should do some sketches of the heading design and then digitalise it by using Adobe Illustration.

Fig 1.1 Sketches of Heading Design, 26 Sep.2021

After having some basic idea, I tried to digitise them in Illustration. 

Fig 1.2 Idea of Heading Design, 26 Sep.2021

Fig 1.3 Barcode Reference, 26 Sep.2021

The barcode in my work means "CODE".

Fig 1.4 First Attempt, 26 Sep.2021

Fig 1.5 First Attempt, 26 Sep.2021

Week 6
After doing some exploration last week, this week we should focus on the layout and arrangement. According to the feedback by Mr.Vinod, my heading design are lack of idea.

Fig 2.1 Idea Exploration, 1 Oct.2021

Fig 2.2 Idea Exploration, 1 Oct.2021

I try to use something relate to coding to design the layout. Follow the code means follow the subheading code. I put all the coding elements in grey tone to give more focus on the paragraph itself.

I have three drafts that have slightly different to each other which is the difference of the adjustment of sub-heading.


Fig 2.4 1st Draft, 1 Oct.2021

Fig 2.5 2nd Draft, 1 Oct.2021

Fig 2.6 3rd Draft, 1 Oct.2021

Information
Fonts: Futura Std (Heading: Extra Bold, Medium, Book Oblique) 
Univers LT Std (Sub-heading: 65 Bold Oblique; Body Text: 55 Roman)
Point size: Body Text, Sub-heading: 9pt
Leading: Body Text - 10.8pt
Line length: 50 - 60 & 30 - 40
Alignment: Left Justify


Fig 2.7 Final Outcome (2nd Draft), 1 Oct.2021

Fig 2.8 Grey spaces, 1 Oct.2021

Fig 2.9 Grey spaces, 1 Oct.2021

Final Submission of Typographic Exploration & Communication
Fig 2.10 Final JPG, 3 Oct.2021


<iframe src="https://drive.google.com/file/d/17_Nd1WMqW-Ws2IhO6hSAcekjFOmdnZHk/preview" width="640" height="480" allow="autoplay"></iframe>

FEEDBACK

Week 6
General Feedback - We should focus more on the sketches and design of headline first, before doing the layout and other arrangements.
Specific Feedback - Lack of idea on heading design

Week 7 General Feedback - Specifc Feedback - Idea is present clearly, which is good. However, typesetting has issues in consistency (line length differs from right page to left page). Body text must always be treated in a consistent manner so that it is recognised as such. Thats said good attempt at trying to infuse your idea.

REFLECTION

Experience: While doing this task, I found that there is no right or wrong as long as you follow the rules and keep trying different things.

Observation: Neat arrangements is way more readable.

Findings: While doing this task, I need to pay more attention which means there is a lot of details need to take care of.

FURTHER READING

[A Type Primer 2] - by John Kane

*Notes #1: Every aspect of typography, even the most basic letterforms, combines image, history, and meaning. 

Text type is defined as type that is presented at a size between 6pt. and 12pt. 
Display type is type that is presented at a size of 18pt. or higher. 
Keep in mind that display typefaces are intended to be'seen' rather than'read.'

Fig 2.11 Pages from [A Type Primer 2] - by John Kane

*Notes #2: The letterforms themselves evolved as a response to handwriting the marks we make as we scrawl across a page, which is a characteristic of type design. 

When it comes to written Chinese, unlike English, it is written in a series of characters called pictographs-form that express an entire word or idea without necessarily indicating how to pronounce it. 

When using vertical type in a composition, keep in mind the properties of the letterforms themselves and set the type accordingly. 
Remember that the vertical type's baseline can or cannot relate to the vertical axes suggested by the rest of your type.
Fig 2.12 Page from [A Type Primer 2] - by John Kane












Comments

Post a Comment

Popular posts from this blog

Major Project

-
Image
22/04/2023 - 09/08/2023 | Week 01-16 Major Project  Loh Shu Huan / 0349621 Bachelor of Design in Creative Media INSTRUCTION PROGRESSIONS Week 01 On the first day of the semester, we were briefed about our Major Project. There some pathways that we can work on - our dissertation topic, client, any topic or group project (studio based).  For our final year project, we were advised to not to make it an assignment but a industry-standard project. Mr.Asrizal advised us to finalise our proposal by week 3 and we will be assigned to a supervisor based on our selected topic. We were required to start brainstorming for our project ideas and co...
Read more

Professional Development Week

-
10/06/2023 - 14/06/2023 | Week 08 Professional Development Week Loh Shu Huan / 0349621 Bachelor of Design in Creative Media   In order to familiarize recent graduates with the careers and fields of work before graduation, the Taylor’s held the Professional Development Week for us to learn from professionals in different fields and to answer questions about their fields through a question-and-answer session. I attended six workshops, which were: “Financial Literacy for Fresh Graduate” by MAYBANK  Keynote: “Aspire to Inspire” by POS MALAYSIA "The Art of Storytelling" by KAKISENI "Maximize Your LinkedIn Presence" by BDO. "A.I. in Digital Media" by MALAYSIAN ADVERTISERS ASSOCIATION. "Digital Transformation and Solutions: The Importance of Making It Easy" by APLIKASI. REFLECTION Each workshop provided unique insights that have contributed to my personal and professional growth. This career development week emphasized the importance of financial planni...
Read more

Advanced Interactive Design - Final Project

-
Image
28/06/2023 - 18/07/2023 | Week 13 - Week 16 Advanced Interactive Design  / Final Project Loh Shu Huan / 0349621 Bachelor of Design in Creative Media PROGRESSIONS For this task, we were required to create a website that promote a certain thing, such as a new launch product, a song, an app, or an album. We need to create 5 pages by using Adobe Animate. It need to include some micro animation as well. For this project, I decided to do an extension website for one of my project in other module, as it is also a promotional campaign. Week 13 - 16 1. Promotional Website Layout Design This website is actually to promote one of the series of perfume from Zara, called Chapter 6. This chapter has four different fragrances in total. Fig 1.0 Zara Chapter6 Promotional Website Design 2. Progression in Adobe Animate Once I exported all of my assets, I started to import them in AN and create the micro animation for the website. I decided to finish all the design and animation for every pages f...
Read more