deezine ipad magazine design app quickguide

39
EXTENDED TUTORIALS

Upload: fuelgrafics

Post on 27-Dec-2014

4.477 views

Category:

Design


0 download

DESCRIPTION

Deezine is the first app for iPad which allows you to design easily, any magazine & interactive publication with digital content from your IPad or from your favourite social networks: -Your iPad photo albums -Your Flickr gallery -Your Facebook photo albums -Your Youtube videos -Your Vimeo videos -Text from RSS Deezine allows you to design infinity of publications: magazines, portfolios, books and presentations... with all the interactivity you decide; only you can limit it. ****************************************************** Deezine es la primera app para iPad con la que podrás diseñar de forma sencilla todo tipo de revistas y publicaciones interactivas mediante el contenido digital de tu iPad o de tus redes sociales favoritas: -Tu álbum de fotos del iPad -Fotos de tu galería en Flickr -Fotos de tus álbums de Facebook -Tus vídeos de Youtube -Tus vídeos de Vimeo -Texto de canales RSS Deezine te permite diseñar infinitas publicaciones: una revista, un portfolio, un book, una presentación... todo lleno de la interactividad que decidas, sólo tú pones los límites.

TRANSCRIPT

Page 1: Deezine iPad magazine design App quickguide

EXTENDEDTUTORIALS

Page 2: Deezine iPad magazine design App quickguide

www.deezine.es

This tutorial guide extended is avaliable in two languages:EnglishCastellano

You can send us feedback, questions, anything to: [email protected]

CreditsIdea, Concept, UI and Graphic DesignFUELGRAFICS

Technology development and magicV2MSOFT

Page 3: Deezine iPad magazine design App quickguide

P.3

I T

utor

ials

Dee

zine

Ap

p ·

2012

ContentsADD CONTENT

P.23EXPORT & SHARE

P.34START A PROJECT

P. 4

PROJECT GALLERYP.5

NEW PROJECTP.6

IMPORT A PROJECTP.7

PROJECT OPTIONSP.8

USE AS PROJECT IMAGEP.8

EDIT PAGEP.9

HOW TO ADD PAGEP.10

WHAT IS A LAYOUTP.11

PAGE BROWSERP.12

DELETE PAGEP.14

PAGE INFORMATIONP.13

BOOKMARKSP.14

BLOCKAGEP.15

INTERACTIVITYP.16

INTERACTIVITY: THE KEYP.17

INTERACTIVE MODEP.17

MULTI STEP BY BUTTONS

P.18

MULTI STEP BY VERTICAL SWIPE

P.19

IMAGE SEQUENCE DRAG

P.20

STEP OPTIONSP.22

STEP EDITORP.21

ADD MEDIAP.24

ADD TEXTP.25

ADD TEXT FROM RSSP.26

BACKGROUND COLOR AND TEXTURE

P.27

ADD MODULE SECTIONSP.28

READINGP.29

READING MODEP.30

INTERACTIVITIESP.31

TOP BAR OPTIONSP.32

BOTTOM BAR OPTIONSP.33

EXPORT TO PDFP.37

HELPP.35

EXPORT TO .DZN FORMAT

P.36

SHARE IN SOCIAL NETWORKS

P.38

Page 4: Deezine iPad magazine design App quickguide

P.4

I T

utor

ials

Dee

zine

Ap

p ·

2012

Start a Project

STA

RT

A P

RO

JEC

TE

DIT

PA

GE

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Page 5: Deezine iPad magazine design App quickguide

P.5

I T

utor

ials

Dee

zine

Ap

p ·

2012

PR

OJE

CT

GA

LLE

RY

NE

W P

RO

JEC

TIM

PO

RT

A P

RO

JEC

TP

RO

JEC

T O

PT

ION

SU

SE

AS

PR

OJE

CT

IMA

GE

STA

RT

A P

RO

JEC

TE

DIT

PA

GE

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

The project gallery is displayed once you start the application.

From the project gallery you can manage all the projects:

•Start a new project•Import from Dropbox•Continue editing a project•Delete a project

Also, you can visit Deezine Social Networks, send us a comment or suggest, comment Deezine on the AppStore or visit our website

