Skip to main content

Home/ TWC301: Multimedia Writing/ Group items tagged Alignment

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
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! :)
Merlyn Reyna

D#5 HW#1 The Power of Alignment | Webitect - 1 views

webitect.net/...gn-tips-the-power-of-alignment

TWC301 chapter5 chapter 5 alignment

shared by Merlyn Reyna on 12 Jun 11 - No Cached
    • Rebecca Anderson
      Rebecca Anderson on 12 Jun 11
       
      I liked this website best because it illustrates the grid method explained in chapter 5. Also it notes that most designers forget about alignment as a design concept which I related to given my first draft of project 1 had no alignment concepts what so ever.
  • adds to the organization and usability of a web page
  • an image can align with elements on the web page
  • ...6 more annotations...
  • Alignment
  • One of these points of alignment is the corner of the walls
  • Not enough attention to alignment can make or break the beauty of a website design
  • using the lines, shapes, and contrasting colors of the image
  • designers used images, color contrast, and features of their respective websites to create an interesting and effective use of alignment
  • beauty for all viewers
  • Franz Ferguson on 21 Sep 11
     
    This page is more of a resource than an example of aligntment. The examples that Kayla(the author) shows looks like good examples however the resolution they were posted in makes it blurry and hard to judge. Kayla however breaks down in a few brief paragraphs how effective and important alignment is within an article, or project. One aspect that she hits on that makes a lot of sense to me is the images in alignment and how they can also be placed into alignment even though it is a photo. There is a lot more that goes into alignment that first expected. 
  • ...1 more comment...
  • Ariella Gabino on 22 Sep 11
     
    This page goes into great detail about the importance of alignment, especially in web design. It also has many examples of alignment in different pages for you to see the effects.
  • Julie Keith on 29 Sep 11
     
    This site gives some interesting views on alignment and some examples that I'm not sure I like. In saying that though I really do like some of the notes for instance, that there are many points to align to on a layout. It also is much nicer to use color contrast and other features along with the alignment.
  • Merlyn Reyna on 07 Feb 12
     
    This website is very helpful when it comes to explaining alignment.  Even if you have other good elements going around your picture/website, it might look cluttered and there can be a bad use of alignment.  This website gives you examples of how to use proper alignment in pictures and on a layout by using the lines, shapes, and contrasting colors.  
Nicole Schmitter

Design Meltdown § Alignment - 0 views

www.designmeltdown.com/...Alignment

TWC301 alignment design

shared by Nicole Schmitter on 19 Sep 11 - No Cached
  • Vincent Arcos on 19 Sep 11
     
    This page gives a good explanation in understanding the design principle of alignment. It also gives samples of how to properly use alignment
  • ...2 more comments...
  • Damaris Bravo on 21 Sep 11
     
    I like this article because it explains the principle of alignment very well. It uses web design examples and points out why alignment works in each example. 
  • Anastacia Albinda on 08 Feb 12
     
    Alignment creates unification and definition in a design. It creates natural borders in a page. This website gives good examples of that idea.
  • Nicole Carnal on 09 Feb 12
     
    This website gives very specific examples of alignment used on different web pages. It gives a pretty in depth review of each page.
  • Nicole Schmitter on 28 Apr 12
     
    This site explains that even though alignment may be the simplest of the principles of design, it is also very important. It says that the main reason to focus on alignment is for unification. It then includes different samples of sites that have very significant alignment properties.
Shannon Ridgeway

Fundamentals of Graphic Design - Part 1: Alignment | Killersites Web Design M... - 0 views

www.killersites.com/...raphic-design-part-1-alignment

alignment design

shared by Shannon Ridgeway on 19 Sep 11 - No Cached
  • Kelly Corbett on 19 Sep 11
     
    This website was a good supplement to the understanding of alignment because it broke it down, even so far as to talk about how as humans we value alignment, it makes us feel comfortable. It gives great examples of the different types of alignment you can use and gives rules of thumb like finding a strong element on the page to align something against.
  • ...3 more comments...
  • Rachel Bryson on 20 Sep 11
     
    This website gives good, specific and real world applications for alignment-such as a business card. They walk through the differences so you can visually see why you would do something. I thought this one very helpful.
  • Damaris Bravo on 21 Sep 11
     
    This is my favorite article because it thoroughly describes alignment and because it also gives great examples on how to use alignment and how to not use alignment. It does a great job at distinguishing between the both. 
  • Brooke Iggie on 27 Sep 11
     
    D5 HW1 This iwebsite gives several examples of how the same design can be altered by changing the alignmnt alone.
  • Mackenzie Voss on 09 Feb 12
     
    This site gives examples of different ways to align your text to make it the most beneficial to reading. Aligning the text on all the same edge makes it easier for the eye to read. Also, adding a bold edge to it in order to allow the text to be aligned to that.
  • Shannon Ridgeway on 21 Feb 12
     
    Good visual examples and explanations
