Typography

The anatomy of typographyhttp://www.nhsdesigns.com/graphic/typography/anatomy.php

1. Serif คื�อ เส้�นที่กำ� หนดส้�วนบนส้�ดของตั�วอ�กำษร2. Mean line คื�อ เส้�นที่กำ� หนดคืว มส้�งของตั�วอ�กำษรพิ�มพิ�เล็ กำ3. Ascender คื�อ ส้�วนที่เล็ยเส้�น Meanline ข"#นไปด� นบน ใช้�กำ�บตั�วอ�กำษรตั�วพิ�มพิ�เล็ กำ4. Cap height คื�อ คืว มส้�งของตั�วอ�กำษรพิ�มพิ�ใหญ่�5. X-Height คื�อ คืว มส้�งของตั�วอ�กำษรพิ�มพิ�เล็ กำ

6. Point Size คื�อ ช้�วงคืว มส้�งที่�#งหมดที่ตั�วอ�กำษรตั�องใช้�7. Baseline คื�อ เส้�นที่กำ� หนดขอบล็� งของตั�วอ�กำษร8. Set Width คืว มกำว� งของตั�วอ�กำษร9. Decender คื�อ ส้�วนที่เล็ยเส้�น Baseline ล็งม ด� นล็� ง ใช้�กำ�บตั�วอ�กำษรพิ�มพิ�เล็ กำ

Type Families

• All licensed, commercial fonts are available in a number of styles and weights: usually roman (sometimes known as plain or book), italic (sometimes called oblique), bold and bold italic.

• For flexible working, it's best to choose a broad type family rather than use many different fonts.

A Sans-Serif Fonts • It contains many

intermediary weights: light, book, medium, bold, and extra bold. It also contains several condensed versions for more slender type

• เป็�นแบบ Gothic พื้�นฐาน มาจาก Serif แต่�เอาหั�วและ

เท้�าออกดู�เรี�ยบ ท้�นสม�ย ความหันาบางไม�ต่�างก�นมาก

น"ยมการีในวงการีออกแบบ เรี�ยบง�ายน�าอ�าน น"ยมใช้�เป็�น

ต่�วอ�าน

A Serif Fonts • The serif font below,

New Bodoni DT, also has many weight variants.

แบบโรีม�น อ�กษรีม�หั�ว ม�เท้�า หันาบางไม�เท้�าก�น ใหั�ความ รี��ส'กเก�าขล�ง เน�นท้างการี น"ยมพื้าดูหั�วเรี�)อง ไม�เหัมาะก�บ

ต่�วอ�านมากๆ

Antique Fonts

• Antique fonts have a long history and can be used to evoke a period feel.

Decorative Fonts • Decorative fonts include highly decorated and

really eccentric fonts, often with very specific uses and rarely appropriate for more than three words at a time.

Script Fonts • Script fonts, which resemble handwriting, can be

subdivided into traditional scripts that look as though they were produced by a quill pen and those that mimic modern styles of handwriting.

แบบเข�ยนลายม�อ หันาบาง ข'นก�บความเหัม�อนของ ว�สดู+ท้�)ใช้�เข�ยน เช้�นดู"นสอ หัรี�อป็ากกาคอแรี�ง ใหั�ความ

รี��ส'กไม�เป็�นท้างการี อ"สรีะ สน+กสนาน เน�นว�ยรี+�น แต่�ไม� เหัมาะก�บเป็�นต่�วอ�านมากๆ อ�านยาก ใช้�เป็�นหั�วเรี�)อง

Symbol Fonts

• Symbol fonts are composed of graphic icons to provide embellishments to text. These are sometimes created to complement a specific font

Non-Commercial Fonts

• A problem with non-commercial fonts, such as those decorative fonts that have free usage or are Internet downloads, is that they often have only one weight and are therefore of limited use.

• Another problem is that font sizes may not be standardized. For example, a 12 point version of a display font may be much smaller than 12 points for traditional fonts

• ต่�วอ�กษรีไท้ยแบบ ดู�งเดู"ม เน�นคืว มเป)น

ไที่ย มห�ว อ� นง� ย เน�นน� ม ที่� ให�ส้�งพิ�มพิ�

• ต่�วอ�กษรีไท้ยแบบหั�วต่�ดู ไม�มห�ว ด�ที่�นส้ม�ยกำว�

ร�วมส้ม�ยแล็ะเป)นส้ กำล็

• ต่�วอ�กษรีไท้ยแบบ ลายม�อ ร� �ส้"กำอ�ส้ระ เป)น

ธรรมช้ ตั�

ต่�วอ�กษรี

• ต่�วอ�กษรีไท้ยแบบค�ดูลายม�อ แสดูงความ เป็�นท้างการี ม�พื้"ธี�รี�ต่อง น�าเคารีพื้ใหั�

เก�ยรีต่"

ต่�วอ�กษรี

ต่�วอ�กษรี

บ+คล"กต่�วอ�กษรี ขนาดูต่�วอ�กษรี

Styling & Formatting

Type Size• A point (pt) is the usual measurement for type

and is equal to 1/72 of an inch. • Type that is smaller than 7pt is difficult to read

and type that is smaller than 3pt is utterly illegible.

Serif or Sans Serif?• A serif font is easier to read over long

passages (blocks of text) than a sans serif font. It is therefore often chosen for designs incorporating high quantities of body copy, such as novels and newspapers. However, a sans serif font is frequently perceived as being more modern.

Leading• Leading is the vertical space separating

baselines in text and is traditionally measured in points. The term is derived from the days of setting type in hot metal, when strips of lead were used to add space between lines.

Leading

Font size: 14pt; leading: 12pt.

Font size: 14pt; leading: 14pt (set solid).

Font size: 14pt; leading: 16pt.

Font size: 14pt; leading: 18pt.

Spacing

• การีสรี�างช้�องว�างรีะหัว�างต่�วอ�กษรี Text Spacingช้�องว�างในแนวนอน

ต่�วอ�กษรี

Measure

• Measure means t he width of the text column. It is also a critical factor in the legibility of type. A wide measure can be tiring to read because the eye cannot easily scan from the end of one line to the start of the next.

• A short measure can also disrupt readability and can lead to unsightly line breaks. The optimum line length for body copy is 60-70 characters.

Measure

Alignment

• Alignment refers to the arrangement of lines of text in relation to the page margins.

• Ranged left (ragged right), in which the text is aligned to the left-hand margin, is most common, legible and aesthetically pleasing. The majority of your text should be aligned left unless you have a sound reason to do otherwise.

Alignment

• Ranged right (ragged left) is hard to read at speed because the eye struggles to find the start of each new line. However, it can be stylish for short blocks of text.

• Centered text, in which text is centered on each line, should be used sparingly. While appropriate for display type and headings, it should not be used for body copy.

Alignment

Alignment

• Justified text, ranging to both left and right margins, can be a neat solution. However, it can create excessive spaces between words and may require hyphenation.

Paragraph Formatting

• Text styles are not simply defined by font and weight; paragraph styling or "formatting" also has a part to play. For example, you will also have to decide whether to include a line space before each new paragraph or whether to simply indent the first line of each.

Heading Hierarchies

• The titles and headings are your display text and you may elect to treat them entirely different from body text, although all headings within a piece should belong to a single type family, with depth and contrast arising from changes in size and weight.

Text as Image

Text as Image