diagramação

Butterick’s Practical Typography

Uma super dica para quem lê inglês é visitar (e salvar nos favoritos) o site Butterick’s Practical Typography pois trata de múltiplos assuntos que envolvem tipografia e diagramação com conceitos e conselhos práticos sobre composição, escolha de fontes, boas práticas etc.

O site não se limita apenas aos produtos gráficos (impressos) como também fala de websites e como melhorar a tipografia para web.

O guia também apresenta um excelente glossário de termos e dá dicas inclusive sobre como melhorar um layout de alguns impresos comuns como:

Butterick

 

Butterick’s Practical Typography Read More »

Exercício final: justificativa das escolhas gráficas

Escrever um parágrafo (ou mais) no final do relatório (última folha)  que explique as escolhas gráficas realizadas para o design do relatório.

Objetivo: organizar o pensamento do projeto gráfico um texto que justifique as escolhas e opções para o layout do relatório.

Perguntas que ajudam a guiar a explicação

  1. Qual o motivo da escolha do formato, do papel, das famílias tipográficas, do layout/grid, das cores e outros elementos gráficos?
  2. Essas escolhas se relacionam de alguma maneira com o projeto?

Entrega: impresso na última página de relatório + online respondendo esse post

Prazo máximo para a entrega online: 28/06/2013

Atenção, na hora de responder o post não esquecer de colocar o nome da dupla de projeto!

Exercício final: justificativa das escolhas gráficas Read More »

Exercício 3 – Diagramação do sumário

Um sumário é o local onde estão listados as demais partes (capítulos, seções, listas, índices, anexos) de uma publicação.

Ao contrário de um índice, que é remissivo, ou seja, aparece no fim de uma publicação e tende a agrupar os temas por assunto (índice de autores, índice de palavras-chave, etc.) o sumário costuma listar apenas a estrutura da publicação. Por esse motivo é fundamental que em sua listagem apareçam as diferentes páginas em que as partes se encontram.

Exercício:

Utilizando apenas uma família tipográfica (escolham tipos legíveis apropriados para texto), experimentar três possibilidades diferentes de hierarquização da informação do sumário do relatório (ver conteúdo abaixo).  Algumas possibilidades são: variação de peso, corpo, largura, posicionamento, espaçamento.

ENTREGAR IMPRESSO!

O conteúdo do sumário será o seguinte:

Introdução; Contextualização; Objetivo do projeto; Experimentos; Partido adotado – conceito; Desenvolvimento; Construção;  Desenho do protótipo; Experimentações; Conclusão; Referencias bibliográficas;

OBS. para cada item, deve haver uma numeração de página respectiva (nesse caso será inventada).

Dúvidas deverão ser postadas e respondidas apenas no blog.

Objetivo do exercício: familiarizar-se com o conceito de hierarquização visual e as estratégias possíveis de diferenciação dos níveis do texto.

ATENÇÃO: EVITEM O USO DE IMAGENS NESSE EXERCÍCIO! 

Exercício 3 – Diagramação do sumário Read More »

Dicas para o relatório

Além do texto bem redigido e que seja capaz de expressar os diferentes momentos e o desenvolvimento do projeto, também é importante pensar o relatório como um produto de design e, que portanto,  deve possuir um projeto e uma produção cuidadosa.

Na G1 dei uma olhada nos relatórios e fiz anotações e observações para comentar com vocês. Aqui estão algumas delas:

O estilo visual do projeto é desenvolvido a partir do seu projeto

Lembrem-se disso: o projeto de vocês é único porque está sendo feito nessa relação. O produto que vai surgir, por mais parecido com outros, será único. Assim, favoreça a construção de uma identidade visual diferenciada para ele.

Portanto:

  • Não assuma a identidade visual da PUC, o brasão da universidade ou a marca não deve se destacar mais do que o seu projeto. Se quiser colocá-lo a qualquer custo, coloque-o discretamente na folha de rosto.
  • Não assuma a identidade visual do local: a academia, escola, hospital etc que vocês visitaram pode possuir um sistema de marca próprio. Entretanto a identidade do lugar não deve se sobrepor à identidade desse projeto.
  • Tome o produto como parâmetro veja a linguagem que está utilizando em seu produto, pense no público que se destina e tente traduzir em elementos gráficos de maneira a permitir o diálogo entre o relatório e o projeto.

 

Espaço desnecessário entre parágrafos

