Monday, May 6, 2013

course files

Final Course Files are Due Friday May 10th (end of class)*
Final Course Files are Due Monday May 13th, PRIOR TO REVIEW. (you can either burn your files to a dvd and turn it in directly before review, OR you may use a flash drive, in which case you need to arrive early)

Project One: 
Final Widow Wrap from Illustrator (pdf)
Final Window Wrap photo mockup (jpeg) 
Final Motion piece (mov)

Project Two: 
Final Poster (pdf)
Research Presentation (pdf)

Project Three: 
Final Magazine (pdf — export as spreads!)

Project Four: 
High quality photographs of all stages of your ipad magazine. A combination of close-ups (type detail) and context (in hand). (jpegs)
Final mib file.

+: 
Any photographs that you have taken of your work for use in your portfolio. 

* files can be given to me via dvd or flashdrive

Friday, April 26, 2013

iPad simulator

http://support.magplus.com/entries/20987381-Mag-Reviewer-for-iOS-Simulator

Thursday, April 18, 2013

Mag+

We will be using a free InDesign plug-in called Mag+ for the last project. You need to download it here: http://www.magplus.com/. This tool allows us to use software that we are very familiar with, InDesign, and create fully functioning Ipad magazine articles that can be easily viewed and tested as we work. Video that explains how to download the plug-in.

**if you own an Ipad, please plan to bring it to class for the remainder of the semester**

We will have several in class demos, but you will also be expected to watch tutorials and be good self-starters about learning this new technology. It's very easy to use!

Check out the introduction video here to get pumped: 



Additional Video Resources: 
Introduction to the Plug-In and Templates
Introduction to Layers
Adding Multiple Background Images
Adding Videos
Panning
Zooming
Pop-Ups

Additional for iPad owners: 
Setting up the Reviewer
Setting up the Production Tool



Remaining Schedule


The Last Project! Taking your magazine article to the iPad.



Esquire Magazine


Time Magazine



DESCRIPTION
Explore the iPad as a typographic space through the design of a magazine article. At a minimum, your ipad article must demonstrate one task scenario (2 steps of interaction). This can be a user navigating to a video, a "page turn", a user taking a closer look at a photo, etc. Think about the affordances of the iPad environment and how it is different than print. You will sketch in an analog format and your final deliverable will be a functioning ipad magazine demonstration. (cool, right?!)

OBJECTIVES
> Apply magazine content (body copy, headlines, images, icons, diagrams) and visual language (type, color, look and feel) to an online environment, making changes necessary for the medium change. 
> Demonstrate an understanding of how wireframes function as a means to articulate concepts.
> Select appropriate typography for screen environment.
> Develop an engaging and dynamic experience, utilizing affordances of the digital space. 

PROCESS
a. Get inspired!
1. Additional Content Research. Consider mediums that will leverage the affordances of an interactive, touch-based device. Begin to consider how print and tablet magazines offer different experiences through the demonstration of one user interaction.
2. Get to know the Mag+ plug-in for InDesign. 
3. Analog wireframes. 
4. Visual Design. Working with your print design as the foundation, make necessary changes to typefaces, grid, color, etc for the screen environment. 
5. Test and view live on the iPad. 

**due to our time constraint, you will only be designing for one orientation (portait or landscape) and don't need to worry about designing a flexible layout. 


ADDITIONAL RESOURCES
 Thoughts on Designing for the iPad by Derek Powazek
Review these examples of Wireframes
Why Wireframes matter.



Monday, April 8, 2013

homework for friday

Now working in InDesign create 2 digital directions for your magazine article; one with a 3 column grid and one with a 5 column grid. Create an opening spread + one interior spread for each direction. (that's 4 spreads total)

Have them printed and trimmed for class.

If you are in anyway unclear, please email me prior to class.