kuliah 4 text&color
TRANSCRIPT
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
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 2/23
Text...is the basic element o multim
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
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
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 5/23
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
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
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
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
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 10/23
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
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 12/23
Selecting Fonts
ReadabilityFocus
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 13/23
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
••
•
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.
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
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
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
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
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
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
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
8/8/2019 Kuliah 4 Text&Color
http://slidepdf.com/reader/full/kuliah-4-textcolor 23/23
Terima Kasihcoky auzial i.wordpress.com