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

Maganize i-pad app

  • Upload
    soo-kim

  • View
    217

  • Download
    0

Embed Size (px)

DESCRIPTION

I designed a magazine application for HOW magazine for a class project.

Citation preview

I Pad App for

HOW Design magazine

Soo KimSpring 2011

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.

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)

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)

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.

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

Tap over the enlarged photo to see the related features

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

(only one photo is for enlargement as a sample)

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

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

(only one photo is for enlargement as a sample)

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

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

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

Tap the screen to pull back the photo slides.

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.

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.

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.

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.

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.

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

Close the text box to see only the slides.

Tap each photos to see it in image gallery slides

Tap the screen to pull back the slides

Tap each photos to see it in image gallery slides

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

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

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

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

Tap on ‘Your thought? button’ to write

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.