Um breve

histrico
SC. XIX
Revoluo
Industrial =
= autor / artista
Obra nica
SC. XV ao XVIII
Renascimento/
Classicismo =
= circulao restrita
(burguesia e corte)
SC. XV
Gutenberg =
= inveno da prensa
mvel produo em
massa de livros
1808
= Imprensa
no Brasil
-PROBLEMAS
COM PAPEL E
TIPOS
1839
= Daguertipo
Fotografia
1870
mquina de
escrever
= produzida em
srie
1946
= ENIAC
1919
Bauhaus
Um breve
histrico
ANOS 2000
ANOS 1990
= POPULARIZAO
DA INTERNET
ANOS 1980
= POPULARIZAO DO
COMPUTADOR
= impresso digital
= COMUNICAO
MVEL
= WIRELLES
= IPADS, IPHONES,
ANDRIDES
= NOVAS NOES
ESPAO - TEMPORAIS
ANOS 1970
= XEROX
= 1s cursos de
EDITORAO

= COMPARTILHAMENTO
DE CONTEDO
O que
Editorao?
Processo de produo de livros, revistas, almanaques,
folhetos, peridicos ou no. Impressos ou digitais.
Tambm websites, blogs, e-books, entre outros
produtos digitais, que podem ou no ser interativos.
Etapas da editorao:
Seleo / Preparao - Normalizao dos materiais

Projeto Grfico
Diagramao
Produo Grfica
Finalizao

design
Design
Interface que permite a usabilidade, legibilidade,
interao.

No me faa pensar!
Steve Krug
O projeto grfico e o projeto visual do livro constituem, na
prtica, uma unidade, visto que a perspectiva e o fim de ambos
residem justamente na busca da harmonia entre forma e
contedo, no modo sob o qual se organizam os diferentes
elementos da pgina e o agrupamento das pginas em
determinada unidade o livro (ARAJO, 2008, p. 373).
legibilidade
Modo como so articulados os caracteres nos
espaos da pgina
Ritmo de Leitura
Caracteres Tipos = simplicidade, dimenso,
fora, orientao, harmonia
Linhas
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet
doming id quod mazim placerat facer possim assum
@
O modo de SE COMUNICAR mudou,
o modo de FAZER COMUNICAO mudou!
Comunicao/Pensamento no linear!
Panorama do cenrio
contemporneo midiatizado
Excesso de
informaes
Facilidade de
Acesso
Fluxo de
imagens, sons,
mensagens
efemeridade
Produo de
Contedo
(...) precisamos considerar que estamos nos movimentando por
um emaranhado de informaes e espaos, de redes que se tocam
e se cruzam. (ROYO, 2008, p. 13)
Cultura digital, cibercultura, convergncia
O hipertexto coloca-nos diante de uma
nova mquina de ler, que faz de cada
leitor um editor potencial e redireciona
alguns paradigmas que balizaram,
com sucesso, os mtodos e as formas de
produo dos discursos crticos.
(BEIGUELMAN, 2003, p 22).
Na Internet, a tela do computador no
apenas o suporte da leitura, uma
interface. E isso faz toda a diferena. O
hipertexto coloca-nos diante de uma nova
mquina de ler, que faz de cada leitor
um editor potencial (BEIGUELMAN,
2002, p. 35).
Imagem
Digital PIXELS = menores elementos constituintes da imagem
RESOLUO
300 dpi impresso
96 dpi - monitor
Formatos de arquivos
EPS JPEG GIF PDF - TIFF
Nelson Martins


DIGITAL
x
IMPRESSO
Imagens VETORIAIS x BITMAPS
R
G
B
http://www.colourlovers.com/
http://gtlook.com/2010/11/18/m
eu-corpo-minhas-cores/
Produo - Cores
Formatos restritos
http://www.fontesgratis.com.br/
http://www.dafont.com/
http://www.netfontes.com.br/
DESIGN DIGITAL =
Usabilidade Acessibilidade - Estrutura da informao
INFORMAES PERCEPTIVAS
(cor, tipo, identidade)

FUNCIONALIDADE
Dar tarefas a cada cone, boto, imagem, texto

HIERARQUIA DE INFORMAES
Estabelecer ordem de prioridades e nveis de leitura

INFORMAES SEQUENCIAIS
Disponibilizar cada item de modo que o usurio possa prever quais
sero os prximos passos no ambiente virtual

Baseado em Javier Royo
no me faa pensar!
Steve Krug
QUANTO MAIS IMPORTANTE FOR A
INFORMAO, MAIS DESTACADA

TIRE VANTAGEM DAS CONVENES

DEIXE BVIO O QUE CLICVEL

DIMINUA A POLUIO VISUAL

NO LEMOS AS PGINAS, NS AS
EXPLORAMOS

AGRUPE AS INFORMAES
PRXIMAS

PALAVRAS: S USE O QUE
REALMENTE NECESSRIO

FIQUE ATENTO AS
ESPECIFICIDADES DO SEGMENTO

lembre-se: PESSOAS QUEREM
EXPERINCIAS AGRADVEIS

SEJA CLARO!

Produo - Ferramentas
Criao de imagens 2d
Contedos multimdia
Criao de Imagens 3d
Instagram
Produo - Ferramentas
Contedos multimdia
open source
aplicativo que
permite que
qualquer pessoa
crie um livro
digital para iPad
Produo - Ferramentas
Contedos multimdia
Criando APPs
Adobe Digital Publishing Suite
Quark Publishing System
PROFISSIONAIS CADA
VEZ MAIS HBRIDOS

Conhecimento
multidisciplinar

Atualizao constante
EXPECTATIVAS POSITIVAS PARA O MERCADO DE LIVROS DIGITAIS

Na Amazon, as vendas de eBooks j superam as vendas de livros de papel.
(Blog de Tecnologia do Portal Exame, 2011)

Entretanto no Brasil ainda poucos utilizam (67%)
Retina Display Color ePaper

APRIMORAMENTOS TECNOLGICOS