PROJECT GALLERY:Edit /Delete Project

Page 6: Deezine iPad magazine design App quickguide

P.6

I T

utor

ials

Dee

zine

Ap

p ·

2012

•Click the button New Project, at the top left of the screen, to create a new work.

•Type the name of the project and a new editing screen will be displayed.

•Your new project will appear at the end of your projects.

NEW PROJECT

NE

W P

RO

JEC

TP

RO

JEC

T G

ALL

ER

YIM

PO

RT

A P

RO

JEC

TP

RO

JEC

T O

PT

ION

SU

SE

AS

PR

OJE

CT

IMA

GE

STA

RT

A P

RO

JEC

TE

DIT

PA

GE

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Page 7: Deezine iPad magazine design App quickguide

P.7

I T

utor

ials

Dee

zine

Ap

p ·

2012

PR

OJE

CT

GA

LLE

RY

NE

W P

RO

JEC

TIM

PO

RT

A P

RO

JEC

TP

RO

JEC

T O

PT

ION

SU

SE

AS

PR

OJE

CT

IMA

GE

STA

RT

A P

RO

JEC

TE

DIT

PA

GE

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Click the button Dropbox, at the top right of the screen, to import a Deezine file from Dropbox > Deezine Folder* and keep working on it.

*The Deezine Folder has been created the first time you export a project to Dropbox and you link your Dropbox account to Deezine

IMPORT A PROJECT

Page 8: Deezine iPad magazine design App quickguide

P.8

I T

utor

ials

Dee

zine

Ap

p ·

2012

PR

OJE

CT

GA

LLE

RY

NE

W P

RO

JEC

TIM

PO

RT

A P

RO

JEC

TP

RO

JEC

T O

PT

ION

SU

SE

AS

PR

OJE

CT

IMA

GE

STA

RT

A P

RO

JEC

TE

DIT

PA

GE

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Hold the tap on a project to:•Duplicate•Move right/left•Rename

Any image that you used inside the project, can be used as project image.

PROJECT OPTIONS

USE AS PROJECT IMAGE

Page 9: Deezine iPad magazine design App quickguide

P.9

I T

utor

ials

Dee

zine

Ap

p ·

2012

Edit Page

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Page 10: Deezine iPad magazine design App quickguide

P.10

I T

utor

ials

Dee

zine

Ap

p ·

2012

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

HO

W T

O A

DD

PA

GE

WH

AT

IS A

LA

YO

UT

PAG

E B

RO

WS

ER

DE

LET

E P

AG

EPA

GE

INFO

RM

AT

ION

BO

OK

MA

RK

SB

LOC

KA

GE

•First at all, enter at edit mode of the project.

•Click Add Page button, at the top of the screen, to add a new page.

HOW TO ADD A PAGE

Page 11: Deezine iPad magazine design App quickguide

P.11

I T

utor

ials

Dee

zine

Ap

p ·

2012

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

HO

W T

O A

DD

PA

GE

WH

AT

IS A

LA

YO

UT

PAG

E B

RO

WS

ER

DE

LET

E P

AG

EPA

GE

INFO

RM

AT

ION

BO

OK

MA

RK

SB

LOC

KA

GE

•When you add a page for the first time, a list of Layouts and all different page typologies are displayed.

•After choosing a page from a Layout, you will have to choose next pages from layouts with same orientation; so if you choose vertical pages you may not choose horitzontal once for this project.

•You can see a page preview, checking it and tapping on Preview Button. Then just tap on Add to edit it, and you can add all pages you want.

WHAT IS A LAYOUT

Page 12: Deezine iPad magazine design App quickguide

P.12

I T

utor

ials

Dee

zine

Ap

p ·

2012

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

HO

W T

O A

DD

PA

GE

WH

AT

IS A

LA

YO

UT

PAG

E B

RO

WS

ER

DE

LET

E P

AG

EPA

GE

INFO

RM

AT

ION

BO

OK

MA

RK

SB

LOC

KA

GE

•Press the Page icon to browse the thumbnail page viewer in order to see a preview of your publication.

•Tap on the thumbnail image during 3” and reorder or move pages.

•To hide the browser window, just tap the icon again.

