Projeto da revista
Texto
Do ponto de vista da tipografia é
formado de palavras e as
palavras são formadas por letras.
Tipografia

É um processo industrial que
trabalha com um sistema de
signos: letras números, sinais,
imagens. Tornou-se pos...
POEMA
TEXTO
TEXTO
TEXTO
•

Vaso Noturno

•
•
•
•
•
•
•
•
•
•
•
•

À meia-noite, José dos Reis
— que namoro escondido —
vem fazer serenata pa...
Vaso Noturno
À meia-noite, José dos
Reis
— que namoro escondido
—
vem fazer serenata para
mim.
Papai tosse alto,
tropeça p...
Tipos móveis
Tipo Garamond
HELVETICA
Texto tipogáfico
Texto é definido como
uma sequência
contínua de palavras,
também conhecida
como “texto corrido”
Ellen Lup...
DIAGRAMAÇÃO
EM BLOCOS
Especial planejamento
O Planejamento da revista deve ser apresentado na forma de “boneco”.

Fonte: revista w - ano 9, no 1...
Planejamento
• Muitas pessoas pulam a parte do planejamento em suas atividades,
sejam elas, escolares ou profissionais, fa...
O Início
• Um bom ponto de partida para o
planejamento é definir os objetivos, que
resultado desejamos juntos com quem
enc...
Planejando
• Um bom planejamento de projeto é fruto de colaboração e
entendimento das partes envolvidas no trabalho. Uma
identificaçã...
Definido para usuários
• É importante definir para que se está fazendo
a revista, pois embora tenham sido o cliente
que en...
Mapa do site
• Entendendo qual o propósito da revista electrónica (ou
impressa), quem vai fazer uso dele e o que as pessoa...
• Devemos garantir que todos os elementos presentes em
todas as páginas, como cabeçalho, logos, chamadas a ação,
rodapés e...
Guia visual
A adequação da tecnologia
• Como os sites atuais estão indo alem de
simples textos e imagens estáticas, o
planejamento dev...
BLOCOS de diagramação
Arquitetura da informação
• Os wireframes são essenciais para trabalhar o design de
interação, similar ao storyboard de um...
Sumário
•
•
•
•
•
•
•
•
•
•
•
•
•

Estabelecer um diálogo entre quem encomendou a tarefa e os que vão executá–las.
Definir...
A revista impressa
Os passos para o projeto da revista aqui apresentado é
o de uma revista digital. Para uma revista impre...
REVISTA AU

http://au.pini.com.br/arquitetura-urbanismo/181/revista-au-ritmo-desenhado-130992-1.aspx
Revistas
Próximos SlideShares
Carregando em…5
×

01 design gráfico

474 visualizações

Publicada em

É uma aula sobre projeto de revista como trabalho coletivo de estudo do meio no Centro Educacional Pioneiro.

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
474
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
12
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

