Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged asymmetrical

Rss Feed Group items tagged

Nicole Schmitter

Balance- Principles of Design: Balance - 1 views

    • Jennifer Greenhalgh
       
      This website is a great supplement, showing the intertwining relationship of balance to it's other design elements.
  • Our eyes are drawn by color.
  • Symmetrical balance is mirror image balance
  • ...7 more annotations...
  • Asymmetrical balance occurs when several smaller items on one side are balanced by a large item on the other side, or smaller items are placed further away from the center of the screen than larger items. One darker item may need to be balanced by several lighter items.
  • Smaller areas with interesting textures (variegated light and dark, or random
  • Visual balance works in much the same way. It can be affected not only by the size of objects, but also their value (ie. lightness or darkness, termed visual weight). 
  • Large flat areas without much detail can be balanced by smaller irregularly shaped objects
  • Value refers to the darkness or lightness of objects.
  • his is a very tricky type of asymmetrical balance that often ends up looking out of balance. 
  • The third type of balance is radial balance, where all elements radiate out from a center point in a circular fashion. It is very easy to maintain a focal point in radial balance, since all the elements lead your eye toward the center. 
  •  
    This website is a good example of balance because is shows diverse variations of balances;(Symmetrical (Formal) Balance Asymmetrical (Informal) Balance Radial Balance ). Which gives the person reading a better understanding of the term balance .
  • ...9 more comments...
  •  
    D#4, HW#1- I really enjoyed this website for many different reasons. Most importantly, I liked it because it told you more than just what balance is and how it is used. It described why this happens by the color being drawn in your eyes and gives examples about darkness/lightness in black and white. It shares information with the book and shoes other examples how your eyes are brought to specific areas on a page.
  •  
    I like this article because it clearly describes the difference between symmetrical and asymmetrical balance. It also discusses how colors, shapes, and textures can be used to create balance. 
  •  
    This website explains the main concepts of balance. In showing the distinction between symmetrical and an asymmetrical layout, this website acts as a basic guide.Visual examples are shown for a better prospective,This is my favorite site out of the 3 bookmarked.  
  •  
    This is the best out of the three that i found this week because it gives very good examples of formal and informal balance. It really helped me understand the design principle better. 
  •  
    Visual weight is the illusion of a visual element on the page, work, etc.  The size, color and texture contribute to the weight.  This theory gives more of a balance design in terms of art.  Visual balance works by the size of objects and by their value.  Symmetrically balanced is where visual elements are mirrored and are symmetrical.  The don't have to be identical but they have to be similar in terms of number of objects.
  •  
    This website was very useful! It provided a description of not only two, but three different kinds of balance. I like that radial balance was the third kind that was briefly mentioned but it was not in our textbook.
  •  
    This page shows illustrations and art to show good examples of balance. Symmetrical (formal) balance and asymmetrical balance are discussed.
  •  
    A brief summary of balance and three was to achieve it.
  •  
    This website went over everything that was in this weeks reading and it was more in a condensed version on my opinion. Why i really liked this website than the other two i bookmarked, this one gave really good examples of the type of balance that was being discussed and also made it easier to understand.
  •  
    Summary: This website goes over the principle of design for balance touching on the topic of symmetrical balance which is basically what ever is done one side of a design you do on the other side, copy cat. Then it goes on to tell about asymmetrical balance win color, value, shape, position, texture, and eye direction.
  •  
    This site explains that when something is symmetrical is has formal balance and when it is asymmetrical it has informal balance. Balance can become either balanced or unbalanced by color, value, shape, position, texture, or eye direction.
N M

D #4, HW #1 - Page Layout Design - 0 views

  •  
    Defines why asymmetrical design is most important since it creates more flexibility.  Demonstrates design using one, two and three column grids.  Incorporates side bars with asymmetrical grids which is said to be one of the most popular layout of asymmetrical.
Paul Angichiodo

Is Your Web Design Balanced? | Van SEO Design - 0 views

    • Alex Portela
       
      This site describes the physics explanation of balance. And demonstrates this visually. Many things can create balance, like color in a painting or the size of objects on each side.
  • Symmetrical balance is like having our fulcrum in the center of the lever. To achieve balance we need to have elements of equal weight on both sides of a central axis.
  • Balance in design works the same way as a lever or see saw. Your design will have a vertical (or horizontal) axis and the weight of the various elements on either side of the axis and their distance from the axis will determine if your design is balanced.
  • ...7 more annotations...
  • There are two kinds of balance that correspond to our lever images above, namely symmetrical and asymmetrical balance
  • Size – As you would expect larger elements carry more weight Color – It’s not fully understood why, but some colors are perceived as weighing more than others. Red seems to be heaviest while yellow seems to be lightest. Density – Packing more elements into a given space, gives more weight to that space Value – A darker object will have more weight than a ligher object Whitspace – Positive space weighs more than negative space or whitespace
  • Balance is important in life. Work and play; diet and exercise; yin and yang. A beautiful face is often a matter of the right balance of features. Balance is also a very important design principle. It will help you create an aesthetically pleasing whole and help you better control flow in your designs.
  • Symmetrical balance tends to be more formal and more static. It evokes feelings of consistency, elegance and classicism.
  • Asymmetrical balance is like having our fulcrum off center. Unequal weights need to be placed on either side of the fulcrum in order for balance to be in equilibrium. Visual weight will not be evenly distributed around a central axis and often you’ll find one dominant form on one side of the axis offset by several less dominant forms on the other.
  • Radial balance – all elements radiate in or out from the center. Think beams of light coming from the sun. It’s easy to maintain a focal point in radial balance as it will always be the center.
  • Mosaic balance – many elements on the page create a sort of balanced chaos. Think of a Jackson Pollack painting. Mosaic balance lacks hierarchy and can look like noise. It’s harder to define a single focal point in all the chaos.
  •  
    I felt like this page had some great visuals and definitions of what balance is. I love how they describe that colors can actually "weigh" more than others. I like that they offered new terms like radial balance and mosaic balance (chaotic balance). They gave examples of every concept that they talked about and in a wide range of designs. The writer also does a silly example of making a formula for balance.
  •  
    Here is a more general article about balance. It uses physical balance as an example to help explain what balance in design is using both the vertical and horizonal axis. The article discusses visual weight in design elements, explaining how each element can effect balance. It also addresses the types of balance: symmetrical, asymmetrical, radial, and mosaic balance.
Anastacia Albinda

D#4 HW#1 - 1 views

    • Jennifer Greenhalgh
       
      a great, quick little supplement to our reading, talks about the basics of balance, and then applies to real life principals
  •  
    What I liked the most about this website is that it was more aimed at the design that we are studying, not at artwork or paintings. It also provided real examples of images for each kind of balance. It stated the differences between symmetrical and asymmetrical balance. Symmetrical balance is used to portray seriousness and elegance, while asymmetrical is used to display a carefree look.
  •  
    This website shows the various kinds of balance in design. There are all sorts of ways to show balance. Imbalance, Radial Balance, Symmetry, and Asymmetrical designs are just a few ways of doing that.
Anastacia Albinda

D#4 HW#1 - 0 views

    • Alex Portela
       
      This site refers again to symmetrical and asymmetrical. It also reviews radial, horizontal, and vertical approaches to balance.
  • To balance a composition is to distribute its parts in such a way that the viewer is satisfied that the piece is not about to pull itself over.
  • instead of having actual or physical balance, the artist needs to create an illusion of balance, referred to as visual balance
  • ...6 more annotations...
  • Asymmetrical Balance
  • Symmetrical Balance
  • Balance.
  • Radial Balance
  • Horizontal Balance
  • Vertical Balance
  •  
    This website is a good example of "balance" because it has distinct and easy to follow images . Also it provides examples of the definitions of the terms that are enclosed in the term of balance.
  • ...2 more comments...
  •  
    This site gives quick lessons on the principles of design. The 2nd lesson is that of balance. It goes over horizontal, vertical, radial, symmetrical, and asymmetrical balance
  •  
    This website gives more examples of balance including horizontal, vertical, radial, Brower's Chocolate, etc The formal, informal and dynamic examples on this site informs the user on different techniques that can be used. This is my favorite site out of the 3 bookmarked
  •  
    I like how this website is defining the types of balance, and it also gives good examples. It shows symmetrical, asymmetrical balance and also radial, horizontal and vertical balance. Really good examples.
  •  
    This website shows the principles of balance in design. It does a really good job explaining how to create an illusion of visual balance. I like how they had pictures to expand on what they are talking about!
samantha negrin

Movies | Movie Times | Tickets | Movies Now Playing | Moviefone.com - 0 views

shared by samantha negrin on 14 Sep 11 - Cached
  •  
    Moviefone is another example of balance, the logo "Moviefone" is large and tilted - making it what your eye is drawn to. But, the menu is to the left (the site has an asymmetrical balance). But somehow the asymmetrical idea of this website totally works and is visually pleasing.
Heather Groen

D #4 HW #1 Asymmetrical balance in web design - 0 views

  •  
    This webpage explores asymmetry in web design. The author mentions that many websites use the technique of balancing a large image on one side with text on the other. He talks about how an image can be directly tied with the text, such as an example of a product, or it could be more decorative in that it plays off an idea presented by the site but doesn't necessarily reflect the product or service. This site also explores the use of backgrounds and how to perhaps make a common two-column design more unique.
Julie Keith

Principles Of Good Design: Balance » SitePoint - 0 views

  •  
    This gives a good thorough overview of design and how it's not just about symmetry, but about color and design balance. It also gives specific picture examples of each and how they balance each other.
  •  
    DD #4 HW #1 The descriptions of balance were very good in this article, I especially how balance was compared to a see-saw. In reading these descriptionsthough, it makes me think that my Rhetorical article was asymmetrical not symmetrical. Guess I'll have to read over and make sure I am thinking the correct way!
Taylor Rowand

D#4 HW#1 Balance - 0 views

shared by Taylor Rowand on 13 Dec 11 - Cached
  •  
    Great example of asymmetrical balance in web design. The use of green in the graphic really offsets the type adjacent to this design element.
julian serventi

The World's Best Ever: Design, Fashion, Art, Music, Photography, Lifestyle, Entertainment - 0 views

shared by julian serventi on 02 Feb 12 - Cached
  •  
    This site shows a great example of asymmetrical design as we see the left half is similarly sized with importance of stories, while the right is gives you more information with less importance
Micheal O'Neil

Balance Writing - 0 views

  •  
    This website covered how to write balanced phrases and sentences. It did not cover anything over pictures or symmetrical and asymmetrical pictures.
Shannon Ridgeway

Balance in Design » General, Layout » Design Festival - 0 views

    • Jennifer Greenhalgh
       
      This website provides a good supplement to the reading because not only does it go into why balance works in it's examples, it also shows how other design elements help create a balanced design.
  •  
    This article stood out to me because it talks about how to use balance in web designs and layouts. It gave me helpful information that I can use for my comic tutorial project. 
  •  
    This website shows different ways to address balance. It directly relates to web based design and gives some excellent visual examples.
  •  
    This is website reinforces the textbook's information on symmetrical/asymmetrical designs.  Also, has links for further information on good design.
ivette munoz

Principles and Elements of Art: Balance - 0 views

  •  
    I liked this article the best because it was short, simple, and straight to the point. It covers all the main points of balance and symmetry. It describes symmetrical balance, radial symmetry, exact, axial, and asymmetrical balance. Two new terms this article presented were approximate symmetry and occult. Approximate symmetry is an overall balance of color, objects, font size, ect. Occult is when the background is the dominant feature of the design. The article gives 3 art radial designs and an art picture of exact symmetry
Paul Angichiodo

Developing Balance in Web Design | Codrops - 0 views

  •  
    Goes in depth about balance and gives great examples
  •  
    I really liked this page, like the last one I posted for contrast this website goes into detail about each kind of balance and gives a picture example of each. It makes it really easy to understand seeing a web page picture or ad, which is what we mostly work with so it makes it easier to understand by showing pictures we relate to.
  •  
    Here is another article about balance in web design! This article is more focused on designing for your audience. It defines the types of balance as: horizontal, vertical, radial, symmetrical and asymmetrical. Each type of balance has examples from the web accompanied by a short description of how balance is achieved in each unique way. The article goes into the properties of balance as well, and has examples from the web to help define them.
samantha negrin

Rock Solid Guitar Stands | Best Multi-Guitar Bass Stand - 0 views

  •  
    I think this site shows balance because of its asymmetrical elements. The logo and title is to the right and the menu is to the left, but not equal. The display of the product is symmetrical right through the center. It's an example of the "focus achieving a harmonious balance."
Alex Portela

Principles of Design Balance Scale Emphasis Texture Value visual elements - 0 views

    • Alex Portela
       
      This site talks about symmetrical and asymmetrical balance which relates to the book in terms of "organization" and also direction. How certain things are laid out need to catch the viewers attention effectively. Texture is also mentioned on this site and the book. Texture helps the eyes of the reader/viewer flow through the page in the intended direction.
Hector Garcia

D#4HW#1: Principles of Design and Page Layout - 0 views

    • Hector Garcia
       
      Although this page is specifically for a website, it applies the same elements that can be used in blogs, and other design prospects.
  • All whitespace should be accounted for. This does not mean that you should fill all whitespace - it means that when you have areas of whitespace it should add to the overall compositional balance of your page.
  • When working with layout, it is essential to focus on balance and the shape of the unused space. By applying principles of figure/ ground relationships, contrast and similarity, and proportion, the designer can structure the space into an effective whole.
  • ...6 more annotations...
  • The designer can change the background color easily, so when we refer to white space, we are referring to the background color or the "ground" in a figure/ground relationship. The whitespace in a composition is as important as the elements that have been placed upon it.
  • Every element on the page effects how other elements on the page are perceived.
  • When arranging elements on the page, you should consider the visual weight of each element. Weight can be determined by the size of the object, the value (dark objects weigh more than light objects), and the density of the detail or texture.
  • Proportions and size relationships should also be considered when trying to establish balance. All objects on your page will be evaluated in relationship to other objects on the page, therefore a large object will appear much larger when placed next to small objects, thus affecting the balance.
  • The simplest type is a formally or symmetrically balanced page.
  • An asymmetrical compositional layout depends on the skillful arrangement of elements with different visual weights. For instance, a large body of text can be balanced by a dark image.
Daniel Throckmorton

D#4, HW#1 - Principles Of Good Design: Balance » SitePoint - 0 views

  • Balance can also be achieved when one heavier person sits on one side and two lighter people site on the other side
  • In design we try to achieve a balance between elements because it is pleasing on the eye
  • Symmetrical balance is mirror image balance
  • ...3 more annotations...
  • on this web site, the mobile phone image divides the page in two, with the blocks of text on either side balancing each other out
  • The red text above and below the title is balanced in color and size above and below the title
  • We can create an asymmetrically balanced layout by placing several small items on one side, and one large item on the other side
  •  
    Shows examples of balance in different layouts. Demonstrates symmetry and asymmetry.
Diana Inzunza

Balance - Basic Principles of Design - 0 views

  • Balance is a visual interpretation of gravity in the design. Large, dense elements appear to be heavier while smaller elements appear to be lighter.
    • Delaney Hensley
       
      This is explained in chapter four as the wieght of elements. Which is the main focus of balance.
  • Most Web pages are built on a grid system, and this creates a form of balance for the page right away.
    • Delaney Hensley
       
      A grid is a good way to arrange parts of a whole in an equal way.
  • Centering is the easiest way to get a symmetrically balanced page.
    • Delaney Hensley
       
      Centering the main focal point is important
  • ...2 more annotations...
  • To balance it asymmetrically, you might have a small element farther away from the centerline. If you think of your design as being on a teeter-totter or seesaw, a lighter element can balance a heavier one by being further away from the center of gravity.
    • Delaney Hensley
       
      Light and dark are good ways to balance a page aswell as making things look closer or further. but mostly in art.
  • If the content of your design is also intended to be uncomfortable or make people think, a discordantly balanced design can work well.
    • Delaney Hensley
       
      making something complicated and still balanced is pretty good effect depending on what you are trying to express.
Santiago Tolosa

D#6 HW#2 - Gestalt Principles - 0 views

  • Gestalt is also known as the "Law of Simplicity" or the "Law of Pragnanz" (the entire figure or configuration), which states that every stimulus is perceived in its most simple form.
  • Gestalt theorists followed the basic principle that the whole is greater than the sum of its parts. In other words, the whole (a picture, a car) carried a different and altogether greater meaning than its individual components (paint, canvas, brush; or tire, paint, metal, respectively). In viewing the "whole," a cognitive process takes place – the mind makes a leap from comprehending the parts to realizing the whole,
  • 1. Figure/Ground
  • ...12 more annotations...
  • This principle shows our perceptual tendency to separate whole figures from their backgrounds based on one or more of a number of possible variables, such as contrast, color, size, etc.
  • Tips Clearly differentiate between figure and ground in order to focus attention and minimize perceptual confusion.
  • Camouflage Camouflage is the deliberate alteration of figure-ground so that the figure blends into the ground. 
  • 2.  Similarity
  • Gestalt theory states that things which share visual characteristics such as shape, size, color, texture, or value will be seen as belonging together in the viewer’s mind. 
  • 3.  Proximity
  • The Gestalt law of proximity states that "objects or shapes that are close to one another appear to form groups". Even if the shapes, sizes, and objects are radically different, they will appear as a group if they are close together.
  • 4.  Closure The satisfaction of a pattern encoded, as it were, into the brain, thus triggering recognition of the stimulus. This can involve the brain's provision of missing details thought to be a part of a potential pattern, or, once closure is achieved, the elimination of details unnecessary to establish a pattern match.
  • 5.  Good Continuation (Continuity)
  • This Gestalt law states that learners "tend to continue shapes beyond their ending points".
  • 6.  Symmetry or Order
  • If an object is asymmetrical, the viewer will waste time trying to find the problem instead of concentrating on the instruction.
1 - 20 of 24 Next ›
Showing 20 items per page