Page management buttons are located, from left to right, at the bottom on the left of the screen with the edition mode, to visualize it, hold the tap during 2”:

PAGE BROWSER

Page 13: Deezine iPad magazine design App quickguide

P.13

I T

utor

ials

Dee

zine

Ap

p ·

2012

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

HO

W T

O A

DD

PA

GE

WH

AT

IS A

LA

YO

UT

PAG

E B

RO

WS

ER

DE

LET

E P

AG

EPA

GE

INFO

RM

AT

ION

BO

OK

MA

RK

SB

LOC

KA

GE

•Page information.•Add Bookmark, the bookmark

name will be used as a chapter name if you add an Index Page.

•Delete Bookmark, the book-mark will be deleted, also from the Index Page.

Go to back or to forward page of the project.

PAGE INFORMATION

BACK / FORWARD PAGE

Page 14: Deezine iPad magazine design App quickguide

P.14

I T

utor

ials

Dee

zine

Ap

p ·

2012

Go to bookmark or page number.

BOOKMARKS

Delete just the active page.

DELETE PAGE

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

HO

W T

O A

DD

PA

GE

WH

AT

IS A

LA

YO

UT

PAG

E B

RO

WS

ER

DE

LET

E P

AG

EPA

GE

INFO

RM

AT

ION

BO

OK

MA

RK

SB

LOC

KA

GE

Page 15: Deezine iPad magazine design App quickguide

P.15

I T

utor

ials

Dee

zine

Ap

p ·

2012

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

INT

ER

AC

TIV

ITY

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

HO

W T

O A

DD

PA

GE

WH

AT

IS A

LA

YO

UT

PAG

E B

RO

WS

ER

DE

LET

E P

AG

EPA

GE

INFO

RM

AT

ION

BO

OK

MA

RK

SB

LOC

KA

GE

Press this button to block any editable element and to scroll the page if it is bigger than the editable area / zone. For example in: Voguee Layout > Double Page

BLOCKAGE

Page 16: Deezine iPad magazine design App quickguide

P.16

I T

utor

ials

Dee

zine

Ap

p ·

2012

Interactivity

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Page 17: Deezine iPad magazine design App quickguide

P.17

I T

utor

ials

Dee

zine

Ap

p ·

2012

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

•Interactivity is the key of this application: you can view and interact with the content of the page in many different ways.

•The interactive reading is now a new field of experiences for the users, who can interact on presentation modes with images and contents: rhythm, order and sequences of content are offered to users.

INTERACTIvITY: THE KEY

•Deezine offers 4 interactive modes with every Layout, called Interactivity mode.

•Press Interactivity mode button to select and choose an interactive from the panel displayed.

•With No Steps mode: There is only an image-text content on the page view.

INTERACTIvE MODE

INT

ER

AC

TIV

ITY:

T

HE

KE

YIN

TE

RA

CT

IVE

MO

DE

MU

LTI S

TE

P

BY

BU

TT

ON

SM

ULT

I ST

EP

B

Y V

ER

TIC

AL

SW

IPE

IMA

GE

S

EQ

UE

NC

E D

RA

GS

TE

P O

PT

ION

SS

TE

P E

DIT

OR

Page 18: Deezine iPad magazine design App quickguide

P.18

I T

utor

ials

Dee

zine

Ap

p ·

2012

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

INT

ER

AC

TIV

ITY:

T

HE

KE

YIN

TE

RA

CT

IVE

MO

DE

MU

LTI S

TE

P

BY

BU

TT

ON

SM

ULT

I ST

EP

B

Y V

ER

TIC

AL

SW

IPE

IMA

GE

S

EQ

UE

NC

E D

RA

GS

TE

P O

PT

ION

SS

TE

P E

DIT

OR

•A Step (images/text content) will be displayed, by choosing the interaction mode Multi Step by buttons, with buttons for each added Step.

•This is the only interaction mode that supports video.

•See more in Reading

MULTISTEP BY BUTTONS

Page 19: Deezine iPad magazine design App quickguide

P.19

I T

utor

ials

Dee

zine

Ap

p ·

2012

•An specific step (images/text content) will be displayed by choosing the interaction mode Multi Step by vertical swipe, when users swipe vertically images.

