Mudanças entre as edições de "Usuário:Pedro"

De Stoa
Ir para: navegação, pesquisa
(Cor aprendida x cor apreendida)
(Projeto Gráfico: Manual de Orientação)
 
(7 edições intermediárias de um usuário não apresentadas)
Linha 7: Linha 7:
 
== Exemplos de bons e maus designs ==
 
== Exemplos de bons e maus designs ==
  
http://stoa.usp.br/pedro/files/-1/709/hhh2.jpg
+
http://stoa.usp.br/pedro/files/-1/718/bbb1.jpg
  
http://stoa.usp.br/pedro/files/-1/710/hhh1.jpg
+
http://stoa.usp.br/pedro/files/-1/719/bbb2.jpg
  
 
== Elementos do design: Contraste ==
 
== Elementos do design: Contraste ==
  
 
http://stoa.usp.br/pedro/files/-1/711/hhh3.jpg
 
http://stoa.usp.br/pedro/files/-1/711/hhh3.jpg
 +
 +
Neste exemplo, vemos o contraste bastante acentuado em toda o ambiente ao redor da criança, o que distoa e deixa a criança em evidência. Logo, podemos perceber o contraste aparecendo em três níveis: em um primeiro momento no ambiente ao redor e em menor intensidade na figura do garoto, ao intensificar o contraste da imagem e deixa-la com um aspecto de queimada; Outro momento figura entre o esse ambiente "queimado" e a criança com menos intensidade, criando esse contraste e destacando a figura da criança; E, por fim, o contaste das cores que brinca com a questão do claro x escuro.
  
 
== Designer: El Lissitzky ==
 
== Designer: El Lissitzky ==
 +
 +
http://stoa.usp.br/pedro/files/-1/714/jjj2.jpg
 +
 +
http://stoa.usp.br/pedro/files/-1/715/jjj1.jpg
  
 
== Cor aprendida x cor apreendida ==
 
== Cor aprendida x cor apreendida ==
Linha 21: Linha 27:
 
http://stoa.usp.br/pedro/files/-1/712/hhh4.jpg
 
http://stoa.usp.br/pedro/files/-1/712/hhh4.jpg
  
==Projeto Gráfico: Manual Explicativo==
+
A língua que é tida como vermelha ao lado de um tecido teoricamente vermelho e o ovo em cima de um papel sulfite nos demonstram o quanto somos enganados pelo nosso cérebro mal-calibrado para reconhecer as cores que estamos olhando mas não as vendo.
 +
 
 +
==Projeto Gráfico: Manual de Orientação==
 +
 
 +
Projeto Gráfico
 +
 
 +
Manual de cuidados aos animais adotados nas ONGs de proteção.
 +
 
 +
 
 +
Briefing
 +
 
 +
Objetivo: O objetivo é criar um manual esclarecendo os cuidados que devem ser tomados por quem adquire um animal de estimação adotado nas ONGs. Deve ter linguagem simples e objetiva, de rápida leitura e aproveitamento. Deve ser feito de material leve porém resistente de forma que o leitor possa guardar para consultas posteriores.
 +
 
 +
Público-alvo: Pessoas de todas as idades e seguimentos da sociedade, que gostem de animais e que os adotem nas feiras de doação das ONGs de proteção.
 +
 
 +
Conteúdo do Manual: O conteúdo será informativo, com artigos sobre cuidados e conhecimento ao animal adquirido, assim como figuras alusivas às informações. Num total de 10 parágrafos com suas respectivas imagens.
 +
 
 +
Mensagem: Transmitir conhecimentos de higiene, responsabilidade e cuidados veterinários, além de informações de caráter curioso e dos direitos dos animais.
 +
 
 +
Resposta Esperada: Conscientização do leitor sobre as responsabilidades que traz ser dono de um animal e aprendizado de como melhor tratá-lo.
 +
 
 +
 
 +
Justificativa
 +
 
 +
O projeto foi desenvolvido baseando-se principalmente no elemento de simplificação de design, para gerar um aspecto clean e facilitar a leitura e compreensão da mensagem, extraindo do texto o que há de essencial.
 +
 
 +
 
 +
Tipografia
 +
 
 +
