Layout & Design

Mag+ Software for i-Pad

 So there is this awesome new software out for the i-Pad called Mag+. I am absolutely in love with it!! 

"Mag+ is the most flexible and efficient platform for publishing creative content on touchscreen tablets. Mag+ premiered on the first iPads in April 2010 with the award winning Popular Science+, and supports dozens of live titles in the iTunes Store. With its streamlined production system, powerful backend and feature-rich app framework, Mag+ is ideal for anyone— from magazine and book publishers to catalog marketers and design agencies—wanting to bring beautiful, immersive content to the millions using this new generation of digital devices.  Built by the R&D task force of global publishing powerhouse Bonnier Magazine Group, Mag+ was spun out into its own company, Moving Media+, in 2011."
 - Courtesy of the Mag+ Website

In my Layout and Design class (instructor: Chris Huitt)  this semester we were given i-Pads and told to integrate them into our school and personal lives as much as possible....needless to say we were all extremely excited we took the class! For most of the semester, we have been working with the Mag+ software; learning how to use it and creating our own layouts for grades :) It has been an awesome semester!

For any fellow Pittsburg State students, Chris Huitt will be offering a class next semester called Mobile Media where you will be creating and publishing layouts on the i-Pad! Sounds like a great time to me....check it out if your interested!




To learn more about Mag+ check out there website!!!

http://www.magplus.com/


And for more tutorials and videos check out their Vimeo page!


http://vimeo.com/magplus/videos/sort:date





 Project 1

For our first project we just tested the waters and tried to learn about how the software works. The software comes with a template that allows you to build your layout with Adobe InDesign. With the software you have 3 layers:





As you scroll the page up, the A-Main Tower layer scrolls up to reveal my article about Utilization of the i-Pad.




Horizontal View







Mag+ Project 2

For our second project we were to focus more on pinning objects. Pinning tells objects which edge of the screen to seek when device orientation changes...in other words it tells objects where to move when you rotate the device from vertical to horizontal view. One of the main goals was to make words  read one way in the vertical view and then another once you rotated to the horizontal view.

I did this project for an organization that I am very passionate about called To Write Love On Her Arms you can learn about it here: http://www.twloha.com/.

The words I chose to make change positions were "Love" and "The Movement". By pinning love 'top' and pinning 'The Movement' bottom they switch positions when changed to horizontal view which you can see further down the page. The pink box that contains 'TWLOHA' is a link to their website.

As you scroll the A-Layer up, information about the organization begin to scroll in to view.

Once you scroll the information half-way up the page, it automatically jumps to the next page. On this page I have created links to important parts of the TWLOHA website. Each of the 9 banners on the right side of the page (inlcuding the one in the bottom right hand corner in the pink box) is a link to another part of the TWLOHA website or other websites associated.



Horizontal View


Here you can see how the words change position in the horizontal view. 'Love' is now on bottom and 'The Movement' is on bottom.


To Write Love On Her Arms website

Green Donate link sends you to the PayPal website

Fears and Dreams link sends you to the Fears and Dreams page of the TWLOHA website. Here you can read about different people's fears vs. their dreams.

The Storytellers link takes you to the Storytellers page of the TWLOHA website. Here you can learn about how TWLOHA is connecting with high schools around the country.
Obviously the Twitter link takes you to TWLOHA's Twitter page.


And the Facebook link takes you to their Facebook page.

And there's a link to their MySpace page as well.

As well as a link to their Tumblr page.

The 8th link takes you to the Streat Team page of the TWLOHA's website. "Our Street Team is the platform for people who want to help promote TWLOHA and be part of the solutions, conversations, and events happening in their part of the world. For every task members complete, they earn activity points to move up in rank and can redeem store credits for free merchandise. This free online community offers ways to communicate with other members through forums and membership groups. It's also a great place to get exclusive information on TWLOHA: behind the scenes videos, volunteer opportunities, online chats with our team, and the Street Team t-shirt." - Courtesty of TWLOHA

The last link will take you to their Tumblr page that deals with College groups all over the country.



Mag+ Project 3

Our third i-Pad project gets a little more tricky and a little more in depth. For this project we had to have at least 4 pages, 1 link and either a video or slideshow. I did my project over Skrillex. I used information found in the October issue of SPIN magazine. I was making my layout to look like an electronic magazine issue.



Scrolling to the second page


SKRILLEX.COM is a link that takes you to Skrillex's website

Here I have placed the video for "First of the Year Equinox"


Horizontal View




Pinning for this page got a little tricky...I had to make sure that everything came together in the middle and left space on the sides. I won't go into detail about how pinned all the individual elements though.


The video plays in both the vertical and horizontal orientations as seen above and below respectively.