SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
UNIT 1:
INTRODUCTION TO THE DIGITAL
       TYPOGRAPHY
Learning Outcome:
After completing this chapter, students will be able to:
1.   Explain what is typography and identify it’s Character
2.   Enumerate and gain understanding about the functions of typography in art and design
3.   Evaluate and understand type of typography
4.   Explore the invention and development of typefaces from the age of Palaeolithic till Roman
     Empire
_________________________________________________________________________

1.1. What is typography

Typography is the art and technique of arranging type, type design, and modifying type glyphs. Type
glyphs are created and modified using a variety of illustration techniques.

The arrangement of type involves the selection of typefaces, point size, line length, leading (line
spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space
between pairs of letters (kerning).

Typography is performed by typesetters, compositors, typographers, graphic designers, art directors,
comic book artists, graffiti artists, and clerical workers.




                                              Type Design




                                        Modifying type glyphs
Graffiti

Typography is not a fine art.

The typographer exists not to express his own design preferences, his own aesthetic needs, but to
provide a useful (because usable) connection between someone with something to say and someone
to say it to.



     1.2. WHERE TYPE IS USE?


       Type is everywhere. It is on almost everything we buy, on the pages of books and magazine,
        on walls, floors and street signs.

       As the examples here demonstrate, the are many typeface varieties and each possesses a
        distinct personality.

       Some typefaces are formal and convey a sense of authority, while others are more relaxed
        and appear to be less structured.

       Typeface usage can therefore tell a reader as much about the originator of the
        communication as the message itself.
1.3. FUNCTIONS OF TYPOGRAPHY


Current typographic functions can be divided into the following categories:


1.3.1 Art/Autonomous typography


In this case typography is mainly used for aesthetic purposes. The individual style and
expression of the designer is often more important than the text.
1.3.2 Communication typography


Impression typography
The main function of impression type is to get people to read. In this case form can also be more
important than legibility. But it does have a specific function: attract attention.


* Legibility Suitability is how fast the character can be identified.




Information typography
Often called 'book typography'. This is the kind of typography that is usually very subtle and its
highest priority is legibility. It often involves high quantities of text.
Interactive/navigational
There are many ways to represent interactive type. Besides legibility, usability is introduced as
an extension of typography. Navigational typography has several functions:


   It tells the user where he/she is in relation to the rest of the content
   It tells the user where to go and how to get somewhere
   It provides direct feedback to accentuate interaction
   It accurately represents the content through language and aesthetics




1.4 TYPE OF TYPOGRAPHY


1.4.1 Display typography


Typography is a potent element in graphic design, where there is less concern for readability and
more potential for using type in an artistic manner.
Type is combined with negative space, graphic elements and pictures, forming relationships and
    dialog between words and images.


    Color and size of type elements are much more prevalent than in text typography.


    Most display typography exploits type at larger sizes, where the details of letter design are
    magnified.

    Color is used for its emotional effect in conveying the tone and nature of subject matter.


    Display typography encompasses posters; book covers; typographic logos and word marks
    billboards; packaging; on-product typography; calligraphy; *graffiti; inscriptional & architectural
    lettering; poster design and other large scale lettering signage; business communications &
    promotional collateral; advertising; word marks & typographic logos (logotypes) and kinetic
    typography in motion pictures and television; vending machine displays; online & computer
    screen displays.




                                Book covers (Display Typography)

1.4.2 Advertising Typography

    Typography has long been a vital part of promotional material and advertising.


    Designers often use typography to set a theme and mood in an advertisement; for example using
    bold, large text to convey a particular message to the reader.


    Type is often used to draw attention to a particular advertisement, combined with efficient use of
    color, shapes and images.


    Today, typography in advertising often reflects a company's brand. Fonts used in
    advertisements convey different messages to the reader; classical fonts are for a strong
    personality, while more modern fonts are for a cleaner, neutral look.
A print advertisement from a 1913 issue of National Geographic




                             Examples of Advertising Typography


1.4.3 Newspapers, magazines, and periodicals


Typography is used in all newspapers, magazines and periodicals.


Headlines are often set in larger type to attract attention and are placed near the masthead.


For example, BERITA HARIAN uses a bold, colourful and comparatively modern style through
their use of different fonts and colors; type sizes vary widely, and the newspaper name is placed
on a coloured background.
Popular Malaysia newspapers like
                            BERITA HARIAN and UTUSAN
                               use typography heavily.




1.5. Early movement type
JOB SHEET
LAB ACTIVITY

Activity : Create Character and Object from Type
Software: Adobe Illustrator


STEP 1
Open the adobe Illustrator Cs4 and set the document to A4 size, landscape orientation




STEP 2
Select on Type tool and start type any words on the artboard




STEP 3
Use your creativity in choosing the typeface that is going to be used in your character. You can
use different type of typefaces based on your character.
STEP 4
To get a good composition you have to use this tool to rotate, scale up, scale down and change
the position at typeface.




STEP 5
In the character number 3 from Garamond have been used to produce the body of a car.




STEP 6
Try different types of composition to find a good layout and apparent.
STEP 7
After all the chosen type combined, we can look at the character in detail.




Examples:
Assignment
Task: Create 3 Characters and 3 Objects from the Type. You can use A-Z, 0-9
and others symbols.
Requirements:
   1. Size = A4 size. (Display all characters and objects in one page)
   2. Black and White or Colour
   3. Label the items ( Ex: Cars/Bicycle/Boys/Girls)
   4. Use Adobe Illustrator to complete the task
   5. Print and save your artwork into your portfolio.
   6. Submit After Practical Class
Criteria:
      Idea development (by using the sources creatively) [ 5 Marks ]
      Good alignment and balance [ 5 Marks ]
      Presentation show the High quality (have market value) [ 5 Marks ]
      Message delivery (visual show the message clearly) [ 5 Marks ]
      Clean finishing [ 5 Marks ]
    TOTAL = 25 MARKS


NOTES: This Assignment is one part of Assignment 1 (A1). This assignment will
complete after student submit all the parts in Assignments 1.

Contenu connexe

Tendances

Typography
TypographyTypography
Typography
mjones27
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
Hazlin Aisha Zainal Abidin
 
Yr 9 Typography Project Intro Lesson June 2022.ppt
Yr 9 Typography Project Intro Lesson June 2022.pptYr 9 Typography Project Intro Lesson June 2022.ppt
Yr 9 Typography Project Intro Lesson June 2022.ppt
missfcmay
 

Tendances (20)

Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
The typography
The typographyThe typography
The typography
 
Typography Fundamentals
Typography FundamentalsTypography Fundamentals
Typography Fundamentals
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction Upload
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
Typography
TypographyTypography
Typography
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Typography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia InstituteTypography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia Institute
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
Elements of Graphic Design
Elements of Graphic DesignElements of Graphic Design
Elements of Graphic Design
 
Typography
TypographyTypography
Typography
 
Typography
TypographyTypography
Typography
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
 
Yr 9 Typography Project Intro Lesson June 2022.ppt
Yr 9 Typography Project Intro Lesson June 2022.pptYr 9 Typography Project Intro Lesson June 2022.ppt
Yr 9 Typography Project Intro Lesson June 2022.ppt
 
Logo design
Logo designLogo design
Logo design
 
introduction of graphic design
introduction of graphic designintroduction of graphic design
introduction of graphic design
 
The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic Design
 

En vedette (15)

Typography analysis
Typography analysisTypography analysis
Typography analysis
 
Typo lab
Typo labTypo lab
Typo lab
 
Font analysis
Font analysisFont analysis
Font analysis
 
Audio video
Audio videoAudio video
Audio video
 
Typography Analysis
Typography AnalysisTypography Analysis
Typography Analysis
 
Florence and the Machine Presentation
Florence and the Machine PresentationFlorence and the Machine Presentation
Florence and the Machine Presentation
 
Digipak analysis- Florence and the machine 'Lungs'
Digipak analysis- Florence and the machine 'Lungs'Digipak analysis- Florence and the machine 'Lungs'
Digipak analysis- Florence and the machine 'Lungs'
 
Research on Fonts
Research on FontsResearch on Fonts
Research on Fonts
 
Lana Del Rey Digipak Analysis
Lana Del Rey Digipak AnalysisLana Del Rey Digipak Analysis
Lana Del Rey Digipak Analysis
 
Indie music analysis
Indie music analysisIndie music analysis
Indie music analysis
 
Action and Adventure Games
Action and Adventure GamesAction and Adventure Games
Action and Adventure Games
 
Typography Analysis
Typography AnalysisTypography Analysis
Typography Analysis
 
Yr 10 gcse graphics letter design
Yr 10 gcse graphics letter designYr 10 gcse graphics letter design
Yr 10 gcse graphics letter design
 
Logo and analysis of logos
Logo and analysis of logosLogo and analysis of logos
Logo and analysis of logos
 
Cd cover analysis media studies
Cd cover analysis media studiesCd cover analysis media studies
Cd cover analysis media studies
 

Similaire à Introduction to the Digital Typography

Question 2A: Presentaitonal Features
Question 2A: Presentaitonal Features Question 2A: Presentaitonal Features
Question 2A: Presentaitonal Features
Suzie Allen
 
Typography vc paper (team a)
Typography vc paper (team a)Typography vc paper (team a)
Typography vc paper (team a)
Rinkweijs
 

Similaire à Introduction to the Digital Typography (20)

IVC - Lesson 12
IVC - Lesson 12IVC - Lesson 12
IVC - Lesson 12
 
Graphic Design ( a Full leson, activities and quiz)
Graphic      Design ( a Full leson, activities and quiz)Graphic      Design ( a Full leson, activities and quiz)
Graphic Design ( a Full leson, activities and quiz)
 
PRESENT.ppt
PRESENT.pptPRESENT.ppt
PRESENT.ppt
 
Hand lettering
Hand letteringHand lettering
Hand lettering
 
MCMAGCOVER-Typo1
MCMAGCOVER-Typo1MCMAGCOVER-Typo1
MCMAGCOVER-Typo1
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Question 2A: Presentaitonal Features
Question 2A: Presentaitonal Features Question 2A: Presentaitonal Features
Question 2A: Presentaitonal Features
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentations
 
Communication design
Communication designCommunication design
Communication design
 
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNINGTIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
TIPS TO ACHIEVE EXCELLENCY IN GRAPHIC DESIGNING
 
Typography vc paper (team a)
Typography vc paper (team a)Typography vc paper (team a)
Typography vc paper (team a)
 
ARTS-6-Q1-W1.pptx
ARTS-6-Q1-W1.pptxARTS-6-Q1-W1.pptx
ARTS-6-Q1-W1.pptx
 
Lesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic DesignLesson 1- An Introduction to Graphic Design
Lesson 1- An Introduction to Graphic Design
 
Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice) Graphic Design (Theory & Practice)
Graphic Design (Theory & Practice)
 
