Typography: Final Compilation & Reflection

29/9/2023 - 29/12/2023 (Week 1 - Week 14)

Aisya Diva Anwagodsa (0365505)

Typography / Bachelor of Design (Hons) in Creative Media

Typography 

Final Compilation & Reflection

JUMPLINK

    - Task 1
    - Task 2
    - Task 3
INSTRUCTIONS



SUBMISSIONS


TASK 1
29/9/2023 - 5/11/2023 / (Week 1 -  Week 5)

Task 1: Exercise 1 - Type Expression

Fig. 1.1 Final Type Expression JPEG
(4/11/2023)

Fig. 1.2  Final Type Expression PDF
(4/11/2023)

Fig. 1.3 Final Animated Type Expression
(26/10/2023)

Task 1: Exercise 2 - Text Formatting


Fig. 1.4 Final Text Formatting JPEG
(28/10/2023)

Fig. 1.5 Final Text Formatting PDF
(28/10/2023)


Fig. 1.6 Final Text Formatting With Grids JPEG
(28/10/2023)

Fig. 1.7 Final Text Formatting With Grids PDF
(28/10/2023)

HEAD
Font/s: Gill Sans MT
Type Size/s: 33/12
Leading: 24
Paragraph spacing: 24

BODY
Font/s: Gill Sans MT
Type Size/s: 10
Leading: 12
Paragraph spacing: 12
Characters per-line: 54-60
Alignment: Left Justified
Margins: 12,7 mm top + 12,7 mm left + 12,7 mm right + 80 mm bottom
Columns: 4
Gutter: 8 mm

Task 2: Typographic Exploration & Communication
3/11/2023 - 10/11/2023 / (Week 6 -  Week 7)


Fig. 2.1 Final Editorial Spread JPEG
(10/11/2023)

Fig. 2.2 Final Editorial Spread PDF
(10/11/2023)

Fig. 2.3 Final Editorial Spread With Grids JPEG
(10/11/2023)

Fig. 2.4 Final Editorial Spread With Grids PDF
(10/11/2023)

HEAD
Font/s: Univers LT Std / Futura Std
Type Size/s: 
    - Univers LT Std: 27 pt 
    - Futura Std: 89 pt ; 25 pt ; 72 pt ; 32 pt ; 57 pt ; 65 pt ; 14 pt
Leading: 86 pt

BODY
Font: Gill Sans MT
Type Size: 10 pt
Leading: 12 pt
Paragraph spacing: 4,233 mm
Characters per-line: 57
Alignment: Justified left
Margins: 10mm Top, 10mm Left , 10mm Right , 10mm Bottom
Columns: 2
Gutter: 5 mm

Task 3: Type Design & Communication
17/11/2023 - 22/12/2023 / (Week 8 -  Week 13)


Download font here: NOIGHT

Fig. 3.1 Font Sketch
(24/11/2023)

Fig. 3.2 FontLab Screenshot
(21/12/2023)
Fig. 3.3 Final 'Noight' Digitalization JPEG
(21/12/2023)

Fig. 3.4 Final 'Noight' Digitalization PDF
(21/12/2023)


Fig. 3.5 Final A4 Poster JPEG
(21/12/2023)

Fig. 3.6 Final A4 Poster PDF
(21/12/2023)

REFLECTION

Experience
Entering Creative Media is a whole new world for me because I almost know nothing about it, including Typography. At first, I had no idea and was scared that I could not understand anything in this lecture. Everything is new and challenging, I would say that Typography helps me a lot in improving my skill and knowledge in design, because every task pushes me to learn more and more, also I am happy that I am getting a chance to meet new friends (since it is an offline class), I can see how others work, doing their design, and of course, I can get new hacks in using software tools and get references from others' work. Also, Mr. Vinod was very helpful, he will provide us with feedback on our work and help us if we find any difficulties.

Observations
Throughout these weeks, I learned that Typography is not just an invisible servant of design, but it is recognized as the design itself (definitely an amazing fact). It developed throughout the centuries and has a long history. To learn Typography, I cannot only rely on one source, like the internet or books, I have to explore more. Also, in this lecture, the most important thing is patience and research. Without that, we will stuck in the same position and cannot improve our skills.

Findings
Typography is complicated yet beautiful. The process is everything, maybe if I do not learn typography, I will never know how hard it is to make a letter or how to place words so it can easily to read. Overall, typography is a great module and I hope I can be better at typography.

QUICK LINKS


Comments

Post a Comment

Popular posts from this blog

Advanced Typography - Task 1: Typographic System - Type & Play

Image
22/4/2024 - 6/5/2024 (Week 1 - Week 3)   Aisya Diva Anwagodsa (0365505) Advance Typography / Bachelor of Design (Hons) in Creative Media Task 1/Exercises: Typographic Systems & Type & Play JUMPLINK Lectures Instruction Typographic System Design & Process Final Outcome Finding Type Process Final Outcome Feedback Reflection Further Reading LECTURES Week 1 TYPOGRAPHIC SYSTEM: There are eight major variations of typographic system: Axial Radial Dilatational Random Grid Modular Transitional Bilateral Typographical organization is complex because the elements are dependent on communication in order to function, these are the criteria for it: hierarchy, order of reading, legibility, and contrast.  The Axial System:   All elements organized to the left or right of the single axis. Radial System: All elements are extended from a point of focus. Dilatational: All elements expand from a central point in a circular fashion. Random System: Elements appear to have no speci...
Read more

Interactive Design - Exercises

Image
24/4/2024 - 1/5/2024 (Week 1 - Week 2)   Aisya Diva Anwagodsa (0365505) Interactive Design / Bachelor of Design (Hons) in Creative Media Task 1/Exercises JUMPLINK Lectures Instruction Exercise 1 Website 1 Website 2 Exercise 2 Process Final Outcome Exercise 3 Reflection Quick Links LECTURES Week 1 Usability: Design Products for User Satisfaction Usability refers to the effectiveness, efficiency, and how successfully a particular user can utilize a product or design in a certain situation.  Design usability depends on how well its features accommodate users' needs and context. Five Principles of Usability: Consistency: Ensuring that the website looks coherent and works harmoniously across all its different elements, such as headers, footers, sidebars, and navigation bars.  An example of consistency in a web design can be seen on these websites (Apple, Sime Darby, 153joombas) Simplicity: It is used to minimize the number of steps involved in a process and helping the users t...
Read more

Advanced Typography - Task 2: Key Artwork & Collateral

Image
15 /5/2024 - 29/5/2024 (Week 4 - Week 6)   Aisya Diva Anwagodsa (0365505) Advance Typography/Bachelor of Design (Hons) in Creative Media Task 2/Key Artwork & Collateral JUMPLINK Lectures Instruction Task 2A Process & Ideation Final Result Task 2B Process Final Result Feedback Reflection Further Reading LECTURES Week 6 - Perception & Organization In typography perception is: visual navigation and interpretation of the reader via contrast, form organization of the content (content: Textual, visual, graphical, and color).   Contrast:  In typography, contrast is needed to separating different types of information.  There are several methods to create contrast in typography, the example of contrast by Rudi Ruegg can be seen in picture below. Fig. 1.1 Contrast by Rudi Ruegg (20/6/24) Contrast based on Dair's perception: Fig. 1. 2 Contrasts by Carl Dair (20/6/24) Size: Provides a point to which the reader's attention is drawn.   The example is when we...
Read more