Overview
I decided to build a website, so that I could highlight what I have learned this semester. As you can see, there are five main sections: space, shape, value, texture and color. In all of the sections, there are directions for you to follow. In each section, you will find things to interact with [the exception being of texture], so please, explore.
Space
In this section, you will see how moving the location and size of the image, dictates the focus of the image. As you can see, when you click the plus link, the window moves down and gets closer. When you click the minus link, you will see the window moves up and farther away.
Shape
I decided to go with more user interaction. On this page, you will see the ability to interact while we create a 3D rectangle. By clicking on the construct/deconstruct, you can see the different stages of how to make the rectangle appear 3D, even though it is a 2D graphic. By using shading and lighting techniques, any 2D image can appear 3D.
Value
For this section, I used interactivity to help include the user in the process. I have applied random color blocks [random to the user, anyway], and asked them to pick out which picture contains the darker shade of red. As we have learned in this class, by adjusting the adjacent colors we can make shades of the same color appear darker or lighter.
Texture
This one is probably the least spectacular. I used the example directly out of the book. By changing the background texture, we can make the relative size of the foreground ‘appear’ smaller or larger. This touches on the eye's ability to think and process things relative to other things.
Color
This is probably the most ‘exciting’ of all of the exhibits, because it affects the whole screen. I used the color combinations discussed in the book, analogous, triad and value variation, so show what the different combinations consist of. Try it for yourself; it is a fun one.