Skip to main content

Typography - Exercise


Typography - Exercise


05.04.2019 - 12.04.2019
Joseph (0336620)
Typography
Exercises

LECTURES

LECTURE 1: Module Briefing

Week 1

We started today's class with the introduction of the module briefing and the activities that are coming. We had a small introduction to what is typography, we learned about the different terms like typeface or typefamily. We learned about what is typography and a few after terms. We were also taught on how to make blogs.





Week 2


LECTURE 2 : The Evolution of Typography

For our second week we were presented with a brief discussion of the evolution of typography. Typography is the art of arranging type to make a language legible and readable. We were told that when we look at an artwork, we must understand why the artwork is consider good, what makes the artwork looks good. These questions are and must be asked to be better at typography and it requires a lot of practice.

Terminologies :
Font: The process of creating a letter or a word.

Typeface: Refers to the entire family of fonts that share similar characteristics.

Typefamily: Refers to the many weights of different kinds of typeface.


Week 3

Lectures

In today's lecture, we dive deeper into Typography, we were taught about the different terminologies that are used during typography or parts about typography over 500 years. These are the terminologies that describe a letterform.

Baseline - The Imaginary line the visual base of the letterform

Median - The imaginary line defining the x-height of letterforms

X-Height - The height in any letterform of the lowercase X

Stroke - Any line that defines the basic letterform

Vertex - The point created by joining two diagonal stems

Arm - Short strokes off the stem of the letterform, either horizontal or inclined upward

Ascender - The portion of the stem of a lowercase letterform that projects above the median.

Barb - The half-serif finish on some curved stroke.

Beak - The half-serif finish on some horizontal arms

Bowl- The rounded form that describes a counter. The bowl may be either open or closed.

Bracket - The transition between the Serif and the Stem

Cross Bar - The horizontal stroke in a letterform that joins 2 stems together.

Cross Stroke - The horizontal stroke in a letterform that joins two stems together

Crotch - The interior space where two strokes meet

Descender - The portion of the stem of a lowercase letterform that projects below the baseline

Ear - The stroke extending out of the main stem or body of the letterform.

Em/En - Originally referring to the width of the uppercase M, and en is the width of the uppercase N

Finial - The rounded non - serif terminal to a stroke

Leg - Short stroke off the stem of the letterform, either at the bottom of the stroke (L) or inclined
downward K.

Ligature - The character formed by the combination of two or more letterforms.

Link - The stroke that connects the bowl and the loop of a lowercase G.

Loop - The bowl created at the lowercase G.

Serif - The right-angled  or the oblique foot at the end of the stroke.

Shoulder - The curved stroke that is not part of the bowl.

Spine - The cruved stem of a S.

Spur - The extension that articulates the junction of the curved and rectinilear stroke

Stem - The significant vertical or oblique stroke.

Stress - The orientation of the letterform, indicated by the thin stroke in round forms.

Swash - The flourish that extends the stroke of the letterform

Tail - The curved diagonal stroke at the finish of certain letterforms

Terminal - The self-contained finish of a stroke without a serif.

.

26.04.2019 (Week 4)

Lectures 

Today's lecture revolves around the development and timeline of letterforms and typography.
































Exercises

Week 2 : Lettering
This week exercise is about digitizing our names that we've drawn out, it started off as a personality that describe us. My first thought was homely, but that was too hard, so I changed the word to anxious and this is what I came up with.
A


Week 3 : Animating Expressions
This animation took 6 frames, I was trying to use the tears to show anxiety and nervousness. When I showed this to Mr. Shamsul he said that this looked okay.


Fig 1.2 Lettering - Anxious (Animated)

This animation took 6 frames, I was trying to use the tears to show anxiety and nervousness.

Week 4 : Type Expressions

This week were asked to create an expression using the 6 words we chose to express, although we were asked to draw on a graph paper or a A4 paper first, I went straight to digitizing since we're dealing with typefaces.

For the words Faint, Levitate, and Bounce I had a few ideas on what to do therefore I created a few designs and all came out okay, in terms of the ideas it was a last minute idea that I came up with.






After doing all those work I had to finalize my work since there were choices, I chose them and this is the final outcome of the static artwork.

