Here we have a menu interface from a game called Age of Pirates 2. There is contrast in this interface in the fact that there is a menu in the middle of the screen over a detailed look of the theme of pirates and ruined ships at sea. The words "Load Game" are notably brighter than the others perhaps denoting that it is selected at the moment. The symbolic icon of the game stands out as an item completely separate from the background as is with the words and lettering of the menu. With the menu slightly more to the left than center, there is a bit of sharpening going on allowing users to see more of what the game has to offer in terms of its graphics or theme to the right as well as choosing what selection is desired. Also, in the background, we can see skies that are quite clear and blue higher up although lower and in the distance you see a darkening, attributing to the theme of entering into a pirate's world. Although it was unexpected to see such clear skies, it has a good feel to it probably because it sets a mood.
image from: http://i4.photobucket.com/albums/y116/oleman/Puzzel6.jpg
Shown is an image of an option menu interface for a game called Fireteam. This is an example of an interface that uses little contrast and where it does use contrast, it fails to use it in a way that serves a good purpose in design. This interface has contrast in color between the brown boxy features and the blue background however it lacks contrast in shape and has just a few textures in juxtaposition of each other. Each of tProxy-Connection: keep-alive
Cache-Control: max-age=0
box shaped features are exactly alike differing only in the text within them. In addition, the font sizes of "SOUND" and "REMAP KEYS" are significantly greater in size than the others causing a point of focus that seems unnecessary. I actually was expecting to see options within the boxes but realized later that this is the options menu, this was likely at fault to the texture of the word option matching that of the blue background.
image from: http://www.silverthornedesign.com/images/FTI_03.jpg
Tuesday, November 10, 2009
Tuesday, November 3, 2009
Movement and Motion in Environment Design
Shown above is the game Fable 2. Much of the environment is made to be acted on in order to perhaps jump over a fence for example. This would normally occur as you come within a certain distance of reach of course. The human perception of motion allows us to realize that a distance is closing as we move toward it with the use of flow of movement. The use of this movement along with depth perception come hand in hand with a human's perspective of space. Just as you wouldn't try jumping over a fence that was too far, naturally this aspect is used in the game Fable 2.
http://scathingaccuracy.com/pageFiles/review/images/fable%202/fable-2.jpg
Shown in this image is the simulated reality, PS3 Home. The environment is made to show users which directions and locations are accessible. Seen in a distance, a light tan circular area is a location we can see a gathering of users. On the right, we see another users running toward the current user's perspective through the use of a stairway. These are just some of the ways to make users realize and make use of the depth to the environment that the Home creators made to imply areas to move toward. While not shown in this image, the user who access the device shown has the option to look around the device which I find to be a very good use of motion just as though you would turn your head in attention to something else.
http://media.obsessable.com/media/2008/12/12/29-basiccontrols2.jpg
http://scathingaccuracy.com/pageFiles/review/images/fable%202/fable-2.jpg
Shown in this image is the simulated reality, PS3 Home. The environment is made to show users which directions and locations are accessible. Seen in a distance, a light tan circular area is a location we can see a gathering of users. On the right, we see another users running toward the current user's perspective through the use of a stairway. These are just some of the ways to make users realize and make use of the depth to the environment that the Home creators made to imply areas to move toward. While not shown in this image, the user who access the device shown has the option to look around the device which I find to be a very good use of motion just as though you would turn your head in attention to something else.
http://media.obsessable.com/media/2008/12/12/29-basiccontrols2.jpg
Depth/Dimension/Space
Here is an example of Google Earth's street view on the Golden Gate Bridge. As it is a 2D representation of 3D, we can make out certain elements within dimension to create a depth perception. Use of overlap of a speed limit sign in front of a line of cables show depth acting in space. The parallel lines of the sides of the bridge converge into a vanishing point. And the eyes are deceived as thought they were peering into a distance although all there really is a horizon where all lines tend to meet at the vanishing point. The lines of cables get smaller showing scale to create more depth to allow us to perceive space. These make use of relative height and size. They create a certain texture gradient as well.
http://earth.google.com/intl/en_uk/userguide/v5/images/street_view.jpg
http://earth.google.com/intl/en_uk/userguide/v5/images/street_view.jpg
Subscribe to:
Posts (Atom)