Mudanças entre as edições de "Templates do pacote Light II"

De In9 Mídia Soluções Digitais
Ir para: navegação, pesquisa
(→‎Quais são os templates presentes no pacote Cross-Cut?)
 
(8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
 
__NOTOC__
 
__NOTOC__
−
<center>[[File:FAQ.jpg|1095px]]</center>
+
<center>[[File:FAQ.jpg|1125px]]</center>
 
== '''Como encontrar os templates do pacote Light II?''' ==
 
== '''Como encontrar os templates do pacote Light II?''' ==
  
−
[[File:Light II search.jpg|700px|thumb|<center>'''Figura 1 -''' Tela de escolha de templates</center>]]
+
[[File:light 2.png|700px|thumb|<center>'''Figura 1 -''' Tela de escolha de templates</center>]]
  
 
Para encontrar os templates do '''pacote Light II''' no Studio, utilize o mecanismo de busca presente nas telas de escolha de templates ''(Área 1 da Figura 1)''.
 
Para encontrar os templates do '''pacote Light II''' no Studio, utilize o mecanismo de busca presente nas telas de escolha de templates ''(Área 1 da Figura 1)''.
 +
  
 
<span style="color:blue">É válido lembrar que caso esteja sendo criado uma campanha do tipo '''...'''</span>
 
<span style="color:blue">É válido lembrar que caso esteja sendo criado uma campanha do tipo '''...'''</span>
−
* '''... notícias''', todos os templates referentes a '''notícias''' ''(Figuras 2,3,4,5,6,7 e '''8''')'' serão listados.
+
* '''... notícias''', todos os templates referentes a '''notícias''' ''(Figuras 2,6,7,9,10,14,15 e 17)'' serão listados;
−
::<span style="color:red">Pera, não entendi; o template da '''figura 8''' não é de '''desafios'''? Porque ele é listado quando se cria uma campanha do tipo notícias?</span>
+
::<span style="color:red">Pera, não entendi; o template da '''figura 7''' não é de '''novelas'''? Porque ele é listado quando se cria uma campanha do tipo notícias?</span> <span style="color:green">O mesmo continua sendo um template de notícias, tendo simplesmente um tema (e layout) específico para novelas.</span>
−
* '''... previsão do tempo''', somente o templates do '''tema previsão do tempo''' ''(Figura 12)'' serão listados.
+
* '''... previsão do tempo''', somente os templates do '''tema previsão do tempo''' ''(Figuras 8 e 16)'' serão listados;
−
* '''... mercado financeiro''', somente os templates do '''tema mercado financeiro''' ''(Figura 9)'' serão listados.
+
* '''... mercado financeiro''', somente os templates do '''tema mercado financeiro''' ''(Figuras 3 e 11)'' serão listados;
−
* '''... hora certa''' ''(Figura 10)'',
+
* '''... hora certa''' somente os templates do '''tema hora certa''' ''(Figuras 4 e 12)'' serão listados;
−
* '''... horóscopo''' ''(Figura 11)'',
+
* '''... horóscopo''' somente os templates do '''tema horóscopo''' ''(Figuras 5 e 13)'' serão listados.
−
* '''... desafios''' ''(Figura 8)'',
+
  
 
== '''Quais são os templates presentes no pacote Light II?''' ==
 
== '''Quais são os templates presentes no pacote Light II?''' ==
  
−
Todos aqueles citados abaixo:
+
A seguir, temos as miniaturas de cada um dos templates pertencentes ao pacote.<br>
 +
Lembrando que o nome com o qual os mesmos foram cadastrados no Studio ... encontra-se logo abaixo das imagens.
 +
 
 +
<big>'''Orientação:''' <span style="color:red">Horizontal</span></big>
  
 
* NOTÍCIAS - FLASH - Tema: Saúde - Light II - Cor: Branco
 
* NOTÍCIAS - FLASH - Tema: Saúde - Light II - Cor: Branco
−
:NOTÍCIAS - HTML5 - Tema: Saúde - Light II - Cor: Branco
 
 
* NOTÍCIAS - FLASH - Tema: Novelas - Light II - Cor: Branco
 
* NOTÍCIAS - FLASH - Tema: Novelas - Light II - Cor: Branco
−
:NOTÍCIAS - HTML5 - Tema: Novelas - Light II - Cor: Branco & Vermelho
 
 
* NOTÍCIAS - FLASH - Tema: Notícias - Light II - Cor: Branco
 
* NOTÍCIAS - FLASH - Tema: Notícias - Light II - Cor: Branco
−
:NOTÍCIAS - HTML5 - Tema: Notícias - Light II - Cor: Branco & Cinza
 
 
* NOTÍCIAS - FLASH - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
 
* NOTÍCIAS - FLASH - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
−
:NOTÍCIAS - HTML5 - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
 
 
* FINANÇAS - FLASH - Light II - Cor: Branco & Azul (Blur)
 
* FINANÇAS - FLASH - Light II - Cor: Branco & Azul (Blur)
−
:FINANÇAS - HTML5 - Light II - Cor: Branco, Preto & Cinza
 
 
* HORÓSCOPO - FLASH - Light II - Cor: Branco, Preto & Cinza
 
* HORÓSCOPO - FLASH - Light II - Cor: Branco, Preto & Cinza
−
:HORÓSCOPO - HTML5 - Light II - Cor: Branco, Preto & Cinza
 
 
* HORA CERTA - FLASH - Light II - Cor: Branco & Azul (Blur)
 
* HORA CERTA - FLASH - Light II - Cor: Branco & Azul (Blur)
−
:HORA CERTA - HTML5 - Light II - Cor: Branco & Azul (Blur)
 
 
* PREVISÃO DO TEMPO - FLASH - Light II - Cor: Branco & Imagens (Blur)
 
* PREVISÃO DO TEMPO - FLASH - Light II - Cor: Branco & Imagens (Blur)
−
:PREVISÃO DO TEMPO - HTML5 - Light II - Cor: Branco & Imagens
 
  
−
:<span style="color:blue">É válido lembrar que para todos eles, existem as opções '''HTML5''', '''FLASH''', '''HORIZONTAL''' e '''VERTICAL'''.</span>
+
:<span style="color:green">É válido lembrar que para todos eles ''(seja '''vertical''' ou '''horizontal''')'', existem as opções <span style="color:orange">'''HTML5'''</span>, <span style="color:red">'''FLASH'''</span></span>.
 +
 
 +
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
 +
<gallery>
 +
File:Light II - Agenda Cultural III.png|<center>'''Figura 2.''' NOTÍCIAS - FLASH - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)</center>
 +
