Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged focal

Rss Feed Group items tagged

Victoria Burch

D#4,HW#5- CRAP 3 - 1 views

  •  
    Contrast: focal point is an image of a laptop, aligned to the left with its description to the right. Gives a lot of empty space around it to make it your main focus. Besides the focal image other images pop against the black background. Repetition: Menu items are linked blue at the top of the page. Smaller unimportant items linked blue and smaller at the bottom. Alignment: Everything is aligned to the left in each group. Proximity: Under focal point are 4 groups with category titles that you can click to enlarge to see different related aspects of the site.
  •  
    This website is a very good example of how to design a website. Everything is very aesthetically pleasing, and follows the CRAP principles.
Mckell Keeney

Emphasis: Principles of Design - 0 views

  •  
    This website is a simple representation of how emphasis can be used for a designer.
  • ...1 more comment...
  •  
    This site describes various ways that a focal point can be established. The focal point could be in some way noticeably different in appearance/ orientation/color than the other elements, or its placement on the page determines its focal point status. This site offers examples of each type.
  •  
    I really liked this site. I have quite an extensive art background, but the book allowed me to see it in type form. What also caught my eye on this page was the Emphasis of Isolation. I think when one object is seperated from a group, it creates great emphasis and meaning. Also color.
  •  
    This website gives several illustrations, some in color, to illustrate emphasis in design and focal points.
Ariella Gabino

D#2 HW#2 - 3 views

  • intensity of expression that gives impressiveness or importance to something
    • Delaney Hensley
       
      intesity is a good word to describe what is emphasized. in art usually your eye goes to one impressive point that is more important than others.
  • Certainly emphasis does not make a work appealing to everyone, but without a focal point or emphasis you may be looking at a big pot of stew
    • Delaney Hensley
       
      this is an example of "limiting the amount of content" writing can become a big confusing "pot of stew" like art.
  • placing it in off center to the left or right and either above or below the center line adds to the interest of the piece by giving the viewer introductory or supporting information
    • Delaney Hensley
       
      placement of focalpoints is important because a persons eye likes to flow across art and other medias.
  • ...5 more annotations...
    • Delaney Hensley
       
      these pictures all have main points that your eye goes to first because they are emphasized with color or images.
  • Value brings out the differences among a foreground that is in your face, a midground that may serve as the focal area or simply support, and a background that may be miles away
    • Delaney Hensley
       
      things in the foreground are emphasized by being bigger and the things in the backround are secondary objects.
  • Your eye goes to the brightest colors, but also to designs on an angle
    • Delaney Hensley
       
      bright colors are a good way to emphasize important things. The eye is attracted to bright colors the quickest.
  • You can use color, shape, line, texture, value, space, and or form in a way that distinguished one element or area from the whole to focus the viewer through the piece.
    • Delaney Hensley
       
      many elements can help distinguish important words or images. having dark colors with light colors is a good way to create a contrast.
    • Delaney Hensley
       
      COOL EXAMPLE
  •  
    For those interested in abstract art and photography, this is a great page. It covers the principle of emphasis by providing excellent examples of art.
  •  
    I really liked this website because it showed how emphasis is necessary for artist creating paintings! Emphasis not only applys to composition and graphic design but also in art!
  •  
    This website is more about art and paintings, but is a very good example of emphasis and focal points. The page gives good examples on how to create a focal point from focal area, color dominance, value contrasts, visual movement, difference, and shape. Each section has different paintings from various artists but very good examples and ideas of how to lay out things and where the person observing will focus according to your layout.
Alex Portela

Focal Points In Design Layout | Articles | instantShift - 0 views

    • Alex Portela
       
      This site actually shows the visual importance of a focal point. It shows the line flow that guides the view to be drawn in to the picture then have their eyes lead across the page like a book. This makes it more acceptable and comfortable to view.
Merlyn Reyna

