SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
Multimedia Elements
ž Serif      and sans serif fonts:

ž    In typography, serifs are semi-structural details on the ends of
      some of the strokes that make up letters and symbols. A typeface
      that has serifs is called a serif typeface (or seriffed typeface). A
      typeface without serifs is called sans-serif, from the French sans,
      meaning “without”.




        Serif Font                                     Sans Serif

                                                   http://en.wikipedia.org/wiki/Serif
ž    Serif and sans serif fonts:
ž    Use serif for printed work
ž    Serif fonts are usually easier to read than sans-serif fonts.
ž    This is because the serif make the individual letters more distinctive
      and easier for our brains to recognise quickly. Without the serif, the
      brain has to spend longer identifying the letter because the shape is
      less distinctive.
ž    The commonly used convention for printed work is to use a serif font
      for the body of the work. A sans-serif font is often used for headings
      and captions.
ž    Use sans serif for online work
ž    An important exception must be made for the web. Very small serif
      characters are harder to read than the equivalent sans-serif characters
      because of their more complex shapes.
ž    It follows that small on-screen text is better in a sans-serif font like
      Verdana or Arial.

                                                    http://www.scribe.com.au/tip-w017.html
ž Decorative

ž    Decorative fonts, also called display fonts, or title fonts, are
      used mainly, as their name stand, to decorate pages.

ž    They can be used as initial characters, for titles, for banners,
      for posters, and in general, for type that forces the attention.
      E.g. advertisement fonts, and packaging design.

ž    They should not be overused in the same document, though.
      Because of their strong personality, they may interact in
      strange fashion.


                                                 http://www.fontmenu.com/site/decorative.html
ž  Evocativetypography refers to a choice of typeface
  that reinforces the message of the words, type that
  evokes a desired response. Designers have always
  been very careful about their choice of type, and I
  know you have been through that process many
  times. You have a definite idea of which faces would
  be appropriate for different projects. You wouldn't
  make a Garage Sale sign in German blackletter. You
  wouldn't do a brochure for a construction company in
  a delicate script.
                                   ž From The Non-Designer's Type Book :
                Insights and Techniques for Creating Professional-Level Type
                                                           by Robin Williams


   Coulures
ž    Getting your words down on 'paper' is only part of producing a document.
      Just as important is making your document look good. A well-formatted
      letter, report or memo is easier to read, draws attention to the most
      important information, and creates a receptive and favourable impression
      in the reader.

ž    bold
ž    italics
ž    underline
ž    alignment
ž    indents
ž    bullets
ž    numbers
ž    size
ž    Colour
ž    stroke and fill
ž    headings, subheadings
ž    formatting paragraphs and document
ž    Pagination:
ž    Pagination is the system by which the information on a
      newspaper, bookpage, manuscript, or otherwise
      handwritten, printed or displayed document is laid out.
ž    In a strict sense of the word, it can mean the consecutive
      numbering to indicate the proper order of the pages.
ž    Pagination can also refer to the process of organizing
      information on web pages. For instance, threads on a bulletin
      board might be paginated such that 50 appear on each
      page.




                                               http://en.wikipedia.org/wiki/Pagination
Text Format Format   Advantages Disadvant

Txt

Rtf

Doc

Html
ž Fonts    can be either:
    •  Serif
    •  Sans Serif
    •  Decorative
Reading on screen- Sans Serif
ž Different fonts are good for different
Reading bulk amounts on paper –Serif
Headings on paper- Serif
   situations
ž Fonts are files stored on individual
   computers and generally don’t travel,
   particularly in web design
ž We
    anti-alias text to make it more
 readable on a computer monitor

Más contenido relacionado

La actualidad más candente

Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2Jennifer Janviere
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPointcindymartin
 
Typography presentation
Typography presentationTypography presentation
Typography presentationGreg Sarles
 
Typography teaching presentation
Typography teaching presentationTypography teaching presentation
Typography teaching presentationBrianna Morris
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typographycoachhahn
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explainedJo Lowes
 
Presentation on Fonts by Abdul Rehman
Presentation on Fonts by Abdul RehmanPresentation on Fonts by Abdul Rehman
Presentation on Fonts by Abdul RehmanHamad Pervaiz
 
Multimedia: Making it Happen - Text
Multimedia: Making it Happen - TextMultimedia: Making it Happen - Text
Multimedia: Making it Happen - Textjoelk
 
