Online+(Magazine)+Publishing

=Summer Technology Institute 2012=

__**Workshop #6: Online "Magazine" Publishing (with Sarah Sutter)**__
Slideshare is an excellent resource for presentations.

When designing anything, make sure you **"PARC it"**
 * __The 4 Principles of Graphic Design:__**
 * 1) **Proximity**: //visually group related elements//(texts and/or images)
 * 2) If they're not related, don't put them next to each other.
 * 3) Organize your ideas
 * 4) Examples [[image:Screen shot 2012-06-27 at 2.39.29 PM.png link="@http://www.slideshare.net/freysh/graphic-design-slideshow-12285886"]][[image:Screen shot 2012-06-27 at 2.40.10 PM.png]]
 * 5) **Alignment:** //the placement of text and graphics so they line up on the page.//
 * 6) //Create order//
 * 7) //Organize things in the pages//
 * 8) //Group items//
 * 9) //Create visual connections//
 * 10) **Repetition:** //You should repeat some aspect of the design through out the entire project. It is consistant and makes the project look connected. (Max. of two fonts)//
 * 11) //Example: Andy Warhol//
 * 12) [[image:andy.jpeg width="148" height="148" link="@http://www.google.com/imgres?um=1&hl=en&sa=N&biw=1280&bih=677&tbm=isch&tbnid=B8UbuvpngBNnCM:&imgrefurl=http://s036.pgerding.edu.glogster.com/andy-warhol&docid=lmhBbKIJxRixFM&imgurl=http://edu.glogster.com/media/2/8/56/60/8566061.jpg&w=400&h=400&ei=NlTrT9z_GOby0gGem4nTBQ&zoom=1&iact=rc&dur=383&sig=112673598677888892281&page=2&tbnh=153&tbnw=153&start=21&ndsp=26&ved=1t:429,r:20,s:21,i:276&tx=86&ty=69"]]
 * 13) **Contrast**: //Creates an exciting graphic element to your page. Allows important things to pop out at the reader.//
 * 14) //You can create contrast with// font style //, SIZE, or// ** colour **//.//
 * White space often gives visual space on a page.
 * Unity holds the entire project together

__**Lets look at an example that was published:**__ //Go to slide 16//

__**Tips and suggestions:**__ __Filler text__ __Big pictures:__
 * Allows us to use text without having to write out various paragraphs (etc.)
 * Can use something called Lorem Ipsum as filler words to play around with format and design
 * Do not be afraid of big pictures. It breaks up the text and keeps the eye and mind interested.
 * Can cut photos into various shapes (use sumo.fm as a great photo editing program)

The non-designer's design book gives great information and tips about various design components. Issuu.com is a free eMagazine website, as is Calameo.
 * __Other resources:__**