Date post: | 13-Jun-2015 |
Category: |
Design |
Upload: | fuelgrafics |
View: | 2,995 times |
Download: | 0 times |
TUTORIALES AMPLIADOS
www.deezine.es
Esta guía tutorial extendido está disponible en dos idiomas:EnglishCastellano
Puedes enviarnos tus comentarios, preguntas, cualquier cosa a:[email protected]
CréditosIdea, Concepto, UI y Diseño GráficoFUELGRAFICS
Desarrollo de la tecnologíaV2MSOFT
P.3
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
ContenidosAÑADIR CONTENIDO
P.23EXPORTAR Y COMPARTIR
P.34COMENZAR UN PROYECTO
P. 4
GALERÍA DE PROYECTOSP.5
NUEVO PROYECTOP.6
IMPORTAR PROYECTOP.7
OPCIONES DE PROYECTO P.8
USAR COMO IMAGEN DE PORTADA
P.8
EDITAR PÁGINAP.9
CÓMO AÑADIR UNA PÁGINA P.10
QUÉ ES UN LAYOUTP.11
NAVEGADOR DE PÁGINASP.12
ELIMINAR PÁGINAP.14
INFORMACIÓN DE LA PÁGINA
P.13
MARCADORESP.14
BLOQUEOP.15
INTERACTIVIDAD P.16
INTERACTIVIDAD: LA CLAVE P.17
MODO INTERACTIVO P.17
MULTI STEP BY BUTTONS
P.18
MULTI STEP BY VERTICAL SWIPE
P.19
IMAGE SEQUENCE DRAG
P.20
OPCIONES DE STEPSP.22
EDITAR STEPSP.21
AÑADIR TEXTOP.25
AÑADIR MEDIA P.25
AÑADIR TEXTO DESDE RSS
P.26
COLOR Y TEXTURA DE FONDO
P.27
AÑADIR MÓDULOSP.28
LECTURAP.29
MODO LECTURAP.30
INTERACTIVIDADESP.31
OPCIONES BARRA SUPERIOR
P.32
OPCIONES BARRA INFERIOR
P.33
EXPORTAR A PDFP.37
AYUDAP.35
EXPORTAR A FORMATO .DZN
P.36
COMPARTIR EN REDES SOCIALES
P.38
P.4
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Comenzar un Proyecto
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
P.5
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
GA
LER
ÍA D
E P
RO
YE
CT
OS
NU
EV
O P
RO
YE
CT
OIM
PO
RTA
R P
RO
YE
CT
OO
PC
ION
ES
DE
PR
OY
EC
TO
US
AR
CO
MO
IMA
GE
N
DE
PO
RTA
DA
La galería de proyectos se mues-tra una vez inicies la aplicación.
Desde la galería de proyectos puedes gestionar todos los proyectos:
•Comenzar un nuevo proyecto•Importar desde Dropbox•Continuar editando
un proyecto•Eliminar un proyecto
Además, puedes visitar Deezine en las Redes Sociales, enviando tus comentarios o sugerencias, comentando Deezine en la AppStore o visitando nuestro sitio web.
GALERÍA DE PROYECTOS:Editar/Eliminar Proyecto
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
P.6
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Haz tap en el botón de Nuevo Proyecto, en la parte supe-rior-izquierda de la pantalla, para crear un nuevo trabajo.
•Escribe el nombre del proyec-to y se mostrará en la Project List.
•Tu nuevo proyecto aparecerá en la parte final de tus proyectos.
NUEVO PROYECTOC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
GA
LER
ÍA D
E P
RO
YE
CT
OS
NU
EV
O P
RO
YE
CT
OIM
PO
RTA
R P
RO
YE
CT
OO
PC
ION
ES
DE
PR
OY
EC
TO
US
AR
CO
MO
IMA
GE
N
DE
PO
RTA
DA
P.7
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Haz tap en el botón de Drop-box, en la parte superior-dere-cha de la pantalla, para importar un archivo Deezine desde Dropbox > Aplicaciones > Carpeta Deezine* y seguir trabajando en él.
*La Carpeta Deezine se crea la primera vez que exportas un proyecto a Dropbox y vinculas tu cuenta de Dropbox a Deezine.
IMPORTAR PROYECTOC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
GA
LER
ÍA D
E P
RO
YE
CT
OS
NU
EV
O P
RO
YE
CT
OIM
PO
RTA
R P
RO
YE
CT
OO
PC
ION
ES
DE
PR
OY
EC
TO
US
AR
CO
MO
IMA
GE
N
DE
PO
RTA
DA
P.8
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Aguanta el tap durante 2” sobre un proyecto para:•Duplicar•Mover a la derecha/izquierda•Renombrar
Cualquier imagen que utilices dentro del proyecto, se puede utilizar como portada del proyecto. La opción la encontrarás en la edición de cada imagen.
OPCIONES DE PROYECTO
USAR COMO IMAGEN DE PORTADA
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
GA
LER
ÍA D
E P
RO
YE
CT
OS
NU
EV
O P
RO
YE
CT
OIM
PO
RTA
R P
RO
YE
CT
OO
PC
ION
ES
DE
PR
OY
EC
TO
US
AR
CO
MO
IMA
GE
N
DE
PO
RTA
DA
P.9
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Editar Página
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.10
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
CO
MO
AÑ
AD
IR
UN
A P
ÁG
INA
QU
É E
S U
N L
AY
OU
TN
AV
EG
AD
OR
D
E P
ÁG
INA
SE
LIM
INA
R P
ÁG
INA
INFO
RM
AC
IÓN
D
E L
A P
ÁG
INA
MA
RC
AD
OR
ES
BLO
QU
EO
•Primero de todo, entrar en el modo edición del proyecto.
•Haz tap en el botón Agregar Página, en la parte superior de la pantalla, para añadir una nueva página.
COMO AÑADIR UNA PÁGINA
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.11
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Cuando agregas una página por primera vez, se muestra una lista de Layouts y diferen-tes tipologías de páginas.
•Después de elegir una página de un Layout, tendrás que escoger las siguientes pági-nas de layouts con la misma orientación; si escoges páginas verticales, una vez comenzado el proyecto no podrás escoger horizontales para ese proyecto.
•Para ver una vista previa de la página, haz tap en el botón Preview. A continuación pulsa en Add para editar, y así podrás añadir todas las páginas que desees.
QUÉ ES UN LAYOUTE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
CO
MO
AÑ
AD
IR
UN
A P
ÁG
INA
QU
É E
S U
N L
AY
OU
TN
AV
EG
AD
OR
D
E P
ÁG
INA
SE
LIM
INA
R P
ÁG
INA
INFO
RM
AC
IÓN
D
E L
A P
ÁG
INA
MA
RC
AD
OR
ES
BLO
QU
EO
P.12
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Pulsa el icono de navegador de páginas para ver el visor de miniaturas en orden y una vis-ta previa de tu publicación.
•Pulsa sobre la imagen en miniatura durante 3” y duplica o mueve las páginas.
•Para ocultar la ventana del navegador, simplemente pulsa otra vez el icono.
Los botones de la página de administración se encuentran, en el modo edición, de izquier-da a derecha, en la parte infe-rior izquierda de la pantalla, para su visualización debes mantener pulsada la pantalla durante 2”:
NAVEGADOR DE PÁGINASED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
CO
MO
AÑ
AD
IR
UN
A P
ÁG
INA
QU
É E
S U
N L
AY
OU
TN
AV
EG
AD
OR
D
E P
ÁG
INA
SE
LIM
INA
R P
ÁG
INA
INFO
RM
AC
IÓN
D
E L
A P
ÁG
INA
MA
RC
AD
OR
ES
BLO
QU
EO
P.13
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Número y nombre del layout de la página.
•Añadir Marcador; el nombre del marcador se utiliza como el nombre de un capítulo, si se añade una Página de Índice.
•Eliminar Marcador, el marca-dor se elimará también de la Página de Índice.
Retroceder o avanzar en la página del proyecto.
INFORMACIÓN DE PÁGINA
RETROCEDER / AVANZAR
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
CO
MO
AÑ
AD
IR
UN
A P
ÁG
INA
QU
É E
S U
N L
AY
OU
TN
AV
EG
AD
OR
D
E P
ÁG
INA
SE
LIM
INA
R P
ÁG
INA
INFO
RM
AC
IÓN
D
E L
A P
ÁG
INA
MA
RC
AD
OR
ES
BLO
QU
EO
P.14
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Ir a un marcador o a un número de página.
MARCADORES
Eliminar sólo la página activa.
ELIMINAR PÁGINA
WH
AT
IS A
LA
YO
UT
DE
LET
E P
AG
EPA
GE
INFO
RM
AT
ION
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
CO
MO
AÑ
AD
IR
UN
A P
ÁG
INA
QU
É E
S U
N L
AY
OU
TN
AV
EG
AD
OR
D
E P
ÁG
INA
SE
LIM
INA
R P
ÁG
INA
INFO
RM
AC
IÓN
D
E L
A P
ÁG
INA
MA
RC
AD
OR
ES
BLO
QU
EO
P.15
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Pulsa este botón para bloquear cualquier elemento editable y para desplazarte por la página si es más grande que la área/zona editable. Por ejemplo en: Voguee Layout > Página Doble
BLOQUEOE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
CO
MO
AÑ
AD
IR
UN
A P
ÁG
INA
QU
É E
S U
N L
AY
OU
TN
AV
EG
AD
OR
D
E P
ÁG
INA
SE
LIM
INA
R P
ÁG
INA
INFO
RM
AC
IÓN
D
E L
A P
ÁG
INA
MA
RC
AD
OR
ES
BLO
QU
EO
P.16
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Interactividad
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.17
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•La interactividad es la clave de esta aplicación: puedes visualizar e interactuar con el contenido de la página de muchas maneras diferentes.
•La lectura interactiva ha abier-to un nuevo campo de expe-riencias para los usuarios, que pueden interactuar con el modo de presentación de las imágenes y textos: ritmo, orden, y secuencia de contenidos son ofrecidas a los usuarios.
INTERACTIVIDAD: LA CLAVE
•Deezine ofrece en cada Layout 4 modos de interacción llama-dos Interactive mode.
•Pulsa el botón de Interactivity mode para seleccionar y esco-ger una forma de interactivi-dad desde el panel de pantalla.
•Con el modo Sin Steps: Sólo hay un contenido de imagen-texto en la vista de página.
MODO INTERACTIVO
INT
ER
AC
TIV
IDA
D:
LA C
LAV
EM
OD
O IN
TE
RA
CT
IVO
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
GO
PC
ION
ES
DE
ST
EP
ED
ITA
R S
TE
P
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.18
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Un Step (contenido de ima-genes/texto) se mostrará, mediante la elección del modo de interacción Multi Step by buttons, en puntos o botones según el número de Steps añadidos.
•Este es el único modo de interacción que soporta video.
•Ver más en Lectura
MULTISTEP BY BUTTONSE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
INT
ER
AC
TIV
IDA
D:
LA C
LAV
EM
OD
O IN
TE
RA
CT
IVO
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
GO
PC
ION
ES
DE
ST
EP
ED
ITA
R S
TE
P
P.19
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Un Step específico (contenido de imagenes/texto) se mos-trará mediante la elección del modo de interactividad Multi Step by Vertical Swipe, cuando los usuarios deslicen las imágenes verticalmente.
•Ver más en Lectura
MULTISTEP BY VERTICAL SwIPE
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
INT
ER
AC
TIV
IDA
D:
LA C
LAV
EM
OD
O IN
TE
RA
CT
IVO
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
GO
PC
ION
ES
DE
ST
EP
ED
ITA
R S
TE
P
P.20
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Un Step específico (contenido de imagenes/texto) se mostrará mediante la elección del modo de interactividad Image Sequence Drag, cuando el usuario deslice sus dedos horizontalmente sobre las imágenes.
•Esta interacción es muy útil para crear experiencia narra-tiva a través de las imágenes.
•Ver más en Lectura
IMAGE SEQUENCE DRAGE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
INT
ER
AC
TIV
IDA
D:
LA C
LAV
EM
OD
O IN
TE
RA
CT
IVO
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
GO
PC
ION
ES
DE
ST
EP
ED
ITA
R S
TE
P
P.21
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•El botón Step Editor ofrece información sobre el Step acti-vo y la cantidad total de Steps.
•Para editar el contenido, pulsa el botón Steps de la barra infe-rior, para ver el Step editor.
•El usuario puede escoge: - Hacer tap en el número de step que desea, para ver el contenido de éste. - Añadir un nuevo Step, pulsando el botón + - Eliminar un step, pulsando el botón -, siempre se elimina el último step.
EDITAR STEPE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
INT
ER
AC
TIV
IDA
D:
LA C
LAV
EM
OD
O IN
TE
RA
CT
IVO
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
GO
PC
ION
ES
DE
ST
EP
ED
ITA
R S
TE
P
P.22
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Si mantienes tap en un step durante 2”, aparecerá Step Options, que te permite:
•Duplicar el mismo Step
•Desplazar hacia la derecha/izquierda un Step
OPCIONES DE STEPE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
INT
ER
AC
TIV
IDA
D:
LA C
LAV
EM
OD
O IN
TE
RA
CT
IVO
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
GO
PC
ION
ES
DE
ST
EP
ED
ITA
R S
TE
P
P.23
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Añadir ContenidoLos usuarios pueden insertar sus propias imágenes/video
y texto y editar el color y textura del fondo. Si la página tiene Steps, se puede añadir contenido
en cada Step que se selecione.
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.24
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Los cuadrados grises marcan el espacio destinado para imágenes o videos.
•Haciendo tap en el icono edición (lápiz) se mostrará una tabla de edición, desde donde se puede escoger, en este orden: - Materiales, fotos o videos. - Fuente del material; álbum de iPad, red social (Facebook, Flickr, Youtube, Vimeo), cámara (en todos los iPads menos en iPad1). - Aplicación de textura en el contenido. - Asignar una geolocalización o ampliar a pantalla completa.
•Cuando agregues una imagen, puedes acercar/alejar el zoom juntando dos dedos en el área de la imagen.
•Ten en cuenta que no es posible la mezcla de imagen y video en la misma página interactiva.
AÑADIR MEDIA
AÑ
AD
IR M
ED
IAA
ÑA
DIR
TE
XT
OA
ÑA
DIR
TE
XT
O D
ES
DE
RS
SC
OLO
R Y
TE
XT
UR
A D
E F
ON
DO
AÑ
AD
IR M
ÓD
ULO
S
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.25
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Los cuadros con líneas rojas discontinuas marcan el espa-cio destinado a la edición de texto.
•Haciendo tap en el área du-rante 2” aparecerá el panel de texto donde podrás: - Escribir desde tu iPad el texto en el espacio blanco. - O seleccionar el texto desde una URL RSS.
•Las opciones para modificar el texto son: - Elegir el color de la fuente - Elegir la fuente en una amplia variedad de familias tipográficas - Seleccionar el tamaño de la fuente - Elegir alineamiento del texto
•Si deseas, puedes escoger tex-to interactivo en cada Step o usar el mismo texto en todos.
•Deezine reconoce links URL
AÑADIR TExTOE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
AÑ
AD
IR M
ED
IAA
ÑA
DIR
TE
XT
OA
ÑA
DIR
TE
XT
O D
ES
DE
RS
SC
OLO
R Y
TE
XT
UR
A D
E F
ON
DO
AÑ
AD
IR M
ÓD
ULO
S
2”
P.26
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Es realmente fácil añadir texto de una URL de RSS.
•Copia la URL del RSS de un Blog, algo similar a: http://feeds2.feedburner.com/fuelgrafics
•Pégalo en el espacio.
•Y elige el texto que desees agregar.
•Ahora puedes modificarlo como quieras.
AÑADIR TExTO DESDE RSS
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
AÑ
AD
IR M
ED
IAA
ÑA
DIR
TE
XT
OA
ÑA
DIR
TE
XT
O D
ES
DE
RS
SC
OLO
R Y
TE
XT
UR
A D
E F
ON
DO
AÑ
AD
IR M
ÓD
ULO
S
P.27
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Cada fondo tiene un icono de edición para seleccionar el color de fondo y textura de la página.
COLOR Y TExTURA DE FONDO
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
AÑ
AD
IR M
ED
IAA
ÑA
DIR
TE
XT
OA
ÑA
DIR
TE
XT
O D
ES
DE
RS
SC
OLO
R Y
TE
XT
UR
A D
E F
ON
DO
AÑ
AD
IR M
ÓD
ULO
S
P.28
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Algunas páginas añaden módulos.
•Para añadir un nuevo módulo, haz tap en Add New Module.
•Para eliminar el módulo arrastralo lateralmente.
AÑADIR MÓDULOSE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
AÑ
AD
IR M
ED
IAA
ÑA
DIR
TE
XT
OA
ÑA
DIR
TE
XT
O D
ES
DE
RS
SC
OLO
R Y
TE
XT
UR
A D
E F
ON
DO
AÑ
AD
IR M
ÓD
ULO
S
P.29
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Lectura
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.30
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
MO
DO
LE
CT
UR
AIN
TE
RA
CT
IVID
AD
ES
•El Botón de Modo Lectura se encuentra en el marge superior derecho de la pantalla de edición. Al hacer tap sobre el botón, Deezine pasa al modo lectura desde la misma página.
•Deslizar de derecha a izquierda para ir a la página siguiente.
•Deslizar de izquierda a derecha para ir a la página anterior.
MODO LECTURAE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
OP
CIO
NE
S B
AR
RA
SU
PE
RIO
RO
PC
ION
ES
BA
RR
A IN
FER
IOR
P.31
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
RE
AD
ING
MO
DE
INT
ER
AC
TIV
ITIE
SO
PC
ION
ES
BA
RR
A S
UP
ER
IOR
Los usuarios encontrarán iconos en cualquier página para cada tipo de interac-tividad:
•Multi Step by buttons: Tap en cada botón para visualizar el contenido de cada Step.
•Multi Step by vertical swipe: Deslizar verticalmente una imagen para visualizar el con-tenido de cada Step. Sólo fun-ciona en las áreas de imagen.
•Image Sequence Drag: Desliza tus dedos horizontal-mente sobre una imagen para visualizar el contenido de cada Step. Sólo funciona en las áreas de imagen.
•No Steps: La página ofrece un solo grupo de contenido, puesto que no hay interactividad asignada.
•Si te olvidas de añadir la opción de modo interactivo, aparecerá un icono vacío, para advertite.
•Step activo / Steps totales: Muestra steps activos y steps totales.
•Ver más en Interactividad
INTERACTIVIDADESE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
MO
DO
LE
CT
UR
AIN
TE
RA
CT
IVID
AD
ES
OP
CIO
NE
S B
AR
RA
SU
PE
RIO
RO
PC
ION
ES
BA
RR
A IN
FER
IOR
P.32
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Para visualizar/ocultar las Herramientas de Navegación, sostener tap fuera del área de texto, durante dos segundos.
•Ayuda: Despliega la página de ayuda
•Exportar: Ir a exportar (tutorial)
•Modo de edición: Volver al modo de edición desde la página activa.
OPCIONES BARRA SUPERIOR
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
MO
DO
LE
CT
UR
AIN
TE
RA
CT
IVID
AD
ES
OP
CIO
NE
S B
AR
RA
SU
PE
RIO
RO
PC
ION
ES
BA
RR
A IN
FER
IOR
2”
P.33
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Para visualizar/ocultar las Herramientas de Navegación, sostener tap fuera del área de texto, durante dos segundos.
•Navegador: - Pulsa el icono de Página para ver el visor de miniaturas y ver una vista previa de tu publicación. - Haz tap en la página que desees para verla.
•Información de la página: Muestra el número de página, el título y el título del marca-dor (si lo tiene)
•Avance/retroceso de página
•Ir a página o marcador
•Tamaño texto: Incrementar el tamaño del texto y volver al tamaño original.
OPCIONES BARRA INFERIOR
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
MO
DO
LE
CT
UR
AIN
TE
RA
CT
IVID
AD
ES
OP
CIO
NE
S B
AR
RA
SU
PE
RIO
RO
PC
ION
ES
BA
RR
A IN
FER
IOR
P.34
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Exportar y Compartir
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.35
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Se muestra una nueva pantalla con definiciones relacionadas con la página.
AYUDA
AY
UD
AE
XP
OR
TAR
A F
OR
MA
TO
.DZ
NE
XP
OR
TAR
A P
DF
CO
MPA
RT
IR E
N R
ED
ES
SO
CIA
LES
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
P.36
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
Los usuarios pueden exportar publicaciones en formato Deezine (.dzn). Por lo tanto, cualquier persona con la app puede disfrutar de su publi-cación, para leer o seguir editándolo.
ExPORTAR A FORMATO .DZN
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
AY
UD
AE
XP
OR
TAR
A F
OR
MA
TO
.DZ
NE
XP
OR
TAR
A P
DF
CO
MPA
RT
IR E
N R
ED
ES
SO
CIA
LES
P.37
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Exportar a PDF y decidir si deseas cargar el archivo a Dropbox en (Aplications > Deezine > Your Project) o abrirlo en el dispositivo.
•Tu proyecto Deezine en formato PDF muestra cada paso de la interactividad en una página diferente.
ExPORTAR A PDFE
DIT
PA
GE
CO
ME
NZ
AR
UN
PR
OY
EC
TO
ED
ITA
R P
ÁG
INA
INT
ER
AC
TIV
IDA
DA
ÑA
DIR
CO
NT
EN
IDO
LEC
TU
RA
EX
PO
RTA
R Y
CO
MPA
RT
IR
AY
UD
AE
XP
OR
TAR
A F
OR
MA
TO
.DZ
NE
XP
OR
TAR
A P
DF
CO
MPA
RT
IR E
N R
ED
ES
SO
CIA
LES
P.38
I T
utor
iale
s D
eezi
ne A
pp
· 20
12
•Los usuarios puedes compar-tir sus experiencias Deezine a través de sus redes sociales favoritas: -Facebook -Twitter
COMPARTIR EN REDES SOCIALES
ED
IT P
AG
EC
OM
EN
ZA
R U
N P
RO
YE
CT
OE
DIT
AR
PÁ
GIN
AIN
TE
RA
CT
IVID
AD
AÑ
AD
IR C
ON
TE
NID
OLE
CT
UR
AE
XP
OR
TAR
Y C
OM
PAR
TIR
AY
UD
AE
XP
OR
TAR
A F
OR
MA
TO
.DZ
NE
XP
OR
TAR
A P
DF
CO
MPA
RT
IR E
N R
ED
ES
SO
CIA
LES