Wednesday, December 7, 2011

Visual Techniques

Singularity


Juxtaposition

Singularity and Juxtaposition are respectively manipulated on both posters connoting the message of contents. The first poster has a solitary object, which is an illustration of an eye placed in the centre.  When viewers look carefully, the eye is composed of a pupil and a dialogue bubble. The composition of the eye implies “visual communication.” The single object specific emphasizing on the key message successfully promotes communication with viewers. The second poser juxtapositely place the dancing legs of males and females, which interact as foreground and background. The juxtaposition of male and female, black and white created a fantastic visual interest, which connotes a sense of celebration.  Both technique uses serve to the message of the contents that would be delivered. Although singularity and juxtaposition are pair of polarizes techniques, they both can successfully connote the concept of the designs, which ground on the goal of the design.

Thursday, December 1, 2011

Blog Exercise–Contrast


This is a good case of visual communication design in manipulating the function of contrast. The poster using contrast of primary colours, black and white to create a prominent effect, which draws the attention from audiences. From the structure of the layout, we can see diagonal lines against the horizontal and vertical borders. Contrasting in shapes which a triangle against a circle adds a visual interest to the design. Colour against grey tone also help to increase the curiosities from audience. In addition, the abstract concept of speaking contrast to the representational image of a woman enhances a sense of humour. In general, the function of the contrast on this design sharpens the juxtaposed design elements through intensifying counterforces. Consequently, the contrast successfully expresses the entire mood, which is a sense of humour, and a visual statement.



This is a bad case of Photoshop image design. The designer had tried to sharpen the image through the orientation of the collaged images. However, the juxtaposed parts of this image missing the function of contrast to indicate visual cues, which cause the failure of this design. Although the scale of the Kung-Fu boy smaller than the dancing-lion, audiences still confuse on the distance of this two images due to their similar saturation of color. The similarity of scales among airplane and map signs also causes the ambiguity of the design. Therefore, the Photoshop created image loses the quality of reality. To refine the design, the designer can apply contrasts to create depth cues, which decrease the saturation of the dancing boy and map signs. Also, decreasing the sizes of the airplane and map signs make the sense of depth of this image reasonable.

Image Resources:
http://www.qvolabs.com/notes_modern_movement_timeline_RussianConstructivism.html   
http://www.numawebdesign.com/web-design-examples/examples-of-bad-graphic-design-images

Thursday, November 17, 2011

Motion_blog



The poster “Laughing Squid” is a case of implied motion. In this 2d media, viewer can see a squid that is opening his mouth and dancing on the ocean. The motion of dancing was depicted through curvy lines making up arms, which are wavering. The mouth of the squid is illustrated with sharp teeth and a tongue, which stretched out conveying laugh. The eye of the squid looks half closed, which suggests laughing too. We don’t know if squid can laugh or not. The implied laugh of the squid is impersonated human’s behavior from our life experience. The green of the background implicates the circumstance of ocean, which aids the sense of the motion of the squid more trustful. In addition, the placement of letters suggest the motion of bouncing.



This poster is also another case of motion implied on the 2D printed media. The piece shows the motion in the ways of size, shape, overlap of images, color gradient and direction. The size of a bicyclist on the upper left side is the smallest while the largest is on the bottom of the right side. The middle-sized image is put on the center produced the transition between the smallest and the largest images. Combing with the sense of distance, the sizes image implies the bicyclist riding from distance toward viewers. The direction composed by the three images of bicyclists helps to convey an abstract movement. The overlapping images of bicyclists with color gradient create the effects of shapes on the bicyclists that suggest the energy of motion. In addition, the title of the piece also generates an abstract movement to guide the eyes of audiences from left to right.







Resource of images:
http://designreviver.com/inspiration/30-inspiring-poster-designs/
http://www.buyolympia.com/q/Item=stump-i-you-we-movement

Thursday, November 10, 2011

Dimension/Depth/Space/Scale



The sample is an illustration, which is one of my professional interests– designing physical space. The space of the illustration is depicted through the depth cues of “relative size, linear perspective, texture gradient and overlap.” The sizes of the lambs on the roof became smaller gradually suggesting deeper space. The biggest size of the object of this illustration is a set of table-chair, which expresses the closest distance. When audients look further, they can see sets of table-chairs overlapping which suggests some sets of table-chairs are behind them. The relative sizes of the screens on the wall indicate the depth of space where bigger screens suggest closer distance to audiences. The texture gradient of delivers the sense of depth to audiences. In addition, linear perspective indicated on the lines of the roofs guide the audiences’ eyes to the depth of the space.

Thursday, November 3, 2011

Tone & Color



          The sample is a poster design relating to my focused area, visual communication design. The design is cleverly in manipulated tone and color interacted with other design elements such as scale, shape to indicate three dimensions, space and express mood. Also, the tone and color cooperated together to establish an effective visual hierarchy to attract viewers. 
          First of all, the tone of the body of the racing car is from white to dark red. The light value suggests the highlight of the car; the dark value suggests the shadow on the side of the car body. Then the medium value creates gradation between the dark and light values.  All tones work together to suggest a sense of three-dimensional car body. The tones on wheels of the car indicated the texture and give viewers the sense of movement. In addition, the tones works with scale of the buildings create the sense of distance.
         The foreground and title colors are used with primary and secondary color, which are red, orange and blue together with black contrasting to tertiary colors background, which are less saturation. The color contrast creates visual hierarchy of the design. The color works with the shapes create a roundish, smooth appearance of the car body, which appeal to the eyes of viewers. Furthermore, red on the car body is associated with sport and exciting.

Thursday, October 27, 2011

Design Education


Lines in this composition possess huge vitality. They seemed restlessly, randomly and endlessly dancing throughout all sides of borders.  The curvy lines expressing the meaning of celebration and happiness play a key role to express the concept of this design. The runny linear feature of the lines generates an atmosphere of freedom and celebration.


Each unique Shape in a design presents its own feature relating to a lot of meaning. In this design, the negative space was divided into four triangles by two obvious lines comprised with typefaces. These four triangles create the sense of dynamic, tension and stress that related to the geometric structure of a contemporary design.



Color is the most essential component in visual communication. It is linked to plenty of meaning connected to our culture, and perceptive experience. In this design, green almost occupies two third of the space in the layout because it aids to express the concept which is the environment.  Green delivers a feeling of pleasant to viewers because green come from viewer’s perceptive experience related to tree, grass and other elements of natural environment.

Sources of images:
http://backgrounds-for-computer.blogspot.com/2009/01/backgrounds-graphics.html
http://www.designjuices.co.uk/2010/06/graphic-design-inspiration-typography-text-art/
http://www.canstockphoto.com/preventive-environmental-protection-4391969.html

Thursday, October 20, 2011

Blog Exercise: Visual Thinking Research

Among the four color snakes (black, blue, green, and red), can you find the shortest one?
For this puzzle, I “filled in” the dashed curvy lines of various colors. Then I tried to divide these curve line to make up patterns of circles to calculate how much circles that I have so that I might compare the lengths of each line. However, I fail on this way. Afterward I found that these lines could be divided into smaller units, which were quarters of a circle. I count the units, which a quarter line of a circle then I got the solution, which the Red line, was the shortest one (11 units).

There are six pairs of identical shapes in this diagram. Can you find each of them? A shape from one pair doesn't appear in another.
 Solving this puzzle require the imagination of how the “rotating’ objects would look like and the technique of matching. For example, when I was looking at the puzzle “A,” I exampled and compare other puzzles to see what similarities did they had while imaged what were their forms being looked like in different angles. As a result, I came out that the “I” puzzle was a rotated angle of “A”.