O Manual contém muito texto, pois sua finalidade é a de transmitir conhecimentos e informação aos leitores. O texto é o manual, as imagens são apenas uma forma de representação desses textos para melhor compreensão e didática de leitura. O texto deve possuir uma fonte clara e grande para que alcance os objetivos de leitura de pessoas mais idosas ou de menor escolaridade. A escrita deve ser simples, sem a utilização de realce, como do tipo Bold, para que fiquem com a aparência leve e não traga tensão à leitura. Não deve haver destaque no texto, mas sim nos títulos, para facilitar, como num dicionário, a busca da informação desejada. O texto estaria justificado e alinhado, ora próximo ao canto esquerdo, ora próximo ao canto direito da página. Para equilibrar o design dos textos com as figuras.
 +
 
 +
 
 +
Hierarquia tipográfica
 +
• Capa: Comic Sans, corpo 24, de característica divertida, na cor azul (Cian:40%).
 +
 
 +
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 +
abcdefghijklmnopqrstuvwxyz
 +
1234567890
 +
• Para os títulos dos capítulos: Comic Sans, corpo 22, na cor verde (Cian:20% e Yellow: 60%)
 +
 
 +
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 +
abcdefghijklmnopqrstuvwxyz
 +
1234567890
 +
• Os títulos dos temas abordados: Comic Sans , corpo 16, na cor cinza (K: 20%)., estilo regular.
 +
 
 +
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 +
abcdefghijklmnopqrstuvwxyz
 +
1234567890
 +
 
 +
• O texto: Arial Narrow, corpo 12, de aparência clean, justificado, na cor branca (0%, couché 120g/m2).
 +
 
 +
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 +
abcdefghijklmnopqrstuvwxyz
 +
1234567890
 +
 
 +
• Demais dados e informações: Arial Narrow, corpo 10 e 8, na cor cinza (K: 20%).
 +
 
 +
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 +
abcdefghijklmnopqrstuvwxyz
 +
1234567890
 +
 
 +
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 +
abcdefghijklmnopqrstuvwxyz
 +
1234567890
 +
 
 +
Entrelinha: 16pt.
 +
 
 +
 
 +
Dimensões do Manual
 +
 
 +
fechado: 21,0 x 21,0 cm = 595,14 x 595,14 pt.
 +
aberto: 21,0 x 42,0 cm = 595,14 x 1190,28 pt.
 +
 
 +
Sendo um manual, ele deve ser de fácil acesso de leitura, e visível onde quer que ele esteja, por isso o tamanho médio. Sua dimensão é semelhante a um quadrado perfeito de exatamente 21cm. Como seu recebimento seria unicamente através das feiras de doação das ONGs, ele poderia vir em embalagem plástica como a de revistas para preservar por mais tempo seu conteúdo e valorizar o recebimento de um manual novo, exclusivo de quem adquiri um animal abandonado.
 +
O formato de quadrado perfeito foi pensado propositalmente, já que este modelo causa um aspecto divertido e informal de propor a leitura de um manual. A utilização de cores seria o mais desejável possível para incentivar a leitura. As imagens inseridas ao lado dos parágrafos explicativos serviriam de auxílio e rápida compreensão dos textos. Suas dimensões acompanhariam o número de linhas do texto condizente.
 +
 
 +
 
 +
Margens e colunas
 +
 
 +
Margens: 1,5 cm ou 42,5 pt.
 +
Coluna: 8,0 cm ou 226,72 pt.
 +
 
 +
O manual mostra as figuras em posições respectivas à leitura de cada texto, porém as figuras trocam de lado, ora estarão no lado esquerdo do texto, ora estarão do lado direito, desta forma a leitura fica menos monótona e separa um tema abordado do outro. O design de corpo de fundo deve ser harmoniosamente condizente com as figuras e o tema abordado. O manual seria dividido em 3 capítulos cada qual contendo o número de 6 páginas o primeiro deles aborda o tema: Cuidados e responsabilidades, o segundo, Higiene e o terceiro Você Sabia? (contendo curiosidades sobre cães e gatos), sendo 2 páginas para capa e contra capa.
 +