After showing the lecturers our work, we were asked to animate one of the words, Mr. Vinod wanted me to do freeze, but when I tried it was a little bit difficult so I chose to do faint instead.

This is the final outcome.



Reflections

Week 1 :
 Taking this course again, hoping to do better was all I could think of.

Week 2 :
Had a little bit trouble again doing lettering.

Week 3 :
It was frustrating redoing the same mistake at the animation process

Week 4 :
I was very relieved when Mr. Vinod approved all 6 of my designs.

Week 5 : 
It was quite a lot to take in studying InDesign again although I did this last semester.

Observations

Week 1 :
I find that this batch didn't really payed much attention of doing the exercise.

Week 2 :
I felt that I was doing better than last semester in terms of creating an artwork.

Week 3 :
I observed that most people was very stressful during the animation process.

Week 4 :
I felt really tired coming to the 8am class.

Week 5 :
I felt really frustrated doing the expression of First Things First.






Week 2

Further Readings

I read the book about  Mastering Type (The Essential Guide to Typography FOR PRINT AND WEB DESIGN by Denise Bosler) somewhere in page 128 I read about the term Orphans, an orphan is one or two lines of a paragraph at the end of a column separated onto the next column of type. It can also be the opening line of a paragraph stuck at the end of a column. It breaks the flow of text and creates readability issues. Example at the picture below :


Week 3 
No further readings

Week 4 
No further readings

Week 5
After 2 weeks of no further readings because I'm lazy, I decided that I'll grab a book and read whatever is in there, but I still didn't read any books. Instead I looked up for blogs that might help the cause of students struggle on Typography. Eventually I found this blog 12 Typography Tips. This blog gives 12 tips for getting better on Typography

Comments

Popular posts from this blog

Advanced Typography - Exercise and Lecture

Advanced Typography - Exercises 26.09.2019 Joseph (0332260) Advanced Typography Exercises  LECTURE (26.09.19) This is the start of what I can say a very stressful course to go through again but no worries its not Taylor's University or any University if it's not hard. For our first week, we start the course by being introduced to the MIB (Module Information Booklet). We were explained by Mr. Vinod what are the assignments going to be like and what are the projects going to be like. After that, we continued on by making presentations and explaining the lecture to the lecturers. We learned about the 8 Typographical Systems, we have :" Axial, Radial, Dilatational, Random, Grid, Modular, Transitional, and Bilateral. These are the slides of presentation that each of our group makes. INSTRUCTIONS EXERCISE Week 2 (02.09.2019) For our first exercise, we were asked to make 2 art designs based on the presentation that we did for the first week. The...

TYPOGRAPHY - EXERCISE

29.08.2019 Joseph (336620) Typography Exercises LECTURES Lecture 1 : Introduction to Typography We started the semester off with an introduction to the module and what to expect in the coming weeks. We are then expected to create a blogger account or an e-portfolio as people call it to insert or showcase our future projects and exercises throughout the semester, to make things easier for new semester students, a sample was given as a guideline for us to follow  Mr. Vinod has also inform us of the materials that is needed for the upcoming activities and task that is to be done before the next meeting or the next class - A4 graph papers and 3.0 Artline Drawing Pen. However before that, Mr. Vinod began with power pointed introduction to Typography. Due to my undersstanding, typography is a step or procedure of  arranging type or processing data and printing from it, a way to make writings readable and eligible for looking and writing. Due to its course and journey ...

Application Design - 202003

Application Design - 202003 04.16.2020 Joseph (0336620) Application Design Exercises and Projects Exercises HTML AND CSS RECAP Our first exercise was recapping on our HTML and CSS skills, this was too get us to warm up on what is to be expected from the upcoming exercises. For this exercise I made a very mini personal website, nothing to crazy. Fig 1.1 Page 1 Fig 1.2 Page 2 Jquery Mobile For this exercise we are to learn jquery mobile codes and minor gsap animation to build this website,  we also learn some minor Javascript coding for this exercise. Project 1-2-Final Project This is a continuous project, for this project we are to make our app that we designed during our last semester. For my app, I decided to make an News Reading with an alarm clock in it. However that idea was cut short and I only made a News Reading App, and its called ReadMeUp. This idea was made with the idea of having a less complicated UI and focused more on Minimalism. Other applications such as ...