Week 6 Page 1: Alignment Design Principle (video presentation)

WATCH the Video Lecture by clicking on the image provided below:

 Please watch this 13 minute video lecture and then explore some of the links to example sites provided below:

Alignment Examples

• http://superreal.de/ Links to an external site.
  Scroll through this web page and pay attention to the use of alignment. Can you see a common edge that the elements share? Is there strong evidence of a grid? Shrink the screen width and see what happens to the columns. Is this a responsive design?
   
• http://www.84paris.com/#/about/ Links to an external site.
  Notice how strong the alignment is for both the images and the text inside.

Alignment Examples from Video Lecture:

Feel free to talk about these on the class forum this week! Just don't forget to give the URL!

• http://www.montagebook.com/ Links to an external site.
• https://here.awaytravel.com/ Links to an external site.
• https://www.sashaandlucca.com/ Links to an external site.
• https://getsatisfaction.com/corp/ Links to an external site.
• http://www.interstateteam.com/ Links to an external site.
• http://www.ezracharles.com/ Links to an external site.
• http://youngandhungry.co/ Links to an external site.
• http://simpleasmilk.com/ Links to an external site.
  This site combines left (at the top) and centered (further down) alignment. A no-no because it creates a scattered look and makes it hard for the reader to follow the text as they scroll down. (This is an archived version.)
• http://www.thesoulshinebluesband.com/ Links to an external site.

Now go on to read about grids in the next lecture!