Decidi não optar pela apresentação dos capítulos em página especialmente elaborada para este fim, já que o manual precisa aproveitar o espaço e otimizar as informações.
 +
 
 +
 
 +
GRID
 +
 +
 
 +
http://stoa.usp.br/pedro/files/-1/745/TF.jpg
 +
 
 +
 
 +
2 - Memorial de gráfica: Manual de Orientação
 +
 
 +
Suporte: papel branco couché de 120 g/m2
 +
 
 +
Processo de impressão: offset
 +
 
 +
Cores: 4 cores (CMYK)
 +
 
 +
Formato do papel original: 87 X 114 cm
 +
 
 +
Formato aberto: 21,0 x 42,0 cm.
 +
 
 +
Formato fechado: 21,0 x 21,0 cm.
 +
 
 +
Imagens e resolução: arquivos JPEG 300 dpi.
 +
 
 +
Tintas especiais: N/A
 +
 
 +
Processos especiais: N/A
 +
 
 +
Acabamento: refile.
 +
 
 +
Faca: N/A
  
===Briefing===
+
Encadernação: lombada canoa com grampo
  
===Projeto gráfico===
+
Capa: couché branco 180 g/m2
  
===Grids de aproveitamento de página===
+
Miolo: couché branco 120 g/m2
  
===Texto===
+
Distribuição: Via feiras de adoção de animais através de seus respectivos voluntários
  
==Memorial de gráfica: Manual Explicativo==
+
Tiragem: 1000 exemplares.

Edição atual tal como às 21h50min de 25 de junho de 2007


