1. Contrast Repetition Alignment Proximity

7. ~ and Balance ~

17. ~ aka ~ Unity and Harmony

27. The “Z” layout The “secret spot” –First focal point of a page Positive and negative space –Why white space is vital The Rule of Thirds Line of sight

34. The color wheel –Monochromatic colors –Analogous colors –Complementary colors Color symbolism Suggestions for using color

36. Color Symbolism White: Suggests unblemished purity – an immaculate canvas, goodness, and cleanliness. It also represents a void, or a lack of anything. Yellow: Warmth, happiness, spring, youth. Also suggests danger (e.g., yellow road signs). People get irritated when yellow fills their field of view. Use it sparingly. Excellent as an accent but never as a background. Green: Suggests nature, freshness, new life, and healing. Also has negative associations with wealth, greed, and envy.

37. Red: The color of passion, fire, heat, anger, and strength. Use it to make a bold statement. Purple: Suggests royalty and sometimes wisdom. Middle shades of purple may be considered artsy and flamboyant. Usually considered to be a “woman’s color”. Pink: Regarded as a little girl’s color. Suggests parental love, sweetness, innocence, and a heart freely given. Blue: Light blue suggests airiness and fantasy. Medium shades of blue (called “professional blues”) suggest traditional conservative values, honesty, and steadfastness. Dark blues are considered professional and serious.

38. Black: Although it is the symbol of death and mourning, it is also regarded as the most minimal, sophisticated color – stylish and elegant. Use black when you want to increase the perceived value of a product. Gray: One of the most attractive colors to creative people. It has a subtle elegance. However, working class people associate gray with industrial uniforms and react negatively. Be aware that people who live in wet, rainy areas perceive the color as dreary. However, along with white and black, gray will always “go” with any color scheme and will never clash.

39. Suggestions for Using Color Does your design look like an exploded rainbow? Too much color can be detrimental. Your website should have an identifiable color scheme to maintain unity. Does your design use complementary highlights to the main color scheme for special items? Are your color choices appropriate for your intended audience? Would a bright, vibrant color scheme convey your message more effectively than a pastel one? Or would the message work better in muted tones?

40. Categories of fonts Some basic do’s and don’ts Tips for looking good

41. Font Categories Serif: Times Roman, Garamond, Bodoni, Sans Serif: Arial, Agency, Franklin Gothic Script: Brush Script, Palace Script, Vivaldi Decorative: Curlz, chick, Jokerman Symbols:  (Wingdings),  (Webdings)

42. Some Do’s and Don’ts For readability of text on the web, use a sans serif font.

43. Good: Not Good: System Requirements: PC with 350 MHz or higher processor clock speed 128 MB RAM (256 MB recommended) SVGA graphics (800x600/256-color, 16- bit color recommended) 1.8 GB available of hard disk space CD-ROM or DVD drive Internet Explorer browser Version 5 or higher Macromedia Flash Player 7 A live Internet connection (56.6 Kbs minimum connection is required; a T1 or ISDN connection is recommended) Microsoft Windows XP operating system Full installation of Microsoft Office 2003 Professional Cookies need to be accepted System Requirements: PC with 350 MHz or higher processor clock speed 128 MB RAM (256 MB recommended) SVGA graphics (800x600/256-color, 16-bit color recommended) 1.8 GB available of hard disk space CD-ROM or DVD drive Internet Explorer browser Version 5 or higher Macromedia Flash Player 7 A live Internet connection (56.6 Kbs minimum connection is required; a T1 or ISDN connection is recommended) Microsoft Windows XP operating system Full installation of Microsoft Office 2003 Professional Cookies need to be accepted

44. Some Do’s and Don’ts Be careful with decorative and script type. Use them very sparingly.

46. Some Do’s and Don’ts Don’t use ALL CAPS as it is hard for the user to read.

47. Good: Not Good: SYSTEM REQUIREMENTS: PC WITH 350 MHZ OR HIGHER PROCESSOR CLOCK SPEED 128 MB RAM (256 MB RECOMMENDED) SVGA GRAPHICS (800X600/256-COLOR, 16- BIT COLOR RECOMMENDED) 1.8 GB AVAILABLE OF HARD DISK SPACE CD-ROM OR DVD DRIVE INTERNET EXPLORER BROWSER VERSION 5 OR HIGHER MACROMEDIA FLASH PLAYER 7 A LIVE INTERNET CONNECTION (56.6 KBS MINIMUM CONNECTION IS REQUIRED; A T1 OR ISDN CONNECTION IS RECOMMENDED) MICROSOFT WINDOWS XP OPERATING SYSTEM FULL INSTALLATION OF MICROSOFT OFFICE 2003 PROFESSIONAL COOKIES NEED TO BE ACCEPTED System Requirements: PC with 350 MHz or higher processor clock speed 128 MB RAM (256 MB recommended) SVGA graphics (800x600/256-color, 16-bit color recommended) 1.8 GB available of hard disk space CD-ROM or DVD drive Internet Explorer browser Version 5 or higher Macromedia Flash Player 7 A live Internet connection (56.6 Kbs minimum connection is required; a T1 or ISDN connection is recommended) Microsoft Windows XP operating system Full installation of Microsoft Office 2003 Professional Cookies need to be accepted

48. Some Do’s and Don’ts Limit yourself to a maximum of three different typefaces throughout your web design scheme.

49. Good: Not Good: System Requirements: PC with 350 MHz or higher processor clock speed 128 MB RAM (256 MB recommended) SVGA graphics (256-color, 16-bit color recommended) 1.8 GB available of hard disk space CD-ROM or DVD drive Internet Explorer browser Version 5 or higher Macromedia Flash Player 7 A live Internet connection (56.6 Kbs minimum connection is required; a T1 or ISDN connection is recommended) Microsoft Windows XP operating system Full installation of Microsoft Office 2003 Professional Cookies need to be accepted E njoy! System Requirements: PC with 350 MHz or higher processor clock speed 128 MB RAM (256 MB recommended) SVGA graphics (256-color, 16-bit color recommended) 1.8 GB available of hard disk space CD-ROM or DVD drive Internet Explorer browser Version 5 or higher Macromedia Flash Player 7 A live Internet connection (56.6 Kbs minimum connection is required; a T1 or ISDN connection is recommended) Microsoft Windows XP operating system Full installation of Microsoft Office 2003 Professional Cookies need to be accepted E njoy!

50. Some Do’s and Don’ts Always keep in mind that you are trying to communicate a message to your reader. Your type styles and font choices should never inhibit the communication of that message.

51. Still … it’s fun to be creative !