Elements
Of
Design Advertisement & Website Analysis
Colby Keefe
Contents
Line
Shape
Texture Balance
Contrast
Unity Color
Value
Line
With a single stroke of a pencil (or a computer mouse) you can call this element into play. You can then manipulate the mood of your design or organize your page, depending on the kind of line you’ve drawn and its placement in your format.
The product or service being advertised
Tritton Xbox 360 gaming head set LINE is being used in the design to
X Create a mood ___Organize other elements on the page ___Create texture through illustration
The designer used a sires of white wispy strokes forming a radial shape that extends of the page top right and renters bottom left. The he or she used it to in this way to create a mood or feeling. The line is also used to create motion. The designer uses line to create a modern/ advanced/clean feeling for the advertisement that suggests Tritton is the most advanced, or that Tritton is clean and futuristic. It also makes a clean sharp round silver shape matching the main modern teem of Xbox 360 and their logo. Xbox also uses a similar line pattern in their corporate identity but it is green instead of white. The use of line draws the audience’s eye to the image of the triton head set and the copy in the top left. It also separates the main “Graphic“ from the copyrights and licenses. The impact the line has on the audience is very subtle it’s not a big impacting/ bold line, but it is a very dynamic and flows very well with the modern gaming style. The use of line makes the audience feel like people would be impressed if they had a Tritton gaming set that it is the top of the line it makes them look “ COOL ”
Line also helps get across the concept of the headphones being wireless. The effectiveness of the use of LINE in this design. The use of line was intended to make the product look cool and lead the audience through the page and I feel that it dose this successfully The primary audience of the advertisement The primary audience for this ad would be the professional gamer. Some one who is well of and can afford a professional headset. It is not directed toward any specific gender
Shape
The primary audience of the advertisement or website.
Shape is another element that can be used alone or in conjunction with line and type to help communicate the concept of a design. Shape can be defined as any element that’s used to give or determine form. Shape can exist as a design element all by itself, without the aid of line or type. Most flags are designed with nothing but shapes. Even if you remove the color from the American flag, the design survives intact. Likewise, many fabric patterns are the result of designing with shapes; they effectively convey a style or mood, usually without the benefit of type. When shapes contain pictorial information in the form of decorative illustration, such as floral patterns or other subject matter, additional interest is added. The product or service being advertised Flank Steak SHAPE is being used in the design in the Following way(s): ___Photos and illustrations are creating shape through the actual shape and content of the art. ___Line or a line illustration is creating the predominant shape ___Type is creating the predominant shape X Shaded or colored areas are creating the predominant shape ___Shape is sustaining the viewer’s interest. X Shape is organizing the page X Shape is helping the viewer understand the concept ___Shape is leading the viewer’s eye through the design The designer used shape to make a “sign” coming out of the steak being advertised. It is a green rectangle with a “post” going down in to the meat making the tag line “ YOU GOTTA LOVE FLANK STEAK” seem as though it is on a small billboard or a label.
The intent of the shape was to make a clever way to display the type on the page. In stead of taking a picture of the same plate of steak with a sign in it saying “YOU GOTTA LOVE FLANK STEAK” the designer chose to make a shape that wasn’t as detailed but still got the point across that way the effectiveness of the type wasn’t decreased. It was a very good use of shape and made the plate feel as though it had a modern theme where as if it was a sine coming out of the meat it wouldn’t seem as clean or sharp The use of shape was very strong and impacted the audience in a powerful way it is a large block of color and draws attention to the words. The effectiveness of the use of SHAPE in this design. The use of shape in this advertisement is used very successfully it successfully draws the attention to the words and also conveys the idea of a sign. It also interacts with the picture too and it continues to ad to the effectiveness of the advertisement
The primary audience is any one. Any one who wants food is going to be drawn toward this ad. Maybe am mother or father trying to figure out what they want for dinner.
Texture
image more Dynamic through the shiny glass texture of the screen, compared to if they used a frontal view and there was no reflection or texture on it.
Texture can be defined as an object's visual or tactile surface characteristics and appearance, or as something composed of closely interwoven elements (such as a woven cloth). In graphic design, texture is most often used as a secondary element to reinforce an idea, rather than a primary element to communicate a concept. However, it is a powerful addition to your design because it can add depth and interest to an ordinary flat design. Especially in the world of computer design where the effort to design a usable interface often leads to flat color or white backgrounds, the skillful use of texture can add a new dimension to your design. The name of the company, organization or individual utilizing this website? Apple.com TEXTURE is being used in the design to X Create a particular mood or feeling X Fill individual shapes or areas X Reinforce or support the concept of the design The designer for the apple home page used a smooth texture and other aspects of design to evoke the feeling of texture. The glossy texture is seen in almost all of apples products. The home page of the apple web site is simple and white giving it a clean sleek feel. The main colors are white shades of gray and black. These colors give the feeling of metal and glass adding to the
modern or “ADVANCED” feel to the page layout. The top menu bar is a shade of gray with a sharp highlight and shadow giving it a glossy look to it, making you feel as though it is shiny and new/clean. The font choice is a thin San serif font also gives it a more modern cold/crisp feel. The emptiness of the page layout helps ad to the smooth texture. The designer used the modernistic shiny/high gloss feel to convey technology. The audience feels as though would be getting the most advanced piece of equipment if they bought an apple product. The designer used the image of the i-Phone 5, but not a strait on view, it is more angled allowing the lighting to create a reflection; make the
Over all the designer used a lack of texture coupled with a high contrasting shadow and highlight to make it look glassy high tech and advanced, I believe he or she has done this very well and the use of texture definitely adds to the effectiveness of this layout.
The effectiveness of the use of TEXTURE in this design. The use of texture adds to this page layout because it follows apples corporate identity and gives the brand unity and reinforces there “Were the best” mentality. The primary audience of the advertisement The primary audience for this web sit is people who want to be on the cutting edge of technology, age 15+
type and a picture the visual attraction of both the type and the picture are equal and the section as a whole is balanced.
Balance
Imagine yourself sitting at one end of a teeter-totter at your local park: you with the seat you occupy on the ground and the seat across from you empty and lifted off the ground. What kind of weight is required in the opposite seat to balance your weight evenly across the beam? The logical answer—and probably the first one that springs to mind—is that a person of equal size to you would properly balance your weight. However, that’s not your only possibility; for instance, couldn’t two persons, if each weighed half your weight, likewise balance you if they both were to sit at the other end of the teeter-totter? mate symmetry. The name of the company, organization or individual utilizing this website dcshoes.com
BALANCE is being used in the design in the following way ___To create a mood. ___Symmetrical balance is reinforcing the message X Asymmetrical balance is reinforcing design ___To create visual tension by being Obviously unbalanced. The designer used balance to cleverly and artistically display the product and graphics on the page. The page as a whole has approxi-
The designer uses pictures of different sizes to balance each other; there is a section with a motion capture sequence using a small row of picture’s, under is a row of pictures that is four times the size of the first row then a third row of pictures slightly smaller than the first. If you took the picture in the first row and the pictures in the bottom row of this section and compared them to the center row the smaller pictures would almost fill the larger ones thus the “weight” of photos would equal out. There is another “SECTION” that consists of an image if of Felipe Gustavo and a small amount of copy. These two completely different elements still balance each other out. Even though there is
There is another section that is landscape mid way through the page and is consisted of three black and white pictures all the same size. The picture in the middle is darker than the too liter ones on the side. The designer used color value to balance the group of pictures Each section is balanced out by other sections of the website. The section with the motion captures is balanced my the section with Felipe Gustavo and that group of is balanced by the landscape section of the three pictures. The sections throughout the page are almost all black and white; however there is a bottom row displaying “DC” products is in color. Even though the color banner is smaller than the rest of the page, the other “sections” balance the smaller banner. The size isn’t balanced but the color banner grabs your eye just as much as the entirety of the black and white ones. The designer uses the weight of color compared to black and white to balance the page. The effectiveness of the use of BALANCE in this design The effectiveness of this website is greatly enhanced through the use of balance. The pages unity and cohesive feel comes from the excellent balance in the page layout. The primary audience of the advertisement or website The primary audience for this website is young adults, or any one who is interested in DC Products.
Contrast Contrast is an especially important principle in graphic design, and a crucial tool to communicate an idea. It is also one of the most effortless principles to put into action. As soon as you add any element to a blank page, no matter how subtle, you've used contrast. The product or service being advertised Sour Puss Clothing CONTRAST is being used in the design in the following way(s) ___To create a contradiction X Contrasting colors X Contrasting values ___Contrasting shapes ___Contrasting texture ___Contrasting typography The designer used contrast through out the page to catch the attention of the audience as they flipped through the magazine. The use of contrast most evident in the colors chosen in the advertisement; the designer used bright white a vibrant red and black to create a very highly contrasted advertisement. The backdrop to this picture is a light colored wall and has various interesting dark objects on it creating tension between the two elements in the photo. The photographer also dressed the model in a vibrant red dress with a bright white stripe, the dress also has a bold black bow on the chest. Theses three colors are used in such a way to make the dress (the main focal point of the ad) stand out and pop off the light wall behind her. The model her self is very “contrasty� she has over all very pail skin and dark black hair. The main reason the designer chose to use contrast in this way to catch the readers eyed and to add to the edgy intense punk feel. The designer used contrast to really lead the whole design the sour puss logo has a lot of
internal contrast, and it also is highly contrasted from the light wall Over all the element of contrast is literally everywhere in this advertisement and the designer used it as a driving force to draw in the observer and catch the eye of the audience. The effectiveness of the use of CONTRAST in this design. The use of contras in this advertisement is greatly contributing to the effectiveness of the advertisement. It is not only giving the who advertisement and intense hard core feel
The primary audience of the advertisement. The primary Audience or Sour Puss Clothing actually listed on the bottom left hand corner and is as follows, Tattooed greasers, Zombie pinups, street punks and their babies.
Unity
have a specific category such as products athletes or programs.) The primary audience of the advertisement or website?
Unity is the underlying structure of a design. Think of a house: it begins with a foundation from which everything else is built. If your foundation is shaky or poorly constructed, nothing will sit solidly in the rooms above. Unity is important in a design to make everything feel as though it fits together. Repeating elements are also important in design campaigns containing multiple formats so that they in turn fit together. When a company commissions a print campaign or website, the intent is that the viewer should always recognize the identity or product being sold, whether it is a print advertisement or a website. The name of the company, organization or individual utilizing this website http://www.gatorade.com/#Home UNITY is being used in the design to X Provide consistency X Unify the design with consistent elements (grouped/repeating elements) ___Lead the viewer’s eye through the design The Gatorade website is very unified in there color scheme, attitude, layout and design. The designers that designed the lay out for Gatorade’s website repeated a very similar lay out. They kept the logo in the same place and had a side bar with there main elements in the middle. This was done to create a consistency so the user can navigate through the website with out becoming confused. The designers behind designing the Gatorade websites had a very strong color scheme that they repeated through out the four main pages, they repeatedly used dark shadows and black contrasted with bright highlights. The majority of pages in the website are very dark and mostly black. The designers did this to make the design feel unified and dark heavy and intense. To further achieve this dark unity the colors chosen are all very saturated and vibrant colors that contrast against that heavy black making the tension between the colors very high. This gives the website a high-ener-
gy feel on every one of the pages, continuing to bring the design together. Over all the website as a whole displays very god unity in the repetition of the logo in various places, with the dark shadows and the heavy saturated colors, and also with the over all intense “edgy” mood. How ever the background of the “Products” page doesn’t have the same textured gray to black gradient as the “Athletes” and the “Programs” page, making the Products page feel different than the other two. Even though the products page is slightly different it dose not drastically effect the website as a whole and it was probably done intentionally to make there products stand out more than the rest of the web site. The effectiveness of the use of UNITY in this design. The effectiveness of the unity in this design is over all very good and the idea and feeling is carried out through out the whole web site even though exact elements weren’t. The solid black of the products page doesn’t detract from the intense feel that unifies the pages, however if I had designed these web site I would have kept the same back ground in all of my main pages, the first “Home” page is ok the way it is because it is separate from the other internal pages (it doesn’t
The primary audience for this website are Athletes. Gatorade has moved past just being a drink and hey now have a full regiment of produces designed to “ Prime Preform and Recover.” It is no longer just a drink to grab at a gas station they are driving toward athletes, appealing to there want to do better.
Color
Color has the power to override value. Color defines the intent of a design, the feeling, and the structure. Warm colors can make the viewer feel a range of emotions from warm and fuzzy to tense to angry. Cool colors leave us feeling relaxed and calm. Viewers respond to color in part based on cultural and social influences, but color is very subjective and based on personal preference. The product or service being advertised Tabasco hot sauce
The effectiveness of the use of COLOR in this design.
COLOR is being used in the design in the following way(s) X Creates a mood or feeling ___Creates visual tension and movement X Provides unity and balance ___Provides structure and forms a grid in a design ___Provides a sense of order ___Creates harmony
I think the use of color in this design was used to play on the audience’s senses and to give the advertisement unity, and I believe it does this very well. The designer uses several warm tones to create unity. And the concept behind the design benefited greatly from the use of these warm colors.
The designer uses color in this advertisement to create the feeling or sensation, the designer also used color to create unity.
The target audience for this advertise meant is the general public; anyone who enjoys spicy foods whether they be male female young old and of any race or religion. This advertisement has a very broad audience.
The advertisement is almost monochromatic making it feel whole; the whole thing has a wash of red. The advertisement consists of a radial red gradient with a model blowing smoke out of her mouth, as if it were burnt. Her skin has a warm feeling to it; it looks like she is in the sun and warm. The model has a heavy red blush making it look like she is hot from the Tabasco hot sauce; the model is wearing red dress adding to the idea of heat. Had she have been wearing a blue turtleneck the overall “warmth” of the advertisement would be ineffective, it would be like a chug in the fluidity of the ad. She also has a red tattoo on her arm though it does not directly contribute to the “warm” idea it is a repetition red helping the advertisement feel complete. Her eyes also look edited to be more reddish brown to add to the wash of warm colors. The color impacts the audience by playing on their senses the whole advertisement has a “hot” feeling and uses warm reds & browns.
The primary audience of the advertisement or website.
The effectiveness of the use of VALUE in this design. The use of value in this design was used to create a mood or feeling, and it doses this excellently. The designer successfully portrayed a modern feel but still kept it traditional through the use of Dark mahoganies and light creams. The primary audience of the advertisement or website? The primary audience for this website is people with wealth. The tones and value make the product feel rich, and heavy. The main graphic of the woman’s shoe is actually a slide show and it shows men and woman’s shoes and children’s clothing, thus aiming it at wealthy families not just male’s females, adults or children.
Value
Value is lightness or darkness of an object. Value exerts as a powerful influence on a design, creating mood, depth, and contrast.
The name of the company, organization or individual utilizing this website http://www.gucci.com/us/home VALUE is being used in the design in the following way(s)
X Creates a mood or feeling
X Creates contrast
X Creates movement and direction
In this web site the use of value is everywhere. The whole thing is very dark and has heavy with “rich” tones. The use of these dark shades of browns and grays blacks make the product feel as though it is worth a lot of money, like its high fashion but not all glitzy and bedazzled like high fashion typically is. The designer also uses off white, and cream tones to contras against the dark browns, the creams don’t detract from he over all effectiveness of the
design it just gives the whole website a less intense feel and a more welcoming presence. The use of the deep purple dark gray and black in the shoe on top of a dark mahogany background make the design feel modern enough to make the product new, but also traditional enough to keep it familiar and inviting (it is powerful and bold without driving the audience away.) The designer used very dark shades to convey elegance in the simplicity of the design. They don’t have to use bright colors and flashy elements to get there idea across, they have stuck to a more formal approach rather than being “Loud” out going with the tones and values chosen for the design. As a whole the website is lighter in the middle and darker on the edges. The designer used the value of the colors to drive the audiences eye in to the center focal point of the page.