D#6 HW#1 Using Repetition and Patterns - 0 views

  • repetitive pattern can give the impression of size and large numbers
  • capture the interruption of the flow of a pattern
  • Broken repetition might include adding a contrasting object (color, shape, texture) or removing one of the repeating objects
  • ...1 more annotation...
  • consider your focal point
  •  
    This is a good website of how repetition is used.  Even though it is not clearly in the book, it focuses more on repetition in photography by emphasize and break-it.  Emphasize repetition can give impression of size and large numbers of elements in one picture.  Broken repetition can include contrast object or a focal point between the repetition objects in a picture.  
Leslie Lopez

Deadline #2. HW #2. The Principles of Design - 0 views

  •  
    This website provides a concise explanation of emphasis and ways to use it effectively. It gives you three questions to ask yourself that were also stated in our text in order to identify which is the primary message of emphasis, which is the second, etc. I like that it provides examples of emphasis and by clicking on the image, they tell you what is emphasized in the picture and how the focal point is established.
Victoria Burch

D#4,HW#5 -CRAP 4 - 1 views

shared by Victoria Burch on 27 Jan 11 - Cached
  •  
    I think this link is the best representation of CRAP because it is simple and very appealing to the eye. Contrast: A lot of white background. Large focal Image and set to the entire left side of page. Louis Vuitton large and bold. Repetition: All text is brown and in capital letters. Less important items are not all capitalized and smaller. Alignment: To the left Proximity: Each location is grouped into correct continent. Each group is given appropriate and equal space in-between.
  •  
    This is another good website that uses the CRAP principles. Everything is consistent, and it is very pleasing to the eye.
Tim Buswell

Design Notes: Emphasis - 2 views

  • designer needs to know how to control the attention of the viewers of their artwork
  • DOMINANCE
  • more important or more noticeable than its surroundings
  • ...22 more annotations...
  • Information is rarely of uniform interest in art
  • When there is dominance there must be subordination
  • There are three major methods for controlling emphasis in a visual image: contrast, placement and isolation.
  • One of the greatest possible contrasts in art is the difference between black and white
  • If color is used make it bright, preferably against a dull background.
  • When it comes to being noticed B I G G E R is always better.
  • An unusual shape can call attention to itself but it is not as strong a contrast as size or value/color.
  • PLACEMENT
  • Proximity
  • Proximity
  • Proximity
  • An overlapping, touching or close object is likely to be seen next (in that order) after a primary object.
  • Texture can also be an affective similarity device.
  • ISOLATIONIsolation is a kind of placement -- where something is put. An item that stands apart from its surroundings will be more noticeable. This is not likely to make an item be noticed first but can make one item stand out.
  • Proportion is a design principle that has to do with the relationship between size and scale.
  • It is possible to make an object appear different in scale without changing its size. The fortune cookie to the left is about life size. The one in the picture below appears to be quite large in scale. They are both the same size.
  • It is important for a designer to know how to control the attention of someone viewing their artwork
  • It is important for a designer to know how to control the attention of someone viewing their artwork.
  •   CONTRAST The objective of contrast is to produce maximum visibility
  • There is usually a focal point, a place where the action begins
  • Bright colors are more attractive (attract attention) than dull colors.
  • Where you place objects is important.
  •  
    Good article on controlling where you want your viewer to look by emphasing objects and the different ways to accomplish.
  • ...7 more comments...
  •  
    I really like compiling all these sites to help with projects later. The basic ones with examples are best for me now. This is another great site that helps break down the basics from chapter 2
  •  
    This explains some of the basic ideas of emphasis and the different elements you can use to show emphasis
  •  
    D#2 HW#2 This articles discusses the principles of design of art. Even though this does not talk about the typography principles of design, the same rules still apply. I thought it was interesting because it gives a different perspective on the same concept.
  •  
    Good overall explanation of emphasis. I picked this website because it has good information on contrast and how to use it. I also like the visuals on the left, they are helpful to understanding the concept!
  •  
    This website is setup as notes for emphasis. It talks about color, size and shape. It also talks about how placement and isolation is important. It also adds how proportion has to do with size and scale, how it makes it appear diffretn based on other objects around them.
  •  
    Emphasis is more visually interesting and making what you're trying to control more interesting than others.  It is also the attention of someone viewing an artwork, design or website.  Emphasize on weather you want to attract your audience the most, maximize the visibility of your focal point. This website gives explanation of how emphasis is used in art.  
  •  
    i like this page just because it has so much info on it and touches on multiple aspects of the principle
  •  
    this page gives a lot of information on differetn aspects of using emphasis dominance subordination contrast color/value size shape placement isolation proportion
  •  
    This site went into great detail. Like the book, the site described that the bigger something is, the more important it must be. It also makes an argument for the center being the most important of placing. But could that really be true if something bigger and more noticable was off center?
