SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
1




WEBDESIGN – AULA 03

- UNIDADE I -
FUNDAMENTOS PARA A
CONCEPÇÃO E CRIAÇÃO DE
CONTEÚDO EM AMBIENTE WEB
Produção de Texto para WEB
2




    PRODUÇÃO DE TEXTO NA WEB
Uso da Pirâmide invertida
3


       Começar o texto com a informação mais
        importante, prosseguindo na ordem decrescente de
        importância.
Uso da Pirâmide invertida
4


       Os elementos que compõem a pirâmide invertida:
        1) O lead
        2) O material que explica ou amplia o lead
        3) Parágrafos de contexto
        4) Material secundário e menos importante
Por que usa Pirâmide Invertida?
5


       Os leitores na web querem saber o que aconteceu
        assim que a matéria começa a se desenvolver.
       Deve-se entregar a mensagem o quanto antes.
       O título deve captar a atenção do usuário,
        passando do que se trata a matéria de forma
        resumida.
Nível básico de utilização
6
Exemplos de Sites de Notícias
7

    www.g1.globo.com
Exemplos de Sites de Notícias
8

    http://knightcenter.utexas.edu
Exemplos de Sites de Notícias
9

    http://www.jornalistasdaweb.com.br/index.php?pag=home&idConteudoTipo=1
A pirâmide invertida – 2º nível
10
Ex:A pirâmide invertida – 2º nível
11
A pirâmide invertida – 3º nível
12
Ex:A pirâmide invertida – 3º nível
13
Dicas para um bom texto web
14


        Quanto menor o texto melhor
        Título faz toda a diferença
        Voz ativa e verbos fortes, preferencialmente
        Aprimore o texto com hiperlinks
        Utilizar os vários recursos da web
        Citar as fontes
Fontes utilizadas
15


        http://jornalismoonline.wordpress.com
        http://knightcenter.utexas.edu/pt-br/
        http://www.bbc.co.uk/
        http://www.guilhermo.com/
OBRIGADO!
16


        PROF. SERGIO XAVIER

         E-mail:
         sergiosx@gmail.com

         Blog:
         www.profsergioxavier.wordpress.com

Mais conteúdo relacionado

Destaque

Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDESIGN DIGITAL UNIARA 2012
 
Experiência do Usuário: uma introdução
Experiência do Usuário: uma introduçãoExperiência do Usuário: uma introdução
Experiência do Usuário: uma introduçãoJuliana Dorneles
 
Unb 2012.1 - dweb - 03 - fundamentos web
Unb   2012.1 - dweb - 03 - fundamentos webUnb   2012.1 - dweb - 03 - fundamentos web
Unb 2012.1 - dweb - 03 - fundamentos webClaudenio Alberto
 
1.inovacao e tecnologia de seguranca grupo 1 matutino_1_2013
1.inovacao e tecnologia de seguranca grupo 1 matutino_1_20131.inovacao e tecnologia de seguranca grupo 1 matutino_1_2013
1.inovacao e tecnologia de seguranca grupo 1 matutino_1_2013Dra. Camila Hamdan
 
Tudo o que você precisa saber sobre layouts para web
Tudo o que você precisa saber sobre layouts para webTudo o que você precisa saber sobre layouts para web
Tudo o que você precisa saber sobre layouts para webÍtalo Waxman
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCauê de Souza
 
Fundamentos do desenvolvimento de um layout web
Fundamentos do desenvolvimento de um layout webFundamentos do desenvolvimento de um layout web
Fundamentos do desenvolvimento de um layout webRicharley Menescal
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página webOdair Cavichioli
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLDra. Camila Hamdan
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digitalMarconi Pacheco
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um gridEduardo Novais
 
MadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e ComunicaçãoMadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e ComunicaçãoRicardo Rocha
 

Destaque (20)

Design Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design DigitalDesign Digital Exemplos de guestalt no Design Digital
Design Digital Exemplos de guestalt no Design Digital
 
Experiência do Usuário: uma introdução
Experiência do Usuário: uma introduçãoExperiência do Usuário: uma introdução
Experiência do Usuário: uma introdução
 
