TYPOGRAPHY - TASK 2: TYPOGRAPHIC EXPLORATION & COMMUNICATION

28/10/2024 - 04/11/2024 / Week 6 - Week 7

Shannen Hiew Kar Yee / 0354055

Typography / Bachelor in Design (Hons) in Creative Media / Taylors University 

Task 2



LECTURES 

Week 5: Typo_5_Understanding 

1. Letters

Some letters may be classified or seen as symmetrical but some of it are not symmetrical at all. This is for the reason of making it look more harmonious. 


fig 1.0 example of letter A in Univers typeface



fig 1.2 example of letter a in Helvetica and Univers typeface



2. Letters / Maintaining X-Height

In order for all the letters to look the same size, some lowercase letter such as letter S must be rise above median.


fig 1.3 example of letter risen


3. Contrast

contrast is known as the most powerful dynamic in design. other than that, simple contrasts produce variety of variations: small + organic/large + machined; small + dark/ large + light.


fig 1.4 example of letter contrast





Week 6: Typo_6_Screen & Print 

Different Medium

1. Type for print

Good typefaces for print usually are Calson, Garamond, Baskerville. They are more easy-to-digest classic typeface. 


fig 1.5 example of letter contrast


 2. Type for screen 

Used for web are mostly optimized and modified to enhance readability. This includes a taller x-height, wider letterforms, more open counters, heavier thin strokes and serifs, reduced stroke contrast as well as modified curves and angles. 


3. Hyperactive Link / Hyperlink

Words, phrase or images that can be clicked to jump to a new document or new section. Found mostly in all websites. 


fig 1.6 example of letter contrast



4. Static 

Static typography has a minimal characteristic such as bold or italic. 


 fig 1.7 example of letter contrast




5. Motion

Type is often overlayed with music video and advertisements. Often set in motion following the rhythm of a soundtrack. 


 fig 1.8 example of letter contrast


INSTRUCTIONS
   


fig 1.9 MIB PDF


<iframe height="480" src=" https://drive.google.com/file/d/1N6dPoLTiV42F-5PusBU_zM0030seqfiu/preview?" width="640"></iframe>


EXERCISES 

Task 2 

In this task, which is task 2, we were given a pdf with three different essay and a video tutorial by Mr. Vinod to guide us on what to do in task 2. This task also required us to use Adobe Illustrator as well as Adobe InDesign.
Week 6 

In this week class, we were required to choose one of the essays that was provided and proceed to do 4 different compositions with the essay that we choose using Adobe Illustrator and InDesign. I choose to do the essay of Unite to Visualize Better World.

  • Progress
First off, I followed the guidance in the tutorial video by starting to edit the main title with Adobe illustrator. After editing the title how I wanted it to be, I continue to export the file and place it in InDesign along with the body paragraph and finalize it. 



fig 2.0 main title compositions




fig 2.1 main title compositions



fig 2.2 four compositions


Week 7 

This week class, Ms. Vitiyaa asked all of us to bring the printout version of the 4 compositions in A3 size that we printed out last week. She went around class gave us feedback and make small doodles on the printout to help us improve our work more and also make sure we have the best version of it before submitting it to our eportfolio. 



fig 2.3 doodles from Ms. Vitiyaa of the changes that should be made





fig 2.4 four compositions after changes



FINAL WORK



fig 2.5 final work without grid



fig 2.6 final work with grid



fig 2.7 PDF final work without grid



fig 2.8 PDF final work with grid



FEEDBACK

Week 6 

GENERAL FEEDBACK: 
In this week class, Ms. Vitiyaa check all our finalization for our task 1 eportfolio especially the task for Helvetica as well as our task 2 work. She also asked us to print out the Helvetica work in A4 and task 2 work in A3 size so that she can easily draw on the paper and give us feedback to make the changes before submitting it. 

SPECIFIC FEEDBACK: 
For the feedback of my Helvetica work Ms. Vitiyaa was quite satisfied with my work. I just need to make some minor changes such as the paragraph spacing. For my eportfolio as well she said it was all good. Meanwhile for the task 2, I just printed it out and showed her on week 7.

Week 7 

GENERAL FEEDBACK: 
On this week, it was our submission for task 2. So, we brought the printed out A3 size of our task 2 as well as the material that was required to bring which was 3 types of marker pens and A4 graph paper. Ms. Vitiyaa went around the classroom and checked everyone works to make sure it was good for the submission. 

SPECIFIC FEEDBACK: 
For my specific feedback of my task 2 work, Ms .Vitiyaa doodled on the paper the changes that I need to make. She was pretty satisfied with 4 of my compositions. Its only minor changes such as changing my body paragraph fonts to serif font to match with the title. Other than that, everything was good, and she said that she can see the efforts that I made for this task 2 which was good

REFLECTION


Experience

