Typography task 1

 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 
  • Indicating Paragraphs 

Typographical used to identify a paragraph


  • Widows and Orphans














Widow is the end of the paragraph and orphan is a single word
  • Highlight Text


  • Headline within Text


  • Cross Alignment 




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

Postingan populer dari blog ini