Urban calligraphy vle
Urban calligraphy vleUrban calligraphy vle
Urban calligraphy vleNeilOw87
 
Texture and typography
Texture and typographyTexture and typography
Texture and typographykmcintyre3
 

La actualidad más candente (16)

Fonts
FontsFonts
Fonts
 
Type
TypeType
Type
 
Font Types
Font TypesFont Types
Font Types
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
Typography teaching presentation
Typography teaching presentationTypography teaching presentation
Typography teaching presentation
 
The Elements of Design - Texture and Typography
The Elements of Design - Texture and TypographyThe Elements of Design - Texture and Typography
The Elements of Design - Texture and Typography
 
Typography
TypographyTypography
Typography
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 
Typography
TypographyTypography
Typography
 
Presentation on Fonts by Abdul Rehman
Presentation on Fonts by Abdul RehmanPresentation on Fonts by Abdul Rehman
Presentation on Fonts by Abdul Rehman
 
5 Tips For Better Typography In Your Slides
5 Tips For Better Typography In Your Slides5 Tips For Better Typography In Your Slides
5 Tips For Better Typography In Your Slides
 
Multimedia: Making it Happen - Text
Multimedia: Making it Happen - TextMultimedia: Making it Happen - Text
Multimedia: Making it Happen - Text
 
Urban calligraphy vle
Urban calligraphy vleUrban calligraphy vle
Urban calligraphy vle
 
Texture and typography
Texture and typographyTexture and typography
Texture and typography
 

Destacado

Flyers for the ACPL Laptop Lab
Flyers for the ACPL Laptop LabFlyers for the ACPL Laptop Lab
Flyers for the ACPL Laptop LabLaptopLab
 
Algorithms Vs Meta Language
Algorithms Vs Meta LanguageAlgorithms Vs Meta Language
Algorithms Vs Meta LanguageKelly Bauer
 
GSHP January 2012 Newletter
GSHP January 2012 NewletterGSHP January 2012 Newletter
GSHP January 2012 Newlettersteve glass
 
Scaffolding activities
Scaffolding activitiesScaffolding activities
Scaffolding activitiesKelly Bauer
 
GSHP December 2011 Newsletter
GSHP December 2011 NewsletterGSHP December 2011 Newsletter
GSHP December 2011 Newslettersteve glass
 
User Interaction Design
User Interaction DesignUser Interaction Design
User Interaction DesignKelly Bauer
 

Destacado (7)

Differentiation
DifferentiationDifferentiation
Differentiation
 
Flyers for the ACPL Laptop Lab
Flyers for the ACPL Laptop LabFlyers for the ACPL Laptop Lab
Flyers for the ACPL Laptop Lab
 
Algorithms Vs Meta Language
Algorithms Vs Meta LanguageAlgorithms Vs Meta Language
Algorithms Vs Meta Language
 
GSHP January 2012 Newletter
GSHP January 2012 NewletterGSHP January 2012 Newletter
GSHP January 2012 Newletter
 
Scaffolding activities
Scaffolding activitiesScaffolding activities
Scaffolding activities
 
GSHP December 2011 Newsletter
GSHP December 2011 NewsletterGSHP December 2011 Newsletter
GSHP December 2011 Newsletter
 
User Interaction Design
User Interaction DesignUser Interaction Design
User Interaction Design
 

Similar a Stem 22 text

16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...prologuitoedic
 
Project 3 instructions
Project 3 instructionsProject 3 instructions
Project 3 instructionseMoney003
 
The Art and Science of Fonts.pdf
The Art and Science of Fonts.pdfThe Art and Science of Fonts.pdf
The Art and Science of Fonts.pdfTEWMAGAZINE
 
Best Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classicBest Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classicBrandy Johnson
 
Better css font stacks unit verse
Better css font stacks   unit verseBetter css font stacks   unit verse
Better css font stacks unit verseXuan Le
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
textinformationandmedia-190522081153.pptx
textinformationandmedia-190522081153.pptxtextinformationandmedia-190522081153.pptx
textinformationandmedia-190522081153.pptxAldineRaytan
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgFarisZainudin1
 
Designing Type for User Interface
Designing Type for User InterfaceDesigning Type for User Interface
Designing Type for User InterfaceAndi Galpern
 

Similar a Stem 22 text (20)

16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
16. A Basic Introduction to Typography (Inglés) (Presentación) autor Northern...
 
Project 3 instructions
Project 3 instructionsProject 3 instructions
Project 3 instructions
 