Graphic Designing Training In Chandigarh
Graphic Designing Training In ChandigarhGraphic Designing Training In Chandigarh
Graphic Designing Training In Chandigarh
 
Principle of multimedia Azmawati
Principle of multimedia AzmawatiPrinciple of multimedia Azmawati
Principle of multimedia Azmawati
 
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORTDESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
DESKTOP PUBLISHING COMPUTER 7-LESSON 6 CREATING REPORT
 
UI UX and Graphic Design
UI UX and Graphic DesignUI UX and Graphic Design
UI UX and Graphic Design
 
Typography By Traffic Creative Management
Typography By Traffic Creative ManagementTypography By Traffic Creative Management
Typography By Traffic Creative Management
 
graphics lecture 1.pptx
graphics lecture 1.pptxgraphics lecture 1.pptx
graphics lecture 1.pptx
 

Dernier

怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 

Dernier (20)

Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls AgencyHire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
Hire 💕 8617697112 Meerut Call Girls Service Call Girls Agency
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Vasundhra (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 

Introduction to the Digital Typography

  • 1. UNIT 1: INTRODUCTION TO THE DIGITAL TYPOGRAPHY
  • 2. Learning Outcome: After completing this chapter, students will be able to: 1. Explain what is typography and identify it’s Character 2. Enumerate and gain understanding about the functions of typography in art and design 3. Evaluate and understand type of typography 4. Explore the invention and development of typefaces from the age of Palaeolithic till Roman Empire _________________________________________________________________________ 1.1. What is typography Typography is the art and technique of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning). Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, and clerical workers. Type Design Modifying type glyphs
  • 3. Graffiti Typography is not a fine art. The typographer exists not to express his own design preferences, his own aesthetic needs, but to provide a useful (because usable) connection between someone with something to say and someone to say it to. 1.2. WHERE TYPE IS USE?  Type is everywhere. It is on almost everything we buy, on the pages of books and magazine, on walls, floors and street signs.  As the examples here demonstrate, the are many typeface varieties and each possesses a distinct personality.  Some typefaces are formal and convey a sense of authority, while others are more relaxed and appear to be less structured.  Typeface usage can therefore tell a reader as much about the originator of the communication as the message itself.
  • 4. 1.3. FUNCTIONS OF TYPOGRAPHY Current typographic functions can be divided into the following categories: 1.3.1 Art/Autonomous typography In this case typography is mainly used for aesthetic purposes. The individual style and expression of the designer is often more important than the text.
  • 5. 1.3.2 Communication typography Impression typography The main function of impression type is to get people to read. In this case form can also be more important than legibility. But it does have a specific function: attract attention. * Legibility Suitability is how fast the character can be identified. Information typography Often called 'book typography'. This is the kind of typography that is usually very subtle and its highest priority is legibility. It often involves high quantities of text.
  • 6. Interactive/navigational There are many ways to represent interactive type. Besides legibility, usability is introduced as an extension of typography. Navigational typography has several functions:  It tells the user where he/she is in relation to the rest of the content  It tells the user where to go and how to get somewhere  It provides direct feedback to accentuate interaction  It accurately represents the content through language and aesthetics 1.4 TYPE OF TYPOGRAPHY 1.4.1 Display typography Typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner.
  • 7. Type is combined with negative space, graphic elements and pictures, forming relationships and dialog between words and images. Color and size of type elements are much more prevalent than in text typography. Most display typography exploits type at larger sizes, where the details of letter design are magnified. Color is used for its emotional effect in conveying the tone and nature of subject matter. Display typography encompasses posters; book covers; typographic logos and word marks billboards; packaging; on-product typography; calligraphy; *graffiti; inscriptional & architectural lettering; poster design and other large scale lettering signage; business communications & promotional collateral; advertising; word marks & typographic logos (logotypes) and kinetic typography in motion pictures and television; vending machine displays; online & computer screen displays. Book covers (Display Typography) 1.4.2 Advertising Typography Typography has long been a vital part of promotional material and advertising. Designers often use typography to set a theme and mood in an advertisement; for example using bold, large text to convey a particular message to the reader. Type is often used to draw attention to a particular advertisement, combined with efficient use of color, shapes and images. Today, typography in advertising often reflects a company's brand. Fonts used in advertisements convey different messages to the reader; classical fonts are for a strong personality, while more modern fonts are for a cleaner, neutral look.
  • 8. A print advertisement from a 1913 issue of National Geographic Examples of Advertising Typography 1.4.3 Newspapers, magazines, and periodicals Typography is used in all newspapers, magazines and periodicals. Headlines are often set in larger type to attract attention and are placed near the masthead. For example, BERITA HARIAN uses a bold, colourful and comparatively modern style through their use of different fonts and colors; type sizes vary widely, and the newspaper name is placed on a coloured background.
  • 9. Popular Malaysia newspapers like BERITA HARIAN and UTUSAN use typography heavily. 1.5. Early movement type
  • 10.
  • 11.
  • 13. LAB ACTIVITY Activity : Create Character and Object from Type Software: Adobe Illustrator STEP 1 Open the adobe Illustrator Cs4 and set the document to A4 size, landscape orientation STEP 2 Select on Type tool and start type any words on the artboard STEP 3 Use your creativity in choosing the typeface that is going to be used in your character. You can use different type of typefaces based on your character.
  • 14. STEP 4 To get a good composition you have to use this tool to rotate, scale up, scale down and change the position at typeface. STEP 5 In the character number 3 from Garamond have been used to produce the body of a car. STEP 6 Try different types of composition to find a good layout and apparent.
  • 15. STEP 7 After all the chosen type combined, we can look at the character in detail. Examples:
  • 16. Assignment Task: Create 3 Characters and 3 Objects from the Type. You can use A-Z, 0-9 and others symbols. Requirements: 1. Size = A4 size. (Display all characters and objects in one page) 2. Black and White or Colour 3. Label the items ( Ex: Cars/Bicycle/Boys/Girls) 4. Use Adobe Illustrator to complete the task 5. Print and save your artwork into your portfolio. 6. Submit After Practical Class Criteria:  Idea development (by using the sources creatively) [ 5 Marks ]  Good alignment and balance [ 5 Marks ]  Presentation show the High quality (have market value) [ 5 Marks ]  Message delivery (visual show the message clearly) [ 5 Marks ]  Clean finishing [ 5 Marks ] TOTAL = 25 MARKS NOTES: This Assignment is one part of Assignment 1 (A1). This assignment will complete after student submit all the parts in Assignments 1.