Um parágrafo pode ser separado de várias formas (Figura 1), mas geralmente nunca se usa duas linhas para separar um de outro. Ou seja, basta a quebra de linha e a definição do recurso para diferenciar o parágrafo (recuo ou espaço adicional).

 

Figura 1 - diferentes possibilidades de separação de parágrafos

Outra coisa importante é não usar dois recursos ao mesmo tempo, tal como recuo e espaço extra.

Dicas para o relatório Read More »

InDesign: criar arquivos e interface

Olá pessoal,

o InDesign é um programa especializado para o design editorial (livros, revistas, jornais). É um programa que auxilia bastante no controle detalhado de texto e imagem, além de possuir uma boa integração com outros programas da Adobe (Photoshop, Illustrator, etc.)

Esse é o primeiro vídeo de uma série que estou fazendo para ajudar vocês em casa, no laboratório ou no trabalho. Começo explicando algumas noções básicas sobre a interface e alguns detalhes importantes na hora de criar um documento. Em breve postarei mais vídeos.

InDesign: criar arquivos e interface Read More »

A regra dos terços

Quando falamos em composição, nos referimos à maneira como os elementos estão dispostos dentro de um enquadramento. Isso pode se referir a muitas coisas: fotografia, cinema, pintura, desenho, etc.

Se a noção de enquadramento é amplamente empregada nas artes visuais, no design gráfico não é menos importante. Quando fazemos uma peça gráfica – pôster, livro, revista, papel de carta, cartão de visitas, entre outros – estamos trabalhando com um suporte delimitado, normalmente em papel que terá suas dimensões definidas. Dentro deste suporte, organizaremos a informação (texto, imagem, texturas, cores, etc.).

A regra dos terços Read More »

Exercício 03 – Diagramação do sumário

Um sumário é a página onde estão listados as demais partes (capítulos, seções, listas, índices, anexos) de uma publicação.

Ao contrário de um índice, que é remissivo, ou seja, aparece no fim de uma publicação e tende a agrupar os temas por assunto (índice de autores, índice de palavras-chave, etc.) o sumário costuma listar apenas a estrutura da publicação. Por esse motivo é fundamental que em sua listagem apareçam as diferentes páginas em que as partes se encontram.

Exercício:

Utilizando apenas uma família tipográfica (escolham tipos legíveis apropriados para texto), experimentar três possibilidades diferentes de hierarquização da informação do sumário do relatório (ver conteúdo abaixo).  Algumas possibilidades são: variação de peso, corpo, largura, posicionamento, espaçamento.

ENTREGAR IMPRESSO!

O conteúdo do sumário será o seguinte:

Introdução; Contextualização; Objetivo do projeto; Experimentos; Partido adotado – conceito; Desenvolvimento; Construção; Desenho do protótipo; Experimentações; Conclusão; Referências bibliográficas; Agradecimentos.

OBS. para cada item, deve haver uma numeração de página respectiva (nesse caso será inventada).

Dúvidas deverão ser postadas e respondidas apenas no blog.

Exercício 03 – Diagramação do sumário Read More »

Dicas: diagramando o relatório

Na última aula notei que muitos alunos ainda tinha dúvidas sobre como fazer a grid ou organizar o layout do relatório.
Por esse motivo disponibilizo um PDF retomando alguns princípios e comentando alguns elementos básicos da diagramação (Tipografia, Alinhamento, Grid). Além disso, ao fim do PDF há alguns exemplos de relatórios feitos para essa disciplina.

Princípios para diagramação do relatório

Outro link que disponibilizo aqui é algumas dicas de diagramação.

Para quem sabe ler em inglês, fica de “lambuja” o link pro documento ensinando Encadernação Japonesa.

Dicas: diagramando o relatório Read More »

Identidade visual, tipografia, diagramação e naming

Pessoal, o designer Fabio Lopez (fez a caligrafia da marca das olimpíadas 2016), professor da colaboração de conteúdo semelhante em DSG1003 preparou um material sensacional sobre esses assuntos.

 

O material traz uma boa síntese das principais ideias de identidade visual (marcas, aplicações), tipografia, diagramação e naming (nome da marca).  Eu li o material e quis aproveitar para dividir com vocês, afinal está sendo muito bem comentado na web.

É bem provável que vocês sejam aluno dele quando chegarem no DSG1003, mas também é provável que se interessem pelo assunto antes, portanto estou dividindo o link com vocês. Sei que vão gostar!

Identidade visual, tipografia, diagramação e naming Read More »