File:Light II - Financas III.png|<center>'''Figura 3.''' FINANÇAS - FLASH - Light II - Cor: Branco & Azul (Blur)</center>
 +
File:Light II - Hora III.png|<center>'''Figura 4.''' HORA CERTA - FLASH - Light II - Cor: Branco & Azul (Blur)</center>
 +
File:Light II - Horoscopo III.png|<center>'''Figura 5.''' HORÓSCOPO - FLASH - Light II - Cor: Branco, Preto & Cinza</center>
 +
</gallery>
 +
<gallery>
 +
File:Light II - Noticias III.png|<center>'''Figura 6.''' NOTÍCIAS - FLASH - Tema: Notícias - Light II - Cor: Branco</center>
 +
File:Light II - Novelas III.png|<center>'''Figura 7.''' NOTÍCIAS - FLASH - Tema: Novelas - Light II - Cor: Branco</center>
 +
File:Light II - Previsao do Tempo III.png|<center>'''Figura 8.''' PREVISÃO DO TEMPO - FLASH - Light II - Cor: Branco & Imagens (Blur)</center>
 +
File:Light II - Saude III.png|<center>'''Figura 9.''' NOTÍCIAS - FLASH - Tema: Saúde - Light II - Cor: Branco</center>
 +
</gallery>
 +
 
 +
<big>'''Orientação:''' <span style="color:red">Vertical</span></big>
  
−
À seguir, temos as miniaturas de cada um desses templates.<br>
+
* NOTÍCIAS - HTML5 - Tema: Saúde - Light II - Cor: Branco
−
Lembrando que o nome com o qual os mesmos foram cadastrados no Studio ... econtra-se logo abaixo das imagens.
+
* NOTÍCIAS - HTML5 - Tema: Novelas - Light II - Cor: Branco & Vermelho
 +
* NOTÍCIAS - HTML5 - Tema: Notícias - Light II - Cor: Branco & Cinza
 +
* NOTÍCIAS - HTML5 - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
 +
* FINANÇAS - HTML5 - Light II - Cor: Branco, Preto & Cinza
 +
* HORÓSCOPO - HTML5 - Light II - Cor: Branco, Preto & Cinza
 +
* HORA CERTA - HTML5 - Light II - Cor: Branco & Azul (Blur)
 +