•See more in Reading

MULTISTEP BY vERTICAL SWIPE

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

INT

ER

AC

TIV

ITY:

T

HE

KE

YIN

TE

RA

CT

IVE

MO

DE

MU

LTI S

TE

P

BY

BU

TT

ON

SM

ULT

I ST

EP

B

Y V

ER

TIC

AL

SW

IPE

IMA

GE

S

EQ

UE

NC

E D

RA

GS

TE

P O

PT

ION

SS

TE

P E

DIT

OR

Page 20: Deezine iPad magazine design App quickguide

P.20

I T

utor

ials

Dee

zine

Ap

p ·

2012

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

INT

ER

AC

TIV

ITY:

T

HE

KE

YIN

TE

RA

CT

IVE

MO

DE

MU

LTI S

TE

P

BY

BU

TT

ON

SM

ULT

I ST

EP

B

Y V

ER

TIC

AL

SW

IPE

IMA

GE

S

EQ

UE

NC

E D

RA

GS

TE

P O

PT

ION

SS

TE

P E

DIT

OR

•An specific step (images/text content) will be displayed by choosing the interaction mode Image Sequence Drag, when the user slides their fingers along the images.

•This is a useful interaction to create narrative experiences through images.

•See more in Reading

IMAGE SEqUENCE DRAG

Page 21: Deezine iPad magazine design App quickguide

P.21

I T

utor

ials

Dee

zine

Ap

p ·

2012

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

INT

ER

AC

TIV

ITY:

T

HE

KE

YIN

TE

RA

CT

IVE

MO

DE

MU

LTI S

TE

P

BY

BU

TT

ON

SM

ULT

I ST

EP

B

Y V

ER

TIC

AL

SW

IPE

IMA

GE

S

EQ

UE

NC

E D

RA

GS

TE

P O

PT

ION

SS

TE

P E

DIT

OR

•The Step Editor button offers information about the active step and the total amount of steps to be done.

•To edit the content, press the Steps button to view the Step editor board.

•Users can choose from this bar: - Tap over the step number to view the step content - Add a new step tapping the + button - Delete a step tapping the - button, always delete the last step.

STEP EDITOR

Page 22: Deezine iPad magazine design App quickguide

P.22

I T

utor

ials

Dee

zine

Ap

p ·

2012

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

RE

AD

ING

EX

PO

RT

& S

HA

RE

INT

ER

AC

TIV

ITY:

T

HE

KE

YIN

TE

RA

CT

IVE

MO

DE

MU

LTI S

TE

P

BY

BU

TT

ON

SM

ULT

I ST

EP

B

Y V

ER

TIC

AL

SW

IPE

IMA

GE

S

EQ

UE

NC

E D

RA

GS

TE

P O

PT

ION

SS

TE

P E

DIT

OR

If you hold the tap on a step during 2”, will appear Step Options:

•Duplicate the same step

•To move right/left the step

STEP OPTIONS

Page 23: Deezine iPad magazine design App quickguide

P.23

I T

utor

ials

Dee

zine

Ap

p ·

2012

AD

D C

ON

TE

NT

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

RE

AD

ING

EX

PO

RT

& S

HA

RE

Add ContentUsers can insert their own images/video and text

and edit background color and texture. You can add content in every selected Step, if the site has them.

Page 24: Deezine iPad magazine design App quickguide

P.24

I T

utor

ials

Dee

zine

Ap

p ·

2012

•Grey squares indicate the designate space for images or videos.

•Tap edition icon (pencil) and an editing board will be displayed, from where you can choose, in this order: - Materials, photos or videos. - Materials source; iPad photo album, social network (Face-book, Flickr, Youtube, Vimeo), camera (all iPads least iPad1). - Use a texture in the content. - Assign a geolocation or allow fullscreen.

•When you added an image, you can zoom in/zoom out with two fingers in the image area.

•Be aware, it is not possible to mix image and video in the same interactive page.

ADD MEDIAA

DD

CO

NT

EN

TIN

TE

RA

CT

IVIT

YE

DIT

PA

GE

STA

RT

A P

RO

JEC

TR

EA

DIN

GE

XP

OR

T &

SH

AR

E

AD

D M

