SlideShare uma empresa Scribd logo
1 de 27
Do impresso para o tablet.




     www.dualpixel.com.br
Do impresso para o tablet
A leitura do futuro


 Produzir layouts
 para tablets
 não é mais difícil,
 nem mais fácil...


é apenas diferente.
#1
 Dicas




  O tamanho do
  arquivo é o novo
  limite de página.
#2
 Dicas




  Pense na usabilidade.
  Evite elementos próximos demais
  e menores que 44 pixels.

  Apple Usability Guidelines
#3
 Dicas




  Novas possibilidades
  gestuais.
#4
 Dicas




  Pense no design
  de informação.
  Nova maneira de consumir informação.
  Mais ampla e abrangente.
  Mais superficial.
#5
 Dicas




  A tecnologia deve
  servir o produto.
  Lembram dos filtros,
  sombras do Photoshop?
#6
 Dicas


         conversões de cor;
         transparências, limites de tinta,
         problemas de registro, etc...


  Acabam as
  preocupações
  com CMYK.
#7
 Dicas




  Espaço de cor
  para iPad.
  Possui um Gamut de cor próprio.
#8
 Dicas




  Tipografia.
  Atenção especial ao corpo das fontes.
  Impresso - 10pt - 12 pt
  tablet - 16pt a 19pt
#9
 Dicas




  Sai a numeração de
  páginas. Entra as
  barras de progressão.
#10
 Dicas




  Resolução das
  imagens.
  Usar imagens em alta.
  iPad - 132 ppi.
  Atenção as imagens com
  interatividade pelo Overlay Creator.
Adobe Digital Publishing Suite




                                                      Tablets   app stores




  InDesign        Folio Producer     Viewer Builder
    Layout            Service            Service
Interatividade    organiza, edita       Produção
                    e publica os      do app para
                   arquivos .folio     distribuição
Adobe Digital Publishing Suite


                                     Creative
                                     Edition
                                      solução gratuita,
                                      disponível para
                                                    Tablets app stores
                                      qualquer profissional
                                      que queira testar,
  InDesign        Folio Producer     Viewer Builder e até
                                      visualizar
    Layout
Interatividade
                      Service
                  organiza, edita
                                      distribuir seu
                                         Service
                                        Produção
                    e publica os
                   arquivos .folio
                                      conteúdo em Tablets.
                                       do app para
                                       distribuição
Adobe Digital Publishing Suite




               Folio Producer            Folio Builder



CS5.5
         +
 CS5



             Overlay Creator
             Content Viewer
                Plug-ins
Adobe Digital Publishing Suite




Single Edition          Professional Edition    Enterprise Edition

» Criar App com marca   » Criar App com marca   » Criar App com marca
» Distribuir / Vender   » Distribuir / Vender   » Distribuir / Vender


» App single            » App single            » App single
                        » App Multi             » App Multi
                                                » Maior personalização
                                                » Distribuir fora das
                                                  App Stores
Adobe Digital Publishing Suite




                                        Tablets   app stores




Creative Edition            dualpixel Edition
Adobe Digital Publishing Suite




Single Edition          Professional Edition    Enterprise Edition

» Criar App com marca   » Criar App com marca   » Criar App com marca
» Distribuir / Vender   » Distribuir / Vender   » Distribuir / Vender


» App single            » App single            » App single
                        » App Multi             » App Multi
                                                » Maior personalização

                    dualpixel Edition
                                                » Distribuir fora das
                                                  App Stores
Cenário das Publicações Digitais


Desktops                       Tablets




    Maior Interatividade                 Maior Interatividade




   Maior Compatibilidade                Maior Compatibilidade
Formatos x Dispositivos

                  PDF    ePUB Flash   Folio
Ipad
Android 3.0
PlayBook
Kindle Fire

Kindle
Nook

iPhone
Android Phone
BlackBerry
Wint Phone
Linha do tempo




PS / PDF   »    Flash    »   ePUB   »   Folio
anos 80        anos 90       2008       2010
<link rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" />
<script type="text/javascript">
         var SETTINGS = {};
         SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/';
      </script>
<script type="text/javascript" src="http://sawpf.com/libs/jquery/1.4.2.js"></script>
<script src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script>
<script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script>
<script type="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script>

<!-- JS DE VIDEO -->
<script src="http://s.videos.globo.com/p2/j/api.min.js"></script>
<script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script>
<script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
                                 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"                                                       1
listpos='Top1,Right,Position1,Middle,Position2,Position3,x90,Frame1';if(typeof OAS_listposLayout!='undefined'){OAS_listpos=OAS_listposLay "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                                 2      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">                                                      2
out}OAS_query='';OAS_target='_blank';OAS_rn='001234567890';OAS_rns='1234567890';OAS_rn=new String(Math.random());OAS_rns=OAS
                                 3                                                                                                                3
_rn.substring(2,11);function OAS_NORMAL(pos){document.write('<A HREF="'+OAS_url+'click_nx.ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+O <html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://w
                                 4 <html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">                            4
AS_listpos+'!'+pos+'?'+OAS_query+'" TARGET='+OAS_target+'>');document.write('<IMG SRC="'+OAS_url+'adstream_nx.ads/'+OAS_sitepage <head>
                                 5 <head>                                                                                                         5
+'/1'+OAS_rns+'@'+OAS_listpos+'!'+pos+'?'+OAS_query+'" BORDER=0></A>')}function OAS_AD(pos){if(OAS_listpos.search(pos)==-1){retu <title>globoesporte.com</title>
                                 6 <title>globoesporte.com</title>                                                                                6
rn}if(OAS_version>=11){OAS_RICH(pos)}else{OAS_NORMAL(pos)}}var oas_print_flag=0;function OAS_PrintGLB(){if(oas_print_flag==0){o <meta http-equiv="Content-Type" content="text/html;chars
                                 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                                 7 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />                                           7
as_print_flag=1;if(OAS_version>=11)document.write('<script type="text/javascript" language="Javascript1.1"a melhor cobertura sobre o Futebol<meta name="description" content="No globoesporte.com
                                                                                                                                                  8
                                 2 <meta name="description" content="No globoesporte.com você encontra SRC="'+OAS_url+'adstream_mjx. e Outros Esportes, no Brasil e no
                                 8      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                                 3
ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+OAS_listpos+'?'+OAS_query+'"></script>')}}OAS_PrintGLB();</script>
                                      Mundo: Notícias, Vídeos e muito mais."/>                                                                      Mundo: Notícias, Vídeos e muito mais."/>
</head>                          4 <html dir="ltr" html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                                 1 <!DOCTYPE xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
                                 9 <meta name="keywords" content=""/>                                                                             9 <meta name="keywords" content=""/>
<body>                          10 <head>
                                 5 <meta property="og:title" content="globoesporte.com"/>
                                 2      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">                                                     10 <meta property="og:title" content="globoesporte.com"/>
                                11 <title>globoesporte.com</title>
                                 6 <meta property="og:type" content="website"/>
                                 3                                                                                                               11 <meta property="og:type" content="website"/>
                                12 <meta dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
                                 7 <html http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<!-- CSS da BARRA DA GLOBOCOM com COMSCORE -->
                                 4 <meta property="og:url" content="globoesporte.globo.com"/>                                                    12 <meta property="og:url" content="globoesporte.globo.com