* PREVISÃO DO TEMPO - HTML5 - Light II - Cor: Branco & Imagens
  
−
[[File:Cross-Cut Noticias Direita.png|500px|thumb|left|<center>'''Figura 2 -''' NOTÍCIAS - HTML5 - Cross-Cut - Imagem na Direita - Cor: Preto</center>]]
+
:<span style="color:green">É válido lembrar que para todos eles ''(seja '''vertical''' ou '''horizontal''')'', existem as opções <span style="color:orange">'''HTML5'''</span>, <span style="color:red">'''FLASH'''</span></span>.
−
[[File:Cross-Cut Noticias Esquerda.png|500px|thumb|<center>'''Figura 3 -''' NOTÍCIAS - HTML5 - Cross-Cut - Imagem na Esquerda - Cor: Preto</center>]]
+
  
−
[[File:Cross-Cut Noticias Aviso.png|500px|thumb|left|<center>'''Figura 4 -''' NOTÍCIAS - HTML5 - Tema: Aviso - Cross-Cut - Cor: Preto</center>]]
+
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
−
[[File:Cross-Cut Noticias Saude.png|500px|thumb|<center>'''Figura 5 -''' NOTÍCIAS - HTML5 - Tema: Saúde - Cross-Cut - Cor: Branco</center>]]
+
<gallery>
 +
File:Light II - Vertical Agenda Cultural.png|<center>'''Figura 10.''' NOTÍCIAS - HTML5 - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)</center>
 +
File:Light II - Vertical Financas.png|<center>'''Figura 11.''' FINANÇAS - HTML5 - Light II - Cor: Branco, Preto & Cinza</center>
 +
File:Light II - Vertical Hora Certa.png|<center>'''Figura 12.''' HORA CERTA - HTML5 - Light II - Cor: Branco & Azul (Blur)</center>
 +
File:Light II - Vertical Horoscopo.png|<center>'''Figura 13.''' HORÓSCOPO - HTML5 - Light II - Cor: Branco, Preto & Cinza</center>
 +
</gallery>
 +
<gallery>
 +
File:Light II - Vertical Noticias.png|<center>'''Figura 14.''' NOTÍCIAS - HTML5 - Tema: Notícias - Light II - Cor: Branco & Cinza</center>
 +
File:Light II - Vertical Novelas.png|<center>'''Figura 15.''' NOTÍCIAS - HTML5 - Tema: Novelas - Light II - Cor: Branco & Vermelho</center>
 +
File:Light II - Vertical Previsao do Tempo.png|<center>'''Figura 16.''' PREVISÃO DO TEMPO - HTML5 - Light II - Cor: Branco & Imagens</center>
 +
File:Light II - Vertical Saude.png|<center>'''Figura 17.''' NOTÍCIAS - HTML5 - Tema: Saúde - Light II - Cor: Branco</center>
 +
</gallery>
  
−
[[File:Cross-Cut Noticias Redes Sociais Direita.png|500px|thumb|left|<center>'''Figura 6 -''' NOTÍCIAS - HTML5 - Tema: Redes Socias - Cross-Cut - Imagem na Direita - Cor: Preto</center>]]
 
−
[[File:Cross-Cut Noticias Redes Sociais Esquerda.png|500px|thumb|<center>'''Figura 7 -''' NOTÍCIAS - HTML5 - Tema: Redes Socias - Cross-Cut - Imagem na Esquerda - Cor: Preto</center>]]
 
  
−
[[File:Cross-Cut Desafios.png|500px|thumb|left|<center>'''Figura 8 -''' DESAFIOS - HTML5 - Cross-Cut - Cor: Preto</center>]]
+
== '''Animações de Abertura''' ==
−
[[File:Cross-Cut Financas.png|500px|thumb|<center>'''Figura 9 -''' FINANÇAS - HTML5 - Cross-Cut - Cor: Azul Claro & Azul Escuro</center>]]
+
  
−
[[File:Cross-Cut Hora Certa.png|500px|thumb|left|<center>'''Figura 10 -''' HORA CERTA - HTML5 - Cross-Cut - Cor: Roxo/Preto</center>]]
+
Em todos os templates cujas miniaturas foram exemplificadas acima, temos uma curta animação logo no início dos mesmos. Abaixo estão ''screenshots'' dessas animações, sendo uma imagem ''(frame)'' do início da animação; e outra do final da animação.
−
[[File:Cross-Cut Horoscopo.png|500px|thumb|<center>'''Figura 11 -''' HORÓSCOPO - HTML5 - Cross-Cut - Cor: Branco/Laranja</center>]]
+
  
