Professional Documents
Culture Documents
Text
|
Overview
• Introduction
• What is Text?
• Understandings fonts and typefaces
• Using text element in multimedia presentation
• Computers and text
• Font editing and design tools
• Hypermedia and hypertext
08/21/2021 |
Introduction
• Text came into use about 6,000
years ago where meaningful marks
were scraped onto mud tablets and
left to harden in the sun (Jiahu
symbols)
• Only for members of the ruling
classes and the priesthood.
• In some former eras it was a
capital offense to read, unless you
belonged to the proper social
class.
08/21/2021 |
Do you know king Njoya of Bamum,
Cameroon
08/21/2021 |
Introduction (cont.)
• Importance of text in multimedia products:
– To explain how the application works.
– To guide the user in navigating through the application.
– Deliver the information for which the application was
designed.
– The power of meaning and the importance of text: words must
be chosen carefully. Example for titles, menus, etc.
08/21/2021 |
What is Text?
• Alphabet characters : A – Z
• Numbers : 0 – 9
• Special characters : Punctuation [. , ; ‘ …] , Sign or
Symbols [* & ^ % $ £ ! /\ ~ # @ .…]
• May also include special icon or drawing symbols,
mathematical symbols, Greek Letter, etc
08/21/2021 |
What is Text? (cont.)
08/21/2021 |
Understanding Fonts and Typefaces
• Typeface – a family of graphic characters that usually includes
many type sizes and styles (font family).
– Example: Arial
• Font - is a collection of characters of a single size and style
belonging to a particular typeface family.
– Typical font styles: bold, italic, underline, superscript, etc.
– Type sizes are expressed in points.
– Example: Arial Black, Arial Narrow, Arial Rounded MT Bold
08/21/2021 |
Understanding Fonts and Typefaces (cont.)
• Font Sizes
– Font size is measured in points.
– Character metrics are the general measurements applied to individual
characters.
– Font’s size: distance from the top of the capital letters to the bottom of
the descenders in letters such as g and y.
08/21/2021 |
Understanding Fonts and Typefaces (cont.)
• Font Sizes (cont.)
– Leading is the space
between lines.
08/21/2021 |
Understanding Fonts and Typefaces (cont.)
• Cases
– A capitalized letter is referred to as uppercase.
– A small letter is referred to as lowercase.
– Placing an uppercase letter in the middle of a
word is referred to as an intercap (e.g.
MyBlog.com).
08/21/2021 |
Understanding Fonts and Typefaces (cont.)
• Cases (cont.)
– Case sensitive: the text’s upper- and lowercase letters must
match exactly to be recognized.
– Example: the directory names and filenames used in Uniform
Resource Locator (URL) addresses in the Internet:
• http://en.wikipedia.org/wiki/Pattern_recognition
• http://en.wikipedia.org/wiki/Pattern_REcognition
08/21/2021 |
Understanding Fonts and Typefaces (cont.)
• Cases (cont.)
–Case insensitive: the text’s upper- and
lowercase forms of a character are treating
or interpreting as being the same.
–Example: e-mail addresses
• HizMawati@UPM.Edu.My =
hizmawati@upm.edu.my
08/21/2021 |
Understanding Fonts and Typefaces (cont.)
08/21/2021 |
Using Text in Multimedia
08/21/2021 |
How to design a font
08/21/2021 |
How to design a font
Step 1: Research
It’s important to know the style
you want for your typeface,
what different applications it
will be used in and who will use
it
08/21/2021 |
How to design a font
Step 2: Drawing and Calligraphy
This is where a
typeface takes its
most basic form –
essentially, where
you create a
prototype.
08/21/2021 |
How to design a font
Step 2: Drawing and Calligraphy
It’s a matter of
exploring different
ways – is your
typeface mimicking
natural handwriting,
is it more vector
based?
08/21/2021 |
How to design a font
Step 2: Drawing and Calligraphy
Common prototype
words are:
Hamburgefonstiv or
Adhesion, or a brand
adjective like
“friendly”.
08/21/2021 |
How to design a font
08/21/2021 |
How to design a font
08/21/2021 |
Step 3: Tools for sketching and drawing
letters
• When using a tool, the size can change the weight of the
typeface very much.
• Seb Lester is best known for exquisitely beautiful
lettering, but he’s also designed typefaces including Neo
Sans.
08/21/2021 |
Step 4: Tools for digital typeface design
08/21/2021 |
Step 4: Tools for digital typeface design
08/21/2021 |
Step 5: Testing in context
08/21/2021 |
Step 6: From design to market
08/21/2021 |
Using Text in Multimedia (cont.)
08/21/2021 |
Using Text in Multimedia (cont.)
• Menus for navigation
– A user navigates through
content using a menu.
08/21/2021 |
Using Text in Multimedia (cont.)
• Interactive buttons
– A button is a clickable object that executes a command when
activated.
– Users can create their own buttons from bitmaps and graphics.
– The design and labeling of the buttons should be treated as an
industrial art project.
– Use common button shapes and sizes. Label them clearly.
– BE SURE THEY WORK!
08/21/2021 |
Using Text in Multimedia (cont.)
• Fields for reading
• Reading a hard copy is easier
and faster than reading from
the computer screen.
• If the purpose of your
multimedia project is to
display large blocks of text
( try to present only a few
paragraphs per text page, use
font that easy to read )
08/21/2021 |
Using Text in Multimedia (cont.)
• Fields for reading (cont.)
– Portrait vs. Landscape
– Portrait: the taller-than-wide orientation used for printed documents.
– Landscape: the wider-than-tall orientation normal to monitors.
– Possible solution if working with a block of text that is taller than what
will fit:
• Put the text into a scrolling field.
• Break the text into fields that fit on monitor-sized pages, and design control
buttons to flip through these pages.
08/21/2021 |
Using Text in Multimedia (cont.)
• HTML documents
– HTML stands for Hypertext Markup Language. It is the standard
document format used for web pages.
– HTML documents are marked using tags annotations that
control a text document’s layout and formatting or indicate
its structure.
• Tags:
– <B> tag for making text bold faced
– <IMG> tag for inserting images
08/21/2021 |
Using Text in Multimedia (cont.)
• Symbols and icons
• Symbols are concentrated text in
the form of stand-alone graphic
constructs.
• They are used to convey
meaningful messages.
• Symbols used to convey human
emotions are called emoticons.
• Icons are symbolic representations
of objects and processes common
to the graphical user interfaces of
many operating systems.
08/21/2021 |
Using Text in Multimedia (cont.)
08/21/2021 |
Using Text in Multimedia Applications
08/21/2021 |
Using Text in Multimedia Applications
08/21/2021 |
Computers and Text (cont.)
• Character sets
– The American Standard Code for Information
Interchange (ASCII) is a 8-bit coding system – 128
characters including upper and lower case letters,
punctuation marks, Arabic numbers and math symbols.
– The extended character set is commonly filled with
(American National Standards Institute) (ANSI)
standard characters.
08/21/2021 |
Computers and Text (cont.)
08/21/2021 |
Font editing and design tools
• Fontlab
– www.fontlab.com
– It is compatible with both
Macintosh and Windows
platform.
– It can be used to develop
PostScript, TrueType and
bitmapped fonts.
– It can also modify existing
typefaces and incorporate
PostScript artwork .
08/21/2021 |
Font editing and design tools (cont.)
08/21/2021 |
Hypermedia and Hypertext
• Definition:
– Multimedia?
– Interactive multimedia?
– Hypertext?
– Hypermedia?
• Please refer to Chapter 1!
08/21/2021 |
Hypermedia and Hypertext (cont.)
08/21/2021 |
Hypermedia and Hypertext (cont.)
• Hypertext tools – Two functions common to most hypermedia
text management systems are building (authoring) and reading.
• The functions of ‘builder’ are:
– Creating links (link anchor – where the link from, link end – the
destination node linked to the anchor).
– Identifying nodes (conceptual elements consist of text, graphics, sound
or related information).
– Generating an index of words (find & group words according to user
search criteria).
08/21/2021 |
Summary
• Text is one of the most important elements of multimedia.
• A typeface is a family of graphic characters that usually includes
many type sizes and styles.
• The standard document format used for Web pages is called
HTML.
• A hypertext system enables the user to navigate through text in
a non-linear way.
• You can search and view potentially billions of text documents
and files.
08/21/2021 |
Questions & Discussion
08/21/2021 |
Ole Sangale Road, Madaraka Estate. PO Box 59857-00200, Nairobi, Kenya
Tel +254 (0)20 606155, 606268, 606380 Fax +254 (0)20 607498
Mobile +254 (0)722 25 428, (0)733 618 135 Email info@strathmore.edu
www.strathmore.edu |