Shannon Ridgeway

Aligning Elements in Web Page Design - 0 views

www.webdesignfromscratch.com/...alignment

alignment design

shared by Shannon Ridgeway on 18 Sep 11 - No Cached
    • Alex Portela
      Alex Portela on 09 Feb 12
       
      Page 92 of the text refers to Grids. I like how this site demonstrates how grids are useful guides to really perfecting a design. It shows strong and weak examples and the effect alignment has on the viewers.
  • Bridget Esqueda on 18 Sep 11
     
    This website had very clear information reguarding alignment. It showed great examples in websites of the alignment that was used. It shares some information about grids and why they are useful when creating webpages.
  • ...2 more comments...
  • Daniel Flores on 21 Sep 11
     
    A good site that shows how to use grids and text alignment
  • Charles Gunder-Heier on 22 Sep 11
     
    This the best site out of the three sites found for alignment. This site shows you all about how to apply alignment to wed design and could help you with project one to align everything get everything to flow. 
  • Jennifer Greenhalgh on 02 Oct 11
     
    This is a great page because it talks about how and alignment work. In addition, it also goes into how the strongest elements of alignment work.
  • Shannon Ridgeway on 21 Feb 12
     
    Good explanation on creating associations with visual elements.
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.
ivette munoz

Drawing Techniques: Check Alignment to Ensure Accurate Drawings - 0 views

www.explore-drawing-and-painting.com/drawing-techniques-1.html

shared by ivette munoz on 20 Sep 11 - No Cached
  • Briseida Aguirre on 20 Sep 11
     
    I enjoyed this website because it gives good clear images of the way to use alignment and how to manipulate images so they are placed in alignment .
  • ivette munoz on 21 Sep 11
     
    The article uses pictures to describe how to use verticle alignment and horizontal alignment. This is a good example of how grids are used to ensure correct alignment with drawings and not just multiple page designs. I believe this shows that alignment is important in visuals.
Rebecca Jordan

DD#5 HW#1- bookmarks for C5 - 0 views

sixrevisions.com/...the-brads-alignment-in-design

shared by Rebecca Jordan on 14 Sep 11 - Cached
  • Kelly Corbett on 14 Sep 11
     
    I like this website because it is a fun way to show how alignment is used poorly and how it can be used well. We have all read a comic and understand that the first one on this page is hard to read because of its alignment. So this site shows exactly how important alignment is, and how you can learn to use it correctly.
  • Rebecca Jordan on 16 Sep 11
     
    Oh my this site is so awesome! I think it is really directed towards me; I have been feeling like my comic tutorial is very unorganized and not aligned. This site supplements just a short "comic-like" tutorial on alignment. I just really felt like it was a a little helpful and hopefully I have gotten good insight from it. It gave me a good idea how to organized and align my Glogster page little better
Jordin Mitton

The 5 Basic Principles of Design: Alignment - 0 views

maddisondesigns.com/...e-5-basic-principles-of-design

shared by Jordin Mitton on 07 Feb 12 - No Cached
  • Alignment creates a sharper, more ordered design. Aligning elements allows them to create a visual connection with each other.
  • Jordin Mitton on 09 Feb 12
     
    This website has a good basis of what alignment is and why you should use it. It states that alignment creates a sharp and more ordered design. It also says how alignment helps to have a more organiziation and order with your design elements.
Paul Angichiodo

Your Web Site Needs a Chiropractor: Alignment in Web Design | Forum One: Drupal and Ope... - 0 views

www.forumone.com/...ropractor-alignment-web-design

