Your SlideShare is downloading. ×
Visual Composition Slideshow - Darcy Jacko
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Visual Composition Slideshow - Darcy Jacko

1,087
views

Published on

These are some examples of how the elements of visual composition can be used and what they are.

These are some examples of how the elements of visual composition can be used and what they are.

Published in: Design

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,087
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Visual CompositionElements of Design
  • 2. The following images demonstrate the principle of line. Line is one of thebasic elements of design and they can aid in organization, texture,appearance, readability, and message of a design. Line is used to givetexture and make it seem as though the lines aren’t straight in the firstimage. Line is used to guide your eye to the highest point of the buildingfrom indoors and looking upward.Line- Searched optical illusionhttp://www.wallpapersstudio.com/data/media/19/curves_optical_illusion.jpg-Searched complex lineshttp://farm3.staticflickr.com/2113/5814688727_8197766573_z.jpg
  • 3. The following images demonstrate the principle of shape (2 dimensional).Shape is one of the basic elements of design and when alone or combinedwith other shapes or lines they explain various meanings, guide the eye,or organize information. There are three types; geometric, natural, andabstract shapes. Shape is used to guide your eye to the center of thesevarious geometric shapes. Shape is used to guide your eye to thesignificant natural shape of a leaf.Shape (2D)- Searched for geometryhttp://www.soulsofdistortion.nl/images/picture%209.gif- Searched for leaveshttp://muchmoreofhim.blogspot.ca/2012/10/the-parable-of-autumn-leaves.html
  • 4. The following images demonstrate the principle of form (3 dimensional).Form is the 3 dimensionality of an object while shape is only 2dimensional. You can hold a form, walk around a form, and sometimeswalk inside a form. Form is used to show how you can walk inside a formas shown in the hall way where you’re walking into a cube or cuboid.Form is used to guide the eye to the statue of the two people kissing inthe second image.Form (3D)- Searched for hallwayhttp://bethesda-fellowship.org/wp-content/uploads/2011/12/Hallway.jpg- Searched for abstract statuehttp://www.worldbazaarimports.com/images/wb1099foreverlove.jpg
  • 5. The following images demonstrate the principle of color. Color has thecapacity to affect the human nervous system. Color includes hue;referring to the primary colors, value; lightness and darkness, andintensity; purity or saturation, and also included is monochromatic whereonly the value of a color changes. Color is used to show the analogouscolors work together in the first image. Color is used to show thecomplementary colors work together in the second image.Color- Searched for analogous colorshttp://www.lightsfilmschool.com/blog/wp-content/uploads/2008/12/analagous.jpg- Searched for complementary colorshttp://www.pentaxforums.com/forums/attachments/contestsubmissions/63580d1275501306-colors-colors-jpg
  • 6. The following images demonstrate the principle of texture. Texture is thevisual or tactile surface characteristics of a piece and is always part of ourdesigns, intentional or not. We can add textures through the arrangementof lines and shapes or by the use of photographic images of specificsurfaces. Texture is created naturally in the first image, and is createdman-made in the second image.Texture- Searched for striationshttp://0.tqn.com/d/denver/1/0/8/0/-/-/redrocks_striation.jpg- Searched for sandpaperhttp://4.bp.blogspot.com/-A-KnA9P4FmY/T8YskSRp1eI/AAAAAAAACQg/woYVfeOztNQ/s1600/sandpaper.jpg
  • 7. The following images demonstrate the principle of depth (perspective).Depth is when we look around us, some things seem closer, some furtheraway. The illusion of depth can be shown through overlapping, size andvertical location, detail (aerial/atmospheric perspective), or linearperspective. Size and vertical location is used in the first image.Atmospheric perspective is used in the second image.Depth (Perspective)- Searched for cartoon penguinshttp://kootation.com/cartoon-characters-wallpapers-penguin-pictures.html- Searched for atmospheric perspectivehttp://adamforfang.blogspot.ca/2011/11/atmospheric-perspective.html
  • 8. The following images demonstrate the principle of light. Light an darkareas provide an image with contrast which can suggest volume. Thefactors that affect our feelings toward an image include the direction ofthe light source; from above or below, and the gentleness or abruptnessof the half tones. Light can also form silhouettes. The first image is anexample of how shadows can be casted from the light source at thebottom-right. The second image is an example of a silhouette when thelight is behind the object.Light- Searched for shadowshttp://iliketowastemytime.com/2012/10/17/shadow-art-created-using-garbage-8-pics- Searched for sunlighthttp://www.davidicke.com/images/stories/January20124/sunlight-vitamin-d.jpg
  • 9. The following images demonstrate the principle of direction (motion).Direction doesn’t show motion in an image, tricks are used to perceivemotion. They’re called anticipated movement, fuzzy outlines, multipleimages, optical movement, optical illusions, and rhythm and movement.The first image uses an optical illusion where there’s repetition andgeometric forms. The second image uses fuzzy outlines where the figure’smoving past at a high speed.Direction (Motion)- Searched for moving illusionshttp://www.doodlechallenge.com/movingillusions/020MovingIllusion.jpg- Searched for racing carhttp://www.spare-wheel.com/files/images/Porsche-911-GT3-Cup-Race-Car-01.jpg
  • 10. The following images demonstrate the principle of mass (visual weight).Mass is equal to size and each piece you create has physical mass. Thephysical mass or size is the actual dimensions of the piece; in height,width, thickness, weight, and depth. In the first image, weight and depthare perceived and the Earth is impossible to hold in your own hands. Inthe second image, weight is also perceived and you can tell feathers arelight to the touch.Mass (Visual Weight)- Searched for earthhttp://4.bp.blogspot.com/_pKFEEX6T1AU/S8S9RqSzYcI/AAAAAAAAACE/__q43tvl6nU/s1600/earth.gif- Searched for feathershttp://www.fao.org/docrep/005/Y4359E/y4359e0x.jpg
  • 11. The following images demonstrate the principle of tone (black andwhite). Tone is related to value except that color or hue is unimportant.Tone is found as the juxtaposition of light and dark in its simplest form.Tone is more often defined as the intensity of lightness or darkness. Someterms tone uses are shade, tint, tone, and value. In the first image, tintand value are used. In the second image, shade, tone, and value are used.Tone (Black and White)- Searched for halftonehttp://depositphotos.com/7057094/stock-illustration-Random-halftone-colorful-background.html- Searched for tinthttp://windowtintking.com/wp-content/uploads/2010/08/Portland-Window-tint-.jpg
  • 12. The following images demonstrate the principle of value. Value is therelative lightness or darkness of an area and can be used for emphasis.Variations of value are used to create a focal point; light figure on a darkbackground or vice versa. Gradations of value are used to create theillusion of depth. The surrounding darkness focuses your eyes toward thecenter in the first image. The corner light drags your eyes across to thebrightness in the second image.Value- Searched for darknesshttp://stuffpoint.com/ddarkness/image/178081/city-in-darkness-picture/- Searched for lightnesshttp://www.spiritofmaat.com/archive/nov4_majaya_ttl.jpg
  • 13. The following images demonstrate the principle of space (positive andnegative). Space is the area provided for particular purposes , it may haveeither two or three dimensions, and consists of positivity or negativity.Space includes the background, foreground, and middle ground. It alsorefers to the distances or areas around, between or within components ofan image. Positive and negative space is perceived in both the first andsecond image.Space (Positive and Negative)- Searched for negative spacehttp://earthula.files.wordpress.com/2011/04/sky_and_water.jpg- Searched for positive spacehttp://thebasicsbypaulbyrondowns.files.wordpress.com/2011/01/vellum1.jpg
  • 14. The following images demonstrate the principle of balance. There arethree types of balance. Symmetrical balance is in perfectly centeredcompositions or as a mirror image. Asymmetrical balance is off center orcreated with an odd or mismatched number of different elements. Radialbalance is the element radiating from or swirling around in a circular orspiral path. The first image is an example of radial balance. The secondimage is an example between symmetrical and asymmetrical balance.Balance- Searched for radial balancehttp://farm4.staticflickr.com/3012/2861940371_8c02a0fa6e.jpg- Searched for asymmetricalhttp://a3.ec-images.myspacecdn.com/images01/119/4b285f9f0cda451e0b35ac14f04bfc28/l.jpg
  • 15. The following images demonstrate the principle of emphasis. Emphasisprovides the focal point for an image. It makes the element that’s mostimportant stand out and is sometimes called dominance. Emphasis can bedone by changing font or image sizes, placing objects in the front, orusing contrasting colors. The blue raspberry is highlighted and focuses theeye amongst the red ones in the first image. The green colored eye ishighlighted amongst the grey toned background in the second image.Emphasis- Searched for dominancehttp://empa97.blogspot.ca/2012/10/unity-repetition-balance-rhythm.html- Searched for emphasishttp://2spring2011.blogspot.ca/2011/02/color-emphasis_16.html
  • 16. The following images demonstrate the principle of proportion (scale).Proportion is the relative size and scale of various elements and issues therelationship between objects, or parts, of a whole. Architectural spacesintended to impress are scaled to a size that dwarfs the viewer and isused in public places; churches or centers of government. It’s also appliedto corporate spaces through which the enterprise wishes to impresspeople with its power and invincibility. The first and second image makeeverything further is small and in front is massive.Proportion (Scale)- Searched for hallwayhttp://wallpaperswide.com/hallway_bw-wallpapers.html- Searched for proportionhttp://blogs.msdn.com/b/socaldevgal/archive/2007/06/24/accurate-proportion.aspx
  • 17. The following images demonstrate the principle of repetition (rhythm).Repetition contains visual elements such as columns of text, headlines,photos, illustrations, pull-quotes, and much more. In repetition, peopleoften expect to find sidebars, informational text, and other oftenrepeated elements in the same place from page-to-page. The first imageof the tapes are an example of repetition where each second column isthe same. The second image of the newsletter is an example of repetitionwhere the column width is the same size.Repetition (Rhythm)- Searched for patternhttp://littletreeblog.blogspot.ca/2011/07/tigerprint-male-pattern-competition.html- Searched for newspaperhttp://theherofeed.com/1118/so-thats-what-the-guitar-hero-ii-newspaper-says/newspaper/
  • 18. The following images demonstrate the principle of unity. Unity is a way tomake objects in a piece seem as if they’re related to each other and canbe shown in many ways. Proximity is where the objects are grouped closetogether allowing pattern. Repetition is where color, shape, texture, orobject can be used to tie an image together. Continuation is where theline, edge, or direction continues from one area to another. The firstimage is an example of continuation and proximity. The second image isan example of proximity and repetition.Unity- Searched for continuationhttp://blogs.microsoft.co.il/blogs/bnaya/archive/2011/12/28/tpl-continuation.aspx- Searched for proximityhttp://www.timeoutofmind.com/images/bryce/bryce_large/close_proximity.jpg
  • 19. The following images demonstrate the principle of contrast. Contrastoccurs when two objects are different and the methods in creating it areby using the differences in size, value, color, and type. Contrast addsinterest and provides emphasis to what’s important or to direct the eye. Itaids in readability by making headlines and subheadings stand out, and bymaking small or lighter elements recede for more emphasis. Contrast isused in the first image to concentrate the eye on the girl. Contrast is usedin the second image to focus on the silhouette.Contrast- Searched for emphasishttp://img440.imageshack.us/img440/3627/35166699.jpg- Searched for contrasthttp://rebeccanorlingdigi2012s2.blogspot.ca/2012/07/contrast-research.html
  • 20. The following images demonstrate the principle of harmony. Harmony isthe visually satisfying effect of combining similar, related elements, suchas adjacent colors and similar shapes. Harmony is used to help create apleasing image in the principle of design by combining similar artelements. The first image uses harmony by using related type colors andgrouping them together. The second image uses harmony by using similarlight and dark colors to bring the piece together.Harmony- Searched for adjacent colorshttp://mosaicdesignservices.com/webgraphics/presentations/2007-02/adjacent.htm- Searched for harmonyhttp://www.haleysonson.com/Harmony%20-%20WEB.JPG
  • 21. The following images demonstrate the principle of proximity. Proximitycreates visual structure and gives an image an organized feel by givingspace to items according to their relation to another. Proximity meansthat related items should appear closer together than items that aren’trelated. Spacing itself serves as a visual clue to what’s related and what’snot and as to where a piece of information stops and starts. The first andsecond image use proximity to group similar images together.Proximity- Searched for relationhttp://cdn4.techmaish.com/wp-content/uploads/2010/05/build-relationship-with-bloggers.jpg- Searched for proximityhttp://viosben.blogspot.ca/2010/09/heliconia-fake-bird-of-paradise.html
  • 22. The following images demonstrate the principle of variety. Variety meansto change the character of an element and to make it different. Variety iscomplement to unity and without it an image is dull and uninteresting.Ways to vary elements is to include line, shape, color, value, and texture.The first image uses variety by focusing on the frog compared to itsbackground; there’s shades of green followed by yellows and oranges.The second image shows variety with the different ethnicities of faces.Variety- Searched for variationhttp://www.educationquizzes.com/ks3/science/variation-and-classification-01/- Searched for unityhttp://www.thetippingpointsblog.com/2010/02/when-i-say-unity/