Tim Buswell

Principles of Good Design: Emphasis, Art Lesson #4 - 0 views

  •  
    Interesting page that provides examples of art with and without emphasis. It also has links to other sections which cover other design principles; useful for the future sections.
  • ...1 more comment...
  •  
    This website shows the key words that explain emphasis. "center of interest", "focal point" "contrast the primary element". It also gives examples of art pieces with emphasis and without emphasis to give a visual prospective.  
  •  
    I really like this website because it gives a more thorough description of Emphasis when it comes to design. You achieve emphasis by creating a focal point.
  •  
    This is just a solid, bare-bones explaination of emphasis that can transcend many different types of media. This site applies mostly to the fine arts, but as we've seen in the book, type and multimedia can benefit as well
natalie arellano

D#6 HW#6-Emphasis in Graphic Design | Use Elements and Principles of Design Create Emph... - 0 views

  • BalanceA perfectly symmetrical piece may have no focal point because each element is equally emphasized. Radial balance generally draws the eye first to the central point in the design. ProximityA part of the design that is isolated from other parts can become a focal point. AlignmentThe eye is naturally drawn to a point in or near the center of a page, giving elements in that area perceived importance. RepetitionRepeating an image or a word can establish its importance. ContrastSet words or phrases in a contrasting bold type or italics to give them emphasis. White spaceUse white space to isolate elements and give them emphasis.
    • Michael Clark
       
      The book BoD refers to this "White Space" concept but I think this page explains it better, and gives you permission to use it to your advantage.
  •  
    I like how this site talks about texture. Texture can be used on a blog to send a vibe of yourself to the readers. This is important because readers who follow your blog want to feel like they know you.
anonymous

D#2 HW2: Emphasis with body language - 0 views

  •  
    Emphasis can be used in many ways other then writing. The concept is the same just a different median. I chose to use this webpage as a bookmark because it shows emphasis in body language. These are techniques used by the body to exaggerate or use movements to create a focal point.
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.
  • 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.
  • 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
  • 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.
  • 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.
Matthew Aber

D #2, HW #3, B - 0 views

  •  
    I stumbled on this page while looking for information on dominance in a web page. As it turns out this whole site has a cornucopia of supplemental information that would probably help out later on in the term. But this page in particular is great because they show simple black and white, literally, diagrammed explanations of how the idea really works.
  •  
    This web page discusses the concept of focal points, which is covered on page 26 in (Graham, 2005).
anonymous

D#3 HW3 Bright Contrast Furniture - Sculptural Bookshelf with Bench and Matching Pieces... - 0 views

  •  
    Beside photos and written pieces, the principles of contrast can also be applied to objects. The color contrast in this design is clear. The pink sitting area on this bookshelf is the main focal point of this piece. 
Leslie Lopez

Deadline #2. HW #2. Emphasis - Basic Principles of Design - 0 views

    • Alex Portela
       
      This is another website example of how emphasis on a focal point can be crucial. One statement here is that some designers will try to highlight everything in one visual. This will cause it to look too busy and may lose interest.
  •  
    This website provides a definition of emphasis as well as describes the importance of using emphasis in your design. It makes a good point by saying that if everything is equally emphasized then the design can look too busy. I like that the author of the webpage gives tips on how to include emphasis in designs.