Projeto_site_1
Projeto_site_1Projeto_site_1
Projeto_site_1
 
Unb 2012.1 - dweb - 03 - fundamentos web
Unb   2012.1 - dweb - 03 - fundamentos webUnb   2012.1 - dweb - 03 - fundamentos web
Unb 2012.1 - dweb - 03 - fundamentos web
 
Aula02 webdesign
Aula02 webdesignAula02 webdesign
Aula02 webdesign
 
1.inovacao e tecnologia de seguranca grupo 1 matutino_1_2013
1.inovacao e tecnologia de seguranca grupo 1 matutino_1_20131.inovacao e tecnologia de seguranca grupo 1 matutino_1_2013
1.inovacao e tecnologia de seguranca grupo 1 matutino_1_2013
 
Layout
LayoutLayout
Layout
 
Tudo o que você precisa saber sobre layouts para web
Tudo o que você precisa saber sobre layouts para webTudo o que você precisa saber sobre layouts para web
Tudo o que você precisa saber sobre layouts para web
 
Aula05 webdesign
Aula05 webdesignAula05 webdesign
Aula05 webdesign
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 
Fundamentos do desenvolvimento de um layout web
Fundamentos do desenvolvimento de um layout webFundamentos do desenvolvimento de um layout web
Fundamentos do desenvolvimento de um layout web
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página web
 
Principios basicos de Layout.
Principios basicos de Layout.Principios basicos de Layout.
Principios basicos de Layout.
 
WebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTMLWebDesign AULA 2: Introdução a HTML
WebDesign AULA 2: Introdução a HTML
 
Simplificando o design digital
Simplificando o design digitalSimplificando o design digital
Simplificando o design digital
 
Design Digital Fundamentos do Design
Design Digital Fundamentos do DesignDesign Digital Fundamentos do Design
Design Digital Fundamentos do Design
 
Designdigital
DesigndigitalDesigndigital
Designdigital
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
MadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e ComunicaçãoMadGO - Design, Webdesign e Comunicação
MadGO - Design, Webdesign e Comunicação
 
Aula 04 layout e composição do site
Aula 04   layout e composição do siteAula 04   layout e composição do site
Aula 04 layout e composição do site
 

Semelhante a Aula03 webdesign

Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Juliana Abade
 
4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdoEnrico Cardoso
 
Usabilidade em RSS (por Bruno Maranhão)
Usabilidade em RSS (por Bruno Maranhão)Usabilidade em RSS (por Bruno Maranhão)
Usabilidade em RSS (por Bruno Maranhão)Bruno Maranhão
 
Princípios do webwriting
Princípios do webwritingPrincípios do webwriting
Princípios do webwritingsenacsabado1
 
Thiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidadeThiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidadeThiago M R Ribeiro
 
TIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPressTIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPressMax Denvir
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02eramos7senac
 
10 dicas para criar um site de sucesso
10 dicas para criar um site de sucesso10 dicas para criar um site de sucesso
10 dicas para criar um site de sucessoErick Leite Freire
 
Curso de Webwriting em São Paulo
Curso de Webwriting em São PauloCurso de Webwriting em São Paulo
Curso de Webwriting em São PauloEnrico Cardoso
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwritingduradez
 

Semelhante a Aula03 webdesign (13)

Aula08
Aula08Aula08
Aula08
 
Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?
 
4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo
 
Usabilidade em RSS (por Bruno Maranhão)
Usabilidade em RSS (por Bruno Maranhão)Usabilidade em RSS (por Bruno Maranhão)
Usabilidade em RSS (por Bruno Maranhão)
 
Mini Curso Wordpress
Mini Curso WordpressMini Curso Wordpress
Mini Curso Wordpress
 
Princípios do webwriting
Princípios do webwritingPrincípios do webwriting
Princípios do webwriting
 
Thiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidadeThiago ribeiro arquitetura_informacao_usabilidade
Thiago ribeiro arquitetura_informacao_usabilidade
 
TIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPressTIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPress
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
 