I learned a lot about using InDesign for this task. I appreciate that Mr. Vinod gave us a video guidance that explained exactly what we had to do to complete this task. I completed two of the essays even though at first, I wasn't entirely clear if I was just expected to select one or if we were required to complete three. I then gave my work to Ms. Vitiyaa for review, and she declared that the Unite to Visualize Better World was outstanding to the other one. I picked that, and I went on to compose four more compositions. I printed four of my compositions for Ms. Vitiyaa to leave feedback on, doing my best to apply the golden ratio. After receiving the feedback, I knew my work was ready, so I chose to finish it with the version that I liked most and that Ms. Vitiyaa approved. In conclusion, I had an excellent time learning how to import my Illustrator work to InDesign and a lot more.


Observation 

After completing this task, I've come to understand how crucial the header is to any composition, but this one in particular. Different headings, both in terms of font type and design, effectively communicate different feelings or moods to the viewers. Furthermore, the body paragraph is just as significant as the headline, mainly because of its fonts. I recently realized, for example, that if the fonts used in the title and body paragraph are not the same as the serif or san serif fonts, it would not appear as appealing to viewers. 


Findings 

I discovered that there must be a specific kind of flow to the composition in its entirety. We can't just put the heading and body paragraph however we want them to be because that will make it hard to read and unappealing. Designing while maintaining the golden ratio was challenging, but I eventually adapted after trying a few different methods.


FURTHER READING

1. Typography Sketchbooks by Princeton Architectural Press, 2011.


      

fig 2.9 book 1


This book offers insight into the ideas of designers who use their own sketchbooks to produce typefaces, word pictures, and logos. The outcome of these diverse typographic reflections offers interesting new perspectives on the expressiveness of words and letters. Targeting everyone who works with type, whether by hand or on computer, this aesthetically beautiful collection acknowledges a centuries-old craft while emphasizing the value of quality typography at a time when reading habits are changing.

Comments

Post a Comment

Popular posts from this blog

INTERCULTURAL DESIGN

Image
INTERCULTURAL DESIGN WEEK 1 - WEEK 7 Shannen Hiew Kar Yee / 0354055 INTERCULTURAL DESIGN / Bachelor in Design (Hons) in Creative Media / Taylors University EVERYDAY DESIGN  MODULE INFORMATION BOOKLET   LECTURES & PROGRESS   WEEK 1  Online Lecture  Culture and design are inherently linked, and as aspiring designers, it's essential to understand this connection. Visual Informative Culture: Visuals serve as a highly influential medium to convey much of the information we encounter. Visual culture involves analyzing visual objects beyond their textual interpretations. Visual: This encompasses anything that can be perceived through sight, including both nature and human-made creations. To be classified as visual, these elements must have a functional, meaningful, and communicative purpose. A good example of intercultural design is tattoos. For sailors, tattoos often symbolize a journey or serve as a tribute to loved ones, whereas in Japanese culture, tattoos ha...
Read more

PACKAGING AND MERCHANDISING DESIGN - EXERCISE 1

Image
  22/09/2025 - 29/09/2025 / WEEK 1 - WEEK 2 SHANNEN HIEW KAR YEE / 0354055 PACKAGING AND MERCHANDISING DESIGN / BACHELORS IN DESIGN (HONS) IN CREATIVE MEDIA / TAYLORS UNIVERSITY EXERCISE 1  JUMPLINKS  1. Module Information Booklet   2. Lectures 3. Exercises  4. Feedback 5. Further Reading   MODULE INFORMATION BOOKLET  LECTURES  WEEK 1  - For this week lecture, Mr. Shamsul briefed us about our Module Information Booklet. We were informed that there are some changes to our Module Information Booklet. Other than that, we were introduced into the purpose of a packaging. Sir just made us discuss about the purpose of packaging in groups and each group had to come up with one purpose. I have learned that there are multiple purposes of a packaging. These are a few purposes.  PURPOSE OF PACKAGING  protection  convenience  sustainability communication  marketing   WEEK 2  - In week 2, we had no classe...
Read more

INFORMATION DESIGN

Image
02/02/2026 - ??/02/2026 / WEEK 1 - WEEK  Shannen Hiew Kar Yee / 0354055 Bachelor in Design (Hons) in Creative Media / Taylors University  Information Design CONTENT LIST  1. MODULE INFORMATION BOOKLET 2. LECTURE 3. EXERCISES 4. FEEDBACK 5. FURTHER READING  MODULE INFORMATION BOOKLET LECTURE  WEEK 1  - For this week, it was our first week of class for the starting of the semester. So, Mr. Martin just briefs us for our module task for the whole semester by showing us our lecture slides. As well as we were also briefed about how to do our exercise 1. Other than that, we did a small activity with the group that Mr. Martin already assigned us with. We were asked to create a slide about what is infographic and also types of infographics in a short span of time and present it.  OUR GROUP CANVA SLIDES: :  WEEK 2  - In Week 2, we explored how to make text do more than just sit on a screen by going into the dynamic topic of kinetic typography in Afte...
Read more