shared by Paul Angichiodo on 26 Feb 12 - No Cached
  • Paul Angichiodo on 26 Feb 12
     
    Here is an article about alignment in web design. It goes into detail about the meaning of alignment and even some history about it. This article contains a lot of helpful advice if your looking for ways to improve your alignment while designing for the web.
Paul Angichiodo

The Principle of Contrast in Web Design | Tips - 1 views

webdesignledger.com/...iple-of-contrast-in-web-design

shared by Paul Angichiodo on 01 Sep 11 - Cached
    • Michael Clark
      Michael Clark on 03 Sep 11
       
      I really liked this page because it shows some great examples to increase understanding of the concepts.
  • Caitlin Burke on 01 Sep 11
     
    This page explains contrast and its importance when creating visual interest. It discusses examples of contrast in web page design and how contrast in color, size, and alignment can be achieved.
  • ...7 more comments...
  • Bridget Esqueda on 03 Sep 11
     
    I found this website to be packed with great information! It not only explained the different techniques used in contrast, but it lists various websites where they had applied it. They link it to the website too so when you click on it, you go to their website. At the very bottom of the website you also get more resources to other free weblayout designs and how to become a better blogger. I thought this was a great website!
  • Lisa Plascencia on 06 Sep 11
     
    This is a very good site because it explains contrast as it pertains to color, alignment and size. There are also pictures of ads that go with each description-very professionally done.
  • Daniel Flores on 07 Sep 11
     
    goes over some of the basics of contrast and gives some helpful hints
  • Ariella Gabino on 08 Sep 11
     
    I really liked this page, it went into detail explaining the principle of contrast and why it is important in your work. The page also shows many different web page examples that I think would be very beneficial for all of us taking this class.
  • Bethany Jorgensen on 22 Jan 12
     
    This very informative blog shows readers several awesome examples of contrast. The images displayed very clearly highlight the use of contrast and are great for beginners in design to see. The end of the blog post says to "Remember that contrast is all about differences. If two elements are very different in nature, be sure to make their visual differences very obvious."
  • Heather Groen on 23 Jan 12
     
    This website offers tips for using contrast in web design. The author focuses on three aspects of contrast: color, size, and alignment. He presents some excellent examples of each. Color, for instance, is used in example to differentiate the header, content, and footer sections of the sample webpage. Size can be used to separate elements when the color scheme is limited. This author comments that alignment can be tricky, especially when using multiple alignments.  Centering a large paragraph is a "big typography no-no." However, centering a heading and then left-aligning the content paragraphs can work.
  • natalie arellano on 25 Jan 12
     
    Using alignment is tricky but very effect if done right.
  • Paul Angichiodo on 26 Jan 12
     
    Here is another article about contrast in web design from WDL. This article is much like the first I shared as it uses various webpages as examples to illustrate the various types of contrast.
  • Mackenzie Voss on 02 Feb 12
     
    This is a great website that highlights the different aspects of contrast, including alignment, color, and size. It also gives examples of how each of these are used.
Nicole Schmitter

NHS Designs - Design Principles - Alignment - 0 views

www.nhsdesigns.com/...index.php

TWC301 alignment

shared by Nicole Schmitter on 28 Apr 12 - No Cached
  • Nicole Schmitter on 28 Apr 12
     
    This site describes that even when aligned elements are physically separated, there is an invisible line that connects them, both in your eye and in your mind. Alignment is what tells a viewer that even though items are not close, they belong in the same piece. It then has 13 different forms of possible designs (business card, invitation, newsletter, etc.)
Hector Garcia

D#5HW#1: Design101: Utilizing Strong Alignments | Design Shack - 0 views

designshack.net/...01-utilizing-strong-alignments

TWC301

shared by Hector Garcia on 07 Feb 12 - No Cached
  • The essential idea of alignment is mind numbingly simple: to line things up.
  • For some reason, centering items on the page just seems like what you’re supposed to do.
  • Notice that suddenly the elements on the page seem scattered
  • ...3 more annotations...
  • The problems here can be hard for many people to spot. For this reason, I always recommend simplifying a design to examine the basic shapes. You’ll see me do this in several of the articles I write on design and you should definitely try it out on a few of your own designs.
  • Left alignments, though arguably boring, are rock solid and should be your default, go-to alignment for much of the work you do.
  • Often, though not always, a right alignment will convey a sense of uniqueness. If you’re designing something that needs to stand out and feel different, a right alignment is a great place to start.