ED

IAA

DD

TE

XT

AD

D T

EX

T F

RO

M R

SS

BA

CK

GR

OU

ND

C

OLO

R A

ND

TE

XT

UR

E

AD

D M

OD

ULE

SE

CT

ION

S

Page 25: Deezine iPad magazine design App quickguide

P.25

I T

utor

ials

Dee

zine

Ap

p ·

2012

AD

D C

ON

TE

NT

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

RE

AD

ING

EX

PO

RT

& S

HA

RE

AD

D M

ED

IAA

DD

TE

XT

AD

D T

EX

T F

RO

M R

SS

BA

CK

GR

OU

ND

C

OLO

R A

ND

TE

XT

UR

E

AD

D M

OD

ULE

SE

CT

ION

S•Squares with red broken lines

indicate the designate space for text edition.

•Tap the area during 2” and a panel to write will be displayed, you can: - Type from your iPad Keyboard on the white gap. - Or Select the text from a URL RSS.

•The options to modify the text are: - Pick the font color - Choose the font in a hole font families diversity - Choose font size - Choose aligment of the text

•You can choose if you want an interactive text area in each step or just use it on every step.

•Deezine recognize URL links

ADD TExT

2”

Page 26: Deezine iPad magazine design App quickguide

P.26

I T

utor

ials

Dee

zine

Ap

p ·

2012

AD

D C

ON

TE

NT

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

RE

AD

ING

EX

PO

RT

& S

HA

RE

AD

D M

ED

IAA

DD

TE

XT

AD

D T

EX

T F

RO

M R

SS

BA

CK

GR

OU

ND

C

OLO

R A

ND

TE

XT

UR

E

AD

D M

OD

ULE

SE

CT

ION

S•It is really easy to add text

from URL of RSS.

•Copy the URL of the RSS Blog, something similar at: http://feeds2.feedburner.com/fuelgrafics

•Paste it on the gap

•And choose the text you want to add.

•Now you can modify it as you like.

ADD TExT FROM RSS

Page 27: Deezine iPad magazine design App quickguide

P.27

I T

utor

ials

Dee

zine

Ap

p ·

2012

AD

D C

ON

TE

NT

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

RE

AD

ING

EX

PO

RT

& S

HA

RE

AD

D M

ED

IAA

DD

TE

XT

AD

D T

EX

T F

RO

M R

SS

BA

CK

GR

OU

ND

C

OLO

R A

ND

TE

XT

UR

E

AD

D M

OD

ULE

SE

CT

ION

S•Each background has an

edition icon to select the background color and texture of the page.

BACKGROUND COLOR AND TExTURE

Page 28: Deezine iPad magazine design App quickguide

P.28

I T

utor

ials

Dee

zine

Ap

p ·

2012

AD

D C

ON

TE

NT

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

RE

AD

ING

EX

PO

RT

& S

HA

RE

AD

D M

ED

IAA

DD

TE

XT

AD

D T

EX

T F

RO

M R

SS

BA

CK

GR

OU

ND

C

OLO

R A

ND

TE

XT

UR

E

AD

D M

OD

ULE

SE

CT

ION

S•Some pages add module

sections.

•To add a new module, tap the Add New Module Area.

•To delete the module swipe it laterally.

ADD MODULE SECTIONS

Page 29: Deezine iPad magazine design App quickguide

P.29

I T

utor

ials

Dee

zine

Ap

p ·

2012

Reading

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

Page 30: Deezine iPad magazine design App quickguide

P.30

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

RE

AD

ING

MO

DE

INT

ER

AC

TIV

ITIE

ST

OP

BA

R O

PT

ION

SB

OT

TO

M B

AR

OP

TIO

NS

•The Preview Button is located at the top on the right of the screen margin. Tapping the button, Deezine switches into reading mode from the same page.

•Swipe from right to left to go to next page.

•Swipe from left to right to go to previous page.

READING MODE

Page 31: Deezine iPad magazine design App quickguide

P.31

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

RE

AD

ING

MO

DE

INT

ER

AC

TIV

ITIE

ST

OP

BA

R O

PT

ION

SB

OT

TO

M B

AR

OP

TIO

NS