−
[[File:Cross-Cut Previsao Tempo.png|500px|thumb|center|<center>'''Figura 12 -''' PREVISÃO DO TEMPO - HTML5 - Cross-Cut - Cor: Azul</center>]]
+
:::::::<span style="color:blue"><sub>Clique em uma das imagens para visualizá-la em tamanho original</sub></span>
 +
<gallery>
 +
File:Light II - Agenda Cultural I.png|<center>'''Figura 18.''' Agenda Cultural - Início Animação</center>
 +
File:Light II - Agenda Cultural II.png|<center>'''Figura 19.''' Agenda Cultural - Término Animação</center>
 +
File:Light II - Financas I.png|<center>'''Figura 20.''' Finanças - Início Animação</center>
 +
File:Light II - Financas II.png|<center>'''Figura 21.''' Finanças - Término Animação</center>
 +
</gallery>
 +
<gallery>
 +
File:Light II - Hora I.png|<center>'''Figura 22.''' Hora Certa - Início Animação</center>
 +
File:Light II - Hora II.png|<center>'''Figura 23.''' Hora Certa - Término Animação</center>
 +
File:Light II - Horoscopo I.png|<center>'''Figura 24.''' Horóscopo - Início Animação</center>
 +
File:Light II - Horoscopo II.png|<center>'''Figura 25.''' Horóscopo  - Término Animação</center>
 +
</gallery>
 +
<gallery>
 +
File:Light II - Previsao do Tempo I.png|<center>'''Figura 26.''' Previsão do Tempo - Início Animação</center>
 +
File:Light II - Previsao do Tempo II.png|<center>'''Figura 27.''' Previsão do Tempo - Término Animação</center>
 +
File:Light II - Noticias I.png|<center>'''Figura 28.''' Notícias - Início Animação</center>
 +
File:Light II - Noticias II.png|<center>'''Figura 29.''' Notícias - Término Animação</center>
 +
</gallery>
 +
<gallery>
 +
File:Light II - Novelas I.png|<center>'''Figura 30.''' Novelas - Início Animação</center>
 +
File:Light II - Novelas II.png|<center>'''Figura 31.''' Novelas - Término Animação</center>
 +
File:Light II - Saude I.png|<center>'''Figura 32.''' Saúde - Início Animação</center>
 +
File:Light II - Saude II.png|<center>'''Figura 33.''' Saúde - Término Animação</center>
 +
</gallery>

Edição atual tal como às 12h14min de 8 de agosto de 2018

FAQ.jpg

Como encontrar os templates do pacote Light II?

Figura 1 - Tela de escolha de templates

Para encontrar os templates do pacote Light II no Studio, utilize o mecanismo de busca presente nas telas de escolha de templates (Área 1 da Figura 1).


É válido lembrar que caso esteja sendo criado uma campanha do tipo ...

  • ... notícias, todos os templates referentes a notícias (Figuras 2,6,7,9,10,14,15 e 17) serão listados;
Pera, não entendi; o template da figura 7 não é de novelas? Porque ele é listado quando se cria uma campanha do tipo notícias? O mesmo continua sendo um template de notícias, tendo simplesmente um tema (e layout) específico para novelas.
  • ... previsão do tempo, somente os templates do tema previsão do tempo (Figuras 8 e 16) serão listados;
  • ... mercado financeiro, somente os templates do tema mercado financeiro (Figuras 3 e 11) serão listados;
  • ... hora certa somente os templates do tema hora certa (Figuras 4 e 12) serão listados;
  • ... horóscopo somente os templates do tema horóscopo (Figuras 5 e 13) serão listados.

Quais são os templates presentes no pacote Light II?

A seguir, temos as miniaturas de cada um dos templates pertencentes ao pacote.
Lembrando que o nome com o qual os mesmos foram cadastrados no Studio ... encontra-se logo abaixo das imagens.

Orientação: Horizontal

  • NOTÍCIAS - FLASH - Tema: Saúde - Light II - Cor: Branco
  • NOTÍCIAS - FLASH - Tema: Novelas - Light II - Cor: Branco
  • NOTÍCIAS - FLASH - Tema: Notícias - Light II - Cor: Branco
  • NOTÍCIAS - FLASH - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
  • FINANÇAS - FLASH - Light II - Cor: Branco & Azul (Blur)
  • HORÓSCOPO - FLASH - Light II - Cor: Branco, Preto & Cinza
  • HORA CERTA - FLASH - Light II - Cor: Branco & Azul (Blur)
  • PREVISÃO DO TEMPO - FLASH - Light II - Cor: Branco & Imagens (Blur)
