TWC301: Multimedia Writing

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.

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.

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! :)

Peer Review

The grid within the page can be seen between different stories and sections that are being presented. We can also see that flush left is the more preferred text alignment allowing the right edge to flow more naturally into a ragged edge.

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,

This website is useful because it gives you a glossary of how the element of alignment looks with different designs. Very useful. :)

I like this video because it is a small power point to some quick notes because of the examples.  

Alignment in Page Layout

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. 

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.

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. 

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.

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.  

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". 

I like this article because it discusses the different types of alignment and also because it provides useful examples to look at. 

I connected concepts from Chapter 1 to my original mind map. I followed the example given in the "Getting Started" module as best as I could.

This web page discusses the fundmentals of document design which paralell with some of the concepts of "advanced page analysis" found on pages 36-37 of (Graham, 2005)

This is a website dedicated to creating clear and concise resume's. Resume's were used as an example of the importance of emphasis on page 31 of (Graham, 2005).

I dug this template up from Microsofts website. I chose to bookmark this one because it displayed the verbal flow path of typical Western cultures.

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

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.

A good video that goes over the basics of instruction writing good for project 1

Powerpoint with voice-over on writing instructions. Easy listening guide to writing instructions. This will help me with Project #1 by reminding me to know my subject well before beginning to write instructions.

This is a clear and easy to follow slide on the different types of balances.It also includes other principles of design which can be helpful for a later time. D#4 HW#1

This website is a good example of "balance" because it has distinct and easy to follow images . Also it provides examples of the definitions of the terms that are enclosed in the term of balance.

I like how this website is defining the types of balance, and it also gives good examples. It shows symmetrical, asymmetrical balance and also radial, horizontal and vertical balance. Really good examples.

This website shows the principles of balance in design. It does a really good job explaining how to create an illusion of visual balance. I like how they had pictures to expand on what they are talking about!