Introdução ao planejamento e editoração gráfica para web alessandro tarso

“Não basta SER…

… tem de PARECER!”

Introdução ao “Planejamento e Editoração Gráfica para Web”Introdução ao “Planejamento e Editoração Gráfica para Web”

Prof. Alessandro Tarso - [email protected] - http://www.com.ufv.brProf. Alessandro Tarso - [email protected] - http://www.com.ufv.br



Esta apresentação pode ser vista, “baixada”, revista, etc… em nosso blog:

http://com232ufv.blogspot.com/





Lembretes de sempre…

- assine a lista de presença;

- participe ativamente do nosso blog;

-faça seu TCC sobre Editoração Gráfica;

- use os horários de monitoria;

- seja ágil com os e-mails (o meu está aí abaixo…);

- faça estágios (quanto mais, melhor!);

- venha participar do nosso Grupo de Pesquisa!





Sintonizando…

- Enfoque desta aula: Introdução ao “Planejamento e Editoração Gráfica para Web”

- Aula nº 23 de 30 possíveis (faltam 8 para o fim...)

- 12ª semana de um total de 15 (faltam 3)

- Última aula: “Introdução á prática da produção gráfica” (último tema da ementa de nossa disciplina - plus)

- Próximas aulas: 3 sobre o mesmo tema de hoje 2 de Apresentações dos Trabalhos Finais

2 de avaliações e auto-avaliações.





Começando…

Introdução ao “Planejamento e Editoração Gráfica para Web”

Próximas 3 aulas:

1) Princípios de design para WEB e “usabilidade”

2) Tipologia digital e “acessibilidade” + comentários ao exercício proposto hoje

3) Imagens, vídeos e sons na WEB: adequação e distribuição





Cuidados…

• Complexidade do tema:

- novidade e dinamismo;

- alta confluência e especialização de saberes;

- marginalidade do tema em nossa disciplina;

- falta de especialização do professor-facilitador

sobre a temática.

• Generalizações e reduções.





Modos de aproximação…

• Conceitos

• Comunicação Comparada





Alguns conceitos…WEB: A World Wide Web (que em portugûes significa, "Rede de alcance mundial"; também conhecida como Web e WWW) é um sistema de documentos em hipermídia que são interligados e executados na Internet. Em termos gerais: é a interface gráfica da Internet.

INTERNET: é um conglomerado de redes em escala mundial de milhões de computadores interligados pelo TCP/IP que permite o acesso a informações e todo tipo de transferência de dados.

HIPERTEXTO: é o termo que remete a um texto em formato digital, ao qual agrega-se outros conjuntos de informação na forma de blocos de textos, palavras, imagens ou sons, cujo acesso se dá através de referências específicas denominadas hiperlinks, ou simplesmente links.

HIPERLINK/LINK: é uma hiperligação, ou simplesmente uma ligação, uma referência num documento em hipertexto a outras partes deste documento ou a outro documento.

HIPERMÍDIA: é a reunião de várias mídias num suporte computacional, suportado por sistemas eletrônicos de comunicação.





Outros conceitos: especificidades do JOL*

• Instantaneidade

• Interatividade

• Perenidade

• Multimidialidade

• Personalização de conteúdo

* ROCHA. A. M.. Entendendo o Jornalismo Online. In: Ivan Pinheiro Machado. (Org.). Tendências na Comunicação. 1 ed. Porto Alegre, 2000.





Comunicação Comparada

Elementos gráficos básicos(título - texto - imagens - legendas)

nos jornalismos

IMPRESSO X DIGITALAdaptaçao do estudo: “A composição da página noticiosa nos jornais digitais: o estado da questão”, da professora e pesquisador Luciana Moherdaui. Disponível em: http://sbpjor.kamotini.kinghost.net/sbpjor/admjor/arquivos/coordenada13lucianamoherdaui.pdf (comparações entre as versões digitais e impressas dos periódicos: G1(Globo Notícias), Folha Online, Terra Notícias, Último Segundo, estadao.com.br, CNN, MSNBC, The New York Times, ABC News, CBS, Washington Post, Le Monde, Le Figaro, La Repubblica, Corriere Dela Sera, El Pais, El Mundo, BBC News e Guardian Unlimited. (19)





IMPRESSO DIGITAL

Títulos

estáticos, definidos por tipologia, formato, tamanho e espaço, pode ser centralizada e alinhada à esquerda ou direita

dinâmicos, definidos por tipologia, formato, tamanho e espaço, pode ser centralizada e alinhada à esquerda ou direita

Texto

informação e reportagem são divididos em principal e retrancas; outros gêneros, como artigo e entrevista são editados conforme padrões estabelecidos pelo formato da página impressa, diagramas e colunas, remissão para o on-line

(hipertexto)textos com links, que levam a conteúdo relacionado (texto, multimídia e base de dados); a paginação segue a estrutura da página impressa, superfície, diagrama e colunas; remissão para mídias relacionadas ao jornal digital, omo rádio, tevê ou jornal e revista impressos

Imagens

(foto)estáticas, complementam o texto; são editadas em três cortes: horizontal, vertical e quadrada; também são destacadas na capa ou nas internas pelo impacto noticioso; as fotos são divididas em abertas e fechadas;

(multimidia)dinâmicas, áudio, vídeo e imagem são usados como manchetes, submanchetes , ilustração de textos, aleria de imagens, slide shows e pacotes multimídia, em geral. Não há padrão de edição definido, em geral, as fotos destacadas na capa de um portal ou site noticioso não estão relacionadas à manchete ou submanchete; outra questão se refere ao tamanho; com o aumento do uso de banda larga, as imagens aumentaram de tamanho, e a publicação privilegia fotos fechadas, com destaque ao objeto em relação ao todo

Legendas

usadas para descrever a imagem, fato e personagens; são publicadas de três formas: abaixo da imagem, na lateral e entre duas fotos

(Chamadas)uso de chamadas para destacar multimidia e hipertexto; são publicadas geralmente abaixo das imagensA

dapt

açao

do

estu

do:

“A c

om

po

siçã

o d

a p

ágin

a n

oti

cio

sa n

os

jorn

ais

dig

itai

s: o

est

ado

da

qu

estã

o”,

da

prof

esso

ra e

pes

quis

ador

Luc

iana

Moh

erda

ui. D

ispo

níve

l em

: ht

tp://

sbpj

or.k

amot

ini.k

ingh

ost.n

et/s

bpjo

r/ad

mjo

r/ar

quiv

os/c

oord

enad

a13l

ucia

nam

oher

daui

.pdf

Algumas

Referências Úteis…e

uma Atividade Extra

(ver Plano de Aula)

Obrigado!

Introdução ao planejamento e editoração gráfica para web alessandro tarso

Education

Transcript of Introdução ao planejamento e editoração gráfica para web alessandro tarso