09/26/2023 - 10/24/2023 (week1-week4)
jovan cornelius irwan/0364526.
typography/Bachelor of Design (honours) in creative media /taylor's university
Task 1
LECTURE
Week 1:
Typo_0_Eportofolio Briefing
Firstly,our lecturer told us to make e-portfolio they gave us video tutorial how to make e-portfolio by using blogger. Afterthat our lecturer ask the students to give a word, there are 11 words but we need to vote. After voting there are 6 words selected thereafter we need to pick 4 of 6 words and create an idea from these words
Typo_0_Introduction
typography is the creation of typefaces or type families. Typography is also a animation. It can come in animation, animated forms such as the beginning movie titles or gif animation. typography is visible and prevalent in website designs. Typography as well understanding way finding and navigation. Understanding where to place it of a physical space to place.
Typo_1_Development
Early letterform development: Phoenician to Roman
Tool that you hold in your hand has a major role on the type of writing that is created.
Soft clay and stone is one oof the instrument to create the forms
The Greeks change direction of writing. Phoenicians, like other semitic peoples, wrote form right to left.
The Greek developed a style of writing called 'boustrophedon' which meant that the lines of text alternately from right to left and left to right. They also changed the direction of reading and the orientation of the letterforms
revolution of foundation letter A
Square capitals were the written version that can be found in Roman monuments
rustic capital took far less time to write up the pen or brush was held at an angle of approximately 30 degrees of perpendicular
Uncials contained elements of the Roman cursive hand, particularly in the shape of the letters A, D. E. H, M, U, and Q.
half uncials a more formalized cursive hand; formally began the development in use of lowercase letterforms
caloline miniscule In 789, Charlemagne, Europe's first unifier since the Romans, issued an order standardising all church writings.
The fragmentation of Charlemagne's realm resulted in regional variations on Alcuin scripts.
A condensed, sharply vertical letterform known as 'Blackletter' or 'textura' had acquired favor in the Northern Areas
Text type classification
Typeface Development / Timeline
Classification of text types (Origin dates estimated to the closest quarter century)
 |
Fig 1.18 1750 (Transitional)
|
Fig 1.17 1550 (Script)
 |
Fig 1.14 1450 (Blackletter)
|
 |
Fig 1.16 1500 (Italic)
|
 |
Fig 1.15 1475 (Oldstyle)
|
Week 2:
Type_3_Text_P1
Typography: Text/Tracking: Kerning and Letterspacing
Kerning refers to the automatic adjustment of space between letters. In fact that the spacing needs to add space between the letters.
the addition and removal of space in word or sentence is refer as 'Tracking'
Formatting Text
Flush Left
The text are aligned to the left of the paragraph
Flush Right
The text are aligned to right of the paragraph
Justified
The text are equally aligned
Type size : The size of the font
Leading : space between lines of text
Line Length : distance between left and right
Week 3
Typo_4_Text_Part 2
Text
Typographical used to identify a paragraph
Widow is the end of the paragraph and orphan is a single word
Week 4
Typo_2_Basic
Baseline: the imaginary line the visual base of the letterforms
Median: the imaginary line defining the x-height of letterforms
X-height: the height in any typeface of the lowercase 'x'
Stroke: any line that defines the basic letterform
Apex / Vertex : Point that connect two strokes
Arm : A horizontal stroke at top or bottom
Ascender : A part in letterform in the upward side that extend above it.
Barb : Sharply pointed in a serif
Beak : Stroke on the end of the letterforms arms
Bowl : Rounded part of letterforms
Bracket : Curved connect between stem and serif
Cross Bar : The bar that connect two strokes
Cross Stroke : Bar that sit across the main letterform
Crotch : The part where two lines are connected together
Descender : Part of the letterforms that are extended
Ear : Small stroke
Em/en : The size of a letterforms
Finial : Curved end in letters
Ligature : Joined graphemes to make single glyph
Link : Stroke that connect top and bottom
Week 5
Typo_5_Understanding
This is Baskerville font , this letter form may seems symmetrical but its not
If we examine this closely , we can see the different between two stroke on the right and left side. The left side stroke is slightly thinner than the right side.
Those two letter 'a' may seems similar but in fact its different
INSTRUCTIONS
<iframe src="https://drive.google.com/file/d/1cBlfi1aNdHMZVHhPYF-BRPoAQ-yNS6Zg/preview" width="640" height="480" allow="autoplay"></iframe>
Task 1: Exercises - Type Expression
so I made the animation of word bounce I made the o like a tennis ball bouncing through n and b and fall between b and u also I made little effects like the line
Task 1 : Exercise 2 - Text Formatting
Kerning and Tracking
 |
without kerning and tracking |
 |
with kerning and kerning |
 |
the difference between using kerning and tracking and without |
Layout Exercise
This layout activity aims to help students comprehend the significance of text and image composition on a page/spread.


HEAD
Font/s: Futura Std Extra Bold Condensed Oblique
Type Size/s: 70pt and 30 pt
Leading:86pt
Paragraph spacing: 86pt
BODY
Font/s: Futura Std book
Type Size/s: 10pt
Leading: 12pt
Paragraph spacing: 12pt
Characters per-line: 56
Alignment: justify all line
Margins: 12.7mm top, 12,7mm left + 12,7 mm right + 12.7mm bottom
Columns: 3
Gutter: 4,233 mm
FEEDBACK
Week 1
watch video given by lecturer and try to make an idea by selected words
Week 2
general feedback: My lecturer told me to download all the fonts given because I had only downloaded a few fonts
Week 3
1.dive: my lecturer said that my design is too simple
2. Float: Mr. Vinod repair my design because he think my design is to messy
3. Bounce: my bounce too many effect
Week4
watch video lecture because i haven't watched the latest
Week5
make sure the layout according to rules of typography, especially line length and cross alignment
REFLECTIONS
Experience: From what I learned I have learned about alignment , fonts , kerning and tracking.
Observations: This lecture improves my tracking skill and widen my knowledge regarding typography
Findings: I found editing, photoshopping, sketching, enhanced my skill and passion in arts. This way I'm able to visualize my creativity along with the ideas i have in mind.
FURTHER READING
Book Title : The Vignelli Canon
summary:
I liked how this book was really thorough in explaining the small details of type. I personally would suggest this to the students who wanna learn more outside of the classes/pre-recorded lectures.
As the title of the book says, it primarily focuses on seeing type through screens. Most of what was said in the lectures were also included in here but also some other important points were made
Komentar
Posting Komentar