É válido lembrar que para todos eles (seja vertical ou horizontal), existem as opções HTML5, FLASH.
Clique em uma das imagens para visualizá-la em tamanho original
  • Figura 2. NOTÍCIAS - FLASH - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
  • Figura 3. FINANÇAS - FLASH - Light II - Cor: Branco & Azul (Blur)
  • Figura 4. HORA CERTA - FLASH - Light II - Cor: Branco & Azul (Blur)
  • Figura 5. HORÓSCOPO - FLASH - Light II - Cor: Branco, Preto & Cinza
  • Figura 6. NOTÍCIAS - FLASH - Tema: Notícias - Light II - Cor: Branco
  • Figura 7. NOTÍCIAS - FLASH - Tema: Novelas - Light II - Cor: Branco
  • Figura 8. PREVISÃO DO TEMPO - FLASH - Light II - Cor: Branco & Imagens (Blur)
  • Figura 9. NOTÍCIAS - FLASH - Tema: Saúde - Light II - Cor: Branco

Orientação: Vertical

  • NOTÍCIAS - HTML5 - Tema: Saúde - Light II - Cor: Branco
  • NOTÍCIAS - HTML5 - Tema: Novelas - Light II - Cor: Branco & Vermelho
  • NOTÍCIAS - HTML5 - Tema: Notícias - Light II - Cor: Branco & Cinza
  • NOTÍCIAS - HTML5 - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
  • FINANÇAS - HTML5 - Light II - Cor: Branco, Preto & Cinza
  • HORÓSCOPO - HTML5 - Light II - Cor: Branco, Preto & Cinza
  • HORA CERTA - HTML5 - Light II - Cor: Branco & Azul (Blur)
  • PREVISÃO DO TEMPO - HTML5 - Light II - Cor: Branco & Imagens
É válido lembrar que para todos eles (seja vertical ou horizontal), existem as opções HTML5, FLASH.
Clique em uma das imagens para visualizá-la em tamanho original
  • Figura 10. NOTÍCIAS - HTML5 - Tema: Agenda Cultural - Light II - Cor: Branco & Azul (Blur)
  • Figura 11. FINANÇAS - HTML5 - Light II - Cor: Branco, Preto & Cinza
  • Figura 12. HORA CERTA - HTML5 - Light II - Cor: Branco & Azul (Blur)
  • Figura 13. HORÓSCOPO - HTML5 - Light II - Cor: Branco, Preto & Cinza
  • Figura 14. NOTÍCIAS - HTML5 - Tema: Notícias - Light II - Cor: Branco & Cinza
  • Figura 15. NOTÍCIAS - HTML5 - Tema: Novelas - Light II - Cor: Branco & Vermelho
  • Figura 16. PREVISÃO DO TEMPO - HTML5 - Light II - Cor: Branco & Imagens
  • Figura 17. NOTÍCIAS - HTML5 - Tema: Saúde - Light II - Cor: Branco


Animações de Abertura

Em todos os templates cujas miniaturas foram exemplificadas acima, temos uma curta animação logo no início dos mesmos. Abaixo estão screenshots dessas animações, sendo uma imagem (frame) do início da animação; e outra do final da animação.

Clique em uma das imagens para visualizá-la em tamanho original
  • Figura 18. Agenda Cultural - Início Animação
  • Figura 19. Agenda Cultural - Término Animação
  • Figura 20. Finanças - Início Animação
  • Figura 21. Finanças - Término Animação
  • Figura 22. Hora Certa - Início Animação
  • Figura 23. Hora Certa - Término Animação
  • Figura 24. Horóscopo - Início Animação
  • Figura 25. Horóscopo - Término Animação
  • Figura 26. Previsão do Tempo - Início Animação
  • Figura 27. Previsão do Tempo - Término Animação
  • Figura 28. Notícias - Início Animação
  • Figura 29. Notícias - Término Animação
  • Figura 30. Novelas - Início Animação
  • Figura 31. Novelas - Término Animação
  • Figura 32. Saúde - Início Animação
  • Figura 33. Saúde - Término Animação
Disponível em "https://wiki.in9midia.com/index.php?title=Templates_do_pacote_Light_II&oldid=3231"