Leslie Lopez

Deadline #5- HW #1- Alignment Design Basics: Alignment To Add Order To Your Design | Va... - 1 views

www.vanseodesign.com/...design-basics-alignment

shared by Leslie Lopez on 06 Feb 12 - No Cached
  • Leslie Lopez on 06 Feb 12
     
    I thought this webpage was useful because it took a poorly designed page and showed how to improve it with alignment. I liked that it took you step by step to what was done to improve the design using alignment on different elements of the page.
Bridget Esqueda

D#5 HW#1-Website Recommendation - 0 views

thedailydigi.com/ncipples-with-debbie-alignment

shared by Bridget Esqueda on 19 Sep 11 - No Cached
  • Bridget Esqueda on 19 Sep 11
     
    I enjoyed how this website was well organized, aligned and designed. It attracted me by the various examples and way that she set each different topic apart. Even though this page is for scrapbookers, it gave good information including examples of alignment. It gives a great example of connecting alignment which gives strength to your design.
Lisa Plascencia

Principles of Design: Alignment | Learn Design Online - 0 views

www.learndesignonline.com/...principles-of-design-alignment

shared by Lisa Plascencia on 21 Jun 11 - No Cached
  • anonymous on 21 Jun 11
     
    This website will help many of us with project 2. There are great tip on alignment, which is very important in a web page layout.
  • ...1 more comment...
  • Bridget Esqueda on 19 Sep 11
     
    I liked how the article showed how alignment is used in many types of formats such as web design, graphic design, and how to manipulate it. It stated that the way we align shapes, words, or objects in our design will create a dramatic effect on the experience our audience will have.
  • Raquel Cortez on 20 Sep 11
     
    This website gives some good information on different types of alignment and how it can be used. It compares the importance of alignment in the real world and how it can be used in design. This website also demonstrates the importance of a clean cut design in order to be less distracting.
  • Lisa Plascencia on 21 Sep 11
     
    This is my favorite becaue it is a teaching site. It has a wonderful way of explaining the different desing elements. There are tutorials and various design strategies to use to get a very creative piece of work.
Taylor Rowand

D#5 HW#1 Alignment - 0 views

cabedge.com

Alignment

shared by Taylor Rowand on 14 Dec 11 - Cached
  • Taylor Rowand on 14 Dec 11
     
    Brilliant example of good design alignment. This site displays emphasis and alignment in the ordering of design elements.
Alex Portela

Alignment in Graphic Design - 0 views

www.design-lib.com/nment-in-graphic-design-gd.php

shared by Alex Portela on 08 Feb 12 - No Cached
    • Alex Portela
      Alex Portela on 09 Feb 12
       
      The textbook refers to centered and justified techniques in aligning the text so that it becomes very readable. The book also mentions to avoid "rivers" in text so the justified effect has to be done properly.
  • Bethany Jorgensen on 08 Feb 12
     
    This webpage describes Horizontal, Vertical, Edge, Center, and Visual Alignment styles to create a layout that is visually pleasing. It also says that good alignment is invisible, because viewers only notice when a page is not aligned correctly.
Victoria Burch

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

www.sony.com/index.php

CRAP

shared by Victoria Burch on 27 Jan 11 - Cached
  • Victoria Burch on 27 Jan 11
     
    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.
  • Mark McLoone on 29 Jan 11
     
    This website is a very good example of how to design a website. Everything is very aesthetically pleasing, and follows the CRAP principles.
Merlyn Reyna

Alignment - How to Use Principle of Alignment in Page Layout - 0 views

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

shared by Merlyn Reyna on 11 Jun 11 - Cached
    • Merlyn Reyna
      Merlyn Reyna on 07 Feb 12
       
      Alignment design creates order, organize page layout elements, it groups items together and creates visual connection.  
  • draw attention to a specific element on the page.
  • anonymous on 18 Sep 11
     
    This websites explains and gives examples of the principles of alignment. Some of these examples were not in "Chap 5" reading of "Basics of Design". 
  • Damaris Bravo on 21 Sep 11
     
    I like this article because it discusses the different types of alignment and also because it provides useful examples to look at. 
1 - 20 of 85 Next › Last »
Showing 20▼ items per page