ࡱ> dc`!_c,%F7cb׸[`E12-x}?hA~@:X ֥?Z(dP2t0KP`S3(ĥ!FCA7`OT!K;yo^+ HH"p\)gJ;Ziף^9" t~I|U,KGQ' ᧭a!ڦ]PBۼ%E9XTIZige諍X9C)Z2=:T ]S/@Ij1׋P3 G ^9gwaA(| .3𼖽vSP>ٰBT&>njK J.&|~]38Om52Kv_>FSX3B1szXMa~w}-ut)^*(wG)Ar (}dRԣԤ3tR<)h®`צ镍 Yzbst'M01OW:jy&`"`*&sy2/_ sǘ`!M-0Xy\^@H \`+4x} pV"$L֖} P(JX,`J E* %@X!%T"d X)) YeҊ1g:Sor=΍5r?h*ذ@*9Aֆ#lpκpuO5m-MS}3kLrѣ_kFTŴE{5C#S>7iG_=W"ſ񶏜FjLS-L33pS0̓@U]^ؙP%~̙oUtg+v.>(N4~Sxq[c2>JpwLtwi.VܡUH@aZca&c%0kƣs8 \ Or4Ѹ\ʡ1g7؜1ﺕ<hgoy{"<Ķw t1.uʣM0B9O [EO.BW͸5Dkޏ^ø p3'Q<%.#ޒD/Ղ2GTV"{4ڲ^e2VYU$אj\ VY{Yd_c~s:,糢u XpoQY*p AJ|_A |D69w,A_WuKˢPJN=k+t_i1ODt_m0E,}'ScCGg]ɰQlO[*M%~ }2w> | 8u1C*濟ΘS{KeDu͚`6w̖32w}5p$)f]hm}ɦe?bD+L=5QfcnzUV7#T9֮7V6٭W6r!iwqP۝s!Qa:zރgRx/v]pU) {^:"›\u䑴R.bf̻1|fr+uZͿ܏VpG]6pøl^c6WI~ v`3㖘;K<Y>HvAyqى`{0ǝx1k2sq_*j$4mM|YI9=چ랫bԦX ]N+?w-݅JdA[pvx$TVloo4ds:f3/qa?O![WBꦾ-ƅ4|91:媣kPW-!tk">hV*Q K@W\UYy"W6v.j bIA9EǃT5z[#D-EO{R;e]$S}*MFJcgsǠTejSIDm R9DB:D 11Y$H$|e(Y U6!C@`y=EJ6j'9]vvQYj{{+PYR>2*~1BqԮD+Jj/=a%ai| $ծD,eDvH_R$DeaO7/wTٟէ|?hgq%D;ĝ?c'Yˁ5_JOKTq]f9nwi%Y)OH( d/ 0DTimes New Roman௸bb0bWo 0DArialNew Roman௸bb0bWo 0" a .  @n?" dd@  @@`` "u  "       /X2$c,%F7cbg 2$-0Xy\^@Ug c $0 3MMM@MMM'kʚ;2Nʚ;g44d4d0bppp@ <4!d!d 0b̰b<4dddd 0b̰b <4BdBd4b. 0b<b___PPT9~{b10}^BC:\WINDOWS\Desktop\CRAP- NCCE.htm|  10? %  Principles of Layout Design &0  Principles of Layout Design 420Contrast  use separation for unlike elements Bold, Whiting, Line Thickness, Sizes Repetition  repeating aspects of design Titles (36 pt), underlining, hyperlink (blue), shapes Alignment  justifying to emphasize key points Left, right, center, top, bottom, flush (text to picture) Proximity  limit and separate unlike elements Separate elements with white space, lines, colorsj.Z%Z)Z6Z/Z:Z/Z2Z,3$%%$3 $6$3$$&:  $3  $&  2    Principles of Layout Design0Contrast  use separation for unlike elements Bold, Whiting, Line Thickness, Sizes Repetition  repeating aspects of design Titles (36 pt), underlining, hyperlink (blue), shapes Alignment  justifying to emphasize key points Left, right, center, top, bottom, flush (text to picture) Proximity  limit and separate unlike elements Separate elements with white space, lines, colorsj.Z%Z)Z6Z/Z:Z/Z2Z,3$%%$3 $6$3$$&:  $3  $&  2/Pb< ` ` ̙33` 333MMM` ff3333f` f` f` 3>?" dd@,|?" dd@   " @ ` n?" dd@   @@``PR    @ ` ` p>> 0 ^V (    6    T Click to edit Master title style! !  0    RClick to edit Master text styles Second level Third level Fourth level Fifth level!     SZB  c $D"P P   0<&"  < 2    0t"  < 2 H  0޽h ? ̙33 Default Design 0 zr@ (  @ @ 0P P   P P*   @ 0P    P R*  d @ c $ ?  P @ 0P  @ P RClick to edit Master text styles Second level Third level Fourth level Fifth level!     S @ 6l  `P  P P*   @ 6$ `   R*  H @ 0޽h ? ̙33  Y 0|3(  |x | c $̄M`  M { | 0M@ The purpose of this presentation is to demonstrate the four basic steps to effective layout designs. These steps can be applied to both Powerpoint presentations and Web Page design. The demonstration begins on the next page Use and keys to move between slides(2 2_(2 433P NH | 0޽h ? ̙334  t\(  tx t c $/` `    t c $$ <$MMMD  0  H t 0޽h ? ̙33 e]@ (     0MP f&Highlights of the NCCE Conference 2001$'(2'  0M@  _Dream Weaver Design for the Non-Designer Visual Web Design Instructional Materials Jahn/Justino`(2`,S  C Ac:\Program Files\Microsoft Office\Clipart\smbusbas\BS00093_.wmf0 I   C Ac:\Program Files\Microsoft Office\Clipart\smbusbas\BS00093_.wmf0 I 0  0xM | Contrast (black/white; text/graphics) Repetition (repeating a pattern such as underlining boldfacing titles and major points, theme form slide to slide, shapes, & ) Alignment (left, right center, top, bottom, flush justifying & . Blending text and graphics together) Proximity (putting relevant elements together and separating unrelated elements using whitespace, lines, textboxes, & )  2  #  s  [  q g H  0޽h ? ̙33 P7(    0MPV f&Highlights of the NCCE Conference 2001$'(2'  0M  _Dream Weaver Design for the Non-Designer Visual Web Design Instructional Materials Jahn/Justino`(2`,S  C Ac:\Program Files\Microsoft Office\Clipart\smbusbas\BS00094_.wmfz :  0\M # Proximity: Single space title (keep relevant elements together). Leave extra white space to separate elements Delete one graphic (distracts from text)&    H  0޽h ? ̙33~\ /'`(    0MP> ^&Highlights of the NCCE Conference 2001'(2'$'  0M  _Dream Weaver Design for the Non-Designer Visual Web Design Instructional Materials Jahn/Justino`(2`,S  C Ac:\Program Files\Microsoft Office\Clipart\smbusbas\BS00094_.wmfz   6M@  d"Contrast: Bold and enlarge title&# 2   H  0޽h ? ̙33`    p! (    0P@ _'Highlights of the NCCE Conference 2001((2($%  0P  _Dream Weaver Design for the Non-Designer Visual Web Design Instructional Materials Jahn/Justino`(2`,S  C Ac:\Program Files\Microsoft Office\Clipart\smbusbas\BS00094_.wmf   0 P  : 2 b    #"P    <P?1p P  @`  < P?1p P  @`  6$P?1 `     @``B   0o ?1`B   0o ?1`B  0o ?ZB  s *1 ?11`B  0o ?p`B  0o ?1`B  0o ?p`B  0o ?1 ! 6p%Pp@  r0Contrast: add black block to enhance contrast&1 2  ( H  0޽h ? ̙33 8(  8 8 0.P` _'Highlights of the NCCE Conference 2001((2($8 8 s *P3P0A  b Dream Weaver Design for the Non-Designer Visual Web Design Instructional Materials Jahn/Justino 4c(2`$T  8 C Ac:\Program Files\Microsoft Office\Clipart\smbusbas\BS00094_.wmf  8 0|:P  : 2  8 6@ @   *Bold and enlarge titleH L 0޽h ? ̙33 0 P0(  PX P C @   M P S M@ @  M 2Add contrast for visual effectH P 0޽h ? ̙33x 0 80 T(  TX T C @   M0 T S 'M@ @  M Proximity of key points  emphasizes proximity  separate elements distract from each otherH T 0޽h ? ̙33  0 0X](  XX X C @    X S Hc@ @   _KOptical illusion of subtitles being similar in size to title Enlarged titleH X 0޽h ? ̙33Q 0  @\(  \X \ C @     \ S 4j@ @   Right and left justification to improve alignment by justifying titles and subtitle Moved authors for proximity (authors are unlike subtitles) H \ 0޽h ? ̙33 0 P`4(  `X ` C @    ` S 5@ @   6"Image alignment to bottom and leftH ` 0޽h ? ̙33b  0 "`(  ^ S     c $s @   rIllustration of Web Page/PowerPoint presentations using Contrast (black/white, text/graphic), Repetition (repeating a pattern such as underlining Boldfacing titles and major points, theme form slide to slide, shapes, & ) Alignment (left, right center, top, bottom, flush justifying & . Blending text and graphics together) Proximity (putting relevant elements together and separating unrelated elements using whitespace, lines, textboxes, & ) H  0޽h ? ̙33rl5' 09!5JRPW (E$jor`tHvxz6}P$Jh .^"  Oh+'0 `h  PowerPoint Presentation barry jahnPbarryja41rMicrosoft PowerPointon@ྫ^@`bq@MN4G g  Z& &&#TNPP2OMi & TNPP &&TNPP    - "-- !-- "-&7: "--%88--&--qy@H-- - --P@-- ---- @"Arial- .02 c:Principles of Layout Design+'$'#$''$"'(.$$''.--a-- @"Arial- .Z2 =7The purpose of this presentation is to demonstrate the                . .K2 -four basic steps to effective layout designs.           . .<2 $h#These steps can be applied to both          .@"Arial- .2 $c Powerpoint   .@"Arial- ."2 Jpresentations and      .@"Arial- .2 JWeb Page design   .@"Arial- . 2 J. . .E2 )The demonstration begins on the next page        . . 2 .Use  .@"Arial- 3. 2 o<. 3. 2 PgUp. 3. 2 >.@"Arial- . 2 and  .@"Arial- 3. 2 /<. 3. 2 CPgDn. 3. 2 >.@"Arial- .02 keys to move between slides     .--"System-&TNPP &$ ՜.+,0    On-screen Showa2z$   Times New RomanArialDefault DesignPrinciples of Layout Design Principles of Layout Design PowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPowerPoint PresentationPrinciples of Layout Design  Fonts UsedDesign Template Slide Titles _barrybarry  !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJLMNOPQRTUVWXYZ\]^_`abeRoot EntrydO)PicturesCurrent User[SummaryInformation(KPowerPoint Document($DocumentSummaryInformation8S