Kids typography class book

Page 1



by Li Shucong(5027630)

1


Kid’s Typography Class 60 Golden Bear Dr Arundel QLD, 2414 Gold Coast First published on https://issuu.com/lishucong Printed in America by http://www.blurb.com/ Written by Li Shucong(5027630) Designed by Li Shucong(5027630) Edition: 1st Title: Kid’s Typography Class Author: Li Shucong (5027630) Number of page: 32 32 pages with hard cover Book size: Small Square 7*7 Paper type: Proline Uncoated (100# Text, Eggshell Texture) Cover type: Hard cover, Imagewrap

1


Introduction This book is for children that interested in typography. It use some simple way to tell children some basic knowledge about typography. I do not own knowledge in this book. I just play a role as an editor and collect and edit the information that I ind.

2


3

Type Anatomy

P4

Serif and Sans Serif

P15

Bold and Italic

P18

Kerning

P25

Tracking

P27

Leading

P29

Reference

P31


Understanding the fundamental principles and concepts of typography is the first step to being a successful typographer. The most basic component of typography is the letter, and each letter of the alphabet is distinguished by its unique shape, or letterform.

T y p e A n a t o m y

4


TY PE Capital/Uppercase

Counter

Terminal

Neck

Descender

5

Loop


A N ATO M Y Bowl Ascender

Two-storey letter

Serif

6


TY PE Minuscule/Lowercase

7

Crossbar


A N ATO M Y Shoulder

Axis

Counter

Tail

8


TY PO G RA PH Y Descender The open space in a fully or partly closed area within a letter.

Neck A stroke that connects the top and bottom bowls of lowercase double-story g’s.

9


D ECO N STRU C TED Termainal The teardropped ends of strokes in letters of some typefaces.

Two-storey letter One way to differentiate true italic from fake or software-slanted fonts is by looking at the a.

10


Descender The part of the letters that extends below the baseline.

LOOP The enclosed or partially enclosed counter below the baseline of a double-story g.

Bowl The fully closed, rounded part of a letter.

11


Ascender An upward vertical stroke found on the part of lowercase letters that extends above the typeface’s x-height.

Serif A stroke added as a stop to the beginning and end of the main strokes of a character.

Crossbar The horizontal stroke in letters. Also known as a Bar.

12


Counter The open space in a fully or partly closed area within a letter.

Shoulder The curved stroke aiming downward from a stem. The curve at the beginning of a leg of a character, such as in an “m.�

Tail A descending stroke, often decorative.

13


Uppercase A letter or group of letters of the size and form generally used to begin sentences and proper nouns. Also known as “capital letters�.

Lowercase The smaller form of letters in a typeface.

14


Serif letterforms have been around for thousands of years, but over the last hundred or so, sans serif typefaces have become just as widely used.

15

S e r i A f n d S a S n e s r i f


SERIF

Serif fonts have strokes

16


SA N S SERIF

Sans serif fonts have no strokes.

17


Large blocks of bold or italic type can bedificult to read. If everything is emphasised then nothing is emphasised. Bold and italic weights should only be usedfor emphasis within a paragraph of text and used consistently.

B o l d

A n Id t a l i c 18


BO LD

Stronger

19


REG U LA R

Thinner

20


ITA LIC

Straight

21


REG U LA R

Oblique

22


Regular

Bold

I'm Janna , I love

23


Italic

typography class!

24


In typography, kerning (less commonly mortising) is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. Kerning adjusts the space between individual letter forms, while tracking (letter-spacing) adjusts spacing uniformly over a range of characters.[1] In a well-kerned font, the two-dimensional blank spaces between each pair of characters all have a visually similar area.

25

K e r n i n g


BEFO RE

A FTER

26


Tracking involves adjusting the spacing throughout the entire word. Once you've determined the right spacing between each letter, tracking can be used, with great restraint, to change the spacing equally between every letter at once.

27

T r a c k i n g


D IFFEREN T TY PE O F TRAC KIN G Touching

Very tight

Tight

Normal

28


Leading is an essential design aspect that determines how text is spaced vertically in lines. For content that has multiple lines of readable text (like this blog), you'll want to make sure the distance from the bottom of the words above to the top of the words below has appropriate spacing to make them legible.

29

L e a d i n g


BEFO RE

A FTER

30


References Falla,D.(2016).Lesson Two: Typeface Modification Strategies. Retrieved from https://bblearn.griffith.edu.au/webapps/ blackboard/content/listContent.jsp?course_id=_48297_1&content_ id=_1878616_1 Falla,D.(2016).Lesson Three: Type Anatomy, Bold and Italics. Retrieved from https://bblearn.griffith.edu.au/webapps/ blackboard/content/listContent.jsp?course_id=_48297_1&content_ id=_1878621_1 Falla,D.(2016).Lesson Five: Glyphs, Kerning, and Spacing. Retrieved from https://bblearn.griffith.edu.au/webapps/blackboard/content/ listContent.jsp?course_id=_48297_1&content_id=_1878633_1 Kerning. Retrieved from https://en.wikipedia.org/wiki/Kerning Marcket, C.(2014).What’s the difference between leading, kerning and tracking?.Retrieved from https://creativemarket.com/ blog/2014/09/18/whats-the-difference-between-leading-kerningand-tracking

31

Typography deconstructed. Retrieved from http://www. typographydeconstructed.com/category/anatomy-of-type/




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.