Design Principles 101:Eliminating the Failure to Communicate

Ann WitherspoonMidlothian ISD

ann_witherspoon@midlothian-isd.netdesignprinciples101.wikispaces.com

Step 1Introduce the 4 design principles.

Review the following slides and complete each activity.

Assignment: create a slide that illustrates this principle.

Principle 1

Assignment: create a slide that illustrates this principle.

Principle 2

Assignment: create a slide that illustrates this principle.

Principle 3

Assignment: create a slide that illustrates this principle.

Principle 4

• To extend this lesson, complete the WebQuest and poster assignment located in the online workspace.

• Depending on availability and skill level, use either Photoshop, PowerPoint, or Aviary.com to create digital graphics.

Step 2

• 21st century digital tools + Digital Media Literacy = well designed work

• Elevates student work• Provides preparation for the workplace

Summary

Williams, R. (2008). The Non-designer's design book. Berkley: Peachpit Press.

Williams, R, & Tollett, J. (2006). The Non-designer's web book. Berkley: Peachpit Press.

References

Resources

• Atomic Learning Photoshop Tutorials

• Alphabet of Art - Visual Design

• Adobe Photoshop Resources

• Photoshop CAFE

• Photoshop Tutorial on making a poster

• www.imarc.net/blog/97/ps_quickie_your_own_crazy_movie_poster/

• en.wikipedia.org/wiki/Color_theory

• www.worqx.com/color/

• www.color-wheel-pro.com/color-theory-basics.html

• photoinf.com/General/Robert_Berdan/Composition_and_the_Elements_of_Visual_Design.htm

Resources, con’t

• www.ndoylefineart.com/design1.html

• www.soe.uoguelph.ca/webfiles/agalvez/poster/

• www.johnlovett.com/test.htm

• www.computerschool.net/design/composition.html

• www.allgraphicdesign.com/graphicdesignarticles/flyersgraphicdesign/flyers-designingtips.html

• onesheetdesign.com

• www.tutorialstraining.com

• www.photoshopcafe.com

• www.planetphotoshop.com

• www.lib.uct.ac.za/infolit/poster.htm

References:The WebQuest was developed from the following website:http://www.smarteduhelp.com/flash/wq1.php

If you do not have Adobe Photoshop or you have younger students, an adequate substitution could be PowerPoint and just save the slides as .jpgs in lieu of a .ppt Additional References:•http://webquest.sdsu.edu/task-design-worksheet.html•http://education.concordia.ca/~kristina.schneider/webquest/student.html

Resources, con’t