Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged serif

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Tim Buswell

Design Notes: Emphasis - 2 views

daphne.palomar.edu/...emphasis.html

TWC301 Chapter 2 emphasis

shared by Tim Buswell on 04 Jun 11 - Cached
  • 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.
  • toni tassell on 04 Jun 11
     
    Good article on controlling where you want your viewer to look by emphasing objects and the different ways to accomplish.
  • ...7 more comments...
  • Karla Freeman on 05 Jun 11
     
    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
  • Briseida Aguirre on 30 Aug 11
     
    This explains some of the basic ideas of emphasis and the different elements you can use to show emphasis
  • Damaris Bravo on 30 Aug 11
     
    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.
  • Kelsey Eikren on 02 Oct 11
     
    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!
  • Yajahira Bojorquez on 17 Jan 12
     
    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.
  • Merlyn Reyna on 18 Jan 12
     
    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.  
  • Michael Wheeler on 18 Jan 12
     
    i like this page just because it has so much info on it and touches on multiple aspects of the principle
  • Michael Wheeler on 18 Jan 12
     
    this page gives a lot of information on differetn aspects of using emphasis dominance subordination contrast color/value size shape placement isolation proportion
  • Tim Buswell on 24 Jan 12
     
    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?
Alex Portela

D#5 HW# 1.1: Design Notes: Alignment - 0 views

daphne.palomar.edu/...align.html

alignment design twc301 Chapter5

shared by Alex Portela on 19 Sep 11 - No Cached
    • freda yamoah
      freda yamoah on 22 Sep 11
       
      NB:Good alignment is invisible. Most readers wont conciously notice that everything is lined up neatly but they will feel it when things are out of alignment
    • Alex Portela
      Alex Portela on 09 Feb 12
       
      Alignment involves the visual effect of setting object or text in an order that is comfortable for the viewer and deliver proper impact. Edge and Center are main concepts. Fine points impact the placement of them object where it makes more sense and balances the picture.
  • ALIGNMENT
  • ...9 more annotations...
  • Items can line up either along their edges or on their centers. Alignment is used extensively to organize all graphic arts. Almost all text uses alignment to organize lines of type. The letters align along their bases and the lines begin (and/or end) along a line
  • There are two major types of alignment: edge and center.
  • EDGE ALIGNMENT Any object with flat edge(s) can be used for edge alignment. Rectangles are especially well suited for this since they have four flat edges to align. Their right angels also give a sense of order to a composition using them (similarity).
  • CENTER ALIGNMENT Any shaped items can be organized using center alignment. Simple shapes work best because it is easier to judge their centers so the alignment is easier to notice.
  • FINE POINTS
  • The edges of information within a picture can also align with other edges in a composition. This technique can add subtle touches to a composition.
  • Centering in a negative space is a kind of alignment. This works best when there is some other alignment to back up the centering.
  • Narrow strips of background between pictures and text blocks are called gutters.
  • Inserts are words or images that overlap other images. They can partially overlap or be completely inside. They make a compact package of two or more sets of information and can conserve space or hide unwanted areas in an image.
  • Briseida Aguirre on 20 Sep 11
     
    This website has a good definition of the alignment as well as it also provides various examples .Which enhances the understanding of this particular element.
  • ...2 more comments...
  • Jennifer Greenhalgh on 02 Oct 11
     
    This is a really great website which goes really in-depth about alignment. It covers the basics, but also shows more subtle techniques, such as center alignment on a vertical axis, center alignment in negative space with gutters and alignment which occures within the actual pictures.
  • Leslie Lopez on 06 Feb 12
     
    This webpage was helpful because it focused on alignment of images. This is beneficial because we are in the middle of reviewing and editing our comic tutorials. By placing your cursor over the images with red figures, you are also able to see the grid that was used which I thought was pretty cool!
  • Yajahira Bojorquez on 07 Feb 12
     
    Good website it talks about the two basic types of alignment and it gives good examples and pictures explaining each one. Edge and center alignment are the two basic types of alignment. Center alignment also refers to having a symmetrical balance.
  • Anastacia Albinda on 08 Feb 12
     
    I like this website because it features a lot of examples of alignment. It uses examples such as shapes and pictures. It also touches a little bit on the grid system, which I thought was neat! :)
Micheal O'Neil

Introduction to Computer Graphics - 0 views

bccgraphics.blogspot.com/...-to-enhance-verbal-and_20.html

shared by Micheal O'Neil on 06 Feb 12 - No Cached
  • Micheal O'Neil on 06 Feb 12
     
    This website was sweet and simple. It is a graphic designer blog and lists 12 techniques for implementing flow into websites. I have listed a few tips that stood out to myself. -Place headlines near articles -Choose an easy-to-read serif typeface such as Times Roman or Garamo -Use columns that are neither too wide nor too narrow -Place quotes on the page with the text it reinforces
Nicole Schmitter

Balance- Principles of Design: Balance - 1 views

www.usask.ca/...balance.htm

TWC301 balance

shared by Nicole Schmitter on 11 Sep 11 - Cached
    • Jennifer Greenhalgh
      Jennifer Greenhalgh on 13 Sep 11
       
      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
  • Value refers to the darkness or lightness of objects.
  • Large flat areas without much detail can be balanced by smaller irregularly shaped objects
  • 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). 
  • 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. 
  • Briseida Aguirre on 11 Sep 11
     
    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...
  • Heather Krieger on 12 Sep 11
     
    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.
  • Damaris Bravo on 13 Sep 11
     
    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. 
  • anonymous on 15 Sep 11
     
    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.  
  • Charles Gunder-Heier on 16 Sep 11
     
    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. 
  • Merlyn Reyna on 30 Jan 12
     
    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.
  • Leslie Lopez on 30 Jan 12
     
    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.
  • Mckell Keeney on 31 Jan 12
     
    This page shows illustrations and art to show good examples of balance. Symmetrical (formal) balance and asymmetrical balance are discussed.
  • Hector Garcia on 01 Feb 12
     
    A brief summary of balance and three was to achieve it.
  • gabrielle begay on 01 Feb 12
     
    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.
  • gabrielle begay on 01 Feb 12
     
    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.
  • Nicole Schmitter on 28 Apr 12
     
    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.
gabrielle begay

A Crash Course in Typography: The Basics of Type - Noupe - 0 views

www.noupe.com/...graphy-the-basics-of-type.html

typeface serif typography design fonts webdesign sansserif

shared by gabrielle begay on 13 Mar 12 - No Cached
  • gabrielle begay on 13 Mar 12
     
    The anatomy of typeface has many different areas to it that include alignment, type, mood, size, weight and style, and how text is described when put on a line. All these things were covered in the chapter 10 and 11 reading for the week. 
N M

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

www.serif.com/...design_grid.htm

shared by N M on 09 Jun 11 - No Cached
  • N M on 09 Jun 11
     
    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.
1 - 6 of 6
Showing 20▼ items per page