Conteúdo

 [ocultar

[editar] Pedro Sorensen Menezes

email here

[editar] Exemplos de bons e maus designs

bbb1.jpg

bbb2.jpg

[editar] Elementos do design: Contraste

hhh3.jpg

Neste exemplo, vemos o contraste bastante acentuado em toda o ambiente ao redor da criança, o que distoa e deixa a criança em evidência. Logo, podemos perceber o contraste aparecendo em três níveis: em um primeiro momento no ambiente ao redor e em menor intensidade na figura do garoto, ao intensificar o contraste da imagem e deixa-la com um aspecto de queimada; Outro momento figura entre o esse ambiente "queimado" e a criança com menos intensidade, criando esse contraste e destacando a figura da criança; E, por fim, o contaste das cores que brinca com a questão do claro x escuro.

[editar] Designer: El Lissitzky

jjj2.jpg

jjj1.jpg

[editar] Cor aprendida x cor apreendida

hhh4.jpg

A língua que é tida como vermelha ao lado de um tecido teoricamente vermelho e o ovo em cima de um papel sulfite nos demonstram o quanto somos enganados pelo nosso cérebro mal-calibrado para reconhecer as cores que estamos olhando mas não as vendo.

[editar] Projeto Gráfico: Manual de Orientação

Projeto Gráfico

Manual de cuidados aos animais adotados nas ONGs de proteção.


Briefing

Objetivo: O objetivo é criar um manual esclarecendo os cuidados que devem ser tomados por quem adquire um animal de estimação adotado nas ONGs. Deve ter linguagem simples e objetiva, de rápida leitura e aproveitamento. Deve ser feito de material leve porém resistente de forma que o leitor possa guardar para consultas posteriores.

Público-alvo: Pessoas de todas as idades e seguimentos da sociedade, que gostem de animais e que os adotem nas feiras de doação das ONGs de proteção.

Conteúdo do Manual: O conteúdo será informativo, com artigos sobre cuidados e conhecimento ao animal adquirido, assim como figuras alusivas às informações. Num total de 10 parágrafos com suas respectivas imagens.

Mensagem: Transmitir conhecimentos de higiene, responsabilidade e cuidados veterinários, além de informações de caráter curioso e dos direitos dos animais.

Resposta Esperada: Conscientização do leitor sobre as responsabilidades que traz ser dono de um animal e aprendizado de como melhor tratá-lo.


Justificativa

O projeto foi desenvolvido baseando-se principalmente no elemento de simplificação de design, para gerar um aspecto clean e facilitar a leitura e compreensão da mensagem, extraindo do texto o que há de essencial.


Tipografia

O Manual contém muito texto, pois sua finalidade é a de transmitir conhecimentos e informação aos leitores. O texto é o manual, as imagens são apenas uma forma de representação desses textos para melhor compreensão e didática de leitura. O texto deve possuir uma fonte clara e grande para que alcance os objetivos de leitura de pessoas mais idosas ou de menor escolaridade. A escrita deve ser simples, sem a utilização de realce, como do tipo Bold, para que fiquem com a aparência leve e não traga tensão à leitura. Não deve haver destaque no texto, mas sim nos títulos, para facilitar, como num dicionário, a busca da informação desejada. O texto estaria justificado e alinhado, ora próximo ao canto esquerdo, ora próximo ao canto direito da página. Para equilibrar o design dos textos com as figuras.


Hierarquia tipográfica • Capa: Comic Sans, corpo 24, de característica divertida, na cor azul (Cian:40%).

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 • Para os títulos dos capítulos: Comic Sans, corpo 22, na cor verde (Cian:20% e Yellow: 60%)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 • Os títulos dos temas abordados: Comic Sans , corpo 16, na cor cinza (K: 20%)., estilo regular.

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

• O texto: Arial Narrow, corpo 12, de aparência clean, justificado, na cor branca (0%, couché 120g/m2).

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

• Demais dados e informações: Arial Narrow, corpo 10 e 8, na cor cinza (K: 20%).

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Entrelinha: 16pt.


Dimensões do Manual

fechado: 21,0 x 21,0 cm = 595,14 x 595,14 pt. aberto: 21,0 x 42,0 cm = 595,14 x 1190,28 pt.

Sendo um manual, ele deve ser de fácil acesso de leitura, e visível onde quer que ele esteja, por isso o tamanho médio. Sua dimensão é semelhante a um quadrado perfeito de exatamente 21cm. Como seu recebimento seria unicamente através das feiras de doação das ONGs, ele poderia vir em embalagem plástica como a de revistas para preservar por mais tempo seu conteúdo e valorizar o recebimento de um manual novo, exclusivo de quem adquiri um animal abandonado. O formato de quadrado perfeito foi pensado propositalmente, já que este modelo causa um aspecto divertido e informal de propor a leitura de um manual. A utilização de cores seria o mais desejável possível para incentivar a leitura. As imagens inseridas ao lado dos parágrafos explicativos serviriam de auxílio e rápida compreensão dos textos. Suas dimensões acompanhariam o número de linhas do texto condizente.


Margens e colunas

Margens: 1,5 cm ou 42,5 pt. Coluna: 8,0 cm ou 226,72 pt.

O manual mostra as figuras em posições respectivas à leitura de cada texto, porém as figuras trocam de lado, ora estarão no lado esquerdo do texto, ora estarão do lado direito, desta forma a leitura fica menos monótona e separa um tema abordado do outro. O design de corpo de fundo deve ser harmoniosamente condizente com as figuras e o tema abordado. O manual seria dividido em 3 capítulos cada qual contendo o número de 6 páginas o primeiro deles aborda o tema: Cuidados e responsabilidades, o segundo, Higiene e o terceiro Você Sabia? (contendo curiosidades sobre cães e gatos), sendo 2 páginas para capa e contra capa. Decidi não optar pela apresentação dos capítulos em página especialmente elaborada para este fim, já que o manual precisa aproveitar o espaço e otimizar as informações.


GRID


TF.jpg


2 - Memorial de gráfica: Manual de Orientação

Suporte: papel branco couché de 120 g/m2

Processo de impressão: offset

Cores: 4 cores (CMYK)

Formato do papel original: 87 X 114 cm

Formato aberto: 21,0 x 42,0 cm.

Formato fechado: 21,0 x 21,0 cm.

Imagens e resolução: arquivos JPEG 300 dpi.

Tintas especiais: N/A

Processos especiais: N/A

Acabamento: refile.

Faca: N/A

Encadernação: lombada canoa com grampo

Capa: couché branco 180 g/m2

Miolo: couché branco 120 g/m2

Distribuição: Via feiras de adoção de animais através de seus respectivos voluntários

Tiragem: 1000 exemplares.

Ferramentas pessoais

Variantes
Ações
Navegação
Imprimir/exportar
Ferramentas