Users will find icons in any page for every type of interaction:

•Multi Step by buttons: Tap each button to display each Step content.

•Multi Step by vertical swipe: Swipe vertically an image to display each Step content. Only works over image area.

•Image Sequence Drag: Slide your fingers along the images to display each Step content. Only works over image area.

•No Steps: The page offers only a group of content or Step, because there is no interactivity applicated.

•If you forget add interactive mode option, it will appear an empty icon, to advice you

•Active Step / Total Steps: Show active steps and total steps.

•See more in Interactivity

INTERACTIvITIES

Page 32: Deezine iPad magazine design App quickguide

P.32

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

RE

AD

ING

MO

DE

INT

ER

AC

TIV

ITIE

ST

OP

BA

R O

PT

ION

SB

OT

TO

M B

AR

OP

TIO

NS

To visualize/hide the Naviga-tion Tools hold the tap, out of text area, during two seconds.

•Help: Expand help page

•Export: Go to export tutorial

•Edit mode: Go back to edition mode from the active page.

TOP BAR OPTIONS

Page 33: Deezine iPad magazine design App quickguide

P.33

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

RE

AD

ING

MO

DE

INT

ER

AC

TIV

ITIE

ST

OP

BA

R O

PT

ION

SB

OT

TO

M B

AR

OP

TIO

NS

To visualize/hide the Naviga-tion Tools hold the tap, out of text area, during two seconds.

•Browser: - Press the Page icon to brow-se the thumbnail page viewer in order to see a preview of your publication. - Tap on page you would like to view.

•Page Information: Show the page number, the title and the bookmark title (if it has it)

•Go to next / back page

•Go to page or bookmark

•Text size: Increase the text size and return to original size

BOTTOM BAR OPTIONS

Page 34: Deezine iPad magazine design App quickguide

P.34

I T

utor

ials

Dee

zine

Ap

p ·

2012

Export & Share

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

Page 35: Deezine iPad magazine design App quickguide

P.35

I T

utor

ials

Dee

zine

Ap

p ·

2012

It shows a new screen with definitions related to the page.

HELPR

EA

DIN

GIN

TE

RA

CT

IVIT

YE

DIT

PA

GE

STA

RT

A P

RO

JEC

TA

DD

CO

NT

EN

TE

XP

OR

T &

SH

AR

E

HE

LPE

XP

OR

T T

O .D

ZN

FO

RM

AT

EX

PO

RT

TO

PD

FS

HA

RE

IN S

OC

IAL

NE

TW

OR

KS

Page 36: Deezine iPad magazine design App quickguide

P.36

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

HE

LPE

XP

OR

T T

O .D

ZN

FO

RM

AT

EX

PO

RT

TO

PD

FS

HA

RE

IN S

OC

IAL

NE

TW

OR

KS

•Users can export a publication into Deezine format (.dzn). So, any person with the app can enjoy your publication, to read or keep editing it.

ExPORT TO .DZN FORMAT

Page 37: Deezine iPad magazine design App quickguide

P.37

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

HE

LPE

XP

OR

T T

O .D

ZN

FO

RM

AT

EX

PO

RT

TO

PD

FS

HA

RE

IN S

OC

IAL

NE

TW

OR

KS

•Export to PDF and decide if you want to upload the file to Dropbox in (Aplications>Deezine>Your Project) or open it on device.

•Your Deezine Project in PDF format shows each step of interactivity on a different page.

ExPORT TO PDF

Page 38: Deezine iPad magazine design App quickguide

P.38

I T

utor

ials

Dee

zine

Ap

p ·

2012

RE

AD

ING

INT

ER

AC

TIV

ITY

ED

IT P

AG

ES

TAR

T A

PR

OJE

CT

AD

D C

ON

TE

NT

EX

PO

RT

& S

HA

RE

HE

LPE

XP

OR

T T

O .D

ZN

FO

RM

AT

EX

PO

RT

TO

PD

FS

HA

RE

IN S

OC

IAL

NE

TW

OR

KS

•Users can share their Deezine experiences through their fa-vourite social networks: -Facebook -Twitter

SHARE IN SOCIALNETWORKING

Page 39: Deezine iPad magazine design App quickguide

deezine.es