Mckell Keeney

Balance: Rule of Thirds and Visual Center and Grids [Principles of Design Class on Bala... - 0 views

  •  
    Free online lesson about the rule of thirds and visual centers.
Jessica Guzman

D#4hw#4 - 0 views

shared by Jessica Guzman on 30 Jan 11 - Cached
  •  
    Contrast-spacing is very linar squares and rectangles, a focal point is the red at the top to attract attention to the site and have their viewers interested. The headings of most importance are in black bold size color, and the text is smaller and in a bluecolor.Color is attractive to where it is eye catching but easy on the eyes with black, white , blue, and red. Repetition-again the color is repatative with red, black, and white. repetative elements such as video clips and new. The format, of it is organized, with the subjects running along the top of the page that allows the viewer to go to exactly they want to know. below the subject tabs there are groups of related information for example how the bottom of the top news there are bullet points of what the news is about. Then towards the bottom of the website there are grouped topics that have the topics of which the tabs on the top. Except these have subtext to other related topics that fall under that subjects they are in a same size box which groups them. Allignment-nothing is centered all text is left justifyed, the information is visually connected to find information much easier and all is aligned to one box or another. Proximity-related items all the headers of the news each have its own box and all the news are related is under each of the heading, The white/light grey backround is evenly separated to give it a balance.
julian serventi

CNN.com - Breaking News, U.S., World, Weather, Entertainment & Video News - 0 views

shared by julian serventi on 27 Jan 11 - Cached
  •  
    Contrast: CNN is centered and bold white against a red background, which makes it easy to read. Breaking and main news stories are in groups of three and set as the largest images at the top of the page. Bold white text against a black background makes the focal point pop. Repetition: Menu items are white against red background in smaller text under CNN. All links are blue, bullets red, titles bold large and black. Alignment: everything aligned to left for each grouping object. Proximity: News is categorized into different groups, i.e.) world, business, entertainment... etc.
  •  
    I think CNN is a great example of a grid - a very sophisticated look. The beginning is a 3 grid and as you scroll it transfers to a 4 grid. They really make the most of the white space and keep it very organized with a justified text.
  •  
    CNN has both different text sizes and color. Also with this, there are different borders within 1 page to show the many different stories and sections that are being highlighted within a page
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.
Mckell Keeney

Emphasis in Design » Color, General, Layout » Design Festival - 0 views

  • Closely related to the idea of unity is the concept of emphasis or dominance. Rather than focusing on the various elements of a design fitting together, emphasis is about making a particular feature draw the viewer’s att
  • Closely related to the idea of unity is the concept of emphasis or dominance. Rather than focusing on the various elements of a design fitting together, emphasis is about making a particular feature draw the viewer’s attention.
  • direct center of a composition is the point at which users look first
  • ...7 more annotations...
  • continuance or flow is that when our eyes start moving in one direction, they tend to continue along that path until a more dominant feature comes along
  • greater the difference between a graphic element and its surroundings, the more that element will stand out
  • isolation promotes emphasis
  • Contrast is defined as the juxtaposition of dissimilar graphic elements, and is the most common method used to create emphasis in a layout
  • Contrast
  • Proportion
  • Proportion is a principle of design that has to do with differences in the scale of objects
  •  
    Emphasis in Design
  •  
    This website brought to light some very interesting concepts in a humorous way. Similar to the first site that I bookmarked with Diigo, this site talks about the different ways in which emphasis can be achieved: by placement of the main topic of the site (middle of the page for main information and then information that is the next in importance be in a variety of places - isolated? continued in the line of sight provided?), through contrasting colors, and by changing the proportion of images within the text to make them standout.
  •  
    This webpage gives visual examples of emphasis and a brief explanation of why each example works to capture our attention first.
1 - 20 of 23 Next ›
Showing 20 items per page