Page 1
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 1/23
Kuliah 4
Text and ColorPokok bahasan:
Type functionCategories of type
Type contrastText in multimediaHTML character encoding standardColour theory and modelsColour characteristic and themeColour correction
1.2.
3.4.5.6.7.8.
Coky Fauzi Alfie-mail : [email protected] : cokyfauzialfi.wordpress.com
mobile : 0812.192.67.985
Page 2
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 2/23
Text...is the basic element o multim
Page 3
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 3/23
Text Function
1. Titles2. Menus3. Navigation or Link
4. Content
Page 4
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 4/23
Printed Page versus Multimedia
Paper-and-Pen Multimedia-and-the Internet
Linear: We turn pages Nonlinear: We can jump back and orthSingle mode: Written Multiple channels: Writing, pictures, sound,Black text on white paper Color
Page 5
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 5/23
Page 6
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 6/23
Concordant
Li e’s but a walking shadow, a poorplayer that struts and rets his hour
upon o stage,and then is heard no more;
it is a tale told by an idiot ,full of sound and fury , signi ying nothing.
Using only one type omuch variety in style, s
Page 7
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 7/23
Conflicting
Li e’s but a walking shadow, a poorplayer that struts and rets his hour
upon o stage,and then is heard no more;
it is a tale told by an idiot ,full ofsound and fury, signi ying nothing.
Using two or more type similiar—not really diferreally the same
Page 8
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 8/23
Contrasting
Li e’s but a walking shadow, a poorplayer that struts and rets his hour
upon o stage,and then is heard no more;
it is a tale told by an idiot ,full of sound and fury , signi ying nothing.
Combining distinct typ
Page 9
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 9/23
Broad Categories of Font
Serif Times New Roman
Garamond
Baskerville
Sans Serif Arial
MyriadTahoma
Page 10
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 10/23
Page 11
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 11/23
Type Contrasts
Size
Size
weightweightweight
weightweight
ormformFORMFORM
Dir
D i r e c
t i o n
Page 12
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 12/23
Selecting Fonts
ReadabilityFocus
Page 13
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 13/23
Page 14
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 14/23
FocusImportant in ormation must stand out.
Use di erent ont or text efects, such as text animMovement in our peripheral vision attracts attentio
Use ont size to indicate the relative importance o
••
•
Page 15
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 15/23
Hyperlinking
A hyperlink is a link between some point in document to a point in either another docum
place in the same document.
Page 16
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 16/23
Hypertext links are use ul in two cases:
When the amount o in ormation is very largeWhen the user needs only a small part o the in orma
1.2.
Ad f
Page 17
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 17/23
Advantages of Hypertext
BookmarksEasy or searchHyperdocumentsDocuments worldwide can be lin
••••
Di d f H
Page 18
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 18/23
Disadvantages of Hypertext
Need a computer to access the documentsI navigation aids are not provided, a heavy cognitive loreader; the reader can also become disoriented
••
N i i Aid
Page 19
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 19/23
Navigation Aids
BacktrackSneak previewHighlighting linkBread crumbsHistoryOverview maps
••••••
C l
Page 20
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 20/23
Colors+ =
++
+ +
==
=
--
-
==
=
Th Cl ifi ti f C l
Page 21
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 21/23
The Classification of Color
HueColor circle, degrees (o)
Brightness or LightnessFrom white through the grays, %
Saturation...is a measure o the diference rom a gray o the same
C l i I Fil
Page 22
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 22/23
GIF JPGProduce smaller iles256 diferent colors max.Lossless compressionSharpness in original imageTransparentAnimatedPoor in gradations o color anddrop shadow
•••••••
Compression/qualityThe ile sizes can be very smallGradients and so t edges lookgoodDon’t support animation andtransparency
•••
•
20 % smal16.7 millioFaster andDon’t supptransparen
••••
Color in Image Files
Page 23
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 23/23
Terima Kasihcoky auzial i.wordpress.com