The Art and Science of Fonts.pdf
The Art and Science of Fonts.pdfThe Art and Science of Fonts.pdf
The Art and Science of Fonts.pdf
 
Best Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classicBest Resume Fonts Creative. Garamond is a classic
Best Resume Fonts Creative. Garamond is a classic
 
Chap7
Chap7Chap7
Chap7
 
Better css font stacks unit verse
Better css font stacks   unit verseBetter css font stacks   unit verse
Better css font stacks unit verse
 
Fonts!
Fonts!Fonts!
Fonts!
 
Typography and Web Design
Typography and Web DesignTypography and Web Design
Typography and Web Design
 
Typography and Web Design
Typography and Web DesignTypography and Web Design
Typography and Web Design
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
Unit 2 graphics
Unit 2 graphicsUnit 2 graphics
Unit 2 graphics
 
Typography – a marketer’s guide
Typography – a marketer’s guideTypography – a marketer’s guide
Typography – a marketer’s guide
 
Font type research
Font type researchFont type research
Font type research
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
Typography
TypographyTypography
Typography
 
textinformationandmedia-190522081153.pptx
textinformationandmedia-190522081153.pptxtextinformationandmedia-190522081153.pptx
textinformationandmedia-190522081153.pptx
 
Chapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdgChapter 3 - Text.pptsdg
Chapter 3 - Text.pptsdg
 
Typeface 2.pdf
Typeface 2.pdfTypeface 2.pdf
Typeface 2.pdf
 
Typography
TypographyTypography
Typography
 
Designing Type for User Interface
Designing Type for User InterfaceDesigning Type for User Interface
Designing Type for User Interface
 

Más de Kelly Bauer

Structural factors
Structural factorsStructural factors
Structural factorsKelly Bauer
 
Project showcase
Project showcaseProject showcase
Project showcaseKelly Bauer
 
Project showcase church in the middle ages
Project showcase church in the middle agesProject showcase church in the middle ages
Project showcase church in the middle agesKelly Bauer
 
Selection and justification
Selection and justificationSelection and justification
Selection and justificationKelly Bauer
 
6 multimedia elements - www
6   multimedia elements - www6   multimedia elements - www
6 multimedia elements - wwwKelly Bauer
 
3 multimedia elements - audio
3   multimedia elements - audio3   multimedia elements - audio
3 multimedia elements - audioKelly Bauer
 
OHS for Industrial Technology
OHS for Industrial TechnologyOHS for Industrial Technology
OHS for Industrial TechnologyKelly Bauer
 