10 dicas para criar um site de sucesso
10 dicas para criar um site de sucesso10 dicas para criar um site de sucesso
10 dicas para criar um site de sucesso
 
Curso de Webwriting em São Paulo
Curso de Webwriting em São PauloCurso de Webwriting em São Paulo
Curso de Webwriting em São Paulo
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwriting
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwriting
 

Mais de IBMR Laureate International Universities

A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasIBMR Laureate International Universities
 

Mais de IBMR Laureate International Universities (20)

Palestra como_criar_uma_logo_no_illustrator
 Palestra como_criar_uma_logo_no_illustrator Palestra como_criar_uma_logo_no_illustrator
Palestra como_criar_uma_logo_no_illustrator
 
Você está preparado para ser um profissional 3.0?
 Você está preparado para ser um profissional 3.0? Você está preparado para ser um profissional 3.0?
Você está preparado para ser um profissional 3.0?
 
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
 
Aula13 editoracao eletronica
Aula13 editoracao eletronicaAula13 editoracao eletronica
Aula13 editoracao eletronica
 
Aula10 editoracao eletronica
Aula10 editoracao eletronicaAula10 editoracao eletronica
Aula10 editoracao eletronica
 
Aula07 midia digital
Aula07 midia digitalAula07 midia digital
Aula07 midia digital
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula06 midia digital
 
Aula03 editoracao eletronica
Aula03 editoracao eletronicaAula03 editoracao eletronica
Aula03 editoracao eletronica
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula04 midia digital
 
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 midia digital
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 
Aula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias DigitaisAula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias Digitais
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula05 prod grafica
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Aula04 prod grafica
Aula04 prod graficaAula04 prod grafica
Aula04 prod grafica
 
Aula03 prod grafica
Aula03 prod graficaAula03 prod grafica
Aula03 prod grafica
 

Aula03 webdesign

  • 1. 1 WEBDESIGN – AULA 03 - UNIDADE I - FUNDAMENTOS PARA A CONCEPÇÃO E CRIAÇÃO DE CONTEÚDO EM AMBIENTE WEB Produção de Texto para WEB
  • 2. 2 PRODUÇÃO DE TEXTO NA WEB
  • 3. Uso da Pirâmide invertida 3  Começar o texto com a informação mais importante, prosseguindo na ordem decrescente de importância.
  • 4. Uso da Pirâmide invertida 4  Os elementos que compõem a pirâmide invertida: 1) O lead 2) O material que explica ou amplia o lead 3) Parágrafos de contexto 4) Material secundário e menos importante
  • 5. Por que usa Pirâmide Invertida? 5  Os leitores na web querem saber o que aconteceu assim que a matéria começa a se desenvolver.  Deve-se entregar a mensagem o quanto antes.  O título deve captar a atenção do usuário, passando do que se trata a matéria de forma resumida.
  • 6. Nível básico de utilização 6
  • 7. Exemplos de Sites de Notícias 7 www.g1.globo.com
  • 8. Exemplos de Sites de Notícias 8 http://knightcenter.utexas.edu
  • 9. Exemplos de Sites de Notícias 9 http://www.jornalistasdaweb.com.br/index.php?pag=home&idConteudoTipo=1
  • 10. A pirâmide invertida – 2º nível 10
  • 11. Ex:A pirâmide invertida – 2º nível 11
  • 12. A pirâmide invertida – 3º nível 12
  • 13. Ex:A pirâmide invertida – 3º nível 13
  • 14. Dicas para um bom texto web 14  Quanto menor o texto melhor  Título faz toda a diferença  Voz ativa e verbos fortes, preferencialmente  Aprimore o texto com hiperlinks  Utilizar os vários recursos da web  Citar as fontes
  • 15. Fontes utilizadas 15  http://jornalismoonline.wordpress.com  http://knightcenter.utexas.edu/pt-br/  http://www.bbc.co.uk/  http://www.guilhermo.com/
  • 16. OBRIGADO! 16  PROF. SERGIO XAVIER E-mail: sergiosx@gmail.com Blog: www.profsergioxavier.wordpress.com