t5 basic graphics final 090113

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


2/14


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

/


3/14


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 &ethods 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 &ethods 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


4/14


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


5/14

Figure 5.2 : Alignment


!' #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


6/14

Figure 5.4 : Proximity


!' !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


7/14


*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/14


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'


9/14


*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


10/14


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


11/14


*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


12/14


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/


13/14


!' 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


14/14


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

t5 basic graphics final 090113

Documents