01 design gráfico

29
Projeto da revista

Transcript of 01 design gráfico

Pro

jeto

da

revi

sta

Texto

Do ponto de vista da tipografia é

formado de palavras e as

palavras são formadas por letras.

Tipografia

É um processo industrial quetrabalha com um sistema designos: letras números, sinais,imagens. Tornou-se possível apartir da invensão dos tiposmóveis por Johannes Gutenberg(c. 1398-1468)

POEMA

TEXTO

TEXTO

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

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.

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 Lupton

DIAGRAMAÇÃO EM BLOCOS

Especial planejamentoO 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)

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.

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.

Planejando

• 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.

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).

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.

• 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.

Guia visual

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.

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 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

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-for-websites-and-blogs-from-10-online-applications-and-tools.html

A revista impressa

Os passos para o projeto da revista aqui apresentado éo de uma revista digital. Para uma revista impressa ospassos do desenvolvimento do projeto são muitosemelhantes. Sigam a estrutura das revistas discutidaem classe.

Bibliografia consultada:Bomeny, Maria HelenaWerneck. O panorama dodesinggráfico contemporâneo: a construção adesconstruçã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=isch&q=tipografia+impress%C3%A3o&revid=1510905574&biw=1000&bih=658&dpr=1

REVISTA AU

http://au.pini.com.br/arquitetura-urbanismo/181/revista-au-ritmo-desenhado-130992-1.aspx

Revistas