Group items tagged

A simple but well designed website using real world examples of contrast in web design.

How to properly use light and color for contrast. 

This article is about the different types of contrast in a photo

JayDax website is developed by a husband wife team, (John and Shelia Chapman) http://www.jaydax.co.uk/lastsupper/lastsupper.htm Rhetorical Analysis: This is a painting of the Last Supper painted by Leonardo Da Vinci. The purpose of this painting is to depicting the scripture in the Gospel of John 13:21,, in the Holy Bible. The targeted audiences are people who are Christians, artist, bible and historian scholars. Understanding the individuals in the painting are biblical, namely Jesus Christ in center of painting establishes a portion of the targeted audience, and the fact that it is a well known painting of Da Vinci establishes the art and historian scholar audience. Design Analysis: The painting is very good example of visual weight. Both symmetrical and asymmetrical balanced are use. Jesus is centered as well as the arch in the center of the table and the apostles are depicted on both sides of Jesus using symmetrical balance. When examining the table setting of the food symmetrical balance is used. Other examples of symmetrical balance are the rear windows, the gridded ceiling. All of these examples convey the definition of symmetrical as history, dignity, and formality. Asymmetrical balance in seen in the arches, one side is colored in and on side white space is used providing contrast and visual weight. Although the panels on the wall are symmetrical the contrast used on the left side provides an unequal, asymmetrical, balance.

I thought this video was neat! It was for some girls class. It talks about all the aspects of contrast that are also gone over in our reading.

Just a plan and simple article easy to read and a tool good for first time users introduction to the concept of contrast such as myself.

CONTRAST-is not exclusive to color but extends to change in fonts, having headlines, links and images on the page.

gives good examples of contrast & links to more info

Chapter 3: Tying into contrast with color -- a series of links to check the accessibility of your website and make sure the contrast is appropriate/functional.

"Graphic design contains underlying principles that govern the most important aspects of great design. These principles create the acronym C.R.A.P. which stands for contrast, repetition, alignment, and proximity." This link provides both good written examples and picture examples.

People are physically, psychologically, and socially influenced by color. Color has been found to have connections to health and it can help set the mood through which your designs are seen. << how color and contrast are beneficial to design.

Focusing on size contrast

"refers to the arrangement of opposite elements (light vs. dark colors, rough vs. smooth textures, large vs. small shapes, etc.) in a piece so as to create visual interest, excitement and drama."

Contrast in advertising.  The background of the image is black which of course is going to mean that anything on the foreground will be easily seen.  The product, which is the nail polish, is a bright red which stands out.  The name of the product "Dior" is in a bold white lettering at the bottom.

This website explains more about value and contrast. It gives several examples of value and the differences between color. I really like the portion where it gives an image of the gradual change of colors when using values. It helped me better engage my learning by looking at different examples.

This website explains more about value and contrast. It gives several examples of value and the differences between color. I really like the portion where it gives an image of the gradual change of colors when using values. It helped me better engage my learning by looking at different examples.

flow is simply the path a users eyes take through a design. This is primarily a result of how elements like emphasis and contrast are used. In fact, flow is entirely the result of how other elements are put together.

This source compares and contrasts immediacy and hypermediacy.

This website gives more in depth information about the design concept of balance. It gives several examples of balance with an explanation of how a particular image is balanced. This website is useful because of the examples it gives since the concept of balance is somewhat confusing.

shows current visual examples, clear & conscise