01 design gráfico

  1. 1. Projeto da revista
  2. 2. Texto Do ponto de vista da tipografia é formado de palavras e as palavras são formadas por letras.
  3. 3. Tipografia É um processo industrial que trabalha com um sistema de signos: letras números, sinais, imagens. Tornou-se possível a partir da invensão dos tipos móveis por Johannes Gutenberg (c. 1398-1468)
  4. 4. POEMA
  5. 5. TEXTO
  6. 6. TEXTO
  7. 7. TEXTO • Vaso Noturno • • • • • • • • • • • • À meia-noite, José dos Reis — que namoro escondido — vem fazer serenata para mim. Papai tosse alto, tropeça por querer nos urinóis. Que vergonha, meu deus, pai, cachorrinha plebéia, couves na horta geladas de orvalho e medo. Me finjo de santa morta, meu céu é gótico e arde. • • Adélia Prado Do livro: "Oráculos de Maio", Editora Siciliano,1999
  8. 8. Vaso Noturno À meia-noite, José dos Reis — que namoro escondido — vem fazer serenata para mim. Papai tosse alto, tropeça por querer nos urinóis. Que vergonha, meu deus, pai, cachorrinha plebéia, couves na horta geladas de orvalho e medo. Me finjo de santa morta, meu céu é gótico e arde.
  9. 9. Tipos móveis
  10. 10. Tipo Garamond
  11. 11. HELVETICA
  12. 12. Texto tipogáfico Texto é definido como uma sequência contínua de palavras, também conhecida como “texto corrido” Ellen Lupton
  13. 13. DIAGRAMAÇÃO EM BLOCOS
  14. 14. Especial planejamento O Planejamento da revista deve ser apresentado na forma de “boneco”. Fonte: revista w - ano 9, no 104 (https://www.europanet.com.br/site/index.php?cat_id=21)
  15. 15. Planejamento • Muitas pessoas pulam a parte do planejamento em suas atividades, sejam elas, escolares ou profissionais, fazendo suas atividades sem ter claro o resultado que desejam, sem ter noção do caminha e nem dos recursos necessários. O trabalho até sai mas as idas e vindas, o tempo e o custa ficam bem maiores. Quando se tem uma encomenda, um tempo determinado e certas condições para fazer a tarefa, o esforço usado no planejamento é plenamente recompensado no produto final. • Andy Budd orienta fazer um planejamento de um trabalho digital "É a mesma coisa que fazer uma planta em relação a uma casa em construção … sem uma o resultado não será eficiente e a casa desmoronará." • Quando as pessoas desejam uma nova casa, elas consultam um arquiteto. Mas, infelizmente, a maioria das pessoas na web cria sites como se estivessem fazendo um "puxadinho" sem a anuência de um especialista.
  16. 16. O Início • Um bom ponto de partida para o planejamento é definir os objetivos, que resultado desejamos juntos com quem encomendou (cliente) o trabalho. Discutir o que é sucesso e todos os envolvidos precisam concordar com a proposta. "Os objetivos definidos criam um alvo, um equilíbrio entre o que é pedido e o que é alcançável na realidade, diz Nicolas T Le Clainche.
  17. 17. Planejando
  18. 18. • Um bom planejamento de projeto é fruto de colaboração e entendimento das partes envolvidas no trabalho. Uma identificação completa do que é entregáveis e dos critérios de qualidade nos permite determinar as tarefas, que são avaliadas antes de serem sequenciais e postas no calendário. • Quando a base do projeto estiver pronta, deve-se gastar algum tempo na análise de sites (revistas) do mesmo setor. Vocês podem aprender muito com os erros e acertos de outros, para isso deve se fazer alguma pesquisa sobre outras publicações que podem estar em mercados geográficos ou de negócios diferentes desde que tenham funcionalidades similares. Com as pesquisas, além disso, é possível lembrar de fatores que, por alguma razão, você e o cliente esqueceram de adicionar ao site, mas que estão presentes nos sites similares.
  19. 19. Definido para usuários • É importante definir para que se está fazendo a revista, pois embora tenham sido o cliente que encomendou, devemos pensar para quem desejamos que a revista deva ser publicada. Ter um entendimento de quem será o usuário do site ajuda a tomar decisões. Trace um perfil do leitor, sua cultura, hábitos e necessidades (na internet e fora dela).
  20. 20. Mapa do site • Entendendo qual o propósito da revista electrónica (ou impressa), quem vai fazer uso dele e o que as pessoas irão fazer quando o visitarem, vocês podem começar a analisar a informação que será oferecida, como deve ser acessada e o básico de como será exibida. Para melhor trabalhar a arquitetura de informação é usada uma combinação de mapa de site (ou sumário de matérias), fluxos de processo e rotas de usuário. Se construir o mapa do site estiver difícil divida o mapa em unidades menores. Os mapas ajudam a simplificar a experiência do usuário ao manter uma perspectiva ampla. • Marc Peter começa seus mapas de site com esboços no papel, antes de passá-los ao software e enviá-los aos outros membros da equipe.
  21. 21. • Devemos garantir que todos os elementos presentes em todas as páginas, como cabeçalho, logos, chamadas a ação, rodapés estejam listadas. Isso fornece uma ideia básica dos tipos de templates (diagramação de páginas) que o site (a revista) vai precisar, tal como 'home’ (capa), 'conteúdo geral', 'quem somos’ (editorial), e itens listados, que podem ser inseridos em wireframes que identificam a estrutura de cada template - e eficientemente, cada pagina do sítio. • Tudo isso evita um erro muito comum em site, que é a má estrutura de navegação. • Embora o planejamento tenha o seu lugar no início de todo e qualquer trabalho, o planejamento não termina com o início da produção. O plano é refeito a todo momento, o processo de criação é permanente.
  22. 22. Guia visual
  23. 23. A adequação da tecnologia • Como os sites atuais estão indo alem de simples textos e imagens estáticas, o planejamento deve levar em consideração componentes ricos em mídias: vídeos, animação, galerias de imagens que afetam a banda e precisam de ambientes de hospedagem específicos. E mesmo que o site seja estáticos ainda é preciso planejar como as actualizações poderão ser feitas no futuro.
  24. 24. BLOCOS de diagramação
  25. 25. Arquitetura da informação • Os wireframes são essenciais para trabalhar o design de interação, similar ao storyboard de um director de filme ou a diagramação de uma revista impressa. Eles permitem que você apresente ideias de forma visual e confira se elas fazem sentido antes que qualquer produção ou desenvolvimento comece. É mais fácil fazer as mudanças antes da revista estar pronta. • Com os wireframes trabalhamos os componentes gráficos inseridos na estrutura e nos aspectos funcionais do site, incluindo a linguagem do design - tipografia, cor e layout • Quando tudo estiver definido passamos, do planejamento para a ultima peça do quebra-cabeça: a tecnologia
  26. 26. Sumário • • • • • • • • • • • • • Estabelecer um diálogo entre quem encomendou a tarefa e os que vão executá–las. Definir em conjunto os objetivos do trabalho. Definir todas as tarefas a serem executadas. Estabelecer o calendário. Pesquisa de sites (revistas) similares. Definindo o público usuário da revista. Definir o que entra e o que não entra no trabalho. Desenhar o mapa do site. Criar o design - tipografia, cor e layout Determinar o conteúdo da revista electrónica e impressa. Escolher a tecnologia. Iniciar a produção da revista. Finalizar e publicar a revista • 2 Wireframes: download trial http://www.axure.com/features?gclid=CKyR9fHmjqwCFQSn7QodQFapoA • 3 Tean Nirvana (cores) http://teamnirvana.com/blog/how-to-choose-best-web-designing-color-combinations-forwebsites-and-blogs-from-10-online-applications-and-tools.html
  27. 27. A revista impressa Os passos para o projeto da revista aqui apresentado é o de uma revista digital. Para uma revista impressa os passos do desenvolvimento do projeto são muito semelhantes. Sigam a estrutura das revistas discutida em classe. Bibliografia consultada: Bomeny, Maria HelenaWerneck. O panorama dodesinggráfico contemporâneo: a construção a desconstrução e a nova ordem. – São Paulo: Ed. SENAC São Paulo, 2012 Revista WWW.COM.BR, no 104, 2009 http://es.wikipedia.org/wiki/Tipograf%C3%ADa https://www.google.com.br/search?rlz=1C5MACD_enBR509BR509&espv=210&es_sm=91&tbm=i sch&q=tipografia+impress%C3%A3o&revid=1510905574&biw=1000&bih=658&dpr=1
  28. 28. REVISTA AU http://au.pini.com.br/arquitetura-urbanismo/181/revista-au-ritmo-desenhado-130992-1.aspx
  29. 29. Revistas

×