Skip to main content

TYPOGRAPHY - TASK 2 / TYPOGRAPHIC EXPLORATION & COMMUNICATION

 Typography /Task 2


15.05.2023 - 26.05.2023 // Week 6 - Week 9

Song Yang / 0355576

Typography /Bachelor of Design (Honours) in Creative Media



LECTURES


We were provided with video as a guide


Fig 1.1 Typography Task 2 Demo

Week 6
Typography: Different Medium

Print type Vs Screen type

Type for Print
-Caslon, Garamond, Baskerville, are the most commonly used when it comes to printing. They are highly readable when set at small font size and they also look elegant.

Type for Screen
-Typefaces intended for use on the web are often optimized and modified to enhance readability and performance on screen. 

Ways to enhance typefaces for screen

-Include a taller x-height.
-Wider letterforms
-More open counters
-Heavier thin strokes and serifs
-Reduced stroke contrast 
-Some modified curves and angles for some designs
-More open spacing (for smaller sizes)


Hyperactive link/hyperlink 
-Word/phrase/image that you can click on to jump on a new document or a new section within the current document.

Font size for screen 
-16-pixel text on a screen is about the same size as text printed in a book or magazine; this is accounting for reading distance. Because we read books pretty close — often only a few inches away — they are typically set at about 10 points. If you were to read them at arm’s length, you’d want at least 12 points, which is about the same size as 16 pixels on most screens.

Static Vs Motion

Static typography
- Has minimal characteristic in expressing words. We can see those in billboards, posters, magazines and so on.

Motion typography 
- Film title credits present typographic information over time, often bringing it to life through animation. Motion graphics, particularly the brand identities of film and television production companies, increasingly contain animated type. This type of typography helps to evoke a certain mood among the audience and also to establish the tone associated to the content of the brand.


INSTRUCTIONS :




Task 2(Week 5)


I created sketches of three font styles and typography formats.

Fig.1.1. Title


I designed three layouts.
Fig.1.2


I chose one of the following three ideas for the final layout.
Fig.1.3.Idea 1
Fig.1.4.Idea 2

Fig.1.5.Idea 3



I received feedback from Mr. Vinod who thinks my title is too tight, So I changed it.


Fig.1.6. The modified 1

Fig.1.7. The modified 2(I choose this as the final design)



Fig.1.8. The modified 2( Baseline grid)


Final Design
  



REFLACTIONS

Week 9
Experiences:  I design fonts with a lot of inspiration that I think is interesting.

Observations:  Some of my inspirations were a bit complicated and I chose a design that was easy to digitize.

Findings:  Mr. Vinod likes the fourth sketch as much as I do. Great minds think alike.


Week 10

Experiences: When I was digitizing, I had some problems with some letters, but Mr. Vinod saw it and gave me a solution.

Observations:  I thought it was fun to design my own font, so I named it after my last name.

Findings:  I find our tasks more complex each time, but more challenging, which can make me a good designer.


Comments

Popular posts from this blog

INTERCULTURAL DESIGN | PROPOSAL, DATA COLLECTION AND FINAL PROJECT

  Februray 8, 2024 - March 22, 2024 08.02.2024 –  / Week1 – Week7 Song Yang / 0355576 Intercultural Design / Bachelor of design (Honours) in Creative Media MIB Project 1   Proposal   (2. Proposal Presentations Slides) For this module, we are required to create a study based on the theme "Cultural Sensitivity in Design". We are to study a cultural phenomenon or a particular subculture that is perceived as 'sensitive' and frame our study within the chosen theme. We decide to propose about 3 ideas. ・Chinese Calligraphy ・Red packets ・Oil-paper Umbrellas Project 2 Data collection (3. Data collection presentations slide) After getting feedback from Mr. Azrial as Oil-paper Umbrellas as our chosen topic, we started to do further research into the topic. We decided to frame our research into 4 different cultural aspects and meanings behind the oil-paper umbrellas; Chinese, Japanese, Malaysian, and Indonesian culture. Here, we conducted two things: online research an...

Major Project

 25/09/2024 - 08/01/2025 / Week 1 - Week 15 Song Yang / 0355576 Major Project / Bachelor of Creative Media / Taylor's University Major Project INSTRUCTIONS Process Explored the cultural significance of Tang Dynasty tea attendants, focusing on their elegance and rituals. Brainstormed key brand values: tradition, refinement, and modern integration.  Logo Design and Brand Visuals Fig 1.1 Logo in Black Fig 1.2 Logo in Color Fig 1.3 Image Sketch Fig 1.4 Image Color Fig 1.5 Image Color Fig 1.6 Image Color Fig 1.7 Image Color Packaging Design Exploration - Paper Bag Fig 2.1 Paper Bag 1  - Design Fig 2.2 Paper Bag 2   - Design Fig 2.3 Paper Bag 3  - Design Fig 2.4 Paper Bag 4   - Design - Milk Tea Cup Fig 2.5  Milk Tea Cup 1 - Design Fig 2.6  Milk Tea Cup 2  - Design Fig 2.7  Milk Tea Cup 3  - Design Fig 2.8  Milk Tea Cup 4  - Design - Tote Cup Holder Fig 2.9  Tote Cup Holder  1 - Design Fig 2.10  Tote Cup H...

Information Design - Project 1

 26.1.2023 - 23.2.2023 (Week 3 - Week 7) Song Yang (0355576) Bachelor of Design (Hons) in Creative Media  Information Design Instructable Infographic poster & Motion graphic INSTRUCTIONS For this project, we were assigned to create a teachable poster infographic and an animated infographic video from a video recipe, explaining how to cook/bake our chosen dishes from the Pasta Grandma YouTube channel. I started this project by binge-watching multiple videos from the pasta Granny and decided to make this video on how to make flake bread. Flatbread is found all over Italy, and Enrica shares her recipe for "crostoli" (it's plural and singular is crostolo) here. Lard is a key ingredient, and the way it's made makes delicious pancakes. Fig 1.1   Enricas' video recipe on how to make flake bread https://www.youtube.com/watch?v=XzY3uoMCgtE After watching the video, I recorded in my notes the ingredients and steps of how to make the flake bread. Fig 1.2 Ingredie...