<link rel="stylesheet" href="http://barra.globo.com/nova/css/barra-globocom.min.css"1.0 Strict//EN" encontra a melhor cobertura sobre o Futebol<meta property="og:image" content="http://profile.ak.fbcd
                                13 <!DOCTYPE html PUBLIC content="No globoesporte.com você />
                                 1 <meta name="description" "-//W3C//DTD XHTML type="text/css"
                                 8 <head>                                                                                                        13 e Outros Esportes, no Brasil e no
                                 5 <meta property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/>
<noscript>                       2 <meta property="og:site_name" mais."/>
                                      Mundo: Notícias, Vídeos e muito
                                        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                                14 <title>globoesporte.com</title> content="globoesporte.com"/>
                                 6                                                                                                               14 <meta property="og:site_name" content="globoesporte.co
<a id="menu-noticias" accesskey="n" title="notícias" href="http://g1.globo.com">notícias</a><a id="menu-esportes" accesskey="e" title="esport <meta e Outros Esportes, no Brasi
                                              property="og:description" content="No globoesporte.com você encontra a melhor cobertura sobre o Futebol property="og:description" content="No globoesport
                                 3 <meta name="keywords" content=""/>
                                 9 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
                                 7
                                15                                                                                                               15
es" href="http://globoesporte.globo.com">esportes</a><a id="menu-entretenimento" accesskey="t" encontra tretenimento" href="http://entreteni l e Outros Esportes, no Brasil e nomuito mais."/>
                                10 <html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> cobertura sobre o Futebol e no Mundo: Notícias, Vídeos e
                                 4 <metaMundo: Notícias, Vídeos e muito mais."/>
                                 8 l e no property="og:title" content="globoesporte.com"/> você title="en a melhor
                                              name="description" content="No globoesporte.com
mento.globo.com">entretenimento</a><a property="og:type" accesskey="v" title="vídeos" />
                                11 <head>id="menu-videos" content="website"/>
                                16 <meta property="fb:page_id"muito mais."/>
                                 5 <meta Notícias, Vídeos e content="22344895408" href="http://video.globo.com">vídeos</a>
                                      Mundo:                                                                                                     16 <meta property="fb:page_id" content="22344895408" />
</noscript>                     12 <title>globoesporte.com</title>
                                17 <meta property="og:url" content="globoesporte.globo.com"/>                                                    17 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/med
                                 6 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" charset="utf-8" />
                                 9            name="keywords" content=""/>
<div id="glb-doc">              13 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
                                 7
                                10            property="og:title" content="globoesporte.com"/>                                                   18 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/med
                                              property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/>
                                18 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" />
<div id="glb-topo">             11 <link type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" /> o Futebol<link type="text/css"no Brasil e no href="http://s.glbimg.
                                14 <meta name="description"content="website"/>
                                 8
                                19            property="og:site_name" content="globoesporte.com"/> encontra a melhor cobertura sobre
                                              property="og:type" content="No globoesporte.com você                                               19 e Outros Esportes, rel="stylesheet"
                                15 <meta property="og:description" content="No globoesporte.com você encontra a melhor cobertura sobre o Futeboltype="text/css" rel="stylesheet" media="screen" href
                                12 Mundo: Notícias, Vídeos e muito mais."/>
<div id="glb-cabecalho" class='cabecalho-ge'> property="og:url" content="globoesporte.globo.com"/>                                               20 <link e Outros Esportes, no Brasi
                                20 <link type="text/css" rel="stylesheet" media="screen" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" />
<div class="glb-conteudo"> 21 l<link rel="shortcut icon"Vídeos e muito mais."/>
                                13 <metaMundo: Notícias, href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" />
                                 9    e no name="keywords" content=""/>                                                                          21 <link rel="shortcut icon" href="http://s.glbimg.com/es/ge/m
                                              property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/>
<div class="cabecalho-produto cabecalho-home"> <a class="marca-produto" href="http://globoesporte.globo.com"> globoesporte.globo.com </ <script type="text/javascript">
                                16 <meta property="fb:page_id" content="22344895408" />
                                10 <scriptproperty="og:title" content="globoesporte.com"/>
                                14
                                22            property="og:site_name" content="globoesporte.com"/>
                                              type="text/javascript">                                                                            22
a>                              11 <meta property="og:type" content="website"/>globoesporte.com você encontra a melhor cobertura sobre o Futebol e var SETTINGS = {}; />
                                15
                                23            property="og:description" content="No
                                               var SETTINGS = {};                                                                                23
                                17 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" Esportes, no Brasi
                                                                                                                                                             Outros charset="utf-8"
<div class="formato-comercial"> <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" /> = 'http://s.glbimg.com/es
                                18 <metaMundo: Notícias, Vídeos e = 'http://s.glbimg.com/es/ge/media/';
                                12 l e no property="og:url" content="globoesporte.globo.com"/>
                                24             SETTINGS.MEDIA_URL          muito mais."/>                                                        24          SETTINGS.MEDIA_URL
<div class="glb-opec"><script 19 <link </script> language="JavaScript" >OAS_AD("Right");</script></div>
                                           type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" />          25
                                13 <meta property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/>
                                type="text/javascript"
                                16
                                25            property="fb:page_id" content="22344895408" />                                                              </script>
</div>                          14 <meta property="og:site_name" content="globoesporte.com"/>
                                17 <script type="text/javascript" src="http://sawpf.com/libs/jquery/1.4.2.js"></script>
                                26                                                                                                               26 <script type="text/javascript" src="http://sawpf.com/libs/jqu
                                20 <link type="text/css" rel="stylesheet" media="screen" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" />
                                            rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" charset="utf-8" />
<div id="busca-padrao"></div>   21 <link rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" /> sobre o Futebol esrc="http://sawpf.com/libs/jqueryui/1.8.7.js" type="t
                                15 <meta property="og:description" content="No globoesporte.com você encontra a melhor cobertura
                                18                                                                                                               27 <script Outros Esportes, no Brasi
                                            rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" />
                                27 <script src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script>
</div>                          28 l<script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script><script type="text/javascript" src="http://s.glbimg.com/es/g
                                22 <script type="text/javascript"> e muito mais."/>
                                      e no Mundo: Notícias, Vídeos
                                19 <link type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" />            28
                                23 <meta property="fb:page_id" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> 29 <script type="text/javascript" src="http://s.glbimg.com/es/g
                                               var SETTINGS = {};
                                16 <script type="text/javascript" content="22344895408" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" />
                                29 <link type="text/css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/12370444cfb4.js" charset="utf-8"></script>
                                20
                                17
                                21
                                30         rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" />            30
<div class="glb-mosaico"> 24 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" charset="utf-8" />
                                               SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/';
                                25 <link </script>
                                18 <!-- rel="stylesheet"
                                22 <script type="text/javascript">
                                31                                                                                                               31 <!-- JS DE VIDEO -->
