1 / 55

C ontrast R epetition A lignment P roximity

C ontrast R epetition A lignment P roximity. ~ and Balance ~. ~ aka ~ Unity and Harmony. 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. The color wheel

albin
Download Presentation

C ontrast R epetition A lignment P roximity

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Contrast • Repetition • Alignment • Proximity

  2. ~ and Balance ~

  3. ~ aka ~ Unity and Harmony

  4. 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

  5. The color wheel • Monochromatic colors • Analogous colors • Complementary colors • Color symbolism • Suggestions for using color

  6. 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.

  7. 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.

  8. 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.

  9. 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?

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

  11. Font Categories • Serif:Times Roman, Garamond, Bodoni, • Sans Serif: Arial, Agency, Franklin Gothic • Script:Brush Script, Palace Script, Vivaldi • Decorative:Curlz, chick, Jokerman • Symbols: xqt(Wingdings),web(Webdings)

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

  13. 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 Good: Not Good:

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

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

  16. 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 Good: Not Good:

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

  18. 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 Enjoy! 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 Enjoy! Good: Not Good:

  19. 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.

More Related