Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged grid system

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Heather Groen

D #5 HW #1 Templates and Grid Systems - 0 views

designfestival.com/web-templates-and-grid-systems

TWC 301 Chapter 5 alignment grid system web design

shared by Heather Groen on 08 Feb 12 - No Cached
  • Heather Groen on 08 Feb 12
     
    This website expands on the grid discussion in the textbook. It offers a template called the 960 grid system, which refers to the width of the viewport, which is the area in the browser in which the website is displayed. The height of the example template, the artboard, is three scrolls of the screen height. I found this interesting because according to the author, three is the average number of scrolls a user with an average amount of interest will scroll,
gabrielle begay

Alignment in Page Layout - Visual Examples of Types of Alignment - 0 views

desktoppub.about.com/...alignment.htm

alignment design twc301 Chapter5 layout

shared by gabrielle begay on 11 Jun 11 - No Cached
  • Kyle Redding on 11 Jun 11
     
    Alignment in Page Layout
  • gabrielle begay on 07 Feb 12
     
    Summary:  This website is divided into 8 different pages and to view all you will need to click on the page numbers but it touches on all areas of alignment. The left, right, center,grid, visual or optical, hanging punctuation, and breaking alignment. 
  • gabrielle begay on 07 Feb 12
     
    In this weeks reading we learned about the various forms of alignment and how the grid system works in a design layout. This website touches on all that, gives great examples, but you will have to click on each page to view everything which is like 8 short pages.
Diana Inzunza

Balance - Basic Principles of Design - 0 views

webdesign.about.com/...aabalance.htm

shared by Diana Inzunza on 09 Jun 11 - Cached
  • 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
      Delaney Hensley on 09 Jun 11
       
      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
      Delaney Hensley on 09 Jun 11
       
      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
      Delaney Hensley on 09 Jun 11
       
      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
      Delaney Hensley on 09 Jun 11
       
      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
      Delaney Hensley on 09 Jun 11
       
      making something complicated and still balanced is pretty good effect depending on what you are trying to express.
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! :)
1 - 4 of 4
Showing 20▼ items per page