<div id="1" class="itens item-ativo"> JS DE VIDEO -->href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" />
<div class="ativo"> <a href="http://globoesporte.globo.com/atletico-go" title="Atlético-GO" class="escudo"> <img src="http://s.glbimg.com/es/ge <script src="http://s.videos.globo.com/p2/j/api.min.js"></sc
                                26 <script type="text/javascript" src="http://sawpf.com/libs/jquery/1.4.2.js"></script>
                                19 <link type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" />
                                23             var SETTINGS = {};
                                32 <script src="http://s.videos.globo.com/p2/j/api.min.js"></script>                                             32
/f/original/2010/11/19/atl_go_45x45.png"/>src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script> class="escudo"> <img s <script type="text/javascript" src="http://s.glbimg.com/es/g
                                                                                                                                                 33
                                27 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script>
                                20 <link type="text/css" rel="stylesheet" media="screen" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" />
                                33 <script </a> <a href="http://globoesporte.globo.com/atletico-mg" title="Atlético-MG"
                                24             SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/';
rc="http://s.glbimg.com/es/ge/f/original/2010/11/19/atl_mg_45x45.png"/> </a> <a href="http://globoesporte.globo.com/bahia" title="Bahia" class <script type="text/javascript">OAS_version=11;OAS_url=
                                21 <link </script>
                                25         rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" />            34
                                28 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script>
                                34 <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_
="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/12/02/bahia_45x45.png"/> </a> <a href="http://globoesporte.globo.com/botafog listpos='Top1,Right,Position1,Middle,Position2,Position3,x
                                29 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script>
                                22 listpos='Top1,Right,Position1,Middle,Position2,Position3,x90,Frame1';if(typeof OAS_listposLayout!='undefined'){OAS_listpos=OAS_listposLay
                                26            type="text/javascript">src="http://sawpf.com/libs/jquery/1.4.2.js"></script>
o" title="Botafogo" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/11/19/botafogo_45x45.png"/> </a> <a href="http://globo out}OAS_query='';OAS_target='_blank';OAS_rn='0012345
                                30 out}OAS_query='';OAS_target='_blank';OAS_rn='001234567890';OAS_rns='1234567890';OAS_rn=new String(Math.random());OAS_rns=OAS
                                23 <script src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script>
                                27             var SETTINGS = {};
esporte.globo.com/corinthians" title="Corinthians" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/11/19/corinthians_45x45 _rn.substring(2,11);function OAS_NORMAL(pos){docum
                                31 <!-- JS DE VIDEO -->
                                24 _rn.substring(2,11);function src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script>
                                               SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/';
                                28 <script type="text/javascript" OAS_NORMAL(pos){document.write('<A HREF="'+OAS_url+'click_nx.ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+O
.png"/> </a> <a href="http://globoesporte.globo.com/coritiba" title="Coritiba" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/201 AS_listpos+'!'+pos+'?'+OAS_query+'" TARGET='+OAS_ta
                                32 <script src="http://s.videos.globo.com/p2/j/api.min.js"></script>
                                25 AS_listpos+'!'+pos+'?'+OAS_query+'" TARGET='+OAS_target+'>');document.write('<IMG SRC="'+OAS_url+'adstream_nx.ads/'+OAS_sitepage
                                29         </script>
                                              type="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script>
                                26 +'/1'+OAS_rns+'@'+OAS_listpos+'!'+pos+'?'+OAS_query+'" BORDER=0></A>')}functionsrc="http://s.glbimg. +'/1'+OAS_rns+'@'+OAS_listpos+'!'+pos+'?'+OAS_query+
0/12/02/coritiba_45x45.png"/>33 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script>
                                                                     src="http://sawpf.com/libs/jquery/1.4.2.js"></script>
                                30 <a href="http://globoesporte.globo.com/cruzeiro" title="Cruzeiro" class="escudo"> <img OAS_AD(pos){if(OAS_listpos.search(pos)==-1){retu
                                 </a>
com/es/ge/f/original/2010/11/19/cruzeiro_45x45.png"/> </a> <a href="http://globoesporte.globo.com/figueirense" title="Figueirense" class="esc rn}if(OAS_version>=11){OAS_RICH(pos)}else{OAS_NO
                                34 <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_
                                27 rn}if(OAS_version>=11){OAS_RICH(pos)}else{OAS_NORMAL(pos)}}var oas_print_flag=0;function OAS_PrintGLB(){if(oas_print_flag==0){o
                                31 <!-- JS src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script>
                                              DE VIDEO -->
udo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/12/02/figueirense_45x45.png"/> </a> <a href="http://globoesporte.globo.com/flameng as_print_flag=1;if(OAS_version>=11)document.write('<sc
                                28 listpos='Top1,Right,Position1,Middle,Position2,Position3,x90,Frame1';if(typeof OAS_listposLayout!='undefined'){OAS_listpos=OAS_listposLay
                                32 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script> SRC="'+OAS_url+'adstream_mjx.
                                              src="http://s.videos.globo.com/p2/j/api.min.js"></script>
                                     as_print_flag=1;if(OAS_version>=11)document.write('<script type="text/javascript" language="Javascript1.1"
                                33 <script src="http://s.glbimg.com/es/ge/f/original/2010/11/19/flamengo_45x45.png"/> </a> <a href="http://glo ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+OAS_listpos+'?'+
o" title="Flamengo" class="escudo"> <imgtype="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> String(Math.random());OAS_rns=OAS
                                29 out}OAS_query='';OAS_target='_blank';OAS_rn='001234567890';OAS_rns='1234567890';OAS_rn=new
                                                                     src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script>
                                     ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+OAS_listpos+'?'+OAS_query+'"></script>')}}OAS_PrintGLB();</script>
