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

Do impresso para o tablet

  • 1.
    Do impresso parao tablet. www.dualpixel.com.br
  • 2.
  • 3.
    A leitura dofuturo 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 PublishingSuite 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 PublishingSuite 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 PublishingSuite Folio Producer Folio Builder CS5.5 + CS5 Overlay Creator Content Viewer Plug-ins
  • 17.
    Adobe Digital PublishingSuite 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 PublishingSuite Tablets app stores Creative Edition dualpixel Edition
  • 19.
    Adobe Digital PublishingSuite 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çõesDigitais 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 - aweb sem códigos MUSE | the world Changing through digital InDesign CS6 experiences © 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
  • 25.
    dualpixel - doimpresso para o tablet Não importa a sua tribo A dualpixel tem o curso certo para você.
  • 26.
    A leitura dofuturo Produzir layouts para tablets faz toda a diferença.
  • 27.
    Do impresso parao tablet. Obrigado. sorteio? www.dualpixel.com.br