Images (Samples from past exams
Images (Samples from past examsImages (Samples from past exams
Images (Samples from past examsKelly Bauer
 
Personell issues
Personell issuesPersonell issues
Personell issuesKelly Bauer
 
Exam feedback term 1 2011
Exam feedback term 1 2011Exam feedback term 1 2011
Exam feedback term 1 2011Kelly Bauer
 
Exam feedback term 1 2011
Exam feedback term 1 2011Exam feedback term 1 2011
Exam feedback term 1 2011Kelly Bauer
 
5 multimedia elements - animation
5   multimedia elements - animation5   multimedia elements - animation
5 multimedia elements - animationKelly Bauer
 
4 multimedia elements - video
4   multimedia elements - video4   multimedia elements - video
4 multimedia elements - videoKelly Bauer
 
Stem 71 24 multimedia elements - graphics
Stem 71 24   multimedia elements - graphicsStem 71 24   multimedia elements - graphics
Stem 71 24 multimedia elements - graphicsKelly Bauer
 
Sample hsc style questions
Sample hsc style questionsSample hsc style questions
Sample hsc style questionsKelly Bauer
 

Más de Kelly Bauer (20)

Logo design
Logo designLogo design
Logo design
 
Team teaching
Team teachingTeam teaching
Team teaching
 
Cmyk vs rgb
Cmyk vs rgbCmyk vs rgb
Cmyk vs rgb
 
Structural factors
Structural factorsStructural factors
Structural factors
 
Team teaching
Team teachingTeam teaching
Team teaching
 
Entry document
Entry documentEntry document
Entry document
 
Project showcase
Project showcaseProject showcase
Project showcase
 
Project showcase church in the middle ages
Project showcase church in the middle agesProject showcase church in the middle ages
Project showcase church in the middle ages
 
Selection and justification
Selection and justificationSelection and justification
Selection and justification
 
6 multimedia elements - www
6   multimedia elements - www6   multimedia elements - www
6 multimedia elements - www
 
3 multimedia elements - audio
3   multimedia elements - audio3   multimedia elements - audio
3 multimedia elements - audio
 
OHS for Industrial Technology
OHS for Industrial TechnologyOHS for Industrial Technology
OHS for Industrial Technology
 
Images (Samples from past exams
Images (Samples from past examsImages (Samples from past exams
Images (Samples from past exams
 
Personell issues
Personell issuesPersonell issues
Personell issues
 
Exam feedback term 1 2011
Exam feedback term 1 2011Exam feedback term 1 2011
Exam feedback term 1 2011
 
Exam feedback term 1 2011
Exam feedback term 1 2011Exam feedback term 1 2011
Exam feedback term 1 2011
 
5 multimedia elements - animation
5   multimedia elements - animation5   multimedia elements - animation
5 multimedia elements - animation
 
4 multimedia elements - video
4   multimedia elements - video4   multimedia elements - video
4 multimedia elements - video
 
Stem 71 24 multimedia elements - graphics
Stem 71 24   multimedia elements - graphicsStem 71 24   multimedia elements - graphics
Stem 71 24 multimedia elements - graphics
 
Sample hsc style questions
Sample hsc style questionsSample hsc style questions
Sample hsc style questions
 

Stem 22 text

  • 2. ž Serif and sans serif fonts: ž  In typography, serifs are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). A typeface without serifs is called sans-serif, from the French sans, meaning “without”. Serif Font Sans Serif http://en.wikipedia.org/wiki/Serif
  • 3. ž  Serif and sans serif fonts: ž  Use serif for printed work ž  Serif fonts are usually easier to read than sans-serif fonts. ž  This is because the serif make the individual letters more distinctive and easier for our brains to recognise quickly. Without the serif, the brain has to spend longer identifying the letter because the shape is less distinctive. ž  The commonly used convention for printed work is to use a serif font for the body of the work. A sans-serif font is often used for headings and captions. ž  Use sans serif for online work ž  An important exception must be made for the web. Very small serif characters are harder to read than the equivalent sans-serif characters because of their more complex shapes. ž  It follows that small on-screen text is better in a sans-serif font like Verdana or Arial. http://www.scribe.com.au/tip-w017.html
  • 4. ž Decorative ž  Decorative fonts, also called display fonts, or title fonts, are used mainly, as their name stand, to decorate pages. ž  They can be used as initial characters, for titles, for banners, for posters, and in general, for type that forces the attention. E.g. advertisement fonts, and packaging design. ž  They should not be overused in the same document, though. Because of their strong personality, they may interact in strange fashion. http://www.fontmenu.com/site/decorative.html
  • 5. ž  Evocativetypography refers to a choice of typeface that reinforces the message of the words, type that evokes a desired response. Designers have always been very careful about their choice of type, and I know you have been through that process many times. You have a definite idea of which faces would be appropriate for different projects. You wouldn't make a Garage Sale sign in German blackletter. You wouldn't do a brochure for a construction company in a delicate script. ž From The Non-Designer's Type Book : Insights and Techniques for Creating Professional-Level Type by Robin Williams Coulures
  • 6. ž  Getting your words down on 'paper' is only part of producing a document. Just as important is making your document look good. A well-formatted letter, report or memo is easier to read, draws attention to the most important information, and creates a receptive and favourable impression in the reader. ž  bold ž  italics ž  underline ž  alignment ž  indents ž  bullets ž  numbers ž  size ž  Colour ž  stroke and fill ž  headings, subheadings ž  formatting paragraphs and document
  • 7. ž  Pagination: ž  Pagination is the system by which the information on a newspaper, bookpage, manuscript, or otherwise handwritten, printed or displayed document is laid out. ž  In a strict sense of the word, it can mean the consecutive numbering to indicate the proper order of the pages. ž  Pagination can also refer to the process of organizing information on web pages. For instance, threads on a bulletin board might be paginated such that 50 appear on each page. http://en.wikipedia.org/wiki/Pagination
  • 8. Text Format Format Advantages Disadvant Txt Rtf Doc Html
  • 9. ž Fonts can be either: •  Serif •  Sans Serif •  Decorative Reading on screen- Sans Serif ž Different fonts are good for different Reading bulk amounts on paper –Serif Headings on paper- Serif situations ž Fonts are files stored on individual computers and generally don’t travel, particularly in web design
  • 10. ž We anti-alias text to make it more readable on a computer monitor