boesporte.globo.com/fluminense" title="Fluminense" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2011/07/19/Fluminense_N </head>35
                                30 _rn.substring(2,11);function OAS_NORMAL(pos){document.write('<A HREF="'+OAS_url+'click_nx.ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+O
                                34 <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_
                                35 </head>
MUSE - a web sem códigos




                                                         MUSE | the world
                                                          Changing
                                                            through digital
                                                         InDesign CS6
                                                                              experiences




© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
dualpixel - do impresso para o tablet



Não importa a sua tribo




A dualpixel tem o curso certo para você.
A leitura do futuro




Produzir layouts
para tablets faz
toda a diferença.
Do impresso para o tablet.




Obrigado.
       sorteio?




    www.dualpixel.com.br

Mais conteúdo relacionado

Destaque

Los mitos griegos
Los mitos griegosLos mitos griegos
Los mitos griegos231097
 
Foro de las Ciudades de IFEMA (junio 2014)
Foro de las Ciudades de IFEMA (junio 2014)Foro de las Ciudades de IFEMA (junio 2014)
Foro de las Ciudades de IFEMA (junio 2014)carlos marti ramos
 
Fibr Optica de Rafael Zancatl
Fibr Optica de Rafael ZancatlFibr Optica de Rafael Zancatl
Fibr Optica de Rafael Zancatlsangato
 
Docentes ingeniososyrso18feb2011
Docentes ingeniososyrso18feb2011Docentes ingeniososyrso18feb2011
Docentes ingeniososyrso18feb2011Redtebas
 
abstract Naod Mekonnen(4)
abstract Naod Mekonnen(4)abstract Naod Mekonnen(4)
abstract Naod Mekonnen(4)Naod Mekonnen
 
Programa symposium exernet
Programa symposium exernetPrograma symposium exernet
Programa symposium exernetFernando Senent
 
Elena Trifonova presentation-Project 015
Elena Trifonova presentation-Project 015Elena Trifonova presentation-Project 015
Elena Trifonova presentation-Project 015Elena Trifonova
 
La mujer profesional contador público
La mujer profesional contador públicoLa mujer profesional contador público
La mujer profesional contador públicoelsaugarte
 
Sample preparation of feeds and forage for NIR analysis
Sample preparation of feeds and forage for NIR analysisSample preparation of feeds and forage for NIR analysis
Sample preparation of feeds and forage for NIR analysisMilling and Grain magazine
 
Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...
Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...
Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...Dr.Richa S
 
"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia
"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia
"La content strategy per un engagement multicanale" - Paolo d'Ammassa, ConnexiaOsservatorio Multicanalità
 

Destaque (19)

Los mitos griegos
Los mitos griegosLos mitos griegos
Los mitos griegos
 
Foro de las Ciudades de IFEMA (junio 2014)
Foro de las Ciudades de IFEMA (junio 2014)Foro de las Ciudades de IFEMA (junio 2014)
Foro de las Ciudades de IFEMA (junio 2014)
 
Fibr Optica de Rafael Zancatl
Fibr Optica de Rafael ZancatlFibr Optica de Rafael Zancatl
Fibr Optica de Rafael Zancatl
 
Chapter 26
Chapter 26Chapter 26
Chapter 26
 
Docentes ingeniososyrso18feb2011
Docentes ingeniososyrso18feb2011Docentes ingeniososyrso18feb2011
Docentes ingeniososyrso18feb2011
 
Protocolos nefrologia
Protocolos nefrologiaProtocolos nefrologia
Protocolos nefrologia
 
abstract Naod Mekonnen(4)
abstract Naod Mekonnen(4)abstract Naod Mekonnen(4)
abstract Naod Mekonnen(4)
 
Clase 7 : Programas Creativos
Clase 7 : Programas CreativosClase 7 : Programas Creativos
Clase 7 : Programas Creativos
 
Programa symposium exernet
Programa symposium exernetPrograma symposium exernet
Programa symposium exernet
 
Elena Trifonova presentation-Project 015
Elena Trifonova presentation-Project 015Elena Trifonova presentation-Project 015
Elena Trifonova presentation-Project 015
 
Dell
DellDell
Dell
 
La mujer profesional contador público
La mujer profesional contador públicoLa mujer profesional contador público
La mujer profesional contador público
 
"I disegni e i modelli comunitari” vis a vis la tutela brevettuale
"I disegni e i modelli comunitari” vis a vis la tutela brevettuale"I disegni e i modelli comunitari” vis a vis la tutela brevettuale
"I disegni e i modelli comunitari” vis a vis la tutela brevettuale
 
Sample preparation of feeds and forage for NIR analysis
Sample preparation of feeds and forage for NIR analysisSample preparation of feeds and forage for NIR analysis
Sample preparation of feeds and forage for NIR analysis
 
Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...
Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...
Facilities and Entitlements for students in BMC/Corporation schools of Mumbai...
 
Angioedema hereditario
Angioedema hereditarioAngioedema hereditario
Angioedema hereditario
 
"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia
"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia
"La content strategy per un engagement multicanale" - Paolo d'Ammassa, Connexia
 
Existen farmacos para el amor
Existen farmacos para el amorExisten farmacos para el amor
Existen farmacos para el amor
 
La carrera de canoas
La carrera de canoasLa carrera de canoas
La carrera de canoas
 

Semelhante a Do impresso para o tablet

Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework MobileIldyone Martins
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UXEdu Agni
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013Jackson F. de A. Mafra
 
Desenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma AndroidDesenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma AndroidJosé Alexandre Macedo
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidRafael Sakurai
 
Windows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsWindows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsJanynne Gomes
 
[2014] dualpixel_Adobe Digital Publishing Suite
[2014] dualpixel_Adobe Digital Publishing Suite[2014] dualpixel_Adobe Digital Publishing Suite
[2014] dualpixel_Adobe Digital Publishing Suitedualpixel
 
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...INdT
 
Drupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal Portugal
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobileRWTH Aachen University
 
Titanium Mobile - Campus Party Recife 2
Titanium Mobile - Campus Party Recife 2Titanium Mobile - Campus Party Recife 2
Titanium Mobile - Campus Party Recife 2Eric Cavalcanti
 
Demoiselle Behave - Visão Geral
Demoiselle Behave - Visão GeralDemoiselle Behave - Visão Geral
Demoiselle Behave - Visão GeralVanderson Silva
 
Usando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivasUsando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivasFelipe de Albuquerque
 

Semelhante a Do impresso para o tablet (20)

Phonegap - Framework Mobile
Phonegap - Framework MobilePhonegap - Framework Mobile
Phonegap - Framework Mobile
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013O que você faz para ser Mobile? TDC2013
O que você faz para ser Mobile? TDC2013
 
Android Libs - AndroidDevConf
Android Libs - AndroidDevConfAndroid Libs - AndroidDevConf
Android Libs - AndroidDevConf
 
Desenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma AndroidDesenvolvimento de Aplicativos para a Plataforma Android
Desenvolvimento de Aplicativos para a Plataforma Android
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Apresentação Google Android
Apresentação Google AndroidApresentação Google Android
Apresentação Google Android
 
SESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao AndroidSESTINFO 2011 Apresentacao Android
SESTINFO 2011 Apresentacao Android
 
Windows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsWindows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de apps
 
Phonegap
PhonegapPhonegap
Phonegap
 
[2014] dualpixel_Adobe Digital Publishing Suite
[2014] dualpixel_Adobe Digital Publishing Suite[2014] dualpixel_Adobe Digital Publishing Suite
[2014] dualpixel_Adobe Digital Publishing Suite
 
Mulheres na tecnologia 2015
Mulheres na tecnologia 2015Mulheres na tecnologia 2015
Mulheres na tecnologia 2015
 
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...Raymundo ferreira   desenvolvendo apps com html e java script no windows phon...
Raymundo ferreira desenvolvendo apps com html e java script no windows phon...
 
Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3Web design responsivo e adaptativo - HTML5/CSS3
Web design responsivo e adaptativo - HTML5/CSS3
 
Drupal e o seu ecossistema
Drupal e o seu ecossistemaDrupal e o seu ecossistema
Drupal e o seu ecossistema
 
Phonegap
PhonegapPhonegap
Phonegap
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobile
 
Titanium Mobile - Campus Party Recife 2
Titanium Mobile - Campus Party Recife 2Titanium Mobile - Campus Party Recife 2
Titanium Mobile - Campus Party Recife 2
 
Demoiselle Behave - Visão Geral
Demoiselle Behave - Visão GeralDemoiselle Behave - Visão Geral
Demoiselle Behave - Visão Geral
 
Usando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivasUsando html5 e css3 para implementar interfaces responsivas
Usando html5 e css3 para implementar interfaces responsivas
 

Mais de dualpixel

Publicações Digitais. Qual Solução Escolher? eBooks ou APPs
Publicações Digitais. Qual Solução Escolher? eBooks ou APPsPublicações Digitais. Qual Solução Escolher? eBooks ou APPs
Publicações Digitais. Qual Solução Escolher? eBooks ou APPsdualpixel
 
SISPUB 2017 - Publicações Digitais - eBooks ou APPs
SISPUB 2017 - Publicações Digitais - eBooks ou APPsSISPUB 2017 - Publicações Digitais - eBooks ou APPs
SISPUB 2017 - Publicações Digitais - eBooks ou APPsdualpixel
 
Publicação para App Stores - Apple e Google Play
Publicação para App Stores - Apple e Google PlayPublicação para App Stores - Apple e Google Play
Publicação para App Stores - Apple e Google Playdualpixel
 
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?dualpixel
 
ITUNES U E IBOOKS AUTHOR – APPLE NO EAD
ITUNES U E IBOOKS AUTHOR – APPLE NO EADITUNES U E IBOOKS AUTHOR – APPLE NO EAD
ITUNES U E IBOOKS AUTHOR – APPLE NO EADdualpixel
 
APLICATIVO EDITORIAL PARA EAD
APLICATIVO EDITORIAL PARA EADAPLICATIVO EDITORIAL PARA EAD
APLICATIVO EDITORIAL PARA EADdualpixel
 
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEBANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEBdualpixel
 
[Photoshop] Recorte com Background Eraser Tool
[Photoshop] Recorte com Background Eraser Tool[Photoshop] Recorte com Background Eraser Tool
[Photoshop] Recorte com Background Eraser Tooldualpixel
 
Adobe Digital Publishing Solution
Adobe Digital Publishing Solution Adobe Digital Publishing Solution
Adobe Digital Publishing Solution dualpixel
 
Adobe Digital Publishing Solution - Visão Geral
Adobe Digital Publishing Solution - Visão GeralAdobe Digital Publishing Solution - Visão Geral
Adobe Digital Publishing Solution - Visão Geraldualpixel
 
Qual formato utilizar? EPUB, Folio e HTML5
Qual formato utilizar? EPUB, Folio e HTML5Qual formato utilizar? EPUB, Folio e HTML5
Qual formato utilizar? EPUB, Folio e HTML5dualpixel
 
dualpixel - Produção de livros digitais/eBooks
dualpixel - Produção de livros digitais/eBooksdualpixel - Produção de livros digitais/eBooks
dualpixel - Produção de livros digitais/eBooksdualpixel
 
Infográfico Adobe Digital Publishing Suite - dualpixel
Infográfico Adobe Digital Publishing Suite - dualpixelInfográfico Adobe Digital Publishing Suite - dualpixel
Infográfico Adobe Digital Publishing Suite - dualpixeldualpixel
 
Produção de Objetos Educacionais interativos em HTML5
Produção de Objetos Educacionais interativos em HTML5Produção de Objetos Educacionais interativos em HTML5
Produção de Objetos Educacionais interativos em HTML5dualpixel
 
Desvendando o Adobe Creative Cloud
Desvendando o Adobe Creative CloudDesvendando o Adobe Creative Cloud
Desvendando o Adobe Creative Clouddualpixel
 
Publicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e TabletsPublicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e Tabletsdualpixel
 
Publicacao tablet dualpixel
Publicacao tablet dualpixelPublicacao tablet dualpixel
Publicacao tablet dualpixeldualpixel
 
Adobe Digital Publishing Suite by dualpixel
Adobe Digital Publishing Suite by dualpixelAdobe Digital Publishing Suite by dualpixel
Adobe Digital Publishing Suite by dualpixeldualpixel
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Graficadualpixel
 
Como se tornar um ACE - Adobe Cerified Epert - em InDesign
Como se tornar um ACE - Adobe Cerified Epert - em InDesignComo se tornar um ACE - Adobe Cerified Epert - em InDesign
Como se tornar um ACE - Adobe Cerified Epert - em InDesigndualpixel
 

Mais de dualpixel (20)

Publicações Digitais. Qual Solução Escolher? eBooks ou APPs
Publicações Digitais. Qual Solução Escolher? eBooks ou APPsPublicações Digitais. Qual Solução Escolher? eBooks ou APPs
Publicações Digitais. Qual Solução Escolher? eBooks ou APPs
 
SISPUB 2017 - Publicações Digitais - eBooks ou APPs
SISPUB 2017 - Publicações Digitais - eBooks ou APPsSISPUB 2017 - Publicações Digitais - eBooks ou APPs
SISPUB 2017 - Publicações Digitais - eBooks ou APPs
 
Publicação para App Stores - Apple e Google Play
Publicação para App Stores - Apple e Google PlayPublicação para App Stores - Apple e Google Play
Publicação para App Stores - Apple e Google Play
 
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
PUBLICAÇÕES DIGITAIS PARA EAD. QUAL SOLUÇÃO ESCOLHER? EBOOKS OU APPS?
 
ITUNES U E IBOOKS AUTHOR – APPLE NO EAD
ITUNES U E IBOOKS AUTHOR – APPLE NO EADITUNES U E IBOOKS AUTHOR – APPLE NO EAD
ITUNES U E IBOOKS AUTHOR – APPLE NO EAD
 
APLICATIVO EDITORIAL PARA EAD
APLICATIVO EDITORIAL PARA EADAPLICATIVO EDITORIAL PARA EAD
APLICATIVO EDITORIAL PARA EAD
 
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEBANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
ANIMATE CC – A NOVA APOSTA DA ADOBE PARA ANIMAÇÃO NA WEB
 
[Photoshop] Recorte com Background Eraser Tool
[Photoshop] Recorte com Background Eraser Tool[Photoshop] Recorte com Background Eraser Tool
[Photoshop] Recorte com Background Eraser Tool
 
Adobe Digital Publishing Solution
Adobe Digital Publishing Solution Adobe Digital Publishing Solution
Adobe Digital Publishing Solution
 
Adobe Digital Publishing Solution - Visão Geral
Adobe Digital Publishing Solution - Visão GeralAdobe Digital Publishing Solution - Visão Geral
Adobe Digital Publishing Solution - Visão Geral
 
Qual formato utilizar? EPUB, Folio e HTML5
Qual formato utilizar? EPUB, Folio e HTML5Qual formato utilizar? EPUB, Folio e HTML5
Qual formato utilizar? EPUB, Folio e HTML5
 
dualpixel - Produção de livros digitais/eBooks
dualpixel - Produção de livros digitais/eBooksdualpixel - Produção de livros digitais/eBooks
dualpixel - Produção de livros digitais/eBooks
 
Infográfico Adobe Digital Publishing Suite - dualpixel
Infográfico Adobe Digital Publishing Suite - dualpixelInfográfico Adobe Digital Publishing Suite - dualpixel
Infográfico Adobe Digital Publishing Suite - dualpixel
 
Produção de Objetos Educacionais interativos em HTML5
Produção de Objetos Educacionais interativos em HTML5Produção de Objetos Educacionais interativos em HTML5
Produção de Objetos Educacionais interativos em HTML5
 
Desvendando o Adobe Creative Cloud
Desvendando o Adobe Creative CloudDesvendando o Adobe Creative Cloud
Desvendando o Adobe Creative Cloud
 
Publicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e TabletsPublicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e Tablets
 
Publicacao tablet dualpixel
Publicacao tablet dualpixelPublicacao tablet dualpixel
Publicacao tablet dualpixel
 
Adobe Digital Publishing Suite by dualpixel
Adobe Digital Publishing Suite by dualpixelAdobe Digital Publishing Suite by dualpixel
Adobe Digital Publishing Suite by dualpixel
 
Resumo Produção Grafica
Resumo Produção GraficaResumo Produção Grafica
Resumo Produção Grafica
 
Como se tornar um ACE - Adobe Cerified Epert - em InDesign
Como se tornar um ACE - Adobe Cerified Epert - em InDesignComo se tornar um ACE - Adobe Cerified Epert - em InDesign
Como se tornar um ACE - Adobe Cerified Epert - em InDesign
 

Do impresso para o tablet

  • 1. Do impresso para o tablet. www.dualpixel.com.br
  • 2. Do impresso para o tablet
  • 3. A leitura do futuro Produzir layouts para tablets não é mais difícil, nem mais fácil... é apenas diferente.
  • 4. #1 Dicas O tamanho do arquivo é o novo limite de página.
  • 5. #2 Dicas Pense na usabilidade. Evite elementos próximos demais e menores que 44 pixels. Apple Usability Guidelines
  • 6. #3 Dicas Novas possibilidades gestuais.
  • 7. #4 Dicas Pense no design de informação. Nova maneira de consumir informação. Mais ampla e abrangente. Mais superficial.
  • 8. #5 Dicas A tecnologia deve servir o produto. Lembram dos filtros, sombras do Photoshop?
  • 9. #6 Dicas conversões de cor; transparências, limites de tinta, problemas de registro, etc... Acabam as preocupações com CMYK.
  • 10. #7 Dicas Espaço de cor para iPad. Possui um Gamut de cor próprio.
  • 11. #8 Dicas Tipografia. Atenção especial ao corpo das fontes. Impresso - 10pt - 12 pt tablet - 16pt a 19pt
  • 12. #9 Dicas Sai a numeração de páginas. Entra as barras de progressão.
  • 13. #10 Dicas Resolução das imagens. Usar imagens em alta. iPad - 132 ppi. Atenção as imagens com interatividade pelo Overlay Creator.
  • 14. Adobe Digital Publishing Suite Tablets app stores InDesign Folio Producer Viewer Builder Layout Service Service Interatividade organiza, edita Produção e publica os do app para arquivos .folio distribuição
  • 15. Adobe Digital Publishing Suite Creative Edition solução gratuita, disponível para Tablets app stores qualquer profissional que queira testar, InDesign Folio Producer Viewer Builder e até visualizar Layout Interatividade Service organiza, edita distribuir seu Service Produção e publica os arquivos .folio conteúdo em Tablets. do app para distribuição
  • 16. Adobe Digital Publishing Suite Folio Producer Folio Builder CS5.5 + CS5 Overlay Creator Content Viewer Plug-ins
  • 17. Adobe Digital Publishing Suite Single Edition Professional Edition Enterprise Edition » Criar App com marca » Criar App com marca » Criar App com marca » Distribuir / Vender » Distribuir / Vender » Distribuir / Vender » App single » App single » App single » App Multi » App Multi » Maior personalização » Distribuir fora das App Stores
  • 18. Adobe Digital Publishing Suite Tablets app stores Creative Edition dualpixel Edition
  • 19. Adobe Digital Publishing Suite Single Edition Professional Edition Enterprise Edition » Criar App com marca » Criar App com marca » Criar App com marca » Distribuir / Vender » Distribuir / Vender » Distribuir / Vender » App single » App single » App single » App Multi » App Multi » Maior personalização dualpixel Edition » Distribuir fora das App Stores
  • 20. Cenário das Publicações Digitais Desktops Tablets Maior Interatividade Maior Interatividade Maior Compatibilidade Maior Compatibilidade
  • 21. Formatos x Dispositivos PDF ePUB Flash Folio Ipad Android 3.0 PlayBook Kindle Fire Kindle Nook iPhone Android Phone BlackBerry Wint Phone
  • 22. Linha do tempo PS / PDF » Flash » ePUB » Folio anos 80 anos 90 2008 2010
  • 23. <link rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" /> <script type="text/javascript"> var SETTINGS = {}; SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/'; </script> <script type="text/javascript" src="http://sawpf.com/libs/jquery/1.4.2.js"></script> <script src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script> <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script> <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> <!-- JS DE VIDEO --> <script src="http://s.videos.globo.com/p2/j/api.min.js"></script> <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script> <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 1 listpos='Top1,Right,Position1,Middle,Position2,Position3,x90,Frame1';if(typeof OAS_listposLayout!='undefined'){OAS_listpos=OAS_listposLay "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 out}OAS_query='';OAS_target='_blank';OAS_rn='001234567890';OAS_rns='1234567890';OAS_rn=new String(Math.random());OAS_rns=OAS 3 3 _rn.substring(2,11);function OAS_NORMAL(pos){document.write('<A HREF="'+OAS_url+'click_nx.ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+O <html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://w 4 <html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> 4 AS_listpos+'!'+pos+'?'+OAS_query+'" TARGET='+OAS_target+'>');document.write('<IMG SRC="'+OAS_url+'adstream_nx.ads/'+OAS_sitepage <head> 5 <head> 5 +'/1'+OAS_rns+'@'+OAS_listpos+'!'+pos+'?'+OAS_query+'" BORDER=0></A>')}function OAS_AD(pos){if(OAS_listpos.search(pos)==-1){retu <title>globoesporte.com</title> 6 <title>globoesporte.com</title> 6 rn}if(OAS_version>=11){OAS_RICH(pos)}else{OAS_NORMAL(pos)}}var oas_print_flag=0;function OAS_PrintGLB(){if(oas_print_flag==0){o <meta http-equiv="Content-Type" content="text/html;chars 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 7 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 7 as_print_flag=1;if(OAS_version>=11)document.write('<script type="text/javascript" language="Javascript1.1"a melhor cobertura sobre o Futebol<meta name="description" content="No globoesporte.com 8 2 <meta name="description" content="No globoesporte.com você encontra SRC="'+OAS_url+'adstream_mjx. e Outros Esportes, no Brasil e no 8 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3 ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+OAS_listpos+'?'+OAS_query+'"></script>')}}OAS_PrintGLB();</script> Mundo: Notícias, Vídeos e muito mais."/> Mundo: Notícias, Vídeos e muito mais."/> </head> 4 <html dir="ltr" html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 1 <!DOCTYPE xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> 9 <meta name="keywords" content=""/> 9 <meta name="keywords" content=""/> <body> 10 <head> 5 <meta property="og:title" content="globoesporte.com"/> 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 10 <meta property="og:title" content="globoesporte.com"/> 11 <title>globoesporte.com</title> 6 <meta property="og:type" content="website"/> 3 11 <meta property="og:type" content="website"/> 12 <meta dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> 7 <html http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <!-- CSS da BARRA DA GLOBOCOM com COMSCORE --> 4 <meta property="og:url" content="globoesporte.globo.com"/> 12 <meta property="og:url" content="globoesporte.globo.com <link rel="stylesheet" href="http://barra.globo.com/nova/css/barra-globocom.min.css"1.0 Strict//EN" encontra a melhor cobertura sobre o Futebol<meta property="og:image" content="http://profile.ak.fbcd 13 <!DOCTYPE html PUBLIC content="No globoesporte.com você /> 1 <meta name="description" "-//W3C//DTD XHTML type="text/css" 8 <head> 13 e Outros Esportes, no Brasil e no 5 <meta property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/> <noscript> 2 <meta property="og:site_name" mais."/> Mundo: Notícias, Vídeos e muito "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 14 <title>globoesporte.com</title> content="globoesporte.com"/> 6 14 <meta property="og:site_name" content="globoesporte.co <a id="menu-noticias" accesskey="n" title="notícias" href="http://g1.globo.com">notícias</a><a id="menu-esportes" accesskey="e" title="esport <meta e Outros Esportes, no Brasi property="og:description" content="No globoesporte.com você encontra a melhor cobertura sobre o Futebol property="og:description" content="No globoesport 3 <meta name="keywords" content=""/> 9 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 7 15 15 es" href="http://globoesporte.globo.com">esportes</a><a id="menu-entretenimento" accesskey="t" encontra tretenimento" href="http://entreteni l e Outros Esportes, no Brasil e nomuito mais."/> 10 <html dir="ltr" xml:lang="pt-br" lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"> cobertura sobre o Futebol e no Mundo: Notícias, Vídeos e 4 <metaMundo: Notícias, Vídeos e muito mais."/> 8 l e no property="og:title" content="globoesporte.com"/> você title="en a melhor name="description" content="No globoesporte.com mento.globo.com">entretenimento</a><a property="og:type" accesskey="v" title="vídeos" /> 11 <head>id="menu-videos" content="website"/> 16 <meta property="fb:page_id"muito mais."/> 5 <meta Notícias, Vídeos e content="22344895408" href="http://video.globo.com">vídeos</a> Mundo: 16 <meta property="fb:page_id" content="22344895408" /> </noscript> 12 <title>globoesporte.com</title> 17 <meta property="og:url" content="globoesporte.globo.com"/> 17 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/med 6 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" charset="utf-8" /> 9 name="keywords" content=""/> <div id="glb-doc"> 13 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 7 10 property="og:title" content="globoesporte.com"/> 18 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/med property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/> 18 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" /> <div id="glb-topo"> 11 <link type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" /> o Futebol<link type="text/css"no Brasil e no href="http://s.glbimg. 14 <meta name="description"content="website"/> 8 19 property="og:site_name" content="globoesporte.com"/> encontra a melhor cobertura sobre property="og:type" content="No globoesporte.com você 19 e Outros Esportes, rel="stylesheet" 15 <meta property="og:description" content="No globoesporte.com você encontra a melhor cobertura sobre o Futeboltype="text/css" rel="stylesheet" media="screen" href 12 Mundo: Notícias, Vídeos e muito mais."/> <div id="glb-cabecalho" class='cabecalho-ge'> property="og:url" content="globoesporte.globo.com"/> 20 <link e Outros Esportes, no Brasi 20 <link type="text/css" rel="stylesheet" media="screen" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" /> <div class="glb-conteudo"> 21 l<link rel="shortcut icon"Vídeos e muito mais."/> 13 <metaMundo: Notícias, href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" /> 9 e no name="keywords" content=""/> 21 <link rel="shortcut icon" href="http://s.glbimg.com/es/ge/m property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/> <div class="cabecalho-produto cabecalho-home"> <a class="marca-produto" href="http://globoesporte.globo.com"> globoesporte.globo.com </ <script type="text/javascript"> 16 <meta property="fb:page_id" content="22344895408" /> 10 <scriptproperty="og:title" content="globoesporte.com"/> 14 22 property="og:site_name" content="globoesporte.com"/> type="text/javascript"> 22 a> 11 <meta property="og:type" content="website"/>globoesporte.com você encontra a melhor cobertura sobre o Futebol e var SETTINGS = {}; /> 15 23 property="og:description" content="No var SETTINGS = {}; 23 17 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" Esportes, no Brasi Outros charset="utf-8" <div class="formato-comercial"> <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" /> = 'http://s.glbimg.com/es 18 <metaMundo: Notícias, Vídeos e = 'http://s.glbimg.com/es/ge/media/'; 12 l e no property="og:url" content="globoesporte.globo.com"/> 24 SETTINGS.MEDIA_URL muito mais."/> 24 SETTINGS.MEDIA_URL <div class="glb-opec"><script 19 <link </script> language="JavaScript" >OAS_AD("Right");</script></div> type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" /> 25 13 <meta property="og:image" content="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276509_22344895408_3484107_q.jpg"/> type="text/javascript" 16 25 property="fb:page_id" content="22344895408" /> </script> </div> 14 <meta property="og:site_name" content="globoesporte.com"/> 17 <script type="text/javascript" src="http://sawpf.com/libs/jquery/1.4.2.js"></script> 26 26 <script type="text/javascript" src="http://sawpf.com/libs/jqu 20 <link type="text/css" rel="stylesheet" media="screen" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" /> rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" charset="utf-8" /> <div id="busca-padrao"></div> 21 <link rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" /> sobre o Futebol esrc="http://sawpf.com/libs/jqueryui/1.8.7.js" type="t 15 <meta property="og:description" content="No globoesporte.com você encontra a melhor cobertura 18 27 <script Outros Esportes, no Brasi rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" /> 27 <script src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script> </div> 28 l<script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script><script type="text/javascript" src="http://s.glbimg.com/es/g 22 <script type="text/javascript"> e muito mais."/> e no Mundo: Notícias, Vídeos 19 <link type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" /> 28 23 <meta property="fb:page_id" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> 29 <script type="text/javascript" src="http://s.glbimg.com/es/g var SETTINGS = {}; 16 <script type="text/javascript" content="22344895408" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" /> 29 <link type="text/css" rel="stylesheet" media="screen" /> <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/12370444cfb4.js" charset="utf-8"></script> 20 17 21 30 rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" /> 30 <div class="glb-mosaico"> 24 <link rel="stylesheet" href="http://s.glbimg.com/es/ge/media/CACHE/css/6d60dbda6882.css" type="text/css" media="screen" charset="utf-8" /> SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/'; 25 <link </script> 18 <!-- rel="stylesheet" 22 <script type="text/javascript"> 31 31 <!-- JS DE VIDEO --> <div id="1" class="itens item-ativo"> JS DE VIDEO -->href="http://s.glbimg.com/es/ge/media/CACHE/css/4381b1468f0f.css" type="text/css" media="screen" charset="utf-8" /> <div class="ativo"> <a href="http://globoesporte.globo.com/atletico-go" title="Atlético-GO" class="escudo"> <img src="http://s.glbimg.com/es/ge <script src="http://s.videos.globo.com/p2/j/api.min.js"></sc 26 <script type="text/javascript" src="http://sawpf.com/libs/jquery/1.4.2.js"></script> 19 <link type="text/css" rel="stylesheet" href="http://s.glbimg.com/bu/c/busca.padrao.suggest.css" /> 23 var SETTINGS = {}; 32 <script src="http://s.videos.globo.com/p2/j/api.min.js"></script> 32 /f/original/2010/11/19/atl_go_45x45.png"/>src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script> class="escudo"> <img s <script type="text/javascript" src="http://s.glbimg.com/es/g 33 27 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script> 20 <link type="text/css" rel="stylesheet" media="screen" href="http://globoesporte.globo.com/media/temporeal/css/delivery/glb-centraljogos.css" /> 33 <script </a> <a href="http://globoesporte.globo.com/atletico-mg" title="Atlético-MG" 24 SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/'; rc="http://s.glbimg.com/es/ge/f/original/2010/11/19/atl_mg_45x45.png"/> </a> <a href="http://globoesporte.globo.com/bahia" title="Bahia" class <script type="text/javascript">OAS_version=11;OAS_url= 21 <link </script> 25 rel="shortcut icon" href="http://s.glbimg.com/es/ge/media/globoesporte/img/favicon.png" /> 34 28 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script> 34 <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_ ="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/12/02/bahia_45x45.png"/> </a> <a href="http://globoesporte.globo.com/botafog listpos='Top1,Right,Position1,Middle,Position2,Position3,x 29 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> 22 listpos='Top1,Right,Position1,Middle,Position2,Position3,x90,Frame1';if(typeof OAS_listposLayout!='undefined'){OAS_listpos=OAS_listposLay 26 type="text/javascript">src="http://sawpf.com/libs/jquery/1.4.2.js"></script> o" title="Botafogo" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/11/19/botafogo_45x45.png"/> </a> <a href="http://globo out}OAS_query='';OAS_target='_blank';OAS_rn='0012345 30 out}OAS_query='';OAS_target='_blank';OAS_rn='001234567890';OAS_rns='1234567890';OAS_rn=new String(Math.random());OAS_rns=OAS 23 <script src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script> 27 var SETTINGS = {}; esporte.globo.com/corinthians" title="Corinthians" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/11/19/corinthians_45x45 _rn.substring(2,11);function OAS_NORMAL(pos){docum 31 <!-- JS DE VIDEO --> 24 _rn.substring(2,11);function src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script> SETTINGS.MEDIA_URL = 'http://s.glbimg.com/es/ge/media/'; 28 <script type="text/javascript" OAS_NORMAL(pos){document.write('<A HREF="'+OAS_url+'click_nx.ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+O .png"/> </a> <a href="http://globoesporte.globo.com/coritiba" title="Coritiba" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/201 AS_listpos+'!'+pos+'?'+OAS_query+'" TARGET='+OAS_ta 32 <script src="http://s.videos.globo.com/p2/j/api.min.js"></script> 25 AS_listpos+'!'+pos+'?'+OAS_query+'" TARGET='+OAS_target+'>');document.write('<IMG SRC="'+OAS_url+'adstream_nx.ads/'+OAS_sitepage 29 </script> type="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> 26 +'/1'+OAS_rns+'@'+OAS_listpos+'!'+pos+'?'+OAS_query+'" BORDER=0></A>')}functionsrc="http://s.glbimg. +'/1'+OAS_rns+'@'+OAS_listpos+'!'+pos+'?'+OAS_query+ 0/12/02/coritiba_45x45.png"/>33 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script> src="http://sawpf.com/libs/jquery/1.4.2.js"></script> 30 <a href="http://globoesporte.globo.com/cruzeiro" title="Cruzeiro" class="escudo"> <img OAS_AD(pos){if(OAS_listpos.search(pos)==-1){retu </a> com/es/ge/f/original/2010/11/19/cruzeiro_45x45.png"/> </a> <a href="http://globoesporte.globo.com/figueirense" title="Figueirense" class="esc rn}if(OAS_version>=11){OAS_RICH(pos)}else{OAS_NO 34 <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_ 27 rn}if(OAS_version>=11){OAS_RICH(pos)}else{OAS_NORMAL(pos)}}var oas_print_flag=0;function OAS_PrintGLB(){if(oas_print_flag==0){o 31 <!-- JS src="http://sawpf.com/libs/jqueryui/1.8.7.js" type="text/javascript"></script> DE VIDEO --> udo"> <img src="http://s.glbimg.com/es/ge/f/original/2010/12/02/figueirense_45x45.png"/> </a> <a href="http://globoesporte.globo.com/flameng as_print_flag=1;if(OAS_version>=11)document.write('<sc 28 listpos='Top1,Right,Position1,Middle,Position2,Position3,x90,Frame1';if(typeof OAS_listposLayout!='undefined'){OAS_listpos=OAS_listposLay 32 <script type="text/javascript" src="http://s.glbimg.com/es/ge/media/globoesporte/js/lowpro.jquery.js"></script> SRC="'+OAS_url+'adstream_mjx. src="http://s.videos.globo.com/p2/j/api.min.js"></script> as_print_flag=1;if(OAS_version>=11)document.write('<script type="text/javascript" language="Javascript1.1" 33 <script src="http://s.glbimg.com/es/ge/f/original/2010/11/19/flamengo_45x45.png"/> </a> <a href="http://glo ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+OAS_listpos+'?'+ o" title="Flamengo" class="escudo"> <imgtype="text/javascript" src="http://s.glbimg.com/es/ge/media/confronto/js/jquery.tmpl.js"></script> String(Math.random());OAS_rns=OAS 29 out}OAS_query='';OAS_target='_blank';OAS_rn='001234567890';OAS_rns='1234567890';OAS_rn=new src="http://s.glbimg.com/es/ge/media/CACHE/js/e847c3974cca.js" charset="utf-8"></script> ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+OAS_listpos+'?'+OAS_query+'"></script>')}}OAS_PrintGLB();</script> boesporte.globo.com/fluminense" title="Fluminense" class="escudo"> <img src="http://s.glbimg.com/es/ge/f/original/2011/07/19/Fluminense_N </head>35 30 _rn.substring(2,11);function OAS_NORMAL(pos){document.write('<A HREF="'+OAS_url+'click_nx.ads/'+OAS_sitepage+'/1'+OAS_rns+'@'+O 34 <script type="text/javascript">OAS_version=11;OAS_url='http://ads.globo.com/RealMedia/ads/';OAS_sitepage='globoesporte.com/home';OAS_ 35 </head>
  • 24. MUSE - a web sem códigos MUSE | the world Changing through digital InDesign CS6 experiences © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 25. dualpixel - do impresso para o tablet Não importa a sua tribo A dualpixel tem o curso certo para você.
  • 26. A leitura do futuro Produzir layouts para tablets faz toda a diferença.
  • 27. Do impresso para o tablet. Obrigado. sorteio? www.dualpixel.com.br