Top Banner
I Pad App for HOW Design magazine Soo Kim Spring 2011
38

Maganize i-pad app.

Mar 29, 2016

Download

Documents

Soo Kim

I designed a magazine application for HOW magazine for a class project.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Maganize i-pad app.

I Pad App for

HOW Design magazine

Soo KimSpring 2011

Page 2: Maganize i-pad app.

Enter each section divided by the color bar.Directories to view the reviews on article,

photo gallery, How event calendar, the page that lists favorites that you mark

while reading, and the page that lists the advertisement products you put into you cart

for all the previous and the current issue.

One section (Columns) is activated as a sample.

Page 3: Maganize i-pad app.

Tap ‘Scroll down button’ for each title to see the blurb, or tap on the title

to go directly to the article.

Tap ‘Open’ to open up the side bar for other directories.

Tap on other color bars to move todifferent sections of the magazine.

(not yet activated)

Page 4: Maganize i-pad app.
Page 5: Maganize i-pad app.

Tap ‘Scroll down button’ for each title to see the blurb, or tap on the title

to go directly to the article.

Tap ‘Open’ to open up the side bar for other directories.

Tap on other color bars to move todifferent sections of the magazine.

(not yet activated)

Page 6: Maganize i-pad app.
Page 7: Maganize i-pad app.
Page 8: Maganize i-pad app.
Page 9: Maganize i-pad app.
Page 10: Maganize i-pad app.
Page 11: Maganize i-pad app.
Page 12: Maganize i-pad app.

Tap each photos to see it enlarged, still with the text.

(only one photo is for enlargement as a sample)

Anytime you want to go back to the grid (opening) of each section, tap on the color bar on top that is open. Tap on the home icon on top

to go back to the cover page.

Page 13: Maganize i-pad app.

Tap anywhere on the screen to pull back the photo slides.

Tap over the enlarged photo to see the related features

Page 14: Maganize i-pad app.

Tap each photos to see it enlarged, still with the text.

(only one photo is for enlargement as a sample)

Page 15: Maganize i-pad app.

Tap anywhere on the screen to pull back the photo slides.

Page 16: Maganize i-pad app.

Tap each photos to see it enlarged, still with the text.

(only one photo is for enlargement as a sample)

Page 17: Maganize i-pad app.

Tap on the favorite button to make it my favorite photo/article.

Page 18: Maganize i-pad app.

Tap anywhere on the screen to get rid of the option pop-up

Page 19: Maganize i-pad app.

Tap the ‘Scroll up button’ to close the text box to see the whole picture.

Page 20: Maganize i-pad app.

Tap the screen to pull back the photo slides.

Page 21: Maganize i-pad app.

Slide the pictures side to side to seethe slides of the related pictures

You canslide with the text box open on top of the photos.

Page 22: Maganize i-pad app.

Slide the pictures side to side to seethe slides of the related pictures

You canslide with the text box open on top of the photos.

Page 23: Maganize i-pad app.

Slide the pictures side to side to seethe slides of the related pictures

You canslide with the text box open on top of the photos.

Page 24: Maganize i-pad app.

Slide the pictures side to side to seethe slides of the related pictures

(works with the text box open on top of the photos)

Open the side bar to write a review, go to event calendar, and etc.

Page 25: Maganize i-pad app.

Slide the pictures side to side to seethe slides of the related pictures

(works with the text box open on top of the photos)

Open the side bar to write a review, go to event calendar, and etc.

Page 26: Maganize i-pad app.

Tap the screen to see it horizontally(practically, it would require flipping the I Pad to the side)

Page 27: Maganize i-pad app.

Close the text box to see only the slides.

Page 28: Maganize i-pad app.

Tap each photos to see it in image gallery slides

Page 29: Maganize i-pad app.
Page 30: Maganize i-pad app.
Page 31: Maganize i-pad app.

Tap the screen to pull back the slides

Page 32: Maganize i-pad app.

Tap each photos to see it in image gallery slides

Page 33: Maganize i-pad app.

Tap the review button to write share your thoughts on the article!

Page 34: Maganize i-pad app.

Tap on ‘Your thought? button’ to write.Tap the screen to get out of it.

Page 35: Maganize i-pad app.

Tap the review button to write share your thoughts on the article!

Page 36: Maganize i-pad app.

Tap on ‘Share’ to share your thought.Tap the screen to get out of it.

Page 37: Maganize i-pad app.

Tap on ‘Your thought? button’ to write

Page 38: Maganize i-pad app.

Slide the pictures side to side to seethe slides of the related pictures

(works with the text box open on top of the photos)

Open the side bar to write a review, go to event calendar, and etc.