Mudanças entre as edições de "Usuário:Pedro"
(→Projeto Gráfico: Manual de Orientação) |
|||
(16 edições intermediárias de um usuário não apresentadas) | |||
Linha 6: | Linha 6: | ||
== Exemplos de bons e maus designs == | == Exemplos de bons e maus designs == | ||
+ | |||
+ | http://stoa.usp.br/pedro/files/-1/718/bbb1.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 | ||
+ | |||
+ | 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 == | ||
− | ==Projeto Gráfico: Manual | + | http://stoa.usp.br/pedro/files/-1/712/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. | ||
+ | |||
+ | ==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 | ||
− | + | 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. |
Edição atual tal como às 21h50min de 25 de junho de 2007
Conteúdo[ocultar] |
[editar] Pedro Sorensen Menezes
[editar] Exemplos de bons e maus designs
[editar] Elementos do design: Contraste
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
[editar] Cor aprendida x cor apreendida
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
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.