8/20/2019 T5 Basic Graphics Final 090113
1/14
EDU3105 T5-BASIC GRAPHICS
TOPIC 5 BASIC GRAPHICS
SYNOPSIS
This topic introduces the !sic princip"es o# $r!phic !s resources th!t !ssist in the
cre!tion o# e##ecti%e te!chin$ !nd "e!rnin$ &!teri!"s' The e##ecti%eness o# &!teri!"s
"ies in its (u!"it) #ro& c!re#u" p"!nnin$ !nd on the %!rious techni(ues o# production
used'
LEARNING OUTCOME
*ro& the "e!rnin$ !cti%ities+ te!chers !re !"e to,
i' Ep"!in the concept o# $r!phic'
ii' Ep"!in the ro"es o# $r!phic in te!chin$'
iii' St!te the princip"es o# $r!phic'
i%' .ist+ c"!ri#) !nd inte$r!te the co&positions o# $r!phic th!t !ssoci!tee"e&ents+ p!ttern !nd !rr!n$e&ent in producin$ te!chin$ !nd "e!rnin$
&!teri!"s'
%' St!te the $r!phics production e(uip&ents'
1
8/20/2019 T5 Basic Graphics Final 090113
2/14
EDU3105 T5-BASIC GRAPHICS
TOPIC FRAMEWORK
Basic Graphics
Concp!s an"
Princip#s o$ ra hic
&is'a# "si%n
Pro"'c!ion o$ !achin% an"
#arnin% (a!ria#s
Graphics pro"'c!ion+'ip(n!s
/
8/20/2019 T5 Basic Graphics Final 090113
3/14
EDU3105 T5-BASIC GRAPHICS
Thin,
Ho do $r!phics !ssist in enh!ncin$ )our te!chin$-"e!rnin$ sessions
2A picture is orth ! thous!nd ords' This st!te&ent indic!tes th!t %isu!"s !re
c!p!"e o# ein$ !ttr!cti%e !nd e##ecti%e te!chin$ resources' Hoe%er+ in re!"it)+ it is
dependent on the ðods o# desi$nin$ !nd one4s cre!ti%eness' E##ecti%e &!teri!"s
tend to encour!$e !cti%e inter!ction in the c"!ssroo& !nd produce ! ch!""en$in$
"e!rnin$ en%iron&ent'
Gr!phic ori$in!ted #ro& the Gree ord 2$r!phios hich &e!ns dr!in$' Gr!phic
is !n) &!teri!" dr!n !s %isu!" ess!)' It is the co&in!tion o# pictures+ si$ns+
s)&o"s+ "etterin$s+ #i$ures+ ords+ dr!in$s+ !nd setches !s ! &ediu& ith the
intention to de"i%er ! concept or !n ide!' *ro& the pr!ctic!" !spect+ $r!phic is
c!p!"e o# connectin$ #!cts !nd ide!s c"e!r") ) co&inin$ dr!in$s+ setches+
si$ns+ scri"in$s+ ords+ s)&o"s !nd pictures' Gr!phic c"!ri#ies perceptions+
disp"!)s the stren$th o# pictures !nd rin$s !out e##ecti%e per#or&!nces' Hence+
te!chers ou$ht to !dopt the !sic no"ed$e o# princip"es o# $r!phics !s $uides
hen producin$ te!chin$ &!teri!"s th!t ou"d !ssist in #u"#i""in$ "e!rnin$ o6ecti%es'
Thin,
Ho do )ou produce !ttr!cti%e $r!phics
5-. Princip#s o$ Graphic
The princip"es o# $r!phic in%o"%e ðods in the us!$e o# $r!phic e"e&ents to
produce !ttr!cti%e !nd e##ecti%e %isu!"s' There !re no ri$id re$u"!tions to !dhere to+
ut h!%in$ no"ed$e on the princip"es o# $r!phic he"ps ! desi$ner to produce
e##ecti%e &!teri!"s'
3
8/20/2019 T5 Basic Graphics Final 090113
4/14
EDU3105 T5-BASIC GRAPHICS
A&on$ the princip"es o# $r!phic discussed !re contr!st+ !"i$n&ent+ si&p"icit)+
proi&it)+ e&ph!sis+ !nd repetition'
5-.-. Con!ras!
Contr!st occurs hen there !re to di##erent e"e&ents' The i$$er the di##erence the
"!r$er the contr!st' The &!in ide! is to &!e the di##erence "oos o%ious' Contr!st
concerns ith i&!$e+ co"our !nd t)po$r!ph)' *or e!&p"e+ contr!st !&on$ s&!"" !nd
"!r$e #onts+ #ine !nd co!rse "ines !nd+ soothin$ !nd ri$ht co"ours' The e##ecti%eness
"ies in !ttr!ctin$ !ttention to!rds ! desi$n'
5-.-/ A#i%n(n!
A"i$n&ent is the "!)out o# $r!phic e"e&ents th!t !re !ttr!cti%e") !rr!n$ed' There is no
#i ru"e to s!) th!t #or&!" !"i$n&ent is etter th!n in#or&!" !"i$n&ent or %ice-%ers! !s
ho e"e&ents !re !rr!n$ed depends on one4s inc"in!tion'
*or&!" !"i$n&ent shos e(u!" di%ision !&on$ to %isu!" p!rts+ either "e#t !nd ri$ht or
top !nd otto&' It !cts !s ! ei$ht h!%in$ the s!&e !&ount o# "o!d !t oth ends'
In#or&!" !"i$n&ent &!) h!%e the s!&e !&ount o# "o!d !t either sides+ "e#t !nd ri$ht
or top !nd otto& ut &!) not necess!r) h!%e the s!&e di%ision in ter&s o# sh!pe or
"oc!tion' Bein$ d)n!&ic+ this "!)out is &ore !ttr!cti%e'
*i$ure 5'1 , Contr!st
7
8/20/2019 T5 Basic Graphics Final 090113
5/14
Figure 5.2 : Alignment
EDU3105 T5-BASIC GRAPHICS
!' #or&!" ' in#or&!"
5-.-0 Si(p#ici!)
Si&p"icit) "i&its #!st underst!ndin$ to the ide! in ! desi$n' It is !d%is!"e to dis"!)
one thin$ !t ! ti&e !s too &uch ide!s tends to e con#usin$' *or e!&p"e+ the
nu&er o# ords in ! %isu!" disp"!) shou"d e "i&ited to 15 or /0 ords on") so th!t
the concept is rie#+ si&p"e !nd is c!p!"e o# sti&u"!tin$ one4s thinin$'
5-.-1 Pro*i(i!)
Proi&it) is the $roupin$ o# re"!ted e"e&ents so th!t it !ppe!rs ne!r !nd seen !s one
united $roup' E"e&ents used shou"d e suit!"e #or the the&e !nd the &ess!$e to e
de"i%ered' The re"!ted e"e&ents !re dependent on e!ch other to stren$then the
de"i%er) o# ide!' It c!n e produced usin$ !rros+ "ines+ sh!pes+ co"ours+ tetures !nd
sp!ces'
*i$ure 5'3, Si&p"icit)
5
8/20/2019 T5 Basic Graphics Final 090113
6/14
Figure 5.4 : Proximity
EDU3105 T5-BASIC GRAPHICS
!' !rros ' sh!pes c' teture
5-.-5 E(phasis
8hen !n ide! is e&ph!sised it eco&es ! centre o# !ttention !nd &!in #ocus' Usin$
sh!pes+ co"ours+ "ines+ connections !nd perspecti%e to e&ph!sise+ i"" !ccentu!te
the ide! to e e!si") seen !nd #ocused'
!' sh!pe ' co"our c' perspecti%e
*i$ure 5'5 , E&ph!sis
5-.-2 Rp!i!ion
This princip"e &!int!ins the consistenc) o# $r!phic e"e&ents in disp"!)s' The
e"e&ents &!) e d!rened #onts+ rou$h "ines+ s!&e u""ets+ co"ours+ e"e&ents o# the
desi$n+ #or&!t+ sp!ce !nd others'
Surat
berkuatkuasamulai
September
9
8/20/2019 T5 Basic Graphics Final 090113
7/14
EDU3105 T5-BASIC GRAPHICS
*i$ure 5'9 , Repetition
E*rcis
Tr) "ooin$ !t ! #e posters o# )our choice' St!te the princip"es o#
$r!phic used !nd h) those princip"es !re used'
5-/ &is'a# 3si%n
There !re three co&ponents in ! %isu!" desi$n n!&e") e"e&ent+ p!ttern d!n
!rr!n$e&ent'
5-/-. E#(n!
E"e&ent re#ers to the choice !nd contro" o# %isu!"s in ! di!$r!&' E"e&ent &!) occur
in the #or& o# %isu!"s+ or!" or !s !ttr!ction'
• :isu!" e"e&ent t!es three #or&s+ th!t is,
i' Re!"istic ; re#ers to studies th!t h!s een done to !n o6ect'
ii' An!"o$) ; disp"!)s !nd "ins the concept or topic re"e%!nt to !n o6ect'
8/20/2019 T5 Basic Graphics Final 090113
8/14
EDU3105 T5-BASIC GRAPHICS
iii' =r$!nis!ton ; disp"!)s the "ins eteen contents !nd concept usin$ tetu!"
e"e&ents such !s #"o ch!rts+ $r!phs+ &!ps+ sche&es !nd c"!ssi#ic!tion ch!rts'
• =r!" e"e&ent
>ost %isu!" disp"!)s !re stren$thened ) !dditions o# ords or sentences' Tit"es+
(uestions !nd !n) other supporti%e ords i"" incre!se the e##ecti%eness o# ! disp"!)'
8hen e%!"u!tin$ ! disp"!) #or te!chin$ purposes+ the !spects on "etterin$ us!$e th!t
h!%e to e t!en into !ccount !re,
i' .etterin$ st)"es ; si&p"e st)"es !ssist in producin$ consistenc) !nd h!r&on)
e##ects in %isu!" e"e&ents' *or e!&p"e+ Roman "etterin$ si&p"i#ies re!din$
e%en thou$h i# one $"!nces throu$h+ Helvetica is suit!"e #or %isu!" disp"!)s
!nd Palatino #or printed tets'
ii' ?u&er o# "etterin$ st)"es ; not &ore th!n three st)"es #or !ttr!cti%e disp"!)s'
iii' .!r$e !nd s&!"" "etterin$s ; pre#er!") use "!r$e "etterin$s on tit"es !nd s&!""
"etterin$s on su-tit"es !nd c!ptions.
i%' .etterin$ co"ours ; "e$ii"it) depends on contr!stin$ "etterin$ co"ours ith its
!c$round to de"i%er ! &ess!$e'
%' .etterin$ si@e ; the si@e o# "etterin$s used is !sed on its "e$ii"it) #ro& !
speci#ied dist!nce'
%i' Dist!nce eteen "etterin$s ; sp!ced e(u!"iriu&")+ not too #!r !p!rt nor tooc"ose to$ether !sed on one4s "e$ii"it)'
%ii' Dist!nce eteen ros o# sentences ; s!&e princip"e !s dist!nce eteen
"etterin$s' Sentences i"" "oo con$ested i# the ros !re too n!rro+ ut i#
ros !re too ide !p!rt then sentence "in!$es &!) "oo roen'
• E"e&ent o# !ttr!ction
Attr!cti%e %isu!"s i"" perpetu!te !ttention !nd interest' *or e!&p"e+ /D or 3D
sur#!ces+ co&in!tion o# !ttr!cti%e co"ours+ order") !rr!n$ed tets !nd+ &oder!te use
o# o6ects' This %isu!" co&position is dependent on the !sic e"e&ents used such !s,
i' Sp!ce ; $i%es rise to #ree sp!cious #ee"in$s eteen disp"!)ed e"e&ents+
$i%in$ $r!phic ! e""-p"!nned !nd ne!ter "oo'
8/20/2019 T5 Basic Graphics Final 090113
9/14
EDU3105 T5-BASIC GRAPHICS
*i$ure 5'< , Sp!ce
ii' .ines ; "ins %isu!" e"e&ents !nd directs one to oser%e se(uenti!"")'
*i$ure 5' , :!rious t)pes o# "ines
iii' Sur#!ce ; pro%ides e##ects #or the !ppe!r!nce o# "ines on it'
*i$ure 5' , T)pes o# teture
8/20/2019 T5 Basic Graphics Final 090113
10/14
EDU3105 T5-BASIC GRAPHICS
i%' Sh!pe ; pro%ides di&ensions'
*i$ure 5'10 , / di&ension!" sh!pes
*i$ure 5'11 , 3 di&ension!" sh!pes
%' Co"our ; si&p"i#ies or !ccentu!te the c"!rit) o# %isu!"s'
=r!n$e+ red !nd )e""o !re considered ri$ht co"ours+ "ined ith sunshine
!nd #ire' These co"ours &!) cre!te !cti%e e##ects+ !rouse ! sense o# #ee"in$s+
ri$hten !n en%iron&ent+ $i%e ! sense o# c"oseness+ !n$er+ stren$th !nd !
sense o# spirit' Hence+ these co"ours !re nor&!"") used in ors o# !rt o#
#esti%!"s !nd ce"er!tions'
Coo" or soothin$ co"ours !re "ue+ purp"e !nd $reen' These !re "ined to
n!ture such !s s)+ se!+ !ter !nd p"!nts' These co"ours &!) $i%e the
epression o# c!"&ness+ $ent"eness+ pe!ce#u"ness or &e"!ncho") hich
resu"ted in p!ssi%e e##ects' 8hi"e hite co"our si$ni#ies purit) !nd ori$in!"it)'
10
8/20/2019 T5 Basic Graphics Final 090113
11/14
EDU3105 T5-BASIC GRAPHICS
*i$ure 5'1/ , Co"our sche&es
G!ther in#or&!tion #ro& the internet to !dd )our underst!ndin$ to!rds
co"ours' Use phr!ses such !s co"our sche&es #or this purpose'
5-/-/ Pa!!rn
P!ttern is !ssoci!ted ith the "!)out o# ite&s in ! %isu!" desi$n' This !spect o# "!)out
is e&ph!sised to !ttr!ct !nd &!int!in one4s !ttention to %isu!"i@e the &e!nin$ o# the
content'
*i$ure 5'13 , P!ttern5-/-0 Arran%(n!
11
8/20/2019 T5 Basic Graphics Final 090113
12/14
EDU3105 T5-BASIC GRAPHICS
The !rr!n$e&ent o# e"e&ents o# ! %isu!" desi$n t!es intio !ccount the !spects o#
the princip"es o# $r!phic to produce !ttr!cti%e ors o# !rt' Throu$h proper or$!nisin$
!nd "inin$ eteen e"e&ents !nd the princip"es o# $r!phic+ the contents !nd
contets !re !"e to direct one4s !ttention to!rds i&port!nt in#or&!tion' This
!rr!n$e&ent c!n e seen in %su!" disp"!)s hich !dopt the Ru"e o# Thirds' It shos
ho ! person sc!ns ! %isu!" ) #irst concentr!tin$ on the "e#t h!nd corner o# the
disp"!)' As ! resu"t+ &!in in#or&!tion shou"d e disp"!)ed in this section' E!&p"es
!re shon in *i$ure 5'17'
*i$ure 5'17 , Ru"e o# Thirds
5-0 Graphics Pro"'c!ion E+'ip(n!s
Gr!phic i&!$es !re concrete products' The tr!ns#er o# $r!phic i&!$es #ro& !n
!str!ct ide! re(uires speci#ic e(uip&ents' The !i"it) to h!nd"e the e(uip&ents
depends on the one4s c!p!i"it) in disp"!)in$ the correct in#or&!tion c"e!r")'E(uip&ents used in $r!phic co&puters !re the !sic h!rd!re o# the co&puter
s)ste&+ $r!phic t!"et+ sc!nner+ printer !nd p"otters' Besides+ other e(uip&ents such
!s the di$it!" c!&er! is #re(uent") too' App"ic!tion o# co&puters en!"es one to see
the e##ects on "!)out or ch!n$es in t)po$r!ph) ithout usin$ pen or co"oured ins or
concrete tr!dition!" &edi! hich &!) t!e up ! "ot o# sp!ce to disp"!)'
1/
8/20/2019 T5 Basic Graphics Final 090113
13/14
EDU3105 T5-BASIC GRAPHICS
!' Sc!nners
' Di$it!" c!&er!s
*i$ure 5'15 , Gr!phics Production E(uip&ents
CONCLUSION
This topic discusses the !sic !spects in $r!phic !nd %isu!" desi$n' It is hoped th!t
)ou c!n produce te!chin$ !nd "e!rnin$ &!teri!"s ) disp"!)in$ %!rious t)pes o#
(u!"it) !nd e##ecti%e $r!phics to students'
Prac!ica#
Usin$ ! di$it!" c!&er! !ndor ith the he"p o# ! sc!nner+ )ou !re re(uired
to produce ! $r!phic &ediu& such !s ch!rt+ poster or photo hich )ou !re
!"e to use on ! topic o# ! su6ect t!u$ht in )our schoo"' >!e sure )ou
use the %!rious princip"es o# $r!phic to &!e )our %isu!" desi$n "ooed
!ttr!cti%e'BIBLIOGRAPHY
13
8/20/2019 T5 Basic Graphics Final 090113
14/14
EDU3105 T5-BASIC GRAPHICS
Dic+ ?'+ C!re)+ .' C!re)+ ' =' F/005'The s)ste&!tic desi$n o# instruct ion' Edisi
e 9' ?e or, Pe!rson+ A"")n !nd B!con'
>uh!&!d H!s!n Adu" R!h&!n F/000' >edi! pen$!6!r!n, pen$h!si"!n !h!n
pen$!6!r!n eres!n' Serd!n$, Uni%ersiti Putr! >!"!)si!'
>uh!&!d H!s!n Adu" R!h&!n F/001' Gr!#i !s!s, p!ndu!n pen$h!si"!n !h!n
pen$!6!r!n' Serd!n$, Uni%ersiti Putr! >!"!)si!'
?e)+ T'+ F19' Instruction!" techno"o$) #or te!chin$ !nd "e!rnin$' ?e erse),
Prentice H!""'
?or!si!h Adu""!h+ ?or Ris!h !&i"!h >!t .!@i& Rosn!h Ah&!d !in F/00'
Teno"o$i d!"!& pen$!6!r!n d!n pe&e"!6!r!n' Se"!n$or, >u"ti&edi!
?ori!ti A' R!shid+ Boon+ P' '+ Sh!ri#!h *!hri!h S)ed Ah&!d+ 8!n J!&!ruddin
8!n H!s!n F/01/' Teno"o$i d!"!& pen$!6!r!n d!n pe&e"!6!r!n' Sh!h A"!&,
=#ord *!6!r'
Prisci""!+ ?' J!rin+ >' 8' F/003' Te!chin$ ith techno"o$), desi$nin$ opportunities
to "e!rn' Edisi e /' C!n!d!,Tho&son 8!dsorth'
S&!"dino+ S' E'+ .other+ D' .' Russe""+ ' D' F/01/' Instruction!" techno"o$) !nd
&edi! #or "e!rnin$' F10th ed'' Boston, Pe!rson'
S&!"dino+ S' E'+ Russe""+ ' D'+ Heinich+ R'+ >o"end!+ >' F/005' Instruction!"
techno"o$) !nd &edi! #or "e!rnin$' Edisi e ' ?e erse), Prentice-H!""'
17
Top Related