2. Visual Design

3. Design Skill Simplicity

4. Design Skill

5. Actual untouched screen shot…

6. Design Skill My personal favorite…

7. Design Skill

8. Sample White Design Keep it Clean Simply and Elegant White backgrounds will glare Use images sparingly – but striking Design Skill

11. Simple design rules* One point per slide 1 2 Few, matching colors 3 Very few fonts 4 Photos, not clipart * Pun intended

13. Design Skill Using Fonts Avoid thin letters 1 2 Avoid fonts hard to read 3 Serif or Sans serif? 4 Readable Size…

14. 18 20 24 28 32 36 40 44 48 54 60 66 72 80 88 96 104 112 Design Skill

17. Ditch Stupid “Rules” Do you remember the rule: 7 lines per slide or less 7 words per line or less? Well, it is just plain stupid If you follow this “rule” You get a slide just like this Cramped. Boring.

18. Clip Art Hall of Shame

19. Design Skill

21. Avoid Cheese… Weird sound effects 1 2 Flying text 3 Strange animations 4 Random transitions

22. Contrast Difference Design for Non-designers

23. Contrast is when two elements are different…  If elements are different, make them  very different  Can be created with type, colors and lines  Contrast adds interest and readability  Contrast shows the viewer what is important  If elements are different, make them  very different  Can be created with type, colors and lines  Contrast adds interest and readability  Contrast shows the viewer what is important

24. Design for Non-designers

25. White over the Picture Black over the Picture Red Over the Picture Design for Non-designers

26. Semi-transparent background Design for Non-designers

28. Repeating Elements Repetition Design for Non-designers

29. Repetition can be achieved through…  Fonts – Use only two or three different fonts  Colors – Should be consistent  Lines – Use only one or two line variations  Graphics – Consistent location and size  Fonts – Use only two or three different fonts  Colors – Should be consistent  Lines – Use only one or two line variations  Graphics – Consistent location and size

30. Design for Non-designers

31. Intentional Alignment Design for Non-designers

32. Alignment makes elements look connected…  Nothing should be placed on page arbitrarily  Aligned items are connected by an invisible line  Alignment includes adequate boarders  Save center alignment for video  Nothing should be placed on page arbitrarily  Aligned items are connected by an invisible line  Alignment includes adequate boarders  Save center alignment for video

33. Design for Non-designers

35. Like things together Proximity Design for Non-designers

36. Proximity makes elements look connected…  Related items should be together  Purpose is to organize page for viewer  Never have more than five separate elements  Proximity can be encouraged with tables  Related items should be together  Purpose is to organize page for viewer  Never have more than five separate elements  Proximity can be encouraged with tables

37. Design for Non-designers

38. Chris Helton Teresa Maze Emily Ryan Emily Williams Morehead State University College of Business and Information BITE: The Key to the Future Business and Information Technology Education

39. Before & After